html 标签与元素

最新推荐文章于 2024-04-02 21:35:21 发布

boy_TJ

最新推荐文章于 2024-04-02 21:35:21 发布

阅读量470

点赞数

分类专栏： html 文章标签： html 标签

本文链接：https://blog.csdn.net/TJLsir/article/details/73691688

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1、什么是标签?

   被尖括号包起来的对象我们称之为标签。标签有双标签和单标签，双标签有开始标签和结束标签，例如：“<p></p>”，单标签只有一个标签，例如：：“<br>换行标签”。

2、什么是元素?

    由标签和内容或者单个标签组成的内容我们称之为元素。HTML由不同元素的集合组成，例如段落元素，图片元素等，例如：

    <body>     代表 HTML 文档的内容。在文档中只能有一个 <body> 元素。
    <header>   定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。
    <main>     定义文档中主要或重要的内容。
    <footer>   定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。
    <nav>      定义只包含导航链接的章节。
    <article>  定义可以独立于内容其余部分的完整独立内容块。
    <h1>，<h2>,<h3>,<h4>,<h5>,<h6>   标题元素实现了六层文档标题，<h1>，& 是最大的标题，<h6>是最小的标题。标题元素简要地描述章节的主题。
    <section>  定义文档中的一个专题。
    <aside>    定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。
    <address>  定义包含联系信息的一个章节。

（1）main元素，body元素在文档中只能有一个
（2）section 一般用于一个组，一个专题，一个块
article一般用于一个整体，例如文章，博客，评论等

演示代码：

```
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>章节元素</title>
<head>
<body>

    <nav>
        这里是头部导航栏，可以插入一些超链接标签
    </nav>

    <header> 
        在这里可以放头部的一些东西，例如logo等。
    </header>   

    <main>
        <h1>
        在一个文档中，只能出现一个main标签，表面这里是主体主要的部分
        </h1>
        <article>
            <h1>我是文章标题，有六种大小1-6</h1>
            <h6>我是文章标题，有六种大小1-6</h6>

            <section>
                  <h2>section是什么？</h2>
                  <p> Section 元素 (section) 表示文档中的一个区域（或节），比如，内容中的一个专题组，一般来说会有包含一个标题</p>
            </section>
            <aside>
                aside标签定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理
            </aside>
            <address>
                address标签定义文档或文章的作者/拥有者的联系信息。
            <address>
        </article>
    </main>
    <footer>
        这里是底部，可以放一些版权信息，底部等内容
    </footer>
</body>
</html>