html5語義化標籤特性

標籤語義化:標籤有本身的含義,瀏覽器或者程序員一看就知道是什麼。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語義化特性的一些理解。程序員