认识 HTML

HTML 是所有网页的基础，不论是透过软件设计网页，还是直接撰写程序码，甚至是透过后端服务器产生网页，最后都一定是透过 HTML 来呈现，而且因为 HTML 属于“标记语言”，只要熟悉规则，就可以非常快速的做出一个简单的网页。

快速导览：

• HTML 是什么？
• HTML5 又是什么？
• 查看 HTML 文件
• HTML 和 CSS、JavaScript 的关系

HTML 是什么？

HTML 又称作超文本标记语言 ( HyperText Markup Language )，从字面上来看是一种“透过文字进行标记的语言”，意思是指“透过不同的元素标记出整个网页架构”，不同的元素在网页中拥有各自不同的意义，例如标记表格的元素负责呈现表格结构，标记清单的元素负责呈现清单的长相，标记图片或影片的元素则可以在网页里显示图片或影片。

HTML 是所有网页的基础，不论用何种程序开发网页，最终输出的结果一律使用 HTML 呈现，只要是网页里可以看到的任何东西，例如图片、影片、音乐、地图、图表...等，都是使用 HTML 呈现，但有些元素需要额外搭配 CSS 或 JavaScript 辅助，才能达到更理想的效果。

HTML5 又是什么？

HTML5 是 2014 年 10 月所推出的 HTML 最新修订版本，广义的 HTML5 时，指的是涵盖 HTML、CSS 和 JavaScript 的一套技术组合，HTML5 加入了许多新的语法，其中包括 video、audio 和 canvas 元素，搭配 SVG 内容之后，使得许多影音图形效果，能够更完美的在网页中呈现。此外，HTML5 也加入许多新的标签，例如 section、main、header、nav...等，透过标签文字的提示，让网页更具结构性与可读性。

目前所有的主流浏览器都支援 HTML5，大多数的网站也都使用 HTML5 的规范进行网页的开发，也因为 HTML5 的出现，原本像是透过 flash 等动画软件所设计的网页也都逐渐淘汰，网页 HTML 也变成了目前主流的学习项目之一。

查看 HTML 文件

单纯的 HTML 网页编辑完成后 ( 不是后端动态产生的网页 )，透过任何一个浏览器 ( Chrome、Firefox、Safari...等 )，都可以打开 HTML 文件，通常只要用鼠标在该文件上方连点两下，电脑就会使用默认的浏览器打开。

但如果要使用不同的电脑或移动设备浏览，就必须将 HTML 上传到“网页空间”，过去在网页刚起步的年代，网页空间非常盛行，随着时空环境移转，各个网页空间开始逐渐凋零，因此除了自己架设在本机网页环境，免费网页空间可能要参考 Google Blogger、WordPress.com、Github...等服务，或是使用付费的网页空间服务。

HTML 和 CSS、JavaScript 的关系

虽然 HTML 可以独立建构出一个网页，但通常需要搭配 CSS 与 JavaScript，才能完整建构出一个视觉与功能兼具的网页。如果将整个网页看作是一个“人”，HTML 和 CSS、JavaScript 的关系如下表所示：

• HTML：静止的“全裸人体”( 纯粹网页架构和内容 )。
• CSS：替全裸的人体加上“肤色、发色、化妆、衣物...等”装扮 ( 增加颜色、样式、动画效果...等 )，CSS 教学参考：CSS 教学。
• JavaScript：赋予“认知能力、社交能力、互动能力...等”超能力 ( 互动程序、各种服务串接、后端串接、...等 )。

小结

HTML 虽然看起来是程序语言，但实际上却是“标记语言”的一种，只要熟悉规则，就可以很快速的掌握其开发技巧，而且所有的网页都是由 HTML 构成，只要熟悉 HTML，就可以更轻松的跨入网页设计或网页开发的领域！

意见反馈