?这次给大家带来h5的组织内容怎样运用，怎么运用h5的组织内容？用h5的组织内容的注意事项是什么，下面就是实战案例，一起来看一下。 这次给大家带来h5的组织内容怎样运用，怎么运用h5的组织内容？用h5的组织内容的注意事项是什么，下面就是实战案例，一起来看一下。

默许状况下，HTML文档的格局与文档内容在阅读器窗口中显示的格局是不相干的，例如：阅读器会将连在一起的几个空白字符折算为一个空格，而且会忽略换行符。HTML供给了组织内容的方式，将显示的内容分段，预先编排内容的格局等。

创立段降

HTML会忽略你在文本中输入的回车符和其他额外的空格，网页中的新的段降运用p元素标识，一个段降包括一个或多个相干句子，平常环绕的是一个观念或论点，或者多个论点间有一些共同的主题。

 
    
Antoni Gaudí
 
    
Many tourists are drawn to Barcelona 
       to see Antoni Gaudí's incredible 
       architecture.
 
    
Barcelona celebrated the 150th 
       anniversary of Gaudí's birth in 
       2002.
 

可认为段降增加样式，包含字体、字号、色彩等。

div元素

div元素没有概括的含义，要是没有适当的元素可用时可以运用这个元素为内容创立构造并给予其含义，它的含义平常通过class或id属性指定。

但是注意不在必不得已的状况下最佳不要运用div元素，应当优先考虑那些拥有语义重要性的元素。

预先编排内容格局

阅读器会将所有额外的回车和空格紧缩，并依据窗口的大小主动换行。pre元素可以转变阅读器处置内容的方式，阻止合并空白字符，让源文档中的格局得以保存。但注意除非有须要保存文档原始格局，不然最佳不要运用该元素，由于它减弱了通过运用元素和样式来控制呈现效果这一机制的灵便性。

pre元素平常和code元素搭配运用，用于展现代码示例，由于编程说话中的格局平常都很重要。

Add this to your style sheet if you want 
  to display a dotted border underneath the 
  abbr element whenever it has 
  a title attribute.
 
 
     
        abbr[title] { 
            border-bottom: 1px dotted #000; 
        } 
     

援用他处内容

blockquote元素表示引自他处的一片内容，与q元素相似（用于短的引述，不克不及跨行），但平常用在要援用的内容较多的场景。该元素的cite属性可以用来指定所援用的内容的来源。

增加主题分隔

hr元素代表段降级另外主题分隔。在HTML5中，hr元素代表着向另一个相干主题的转换，习惯样式是一条横贯页面的直线。

注意阅读器会忽略blockquote元素中的内容的格局，默许对blockquote文本进行缩进。要在援用中创立构造，可以运用一些组织元素，例如p或hr。

阅读器应答q元素中的文本会主动加上特定说话的引号，但不一样的阅读器的结果会有悬殊。下面是运用q元素的一个例子。

She tried again, this time in French: 
Avez-vous lu le livre
High Tide in Tucson
de Kingsolver? C'est inspirational.

主题1

---

主题2

---

......

上例在blockquote元素中参加了一些hr元素，构成一定的构造。

将内容组织为列表

HTML中列表的类型有有序列表、无序列表和描述列表。

1）有序列表，ol为父元素，li为列表项；

2）无序列表，ul为父元素，li为列表项；

3）描述列表，dl为父元素，dt和dd离别代表dl中的术语和描述。

在此以外，会员还可以定义本人的列表。

信赖看了这些案例你已经把握了办法，更多出色请关注 百分百源码网 其它相干文章！

相干浏览：

H5中视频与音频标签和进度条怎样运用

H5如何实现拖放功能

H5语义标签现实案例

以上就是h5的组织内容怎样运用的细致内容，更多请关注 百分百源码网 其它相干文章！