22个html5 技巧一.docVIP

HTML5中国： --！！！！！！----------------------------------精品文档，值得下载，可以编辑！！！-----------------------------！！！！！！----------- --！！！！！！----------------------------------精品文档，值得下载，可以编辑！！！-----------------------------！！！！！！----------- 22个HTML5 技巧一  HYPERLINK \t _blank HTML5 技巧一：当今科技发展的速度真惊人，稍不留神，就可能无法跟上它的步伐。新一代的HTML-HTML5的发展也不停的带给我们新的惊喜，我们将通过这篇文章向大家介绍一些HTML技巧。1. 新的文档类型（Doctype）!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”“/TR/xhtml1/DTD/xhtml1-transitional.dtd”上面这个既麻烦又难记的XHTML文档类型你还在使用吗？ 如果还是这样的话，现在该切换到新的HTML5文档类型了。!DOCTYPE html现在只要这么简单的15个字符就可以了。（注意：你的doctype的申明需要出现在你html文件的第一行。）2. 图形（Figure）元素你还在考虑用下面的代码来标记图片吗？??? mg src=”path/to/image” alt=”About image” /??? pImage of Mars. /p上 面的代码它不能以简单而且富有语义关联的方式与图形的标题关联，因为它仅仅是用段落标记以及图片元素包裹，而 HTML5通过引进figure元素，改进了这一点。当结合 figcaption 元素使用时，我们就可以将图形标题与图形配对起来。代码如下：??? figure??? img src=”path/to/image” alt=”About image” /??? figcaption??? pThis is an image of something interesting. /p??? /figcaption??? /figure3. 重新定义small原来你可以利用small元素来创建与logo密切相关的副标题。不过，现在HTML5修改了这个用法，small元素被重新定义了，或者更恰当地说，它现在用来代表小字或其他边注（如，网站底部的版权声明）。4. 不再需要脚本、链接类型很可能你仍然像下面的代码一样给你的链接和脚本标签添加类型的属性。??? link rel=”stylesheet” href=”path/to/stylesheet.css” type=”text/css” /??? script type=”text/javascript” src=”path/to/script.js”/script在HTML5中，这已经不再需要了。 意味着说这两个标签分别代表着样式和脚本。因此，我们可以将它们的类型属性都删除掉。代码如下：??? link rel=”stylesheet” href=”path/to/stylesheet.css” /??? script src=”path/to/script.js”/script5. 使用还是不使用引号记住，HTML5与XHTML不同，如果你不喜欢的话你不必用引号将属性包裹起来。不过，要是你觉得用引号会让你觉得更加舒服的话，当然也不会有任何问题。??? p class=myClass id=someId Start the reactor.6. 使你的内容可编辑HTML5其中一个非常强大的功能就是contenteditable，顾名思义它将允许用户编辑元素（包括他的子元素）内包含的任何文本内容。它的用途非常广，如，简单的任务清单或是基于wiki的站点也非常实用，此外，它还有一个优势就是利用了本地的存储。??? !DOCTYPE html??? html lang=”en”??? head??? meta charset=”utf-8″??? titleuntitled/title??? /head??? body??? h2 To-Do List /h2??? ul contenteditable=”true”??? li Break mechanical cab driver. /li??? li Drive to abandoned factory??? li Watch video