Html5语义化标签兼容旧版本浏览器

最新推荐文章于 2021-05-31 03:42:10 发布

VIP文章 MainJay

最新推荐文章于 2021-05-31 03:42:10 发布

阅读量398

点赞数

分类专栏： My前端文章标签：前端基础

本文链接：https://blog.csdn.net/weixin_42504952/article/details/89926942

版权

html5中常用的语义化标签：<header>：头部定义section或page的页眉、<footer>：定义section或page的页脚、<aside>：定义页面内容之外的内容、<article>：定义文章、<section>：定义部分、<nav>：定义导航链接.

这些语义化标签是h5独有的新特性，使我们的代码更加的规范。但是这些标签对老版本的浏览器(如：ie6/7/8)就不支持了,怎么办呢?当然我们可以认怂，不用。。。但是我们摆脱不了不得不用的情况，接下来听我说...

第一种方式：

浏览器不认识这个标签<header> ，我们就可以写js的方式让你认识，创建出来header这个元素，你不认识，我创建出来让你认识。这个时候需要把css的显示属性display改成block。见代码

<!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>
    <style>
        header{
            /* display改成块元素

最低0.47元/天解锁文章

MainJay

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html5语义化标签兼容旧版本浏览器

html5中常用的语义化标签：<header>：头部定义section或page的页眉、<footer>：定义section或page的页脚、<aside>：定义页面内容之外的内容、<article>：定义文章、<section>：定义部分、<nav>：定义导航链接.这些语义化标签是h5独有的新特性，使我们的代码更加的规范...
复制链接

扫一扫