标签语义化:标签有本身的含义,浏览器或者程序员一看就知道是什么。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语义化特性的一些理解。程序员