软件定制开发供应商HTML5结构标签-巴掌软件-高性价比的软件定制开发解决方案

GUIDM软件定制开发供应商在这里祝大家节日快乐！

软件定制开发供应商博主有话说：软件定制开发供应商如果有描述错误之处请大家纠正。软件定制开发供应商让我们可以一起学习一起进步。

个人主页：

内容专栏：

此块内容为纯纯的干货，略显乏味枯燥，是笔记向的blog。如果觉得还不错，希望你可以一键三连，非常感谢。

官方解说：使用结构标签可以提升网页文档的可读性，并有利于优化。

GUIDM解说：格局打开，咱能用则用。

1、<section></section>:

定义文档中的节（section、区段），比如章节，页眉，页脚或文档中的其他部分。

基本语法：


<section>
        <h1>基础语法</h1>
        <p>就像这样，可能内容太简短不能很好的展示</p>
</section>

2、<article></article> ：

规定独立的自包含内容

潜在来源：

论坛贴子
报纸文章
博客条目
用户评论


<article>
        <h1>基础语法</h1>
        <p>就像这样，可能内容太简短不能很好的展示</p>
</article>

3、 <article></article> ：

标签定义文档的页眉（介绍信息）

基础语法：


<header>
        <h1>基础语法</h1>
        <p>就像这样，可能内容太简短不能很好的展示</p>
</header>

4、<footer></footer>：

定义文档或节的页脚，应当包含有其包含元素的信息。

页脚通常包含文档的作者，版权信息，使用条款链接、联系信息等等。可以在一个文档中使用多个<footer>元素。


<footer>
        <h1>基础语法</h1>
        <p>就像这样，可能内容太简短不能很好的展示</p>
 </footer>

5、<nav></nav>:

定义导航链接的部分。

如果文档中有“前后”按钮，则应把它放到<nav>元素中。


<nav>
    <a href="#">导航</a>
</nav>

6、<aside></aside>：

定义其所处内容之外的内容。

aside的内容应该与附近的内容相关，可以作用于文章的侧栏


<aside>
        <h1>基础语法</h1>
        <p>就像这样，可能内容太简短不能很好的展示</p>
 </aside>

以上的元素，得放到项目中才能体现出来他们的效果，后期我会做一个项目来单独研究他们。

我突然想到了一本书里面有一段文字来说元素选用原则的，并且找到了就记录下：

用来标记内容的元素应该选择最为具体的那个。如果已经有元素能够很好的表明内容类型，就不要使用通用元素。同一个元素的使用在整个页面、网站都要保持一致。对内容进行标记时，只能将元素用于他们原定的用途（按照标准来），不要自创。如果找不到合适的，可以考虑通用元素（span，div），并且用全局属性class表明其含义。亦少可为多，标记只应该应内容对语义的需要使用。

在语义方面要求严格不为过，只要有条件，尽量避用那些具有浓重呈现意味或纯粹起呈现作用的元素。