標籤語義化:標籤有本身的含義,瀏覽器或者程序員一看就知道是什麼。javascript
語義化標籤有:html
// 標籤 描述 // <hrader></header> 定義了文檔的頭部區域 // <footer></footer> 定義了文檔的尾部區域 // <nav></nav> 定義文檔的導航 // <section></section> 定義文檔中的節(section、區段) // <article></article> 定義頁面獨立的內容區域 // <aside></aside> 定義頁面的側邊欄內容 // <detailes></detailes>用於描述文檔或文檔某個部分的細節 // <summary></summary> 標籤包含 details 元素的標題 // <dialog></dialog> 定義對話框,好比提示框
一些瀏覽器可能對新的語義標籤並不支持,好比IE8。(有一種需求叫支持IE的需求)html5
解決方法:引入外部的html5shiv.js文件能夠解決標籤在IE8中不兼容問題,詳情請直接看代碼。java
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <!-- 爲了解決h5標籤在IE中兼容的問題,須要引入了外部的html5shiv.js文件。 對於自己就支持這些標籤的瀏覽器(好比:谷歌),就沒有必要加載這個html5shiv.js文件。 --> <!-- 若是瀏覽器小於IE8就執行裏面的代碼, 該代碼只針對IE瀏覽器生效。 --> <!--[if lte IE 8]> <script src="./libs/html5shiv.js"></script> <![endif]--> <body> <header>我是頭部</header> </body> </html>
以上即是博主對HTML5語義化特性的一些理解。程序員