• HTML5新增的语义标签和IE版本低的兼容性问题


    <!DOCTYPE html>
    <html>
    <head>
    <!-- HTML5中浏览器兼容(较低版本的IE浏览器不支持H5的布局):需要在<head>中加入
    <!-[if lt IE9]><script src="html5.js"></script><![endif]->(html5.js是外部引入文件),
    在head中的<style></style>中加入section、article、header、footer、aside等标签的样式属性,
    如section {660px;margin:0 auto}。注意:如果加兼容性的判断的话,需要加完整的html、head、body等标签。-->
    <!-[if lt IE9]>
    <script src="html5.js"></script>
    <![endif]->
    <meta charset="utf-8" />
    <title>布局示范</title>

    <style>
    section {660px;margin:0 auto}
    article {500px;float:left}
    header {100%;background:#ddd;text-align:center}
    footer {100%;background:#ddd}
    aside {150px;float:right}
    </style>
    </head>
    <body>
    这是HTML5!!!<br />
    <section>这是h5</section>
    <section>这是h5</section>
    <section>这是h5</section>
    <section>这是h5</section>

    <footer>这是脚</footer>
    <footer>这是脚</footer>
    <footer>这是脚</footer>
    <footer>这是脚</footer>
    </body>
    </html>

  • 相关阅读:
    SSM:Spring整合SpringMVC框架
    SSM:搭建整合环境
    SpringMVC:常用注解
    SpringMVC的入门案例
    base64
    windows设置exe开机自启动
    Python-wmi模块
    Base64String转为图片并保存
    java给图片添加水印图片
    uni-app中封装axios请求
  • 原文地址:https://www.cnblogs.com/blogforly/p/5645225.html
Copyright © 2020-2023  润新知