html结构更加清晰、规范，学习html5优化结构的思路。html 5 添加了一些新元素，用来标识常用的结构，是html更具语义化，可是我们无法直接使用，即使可能用到还要等他个十年八年的。
那就像微格式一样，使用class代替，或者随意点，使用id和class名来代替，让自己的结构更加清晰化，可以推广为规范，让团队协作更加顺畅。
一些新增的结构标记
◎ section：这可以是书中的一章或一节，实际上可以是在 html 4 中有自己的标题的任何东西
◎ header：页面上显示的页眉；与 head 元素不一样
◎ footer：页脚；可以显示电子邮件中的签名
◎ nav：指向其他页面的一组链接
◎ article：blog、杂志、文章汇编等中的一篇文章
一些例子
html5的文档结构
...
...
...
...
...
xhtml的文档结构
html5的图片结构
figure 2. install mozilla xforms dialog
xhtml的图片结构
figure 2. install mozilla xforms dialog
html5的加上标记
m 元素表示文本被 “加上标志”，但是不一定要强调。可以把它想像成书中突出显示的一节。
google 的缓存页面就是典型的用例。如果链接到一个缓存的副本，搜索词就被加上标志。例如，如果搜索 “egret”，那么缓存的 google 页面可能像下面这样：
the great egret (also known as the american egret) is a large white wading bird found worldwide.the great egret flies with slow wing beats. the scientific name of the great egret iscasmerodius albus.xhtml的加上标记the great egret (also known as the american egret) is a large white wading bird found worldwide.the great egret flies with slow wing beats. the scientific name of the great egret iscasmerodius albus.
扫一扫
635
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
