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> <h1>基础语法</h1> <p>就像这样,可能内容太简短不能很好的展示</p> </footer>
5、<nav></nav>:
定义导航链接的部分。
如果文档中有“前后”按钮,则应把它放到元素中。
<nav> <a href="#">导航</a> </nav>
6、<aside></aside> :
定义其所处内容之外的内容。
aside的内容应该与附近的内容相关,可以作用于文章的侧栏
<aside> <h1>基础语法</h1> <p>就像这样,可能内容太简短不能很好的展示</p> </aside>
以上的元素,得放到项目中才能体现出来他们的效果,后期我会做一个项目来单独研究他们。
我突然想到了一本书里面有一段文字来说元素选用原则的,并且找到了就记录下:
用来标记内容的元素应该选择最为具体的那个。如果已经有元素能够很好的表明内容类型,就不要使用通用元素。同一个元素的使用在整个页面、网站都要保持一致。对内容进行标记时,只能将元素用于他们原定的用途(按照标准来),不要自创。如果找不到合适的,可以考虑通用元素(span,div),并且用全局属性class表明其含义。亦少可为多,标记只应该应内容对语义的需要使用。
在语义方面要求严格不为过,只要有条件,尽量避用那些具有浓重呈现意味或纯粹起呈现作用的元素。