HTML5网页制造的22个实例技巧-HTML教程-爱易网页

日期：2013-12-24　浏览次数：20657 次

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

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

1. 新的文档类型（Doctype）

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

你还在使用上面这个既麻烦又难记的XHTML文档类型吗？如果还是这样的话，如今该切换到新的HTML5文档类型了。

<!DOCTYPE html>

只需这么简单的15个字符就可以了。（留意：你的doctype的申明需求出如今你html文件的第一行。）

2. 图形（Figure）元素

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

<mg src=”path/to/image” alt=”About image” /> 
<p>Image of Mars. </p>

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

<figure> 
<img src=”path/to/image” alt=”About image” /> 
<figcaption> 
<p>This is an image of something interesting. </p> 
</figcaption> 
</figure>

3. 重新定义<small>

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

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

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。