HTML基础知识整理

学习前端网页的开发已经有近两年的时间了，还有一年就要进入社会工作了，临近实习期，在学校有时间抓紧把之前学过的知识再过一遍，下面是本人整理的一些基础前段知识。

对于一份基本的HTML5文档而言，它有如下结构：

<!DOCTYPE html>
<html>
   <head>
   <meta charset="utf-8">
   <title>标题部分</title>
   </head>
   <body>
      正文部分
   </body>
</html>

HTML5支持两种方式来指定页面的字符集：

（1）使用Content-Type指定页面的字符集：

<meta http-equiv="Content-Type" content="text/html ;charset=utf-8"/>

(2)直接使用charset指定页面所有的字符集（常用）

<meta charset="utf-8">

注意事项：

在<html>与<head>、</head>与<body>、</body>与</html>之间不允许插入任何东西；无标签内容只允许写在<body></body>中。

下面简单介绍一下HTML的常用元素：

首先是基本元素：

<!--#-->标签定义了HTML文档的注释部分，在该标签内的内容不会显示在网页页面上。

<html>标签定义了HTML文档的根元素。（HTML5允许省略该元素）

<head>标签定义了HTML文档的页面头部分。（HTML5允许省略该元素）

<title>标签定义的网页的标题部分。

<body>标签定义了网页的主体部分。

<div>标签定义了文档中的节，通常用于辅助网页布局的构建。

其次是文本格式相关的元素：

<b><i><em><strong>分别定义文本的粗体，斜体，强调文本和粗体文本。

<sup>定义上标文本，<sub>定义了下标文本，<bdo>定义文本显示的方向，它的属性dir有两个值：rtl和ltr。

然后是比较重要的用于添加超链接和定义锚点的<a>元素：

<a>元素的属性有：

<href>:指定了超链接所链接的另一个资源。

<hreflang>:指定超链接所链接的文档所使用的语言。

<target>:有四个可取值，_self、_blank、_top、_parent分别代表在自身，新窗口，顶层框架和父框架来装载新资源。

<download>:指定用户下载目标链接所指向的资源。