语法

1、标签必须闭合。

2、一个标签中可包含一个或多个属性值。

3、标签可以嵌套，嵌套的标签闭合时按照顺序进行。

4、注释：

书写规范

1、属性值使用小写字母

2、属性值放在双引号内

3、标签的嵌套统一缩进

元素

文档元数据

元数据(Metadata)含有页面的相关信息，包括样式、脚本及数据，能帮助一些软件 (如搜索引擎， 浏览器等等)更好地运用和渲染页面。对于样式和脚本的元数据，可以直接在网页里定义，也可以链接到包含相关信息的外部文件。

head

规定文档相关的通用信息(标题、样式、脚本的链接等)

link

指定外部资源与当前文档的关系。经常用来链接CSS文件。

style

包含了文档的样式化信息或文档的一部分，通常是CSS的格式

tittle

定义文档的标题，显示在浏览器的标题栏或标签页上，只能包含文本。

base

指定文档中所有链接地址的基础URL。一个文档最多只能有一个元素

meta

用来表示那些不能由其它HTML元相关元素(,,

内容分区

内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素，来为页面内容创建明确的大纲，以便区分各个章节的内容。

address

HTML 的

-

element) 作为子节点 来 辨识每一个。

文本内容

dl(自定义列表)

HTML

dt

HTML

元素 (或 HTML 术语定义元素)用于在一个定义列表中声明一个术语。该元素仅能作为

元素， 然而，多个连续出现的

元素都将由出现在它们后面的第一个

元素定义。

dd

HTML

元素(HTML 描述元素)用来指明一个描述列表 (

元素。

div

HTML

元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器，它在语义上不代表任何特定类型的内容，它可以被用来对其它元素进行分组，一般用于样式化相关的需求(使用 class 或 id 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang)，它应该在没有任何其它语义元素可用是才使用 (比如 或 ) 。

ol(有序列表)

HTML

1. 元素 表示多个有序列表项，通常渲染为有带编号的列表。

ul(无序列表)

The HTML

• 元素 ( 或 HTML 无序列表元素) 代表多项的无序列表，即无数值排序项的集合，且它们在列表中的顺序是没有意义的。通常情况下，无序列表项的头部可以是几种形式，如一个点，一个圆形或方形。头部的风格并不是在页面的HTML描述定义, 但在其相关的CSS 可以用 list-style-type 属性。

li

HTML

元素 (或者 HTML 列表条目元素) 用于表示列表里的条目。它必须被包含在一个父元素里：一个有顺序的列表(

1. )，一个无顺序的列表(

• )，或者一个菜单 (

hr

HTML 元素表示段落级元素之间的主题转换(例如，一个故事中的场景的改变，或一个章节的主题的改变)。在HTML的早期版本中，它是一个水平线。现在它仍能在可视化浏览器中表现为水平线，但目前被定义为语义上的，而不是表现层面上。

figure

HTML

元素代表一段独立的内容, 经常与说明(caption)

figcaption

HTML

元素里的其他数据。这意味着

块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的；如果没有该元素，这个父节点的图片只是会没有说明/标题。

main

HTML Main元素()呈现了文档或应用的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中应当是独一无二的，不包含任何在一系列文档中重复的内容，比如侧边栏，导航栏链接，版权信息，网站logo，搜索框(除非搜索框作为文档的主要功能)。

p

HTML

元素(或者说 HTML 段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。另外，

是块级元素。

pre

HTML

 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在 

 开始标签后的换行符也会被省略)

内联文本语义

多媒体

视频

video

使用标签插入视频：

以上代码中，autoplay表示打开视频页后自动播放，loop表示循环播放，controls使视频拥有控制栏，poster给视频一个封面图。

表格

table

表格名称

定义一组表格列头的行

定义表格主体定义表格的页脚

tr

定义表格的行。

饮料列表序号名称备注1加多宝2可口可乐这三个单元格合并了(横向)

注：可以使用跨行合并单元格(纵向)

实体字符

显示结果

描述

实体

编号

空格

<

小于号

<

<

>

大于号

>

>

&

和号

&

&

“

引号

"

"

‘

撇号

' (IE不支持)

'

©

版权符号

©

©