码迷,mamicode.com
首页 > 其他好文 > 详细

标签的分类和嵌套原则

时间:2017-11-10 00:09:20      阅读:293      评论:0      收藏:0      [点我收藏+]

标签:img   文字   line   lin   不能   代码   lock   block   原则   

标签的分类

标签分为 块级标签,内联标签,内联块标签  三类;

1 块级标签(block)

主要包括 h1-h6,div,section ,header,footer,nav,p,ul,ol,li,dl,dd,dt,hr(分割线),artical,aside,form等

特征:1  独占一行;

   2  支持宽高,支持所有样式;

   3  不设置宽度,宽度铺满整行;

 

2 内联标签(inline)

主要包括 span,time,a,strong(粗体),mark(背景色),em(斜体),br等

特征 : 1 和其他元素在一行;

     2 不设置宽度,宽度由内容(文字或图片的宽度)撑开;

     3 不支持宽高,行高等;

     4  代码换行会被解析成空格;

3  内联块标签(inline-block)

主要包括  img ,input

特征 : 1 和其他元素都在一行上;

     2 支持宽高可设置,如不设置由内容撑开;

     3 代码换行会被解析成空格;

 

标签的嵌套原则

1 内联标签不能嵌套块标签;

2 a标签不能包含a标签;

3 固定嵌套间不能插入其他标签,如ul,ol,li,dl,dd,dt等;

4 h1-h6,dt,p  不能包含块标签;

5 li标签下可以放任何标签;

 

标签的分类和嵌套原则

标签:img   文字   line   lin   不能   代码   lock   block   原则   

原文地址:http://www.cnblogs.com/z-s-f/p/7811593.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!