标签语义化:标签有自己的含义,浏览器或者程序员一看就知道是什么。
语义化标签有:
// 标签 描述
// <hrader></header> 定义了文档的头部区域
// <footer></footer> 定义了文档的尾部区域
// <nav></nav> 定义文档的导航
// <section></section> 定义文档中的节(section、区段)
// <article></article> 定义页面独立的内容区域
// <aside></aside> 定义页面的侧边栏内容
// <detailes></detailes>用于描述文档或文档某个部分的细节
// <summary></summary> 标签包含 details 元素的标题
// <dialog></dialog> 定义对话框,比如提示框
一些浏览器可能对新的语义标签并不支持,比如IE8。(有一种需求叫支持IE的需求)
解决方法:引入外部的html5shiv.js文件可以解决标签在IE8中不兼容问题,详情请直接看代码。
<!DOCTYPE html>
<html >
<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语义化特性的一些理解。