第三章:基本HTML结构

1.每个html 文档都应包含以下基本成分:

<!DOCTYPE html>                      <!-- html5的顶部声明,声明这是一个html5的文档-->

<html lang="en">                      <!--lang="en"表示页面的默认语言是英语-->

<head>                                     <!--网页文档的头部-->

  <meta charset="utf-8" />      <!--将文档的字符编码声明为:utf-8-->

  <title></titile>                    <!--页面的标题-->

</head>                                   <!--头部的闭标签-->

<body>                                    <!--网页文档的主体部分-->

</body>                                   <!--主体部分的闭标签-->

</html>                                   <!--整个网页的闭标签-->

2.页面标题titile:每个html都有一个title元素。每个页面的标题都应该是简短的、描述性的、而且是唯一的。title 中不能包含任何格式、html、图像或指向其他页面的链接。

3.分级标题h1~h6:从h1开始分级标题的重要性逐个递减。允许从低级别跳到高级别的标题。例如<h4>...</h4>之后紧跟着<h2>...</h2> 。不要使用分级标题标记副标题、标语以及无法成为独立标题的子标题。

4.普通页面有四部分:带导航的页头、显示在主体内容区域的文章、显示次要信息的附注栏以及页脚。

5.如果一个页面中有一块包含一组介绍性或导航性内容的区域,用header元素对其进行标记。一个页面可以有任意数量的header元素。

6.在H5中nav中的链接可以指向页面中的内容。将重要的导航链接放入nav元素中。role属性不是必须的但是可以提高可访问性。

7.页面的主要区域放置在main元素中。该元素在一个页面仅使用一次。不能将main元素放置在article、aside、footer、header或nav元素中。

8.section代表文档或应用的一个一般的区块。

9.aside元素定义一个附注栏。使用aside的例子:重要引述、侧栏、指向相关文章的一组链接(常针对新闻网站)、广告、nav元素组(如博客的友情链接)、twitter源、相关产品列表(常用于电子商务网站)等。

10.footer元素为页面创建页脚。不能再footer里嵌套header或另一个footer。也不能将footer嵌套在header或address元素里。

11.一个没有语义的容器:div。

12.为元素指定唯一标示符ID: id="name"。为元素指定类别:class="name"。这些大多在CSS与JS中用来对元素添加特定的行为。

13.title属性是一段注释。在要添加title属性的HTML元素中,输入title="label",其中label是访问者将鼠标移到这个元素上时希望出现在提示框里的文本。

原文地址:https://www.cnblogs.com/koto/p/5001996.html