22个HTML5 技巧一
4星 · 超过85%的资源 需积分: 9 101 浏览量
2011-11-24
14:33:30
上传
评论
收藏 34KB DOC 举报 
HTML5 中国：hp://www.html5cn.org
22 个 HTML5 技巧一
HTML5 技巧一：当今科技发展的速度真惊人，稍不留神，就可能无法跟上它的步伐。新一
代的 HTML-HTML5 的发展也不停的带给我们新的惊喜，我们将通过这篇文章向大家介绍一
些 HTML 技巧。
1. 新的文档类型（Doctype）
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transi)onal//EN”
“h,p://www.w3.org/TR/xhtml1/DTD/xhtml1-transi)onal.dtd”>
上面这个既麻烦又难记的 XHTML 文档类型你还在使用吗？ 如果还是这样的话，现在该切换
到新的 HTML5 文档类型了。
<!DOCTYPE html>
现在只要这么简单的 15 个字符就可以了。（注意：你的 doctype 的申明需要出现在你 html
文件的第一行。）
2. 图形（Figure）元素
你还在考虑用下面的代码来标记图片吗？
<mg src=”path/to/image” alt=”About image” />
<p>Image of Mars. </p>
上 面的代码它不能以简单而且富有语义关联的方式与图形的标题关联，因为它仅仅是用段
落标记以及图片元素包裹，而 HTML5 通过引进<;gure>元素，改进了这一点。当结合
<;gcap)on> 元素使用时，我们就可以将图形标题与图形配对起来。代码如下：
<;gure>
<img src=”path/to/image” alt=”About image” />
<;gcap)on>
<p>This is an image of something interes)ng. </p>
</;gcap)on>
</;gure>
3. 重新定义<small>
原来你可以利用<small>元素来创建与 logo 密切相关的副标题。不过，现在 HTML5 修改了
这个用法，<small>元素被重新定义了，或者更恰当地说，它现在用来代表小字或其他边注
（如，网站底部的版权声明）。
4. 不再需要脚本、链接类型
很可能你仍然像下面的代码一样给你的链接和脚本标签添加类型的属性。
资源评论
baqianliu262012-11-27蛮不错的~ 感谢楼主分享
