參加前端培訓學習的小伙伴一定都知道,學習前端課程,首先一定會學習HTML標簽以及它的基礎結構,HTML基礎結構是非常重要的,他是寫網頁的必須內容,也是很多人容易忽略的一點,下邊我們來簡單介紹一下。


基本結構
HTML的文件后綴名為.html,下面是一個HTML文檔的基本結構。
<!DOCTYPE html> :用于聲明、告訴瀏覽器當前是一個 HTML 文檔
<html lang=”zh-cn”> :HTML 文檔開始 | 中文聲明
<head> </head> :頭部區域
<body> </body> :主體區域
</html> :HTML 文檔結束
頭部區域
HTML的頭部區域 head 用于定義一些網頁的初始化工作,例如網頁的標題、文檔的編碼、載入JavaScript、CSS文件等…
<head> <meta charset=”utf-8″> :文檔編碼
<meta name=”description” content=”簡明教程是一個有趣的知識庫“>: 網頁描述
<title>說明網頁內容</title> :網頁標題
</head>
其中title標簽定義的網頁標題顯示在瀏覽器頂部窗口的標簽欄,而meta ~ description定義的網頁描述是不可見的,它用于告訴搜索引擎的爬蟲機器人,當前頁面主要的內容,適當的時候搜索引擎會給你相關詞匯的搜索排名,類似的標簽還有meta ~ keyword、meta ~ author。
主體區域
HTML的主體區域 body 是瀏覽器的視窗區域,在這個區域寫入的任何內容,都會在瀏覽器中顯示。
<body> <p>當前是一個內容段落 </p> </body>
標簽形式
每個以<>符號組成的元素成為一個HTML標簽,其中又分為 單標簽 和 雙標簽。
標簽屬性
標簽的形式除了有單雙之外,還包括了屬性,通常是作為標簽功能的補充。
<html lang=”zh-cn”> : lang=”” 就是標簽的屬性 | 而 zh-cn 稱為屬性值
嚴格類型
HTML并不是嚴格類型的語言,擁有一定的容錯機制,當我們把標簽寫錯的時候,瀏覽器并不會直接報錯不顯示了,而是根據自己的理解去解析錯誤的內容。
<hr /> : 單標簽的自閉合寫成 <hr> 也能完成正確顯示
<p </p> : 忘記寫了一個 > 號 可能也會解析正確,也可能段落的內容被錯位顯示
代碼注釋
HTML用于注釋標簽是
<!– 這是一段注釋內容 –>
版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。