html5组织内容组织内容_动力节点动力节点Java学院整理学院整理
默认情况下，HTML文档的格式与文档内容在浏览器窗口中显示的格式是不相关的，例如：浏览器会将连在一起的几个空白字
符折算为一个空格，并且会忽略换行符。HTML提供了组织内容的方式，将显示的内容分段，预先编排内容的格式等。
建立段落建立段落
HTML会忽略你在文本中输入的回车符和其他额外的空格，网页中的新的段落使用p元素标识，一个段落包含一个或多个相关
句子，通常围绕的是一个观点或论点，或者多个论点间有一些共同的主题。
<body>
<h1>Antoni Gaudí</h1>
<p>Many tourists are drawn to Barcelona
to see Antoni Gaudí's incredible
architecture.</p>
<p>Barcelona celebrated the 150th
anniversary of Gaudí's birth in
2002.</p>
</body>
可以为段落添加样式，包括字体、字号、颜色等。
div元素元素
div元素没有具体的含义，如果没有恰当的元素可用时可以使用这个元素为内容建立结构并赋予其含义，它的含义通常通过
class或id属性指定。
但是注意不在万不得已的情况下最好不要使用div元素，应该优先考虑那些具有语义重要性的元素。
预先编排内容格式预先编排内容格式
浏览器会将所有额外的回车和空格压缩，并根据窗口的大小自动换行。pre元素可以改变浏览器处理内容的方式，阻止合并空
白字符，让源文档中的格式得以保留。但注意除非有必要保留文档原始格式，否则最好不要使用该元素，因为它削弱了通过使
用元素和样式来控制呈现结果这一机制的灵活性。
pre元素通常和code元素搭配使用，用于展示代码示例，因为编程语言中的格式通常都很重要。
<p>Add this to your style sheet if you want
to display a dotted border underneath the
<code>abbr</code> element whenever it has
a <code>title</code> attribute.</p>
<pre>
<code>
abbr[title] {
border-bottom: 1px dotted #000;
}
</code>
</pre>
引用他处内容引用他处内容
blockquote元素表示引自他处的一片内容，与q元素类似（用于短的引述，不能跨行），但通常用在要引用的内容较多的场
景。该元素的cite属性可以用来指定所引用的内容的来源。
复制代码代码如下:<blockquote cite=”<a
href=”http://en.wikipedia.org/wiki/Apple”>The”>http://en.wikipedia.org/wiki/Apple”>The</a> apple forms a tree that is small
and deciduous, ……</blockquote>
注意浏览器会忽略blockquote元素中的内容的格式，默认对blockquote文本进行缩进。要在引用中建立结构，可以使用一些组
织元素，例如p或hr。
浏览器应对q元素中的文本会自动加上特定语言的引号，但不同的浏览器的效果会有差异。下面是使用q元素的一个例子。
<p>She tried again, this time in French:
<q lang="fr">Avez-vous lu le livre
<cite lang="en">High Tide in Tucson</cite>
de Kingsolver? C'est inspirational.</q></p>
添加主题分隔添加主题分隔
hr元素代表段落级别的主题分隔。在HTML5中，hr元素代表着向另一个相关主题的转换，习惯样式是一条横贯页面的直线。
资源评论
