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的标题