去评论
海欣资源

HTML5结构标签介绍

xx5678
2022/05/05 15:17:31
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表明其含义。亦少可为多,标记只应该应内容对语义的需要使用。
    在语义方面要求严格不为过,只要有条件,尽量避用那些具有浓重呈现意味或纯粹起呈现作用的元素。