IT兄弟連 HTML5教程 HTML5的基本語法 了解HTML及運行原理

• 2019 年 10 月 7 日
• 筆記

版權聲明：本文為部落客原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。

本文鏈接：https://blog.csdn.net/ITXDL123/article/details/101192099

了解HTML

HTML（HyperText Marked Language）即超文本標記語言，是一種用來製作超文本文檔的簡單標記語言。我們在瀏覽網頁時看到的一些豐富的影像、文字、圖片等內容都是通過HTML表現出來的。用HTML編寫的超文本文檔稱為HTML文檔，它能獨立於各種作業系統平台，一直被用作WWW（萬維網）的資訊表示語言。對於網站軟體開發人員來講，如果不涉及HTML語言是不可能的。

Ø　所謂超文本，是因為它不僅是可以加入文字的文本文件，還是可以加入鏈接、圖片、聲音、動畫、影視等內容的文本文件。使用HTML語言描述的文件，需要通過Web瀏覽器顯示出效果。HTTP協議的制定使瀏覽器在運行超文本時有了統一的規則和標準。

Ø　所謂標記語言，是在純文本文件裡面包含了HTML指令程式碼。這些指令程式碼並不是一種程式語言，它只是一種排版網頁中資料顯示位置的標記結構語言，易學易懂，非常簡單。在HTML中每個用來作為標籤的符號都是一條命令，它告訴瀏覽器如何顯示文本。這些標籤均由「<」和「>」符號，以及一個字元串組成。而瀏覽器的功能是對這些標記進行解釋後，顯示出文字、影像、動畫或播放聲音。

Ø　HTML文件必須使用.htm或者.html作為文件擴展名，推薦使用.html是比較安全的做法。

雖然HTML語言對於製作一般的網頁完全可以勝任，但為了網頁的美觀和與用戶具有交互性的效果，還需要用到CSS和JavaScript等網頁製作技術。CSS是層疊樣式表，是網頁頁面排版樣式標準，能夠將格式和結構分離，使瀏覽器的介面更加友好。JavaScript是一種描述性腳本語言，和CSS一樣可以嵌入到HTML中，在客戶端電腦中執行。JavaScript是具有交互性的Web設計的最佳選擇，也是瀏覽器普遍支援的語言。所以HTML、CSS和JavaScript三項技術結合使用，才是網頁設計及製作靜態網頁的核心。

了解HTML運行原理

HTML是目前網路上應用最為廣泛的語言，也是構成網頁文檔的主要語言。HTML只不過是組合成一個文本文件的一系列標籤，編寫HTML程式碼就是在編輯純文本文件，但HTML是一種規範，需要通過添加特定的標記符，組成的描述性文本，可以說明文字、圖形、動畫、聲音、表格、鏈接等，告訴瀏覽器如何顯示網頁，即確定內容的格式。HTML的結構包括頭部、主體兩大部分，其中頭部描述瀏覽器所需的資訊，而主體則包含所要說明的具體內容。瀏覽器按順序閱讀HTML文件，然後根據內容周圍的HTML標記符解釋和顯示各種內容，這個過程叫做語法分析。如圖所示：

圖 瀏覽器解析HTML文件顯示結果

HTML是網路的通用語言，一種簡單、通用的全置標記語言，HTML程式碼文件在本地和從伺服器中下載到本地用瀏覽器打開效果是一樣的。通常開發階段都是在本地編寫的程式碼自己直接用瀏覽器打開查看效果，而網站上線則是將所有文件上傳到Web伺服器，所有人都可以通過網址訪問Web伺服器中的網頁，將HTML文件下載到本地再用瀏覽器打開瀏覽網頁內容。HTML中的超文本功能，也就是超鏈接功能，使網頁之間可以鏈接起來。網頁與網頁的鏈接構成了網站，而網站與網站的鏈接就構成了多姿多彩的互聯網。