zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    228. Summary Ranges
    227. Basic Calculator II
    224. Basic Calculator
    222. Count Complete Tree Nodes
    223. Rectangle Area
    221. Maximal Square
    220. Contains Duplicate III
    219. Contains Duplicate II
    217. Contains Duplicate
    Java编程思想 4th 第4章 控制执行流程
  • 原文地址:https://www.cnblogs.com/blogforly/p/5645225.html
Copyright © 2011-2022 走看看