html新增标签header nav main article aside section footer（带图解）和ie9以下浏览器的兼容问题（两种方法）

最新推荐文章于 2022-04-08 14:54:53 发布

silence^

最新推荐文章于 2022-04-08 14:54:53 发布

阅读量1k

点赞数 2

本文链接：https://blog.csdn.net/lyclyc_/article/details/107176319

版权

html5兼容问题：最新版本的Safari Chrome Firefox 以及Opera支持部分HTML5特性，ie9支持某部分ＨＴＭＬ５特性，ｉｅ９以下浏览器都不支持新增ｈｔｍｌ５标签。

html5新增标签放置位置图解：
代码如下（此处有ie9以下浏览器兼容的第一种解决办法）：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // IE9以下浏览器的兼容问题
        // 创建的标签默认为行级，所以使用的时候如果需要的话应该转块级。
        document.createElement("header");
        document.createElement("nav");
        document.createElement("main");
        document.createElement("aside");
        document.createElement("article");
        document.createElement("section");
        document.createElement("footer");
    </script>
    <style>
        * {
   
            margin: 0;
            padding: 0;
        }
        
        header,
        nav,
        main,
        aside,
        article,
        section,
        footer {
   
            display

最低0.47元/天解锁文章

silence^

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
html新增标签header nav main article aside section footer（带图解）和ie9以下浏览器的兼容问题（两种方法）

html5兼容问题：最新版本的Safari Chrome Firefox 以及Opera支持部分HTML5特性，ie9支持某部分ＨＴＭＬ５特性，ｉｅ９以下浏览器都不支持新增ｈｔｍｌ５标签。html5新增标签放置位置图解：代码如下（此处有ie9以下浏览器兼容的第一种解决办法）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view
复制链接

扫一扫