html5自从推广普及以来,迅速被各大浏览器支持。采用html5设计的网页逐渐成为网页设计的时尚。下面就温习下html5的新增标签。
HTML 5 中的新特性包括了嵌入音频、视频和图形的功能,客户端数据存储,以及交互式文档。
HTML 5 还包含了新的元素,比如:<nav>, <header>, <footer> 以及 <figure> 等等。
HTML 5 工作组包括:AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, 以及数百个其他的供应商。
1.<!DOCTYPE HTML>
2.<article>
<header><a href="#">文章标题</a></header>
<aside>作者:壁虎 日期:2014-02-28 评论:255</aside>
<br /> 文章简述:7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, Apple announced the release of Safari 5 for Windows and Mac文章简述......
</article>
3.<aside></aside>
4.插入图片:
<figure>
<figcaption>图片标题</figcaption>
<img src="#"/><p>图片描述...</p>
</figure>
5.<section></section>区块
6.<mark></mark>
7.<header></header>和<footer></footer>
所以,一个规范的html5的写法可以如下:
<!doctype html><html>
<head>
<meta name="" content="">
<link rel="" type="" href="">
<javascript></javascript>
</head>
<body>
<header>
<h1>网站名称</h1>
<nav>导航</nav><section>搜索等</section>
</header>
<section><article>
<header><h>文章名</h><aside>备注</aside></header>
文章内容
<footer>分享:相关文章 链接...</footer>
</article></section>
<aside>
<section>分类目录</section>
<section>ads等</section>
<section>其他</section>
</aside>
<footer></footer>
</body>
</html>