HTML5权威指南 -- 组织内容

一、p元素

  表示文本的一个段落,该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进

二、div元素

  是一个通用型的流内容容器,它在语义上不代表任何特定类型的内容,它可以被用来对其它元素进行分组,一般用于样式化相关的需求(使用class或id)或者对具有相同特性的一组元素进行分组(比如lang),

它应该在没有任何其它语义元素可用时才使用(比如<article>或<nav>)

三、pre元素

   可定义预格式化的文本。被包围在其中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体。pre元素是块级元素,但是只能包含文本或行内元素,任何块级元素都不能位于pre元素中。 

一个常见应用就是用来表示计算机的源代码,与code标签结合起来使用,可以获得更加精确的语义

四、blockquote元素

  代表其中的文字是引用内容。通常在渲染时,这部分的内容会有一定的缩进。若引文来源于网络,则可以将原内容的出处URL地址设置到cite属性上

五、hr元素

  表示段落级元素之间的主题转换(例如,一个故事中的场景的改变,或一个章节的主题的改变)。在HTML的早期版本中,它是一个水平线。现在它仍能在可视化浏览器中表现为水平线,

但目前被定义为语义上的,而不是表现层面上。<hr>用于段落级元素之间的分割,区块之间不需要使用<hr>进行分割

六、ol元素

  表示有序列表。start属性设置列表首项的值,如果不设置,那么为1。type属性用来设置编号的类型。reversed属性使排列顺序为降序

七、ul元素

  表示无序列表。没有属性,其呈现形式由css属性list-style-type控制

八、li元素

  表示列表中的项目,可以与ol、ul、menu元素搭配使用。value属性可以设置不连续的有序列表

九、说明列表

  dl元素   表示说明列表

  dt元素   表示说明列表中的术语,可以搭配多个dd元素

  dd元素    表示说明列表中的定义

十、使用插图

  figure元素        引入插图--某种图表或图示

  figcaption元素  表示插图的标题,其必须是figure元素的第一个或最后一个子元素  

猜你喜欢

转载自www.cnblogs.com/wgxa/p/9095375.html