html5语义化标签特性

版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/hui_3_6/article/details/84679256

标签语义化:标签有自己的含义,浏览器或者程序员一看就知道是什么。

语义化标签有:header(头部)、nav等

一些浏览器可能对新的语义标签并不支持,比如IE8。(有一种需求叫支持IE的需求)

解决方法:引入外部的html5shiv.js文件可以解决标签在IE8中不兼容问题,详情请直接看代码。

<!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语义化特性的一些理解。如博主理解理解有误,敬请大神不吝赐教,给予指正;如理解正确,希望能帮助到需要帮助的人。

猜你喜欢

转载自blog.csdn.net/hui_3_6/article/details/84679256
今日推荐