您现在的位置:首页技术文章

HTML5开端开发之必备的10个技巧(上)--中享思途

掌握一些常规且有效的HTML5开发技巧,对提升日常开发效率而言大有裨益,本期我们向大家推荐10条开发中的实用小技巧。

1.新的文档类型(Doctype)

青岛HTML5培训机构--中享思途

你还在用上面这种又麻烦又难记的XHTML文档类型吗?为何不换成新的HTML5文档类型呢?<!DOCTYPE html> 只要这么简单的15个字符就可以了。(注意:你的doctype的申明需要出现在你html文件的第一行)

2.图形(Figure)元素
还在用这种代码标记图片?

青岛HTML5培训机构--中享思途

很明显,它并不能以简单、富有语义关联的方式与图形的标题关联,因为它仅仅是用段落标记以及图片元素包裹着,而HTML5通过引进<figure>元素,改进了这一点。当结合 <figcaption> 元素使用时,我们就可以将图形标题与图形配对起来。代码如下:

青岛HTML5培训机构--中享思途

3.重新定义<small>
原来你可以利用<small>元素来创建与logo密切相关的副标题。不过,现在HTML5修改了这个用法,<small>元素被重新定义了,或者更恰当地说,它现在用来代表小字或其他边注(如:网站底部的版权声明)

4.不再需要脚本、链接类型
还在这样笨拙的给你的链接和脚本标签添加类型的属性吗?

青岛HTML5培训机构--中享思途

在HTML5中,已经不需要了,意味着这两个标签分别代表着样式和脚本,因此我们可以将它们的类型属性都删掉,如下:

青岛HTML5培训机构--中享思途

5.使用还是不使用引号
HTML5可跟HTML不同,如果你不喜欢的话,你大可不必用引号将属性包裹起来。当然,如果你执意要加,也不会出什么问题的。
<p id=someId> Start the reactor. 在这点上,你可以自己决定。如果你想要一个结构非常清楚的文档的话,坚持使用引号也挺好的。

 st_bottom
青岛Java培训,青岛HTML5培训,青岛UI培训,青岛web开发培训,青岛IT培训,java培训,ui培训,HTML5培训,java就业培训,专业ui设计,web开发培训,IT培训,思途教育,青岛思途,中享思途
Copyright © 青岛思途共享科技信息服务有限公司 鲁ICP备14027489号-2

鲁公网安备 37021402000988号

青岛Java培训,青岛HTML5培训,青岛UI培训,青岛web开发培训,青岛IT培训,java培训,ui培训,HTML5培训,java就业培训,专业ui设计,web开发培训,IT培训,思途教育,青岛思途,中享思途