Day30：【技术篇】架设网站的基本知识
一、前言
昨天发文後，马上收到系统罐头通知，终於熬到这一天了(我好兴奋啊啊啊！)终於要完成人生首次铁人帮比赛的挑战了！
最後一天的主题，决定回归到新手全端工程师，必知的环节上去做讨论。大家要架设网站，一定都会去做一些功课、学习基本知识，但大家知道网站与 HTML 的架构真实为何吗？
二、网站的架构
平常浏览的网站，是如何建立起来的？
| 项次 | 专有名词 | 定义 |
|---|---|---|
| 1 | 网际网路(Internet) | 是能让全球的电脑连线、交换各种资料的网路系统。 |
| 2 | 全球资讯网(World Wide Web，Web) | 是一套可藉由超连结将分散於全球各地的多媒体资料，加以整合应用的资讯系统。 |
| 3 | 网站(Website) | 在全球资讯网(Web)中，用 HTML 等工具制作的网页集合。 |
| 4 | 网址(URL) | 格式固定，而每个部分都有各自的功用。如： http://test.com/sample/hello.html 对应为：通讯协定://网域名称/目录名称/档案名称.副档名 |
三、HTML 档案的架构
| 项次 | 专有名词 | 定义 |
|---|---|---|
| 1 | <!doctype html> |
「Doctype宣告」，说明使用哪种版本、类型的 HTML。 |
| 2 | <html>~</html> |
通常紧接在 Doctype 後面，说明档案是 HTML 文件。 |
| 3 | <head>~</head> |
描述网页的标题、说明与常见的外部使用连结等。 |
| 4 | <title>~</title> |
网页的标题文字。 |
| 5 | <body>~</body> |
是 HTML 文件的主体，实际显示在网页上。 |
| 6 | <meta charset="UTF-8" |
是文字的编码格式设定为UTF-8的意思，是必要性的存在值。 |
| 7 | <meta name="description" content="~"> |
「meta」标签用来描述内容概要和关键字，不会显示在浏览器内容，但有助於使用者搜寻时可瞬间判断。 |
四、结论与自我鼓励
其实当全端工程师也半年了，虽然工作上很多时间都很匆忙，且要顾及非常多层面的案件进度，能额外学习时间很短很少，但也只能尽力把握空档补足不足之处。本篇文章参考之书籍，是公司提供给新人与UI看的入门书籍，我觉得写得非常浅显易懂，回头看当复习也是很不错！
今天是铁人赛的最後一天，在此要感谢在培训营给我很多正确观念与知识的龙哥与其他专业讲师和助教，还有工作上一直提供我机会学习各样事务的主管XD，最後，要感谢我的男友，鼓励我陪伴我度过了这30天，中间历经了东部小旅行与妈妈的手术住院回诊等，如果没有他的每篇留言与支持(外行的忠实小粉丝，留言都很可爱♡)，我想我会半途而废吧？总之，恭喜自己第一次参赛，就成功完成挑战，期待收到奖状的一天！
⚑ 点此观看我的全系列文章 ⚑
本文同步发布於我的个人网站 Annie Code Life
>>: TypeScript | namespace 心得纪录
Day11 - Stack and Queue
大家好，我是长风青云。今天是铁人赛第十一天。 成功请到Siri男却无法讲动画，我想想有什麽题目适合他...
How to set video ringtone in mobile?
Today mobile technology has become so advanced tha...
Swift纯Code之旅 Day23. 「切割TableView(2) - 客制化TableViewHeader」
前言 昨天我们已经使用TableView的「titleForHeaderInSection()」将T...
DAY26 深度学习-卷积神经网路-Yolo V1
接续昨天的文章，今天介绍一下Yolo v1的Loss Function，由於在训练的时候我们当然希...
GPU程序设计(3) -- 矩阵运算
前言 GPU卡原来是针对游戏开发及显示加速的设计的，後来才扩散至挖矿、深度学习...等其他领域，而游...