第三阶段小结-优快云博客

本文介绍了HTML的基本结构，包括文档类型声明、头部元素、主体内容等关键组成部分，并详细讲解了如何使用不同标签来组织网页结构，如页眉、导航、主要区域、文章、页脚等。

第三阶段小结

第三章：基本HTML结构

1. 开始编写网页

了解它的基本结构：

<!DOCTYPE html> <!-- 声明页面为HTML文档 -->
<html> <!-- 开始文档的实际HTML部分 -->
<head> <!-- 开始网页文档的头部，指明页面标题，为搜索引擎准备
        关于页面本身的信息，加载样式表，JavaScript文件 -->
    <mate charset="utf-8"> <!-- 声明文档字符编码 -->
    <title></title>
</head>
<body> <!-- 页面的主体 -->
</body>
</html>

2. 创建页面的标题

<title>不能有任何格式 </title>

3. 创建分级标题

h1到h6逐级递减

4. 普通页面的构成

带导航的页头
主页面的内容
相关但较为次要的信息
页脚

5. 创建页眉

<header>
导航性内容(大多链接)
</header>

6. 标记导航

<nav>
重要的连接
</nav>

7.标记页面的主要区域

<main>
该页面的主要内容（一个页面只能用一次）
</main>

8.创建文章

<article>
文档、页面、应用、网站中一个独立的容器
</article>

9.定义区块

<section>
表示一小部分一小部分
</section>

10.附注栏

<aside>
与主体内容相关性比较弱，可以独立存在
</aside>

11.创建页脚

<footer>
版权声明，指向隐私政策页面的连接等相似内容
</footer>

12.通用容器

<div>
没有任何语义，用来划分区块为其添加样式
</div>

13.地标角色

增强可访性

14.为元素指定类别、ID名称

15.为元素添加title属性

16.添加注释

转载于:https://www.cnblogs.com/zwfang/p/6759767.html