基础梳理之 标签使用规范

部分嵌套规则

1. span 不能嵌套 div，div可以嵌套span
2. p 不能嵌套块级元素
3. button尽量不要套div，（火狐浏览器下会有bug），不可以嵌套a元素
4. a元素里不能嵌套交互式元素（a,button,select等）
5. form元素里不能直接包含input元素（属于行内元素，form只能包含块状元素）
6. table元素只能包含caption,colgroup,col,thead,tbody,tfoot，不能够直接包含tr或者其他任何元素

h 标签和 div 的区别

1. div是块状元素，初始无任何样式
2. h是标题，有默认样式
3. 在网页中可以有若干个div,但是h标题元素有限制（SEO来说一个页面只能有1个h1,2~3个h2 ）

使用 h 或者 p 而不是 div

• 标签语义化，能更好地呈现内容结构代码结构等，便于搜索引擎优化

如果所有页面使用div

• 会使网页没有很好的结构性，不具有条理性，不利于引擎排名的靠前

ul li 标签

1. 用于列表类型布局
2. 使用于文章标题列表、图片列表等有规律列表类的内容排版布局
3. 文章标题列表排版
4. 常常使用图片列表排版布局
5. ul标签下不能直接放内容或者其他标签，只能放li，li内可以放ul 和 ol