码迷,mamicode.com
首页 > Web开发 > 详细

Html5浏览器支持

时间:2017-04-21 19:20:17      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:figure   完整   pad   ade   type   更新   add   google   document   

HTML5 浏览器支持
把 HTML5 元素定义为块级元素
语义块级displayblock实例
header, section, footer, aside, nav, main, article, figure { display: block; }
 
向 HTML 添加新元素
<myHero>实例
<!DOCTYPE html>
<html>
<head>
<title>Creating an HTML Element</title>
<script>document.createElement("myHero")</script>
<style> myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; } </style>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<myHero>My First Hero</myHero>
</body>
</html>
document.createElement("myHero")
完整的 Shiv 解决方案
实例
<!DOCTYPE html>
<html>
<head>
<title>Styling HTML5</title>
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<h1>My First Article</h1>
<article> London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. </article> </body>
</html>
 
 
 
 这是最基本的,后续更新!

Html5浏览器支持

标签:figure   完整   pad   ade   type   更新   add   google   document   

原文地址:http://www.cnblogs.com/lihaolh/p/6744808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!