HTML5标签

HTML5标签

1. 块级标签：
   1）div标签：搭建网页结构的基本标签，无语义标签
   宽度100%， 高度自适应 (内容有多高，div盒子有多高 独立成行-默认垂直分布
   2）标题标签：
   h系列标签：通过h1-h6标签,h1定义最大标题（同一页面中h1只能使用一次）；从h1-h6字体大小以此减小，重要程度依次减弱，
   宽度100%，高度自适应，独立成行，默认垂直布局；自带间距和加粗；
   3）段落标签：
   p标签，用于排版大段文本，宽度100% ，高度自适应，独立成行-默认垂直布局；
   4）强制换行标签：
   文本强制换行：<br>
   5） 列表标签：
   无序列表：
   清除自带列表符：li{list-style:none}
   实心圆：li{list-styel:disc;}
   空心圆：li{list-style:circle;}
   数字：li{list-style:decimal;}
   正方形：li{list-style:square}

   6）有序列表： ol-li.默认使用数字标记
   start属性，开始值；
   type属性，列表项的符号类型1、a、A、i、
   reversed=“reversed”倒序；

   7）自定义列表：

   <dl>
   	<dt>列表标题或专业术语<dt>
   	<dd>列表项或专业术语的解释<dd>
   <dl>
   

   注意：浏览器中.dd内容默认会缩进显示； 宽度100%，高度自适应，独立成行-默认垂直布局；

2. 行级列表：
   格式化标签：
   1）span标签：用于区分样式
   2）em标签：用来呈现被强调的文本，在文本中，呈现斜体效果
   3）i标签：在文本中呈现斜体效果，仅仅将文本规定为斜体，没有语义
   4）strong标签：是一个人语义标签，作用加强字符语义，用来定义重要文本，在文本中呈现粗体效果
   5）b标签：是一个实体标签，它所包围的字符都设置为粗体效果
   宽度自适应；高度自适应，默认横向显示，换行和空格会被解析成空格（一个）

3. 内联标签----行块元素
   1）img 标签:前景图片标签
   <img src=“图片路径” alt=“替换文本/图片占位符” title:“当鼠标悬停到图片上时的提示信息” width=" " height=" ">
   特点： 具有行级元素的特征：水平布局换行和空格，解析结果是空格（一个）
   具有块级元素的特征：元素可以设置宽高，内填充。
   前景图占位可以撑开父级盒；
   前景图可以被搜索引擎搜索到；
   前景图属于网页内容 有实际意义是必不可少的部分；
   前景图写在网页结构中（body内部） 书写建议紧贴div；