这篇文章主要介绍了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的组织内容怎么使用内容对大家有帮助，同时也希望大家多多支持创新互联成都网站设计公司，关注创新互联成都网站设计公司行业资讯频道，遇到问题就找创新互联成都网站设计公司，详细的解决方法等着你来学习!
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网页标题：h5的组织内容怎么使用-创新互联
转载来源：
http://cdkjz.cn/article/dcjgdd.html
