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>

  • 相关阅读:
    Jsp自学2
    Jsp自学1
    .NET资源泄露与处理方案
    版本控制简介和工具
    中文操作
    获取windows操作系统所有用户
    .NET单例模式快速学习应用
    .NET多线程知识快速学习
    安装&卸载Windows服务
    扫雷小游戏-纯网页版
  • 原文地址:https://www.cnblogs.com/blogforly/p/5645225.html
Copyright © 2011-2022 走看看