1.前言
現如今科技進步，足不出戶盡曉天下事，一轉身便仿若隔世茫然，科技綻放時代，網路技術對人們的觸變無疑是深遠而重大的，隱于繽紛絢麗的網頁背后，是前端的蛻變更新，
如今，隨意點開頁面，絢麗華彩的特效及流暢的用戶體驗，是以前始料未及的，從切圖到框架，從組件到模塊，從簡單到系統，前端漸成一方世界，
2.歷史
1989年，出于地域交流不便，歐洲粒子物理實驗室研發出一套遠程資源共享系統，該系統基于瀏覽器實作文本資訊的交換，萬維網(www，即world wide web)誕生，
1993年，伴隨萬維網的萌芽，超文本標記語言(html，即HyperText Markup Language)順勢誕生，語意化標簽讓頁面結構清晰簡潔，
1994年，關于html標準化的萬維網聯盟(w3c，即world wide web consortium)建立，從此拉開萬維網標準化規范化的革命歷程，
在html的歷史里，有兩大版本值得注意，html 4.01版本(1999年)，html 5版本(2008年)，盡管路不同起，但在各自的時代里舉足輕重，
盡管不在編程語言的范疇里，但它作為一門標記語言，負責頁面的結構及語意，用正確的標簽解釋正確的頁面結構，所及即所得，是html較為容易上手的的一點，從標簽入手很快便能寫出可讀可維護的頁面，
3.檔案
網頁丶頁面及檔案，通俗地說，可以理解為同一事物，檔案分型別，除html型別外，還有xml，xhtml等型別，相較來說 html 型別的檔案較為常見，
檔案宣告(DTD，即Document Type Denifition)，宣告頁面的檔案型別及版本，檔案宣告的意義是讓瀏覽器能正確識別檔案型別，并呼叫相應的處理引擎處理該檔案，
如今的html，逐漸撇棄html4.01全面擁抱html 5，但有時仍需做兼容處理，在此介紹該兩個版本的兩種不同宣告方式:
//html 4.01檔案宣告：w3c標準，寫法繁瑣但兼容性較好，
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
//html 5檔案宣告：去除部分非語意化標簽，新增部分語意化標簽，簡潔清晰，
<!doctype html>
4.結構
<html>為檔案根標簽，除檔案宣告外，檔案所有內容均包含在<html>標簽里，而html標簽及其內容組成的元素成為為根元素，
根元素下，包含<head>及<body>兩大標簽：
<head>即頭部標簽，主要包含檔案的元資料及各類宣告，如字符編碼，圖示，樣式表，腳本等，該元素內容通常不會在頁面中直接顯示，但對檔案的決議及處理非常關鍵；
<body>即主體標簽，負責頁面內容的展示，該元素內的內容便是我們在瀏覽器里所看到的內容
元素：語法概念，由標簽丶內容及屬性組成，以元素為語法單位可以有更直觀的感受，
標簽：主要語法結構，可分為單標簽及雙標簽，<hr>為單標簽，而<a></a>為雙標簽(其中<a>為開始標簽，</a>為結束標簽)，
內容：即雙標簽內的內容，單標簽沒有元素內容(或說沒有直接內容)，
屬性：存在于開始標簽內，以鍵值對的形式存在，布林值型別的屬性可以省略值，如hidden，
以下，以某元素為例解釋下元素的組成內容：
<a href=https://www.cnblogs.com/juetan/p/"http://www.html.com">Hello,World為元素，<a></a> 為標簽; Hello,World 為元素內容，href=https://www.cnblogs.com/juetan/p/"http://www.html.com"為元素屬性，
5.標簽
隨著html5的普及，語意化撰寫顯得愈來愈重要，從前可以是span+div的格局，或table+font的布局，如今卻是難以支撐，時代在進步，技術在迭代，身處變革環境里的我們同樣需要緊隨科技的步伐，
從作用來講，語意化有助于盲視者的聽力理解，也利于搜索引擎的爬取，同時也利于日后代碼的維護，踏過html4.01的時代，html 5包含更多語意化的標簽，未來也許還會增加，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/31395.html
標籤：Html/Css
上一篇：使用 Apache SSI(Server Side Includes) 制作多語言版靜態網頁
下一篇：[03]HTML基礎之行內標簽