html5学习笔记

一、标签

<wbr></wbr>:对于英文可以安全换行,不会被拆分

<sup></sup>:上标

<sub></sub>:下标

二、html5的大纲算法

所谓大纲算法就是为用户提供一份页面的信息结构目录,就好比用户手册一样。

想要产生清晰的文档大纲就要求我们必须合理的使用html5元素标签,html5元素标签更加的语义话。测试html5大纲网址:测试工具:https://gsnedders.html5.org/outliner/

section就是一个很有语义的标签,它表示了一段文档的章节,并不是用来取代div的,一般很少对section进行css样式定义,section应用的频率并不高。section最好不要用于布局和css样式定义。

(附:div的用途

1、如果是页面布局,且不说header、footer之类的专属区域,都应该使用div;

2、如果只是单纯的对一个端内容进行css样式定义,那么也应该使用div;

3、如果想对一段内容进行js控制,那么也应该使用div。)

section至少要包含一个标题,既h1~h6标签,如果把标签隐藏掉也是可以的,但是必须存在

相同的nav也同样需要至少一个标题,而header、footer和div是不需要的。但是section的标题必须存在才能使大纲规范,而nav的镖旗不需要也是合理的。body也是需要h1~h6的标题

posted @ 2016-08-16 15:40  木木月夕  阅读(116)  评论(0编辑  收藏  举报