HTLM5常见问题列举分析.docxVIP

第

第PAGE1页共NUMPAGES1页

HTLM5常见问题列举分析

一、新的文档类型（Doctype）

你还在用法上面这个既棘手又难记的XHTML文档类型吗？假如还是这样的话，现在该切换到新的HTML5文档类型了。

二、图形（Figure）元素

考虑用下面的代码来标志？

ImageofMars.

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

Thisisanimageofsomethinginteresting.

三、字体

一个响应式的字体大小应关联它的父容器的宽度，这样它才可以适应客户端的屏幕。

CSS3规范引入了一个新的单位叫rem，和em类相像，但相对于HTML元素来说，rem更易于用法。

rem是相对于HTML元素的，不要忘了重置HTML的字体大小：

1.html{font-size:100%;}

完成后，您可以定义响应式的字体大小，如下所示：

1.@media(min-width:640px){body{font-size:1rem;}}

2.@media