第三阶段小结

第三阶段小结

第三章:基本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.添加注释

posted @ 2017-04-24 23:30  zwfang  阅读(94)  评论(0编辑  收藏  举报