HTML标签介绍

别看了，都是我从MDN抄来的。

和<head>是两个不同的标签，不能作为<address> <footer>或其他<header>元素的子元素。是HTML5中的标签。

<main>

呈现了文档的或应用的主体部

分。这部分内容在文档中应当是独一无二的，不应该包括任何在一系列文档中重复的内容，比如侧边栏、导航栏链接、版权信息、网站logo等。是HTML5中的标签。

<nav>

HTML导航栏描绘一个含有多个超链接的区域，这个区域包含转到其他页面，或者页面内部其他部分的链接列表，页面中可以有多个nav标签。是HTML5中的标签。

表示文档中的一个区域，一般来说会包含一个标题，也因此可以通过判断是否包含一个标题作为子节点来辨识每一个section。一般来说，一个<section>应该出现在文档大纲中。且<section>一定不能作为<address>元素的子节点。是HTML5中的标签。

以上元素都是HTML5标准中的元素，且都没有独有属性。我觉得这可以说明标准的制定者也在尽量让"专业的人做专业的事"，HTML负责框架构件和内容承载那就不让他有样式相关的属性。

<dl>

是一个包含术语定义以及描述的列表，通常用于展示词汇表或者元数据(键-值对列表)。用法可以是"多条术语，单条描述" "单条术语，多条描述" "多条术语，多条描述"。

<ul>

是多项的无需列表，即无数值排序项的集合，且他们在列表中的顺序是没有意义的。使用list-style-type属性改变列表项的形式。可以和<ul><li><ol>嵌套使用。

<ol>

表示多个有序列表项，通常渲染为有带编号的列表。其中的列表项的顺序是有意义的。

以上三个标签是列表项的不同表示方式，我觉得应该合并为两种。通过一个属性来指定是ul或者ol。可能规范有其他层面的考虑。

<p>

表示文本的一个段落，该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。（自带样式的作用）是块级元素。

<div>

是一个通用型的流内容容器，在语义上不代表任何特定类型的内容，可以用来对其他元素分组（出于样式相关的需求），他应在没有任何其他相关语义相关元素(article & nav)可用时才使用。

<span>

是短语内容的通用行内容器，并没有任何特殊语义。和<div>一样，应该在没有其他合适的语义元素时才使用它。是行内元素

以上三个标签都是用来在没有特殊语义要求时承载内容使用。

<input>

用于为基于web的表单创建交互式控件，以便接受来自用户的数据。属性很多，以至于可以单开一篇单独讲。

<form>

表示了文档中的一个区域，其包含有交互控制元件，用来向web服务器提交信息。是和后端沟通的一个接口。属性很多，不细讲。

<a>

可以创建一个到其他网页、文件、同一个页面内的位置、电子邮件地址或任何其他url的超链接。属性很多，不细讲。

以上三个标签在平淡的展示元素之后为页面带来了一丝生机。也为用户和网页交互提供了真正意义上的入口。

谢谢你看到这 : )

另附刚出炉的导图：