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语义化特性的一些理解。程序员