A-A+

html5的初级技巧(一)

2013年06月24日 前端开发 暂无评论 阅读 1,455 views 次

Web技术发展之神速,如果你不与时俱进则会被淘汰。html5发展迅猛,我们应该学习好html5技术。

将会分享一些html5的初级技巧希望对大家有帮助。

1、新的DOCTYPE声明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

html的声明实在太长,估计没几个人会记住。平时以粘贴复制为主。但是html5的DOCTYPE声明很短,看到这个声明相信你马上就能记住。

<!DOCTYPE html>

2、<figure>标签

<img alt="About image"  src="a/b/image">
<h6>image of Mars.</h6>

遗憾的是,这里的h6标签和img标签好像没有什么关系,语义不够明确。HTML5意识到了这一点,于是就采用了<figure>标 签。当<figure>结合<figcaption>标签的使用,可以让h6标签和img标签组合起来,代码就更具语义化了。

<figure>
<img alt="about image" src="path/to/image">
<figcaption>
<h6>This is an image of something interesting. </h6>
</figcaption>
</figure>

3、重新定义<small>

在html5中重新定义了<small>标签,使 之更能表现语义化,在<small>的字号都会变小,想想如果这个标签用于网站的底部的版权信息还是个不错的做法。

4、去掉了Javascript和CSS标签的type属性

<link rel="stylesheet" type=text/css href="path/to/stylesheet.css">
<script type="text/javascript" src="path/to/script.js"></script>

在HTML5中,不再需要type属性了,因为这显得有点多余,去掉之后可以让代码更为简洁。

<link href="path/to/stylesheet.css">
<script src="path/to/script.js"></script>

给我留言

Copyright © 严佳冬 保留所有权利.   Theme  Ality 百度地图 苏ICP备15015381号-1

用户登录

分享到: