文章目录

结构标签
- header
- nav
- main
- article
- section
- aside

HTML5 页面结构元素语法：

<!doctype html>
<html lang="en">
	<head>
	<meta charset="UTF-8">  
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<title>HTML5文档结构</title>
	</head>
	<body>
	<header>
	   <nav>...</nav>
</header>
	<article>
	  <section>...</section>
	</article>
	<aside>...</aside>
	<footer>...</footer>  
	</body>
</html>

在这里插入图片描述

结构标签

header

标记定义文档和区域的页眉

通常，页眉包括网站标志、主导航和其他全站链接，甚至搜索框

在HTML5中，一个header元素至少可以包含一个heading元素（h1-h6）

nav

标签定义导航链接的部分，主要用于构建导航菜单、侧边栏导航、内页导航和翻页操作等区域。

其语法格式如下：

<nav>
   <ul>
     <li ><a href="#">……</a></li>
     <li ><a href="#">……</a></li>
     ……
    </ul>
</nav>

main

标签定义文档的主要内容。标签中的内容对于文档来说应当是唯一的，不包含在文档中重复出现的内容，如边栏、导航栏、版权信息、站点标志等。

在一个文档中，不能出现一个以上的标签。元素不能是

<article>、<aside>、<footer>、<header> 或 <nav>

的子元素。

article

article元素在页面中用来表示结构完整且独立的内容部分

<article>
        <header>
        <h3>茗茶推荐——祁门红茶</h3>
        <time datetime="2016-10-10">2016年10月10日</time>
        </header>
        <p>
          祁门红茶简称祁红，茶叶原料选用当地的中叶、中生种茶树“槠叶种”（又名祁门种）制作，是中国历史名茶，著名红茶精品。祁门红茶是红茶中的极品，享有盛誉，是英国女王和王室的至爱饮品，高香美誉，香名远播，美称“群芳最”、“红茶皇后”。
         </p>
       <footer>
          <span>阅读(99)</span>
        </footer>
</article>

section

标签定义文档中的节（区段）。比如章节、页眉、页脚或文档中的其他部分。

语法结构如下：

语法结构如下：
<section>
  <h1>…</h1>
  <p>…</p>
<section>

aside

标签定义其所处内容之外的内容，这个内容应该与附近的内容相关，如可用作文章的侧栏或边栏。

<aside>
        <!--边栏广告-->     //注明
        <div id="advert"></div>           <!--畅销图书-->
        <section id="best-selling">
            <h2>畅销图书</h2>
            <ul>
                <li>深度学习 [deep learning]</li>
                <li>Hadoop权威指南：大数据的存储与分析(第4版)，累计销量超过10万册  </li>
                <li>和秋叶一起学PPT 第3版    </li>
                <li>深度学习优化与识别   </li>
                <li>区块链原理、设计与应用   </li>
            </ul>
        </section>
        <div id="classify-partner">            <!--图书分类-->
            <section id="classify">………..
            </section>
            <!--合作伙伴-->
            <section id="partner">………
            </section>
        </div>
        <!--关于书店-->
        <section id="about">
            <h2>关于书店</h2>
            <div class="content">
                <p>叮叮书店成立于2010年6月，是由教育部主管、清华大学主办的综合出版单位。</p>
            </div>
        </section>
    </aside>

html

// 文档声明 // 语言设置 // 头部开始钉钉书店 //比例 //头部结束



# HTML标签
## 整个网页是从<html>这里开始的，然后到</html>结束。
## head
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210318191336316.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MTU1MjE0NA==,size_16,color_FFFFFF,t_70)
## body


# 段落标签

## 段落与文字标签

web前端 -- 结构