- -
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>