html 标签与元素

来源：互联网发布：儿童编程培训编辑：程序博客网时间：2024/04/30 16:42

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>

阅读全文

0 0