html5为搜索引擎提供了便利
内容布局标签:
1、header->hgroup->h#
头部标记header可以嵌套但不能嵌套到address,footer中
2、article->address->time(可自定义格式)
大块文章-一个板块的内容
(html4中对应div class=content)
3、section
囊括一组有关系的标签
4、aside
表示和某一个区域块的邻近关系
5、footer
6、汉字元素:
Ruby:当本地没有该文字字库时可以用来显示文字
7、与布局无关的标签:
figure,figcaption 添加与去掉对整体流式布局无影响
新的页面组织标记
header 标记:区域标签。可以用来表示html页面内容头部内容的标记
hgroup 标记:块标签。可以用于页面头部具体内容(如位置)的标记
article 标记:区域标签,可以用来表示大块文章内容的标记,里面可以放img标签、h型标题类标签、表示地址的address标签、以及表示时间的time标签。
section 标记:块标签。
aside 标记:是区域类标签。可以用于表示侧边栏的标记,
footer 标记:区域标签。很明显,用来表示底部版权部分的标记,里面可以放img、nav、h、div、a
整体布局
两类控件
figure
figcaption
汉字元素
ruby 可以显示不同编码的字体
日期类控件
time
header:
hgroup: 在header宝贝内容
格式:
<header>
<img>
<hgroup>
<h1>
<h2>
</hgroup>
</header>
<article> 大块文章
<img>
<h2>
<address>用来制作人部分信息 封闭标签
<time>
</article>
<footer>
<p>
<nav>
<h3>
<div>
<a>
</div>
</footer>
//区域与块
aside 显示在它身边的一个东西
section
汉字元素
<RUby>
</RUby>
学员评论
shuaiyang2015-06-10
理想天国2015-06-03
lulubfm2015-02-14
alexfaye2014-12-14
zhanglin2014-06-20
yaoyaomice2014-06-08
浪漫樱花_c242013-12-19
菜鸟创世界2013-12-15
basket2013-05-04
薇薇安2012-12-18
lonelyivy2012-08-14
你感兴趣的课程
扫一扫 关注好知微信