亚冠

开发人员必知的20HTML5技巧7z

2019-06-08 06:33:43来源:励志吧0次阅读

互联科技发展的速度真可谓惊人的快,一个稍不留神,你就可能无法跟上它的步伐。HTML5的变化和更新也压倒不少人,这篇文章将向大家介绍一些最基本也非常必要的HTML技巧。

1. 新的文档类型(Doctype)

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN

你还在使用上面这个既麻烦又难记的XHTML文档类型吗? 如果还是这样的话,现西藏儿童癫痫医院在该切换到新的HTML5文档类型了。

!DOCTYPE html

只要这么简单的15个字符就可以了。(注意:你的doctype的申明需要出现在你html文件的第一行。)

2. 图形(Figure)元素

考虑用下面的代码来标记图片?

mg src=path/to/image alt=About image /pImage of Mars. /p

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

figureimg src=path/to/image alt=About image /figcaptionpThis is an image of something interesting. /p/figcaption/figure

3. 重新定义small

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

4. 不再需要脚本、链接类型

很可能你仍然像下面的代码一样给你的链接和脚本标签添加类型的属性。

link rel=stylesheet href=path/to/s type=text/css /script type=text/javascript src=path/to//script

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

link rel=stylesheet href=path/to/s /script s鱼鳞病症状rc=path/to/&婴儿脑瘫否治疗quot;/script

5. 使用还是不使用引号

记住,HTML5与XHTML不同,如果你不喜欢的话你不必用引号将属性包裹起来。不过,要是你觉得用引号会让你觉得更加舒服的话,当然也不会有任何问题。

p class=myClass id=someId Start th皮肤病白癜风治e reactor.

在这点上,你可以自己决定。如果你想要一个结构非常清楚的文档的话,坚持使用引号也挺好的。

6. 使你的内容可

HTML5其中一个非常强大的功能就是contenteditable,顾名思义它将允许用户元素(包括他的子元素)内包含的任何文本内容。它的用途非常广,如,简单的任务清单或是基于wiki的站点也非常实用,此外,它还有一个优势就是利用了本地的存储。

!DOCTYPE htmlhtml lang=enheadmeta charset=utf-8titleuntitled/title/headbodyh2 To-Do List /h2ul contenteditable=trueli Break mechanical cab driver. /lili Drive to abandoned factoryli Watch video of self /li/ul/body/html

或者,按照第五条技巧所说的,你也可以将第九行的代码写成这样(不用引号):

ul contenteditable=true

注:相关站建设技巧阅读请移步到建站教程频道。

如何做好危机公关
真实用户搜索量不等于百度指数
网络营销的办法有哪些,你想知道吗?
分享到: