`< input>`是最为重要的表单元素。 根据type属性值的不同，它可以表现为不同形式，功能更大相径庭。 无论以何种形式展现或者何种方式使用，它的功能是输入数据。...

step属性用于规定数据每一次变化的梯度，或者说数据之间的间隔值。 假设step属性值为5，那么两个数据之间的差是5*N（N是整数）。 通常与min以及max属性配合使用。

之前没有关于自定义属性的规范，所以管理起来比较混乱。 HTML5增加data-*用于设置自定义属性，可以用来存储数据，也可以称之为数据属性。 同时，JavaScript提...

去一个地方，首先要明确到达此地的路径。 编程也是如此，要加载图片或者引入其他代码文件，也需要设置正确的路径。 路径分为绝对路径与相对路径：

网站可以具备功能非常强大，不但能够进行信息展示，也可以进行交互。 比如注册会员、发布文章或者跟帖留言，都属于交互操作。 利用 `< form>` 表单元素可以...

链接`<a>`是最为常用的HTML元素之一，通过它可以将页面跳转到指定的地址。 利用它非常便利的实现站内或者站际间页面跳转，有利于浏览者获取信息。 首先看一段代码实例：

使用`< dl>`、`< dt>`和`< dd>`三个标签可以定义描述列表。 首先从标签的名称入手理解它们的作用： （1）.dl：英文全称是definitio...

将input元素的type属性值设置为"search"可以创建一个搜索域。 搜索域是HTML5新增，IE9+和其他标准浏览器支持。 从表面上看与普通文本框非常类似，且...

`< input>` 标签 type 属性值设置为 tel 即可创建拨号域，HTML5 新增。 既然叫做拨号域，那么它主要用于填写电话号码等类似数据。 首先看...

HTML5之前，实现时间控件通常要使用JavaScript，比较困难。 虽然有很多现成的插件可以使用，但总归要使用若干JavaScript和CSS代码。 当前，只要将...

`< footer>`标签是HTML5新增，用于增强页面布局的语义化。 此标签用于定义文档或者章节的页脚内容，通常是地址、联系方式、版权等信息。 在HTML5...

语义化布局不但能够提高代码的可读性，对于搜索引擎优化也有助益。 HTML5对语义化布局进行了加强，本文所要介绍的`< nav>`标签就是HTML5新增。 `<...

HTML `< header>` 标签 `< header>`是HTML5新增，目的是提高HTML布局的语义化功能。 `< header>`代表“网页”或“s...

将`< input>`标签的type属性值设置为datetime-local即可创建时间日期calendar控件。 此calendar控件是HTML5新增。

图片是页面中比不可少的元素，通过图片可以让页面更加美观，也让某些功能更加醒目。 通常，将图片放置于服务器指定位置，然后使用路径引用。

HTML5之前没有自带的进度条效果，只能通过JavaScript结合CSS模拟实现。 大家知道，版本的更新通常意味着功能的增强与便利性的提高，HTML也不例外。 HT...

< meter>元素是HTML5新增，用来显示已知数据范围内标量值，通常用于指示当前数据处于某种状态。 上述阐述太晦涩了，原本很容易理解的概念一旦套上高大上的概念就...

本文并不会对HTML语义化布局的具体细节做介绍，而是从宏观角度分析它的必要性。 HTML5标准新增若干语义化标签，随着HTML5的逐渐推广，语义化布局得到越来越多的重视。

此标签表示一个相对独立与完整的内容块，具有比较完整的语义。 比如页面中的一篇文章，或者文章底部一条完整的评论。 `< article>`标签除去包括内容外，通...

此标签的功能与`< article>`标签比较类似，两者联系与区别简单总结如下： （1）.`< article>`可以认为是特殊`< section>`。 （...

`< main>`标签用于创建页面中主要内容。 此标签中的内容在原则上不能是网站页面中重复出现的内容，比如不能是导航栏或站点版权信息等。

此标签通常用于对于其他主体内容的修饰，或者说提供一些附属信息。

`标签可以创建一个具有一定动态效果和交互能力的对话框。 此标签需要注意两个属性的应用：

HTML5将标签类别根据功能进行了细化，以使代码更具有语义。 不但便于程序员阅读，也更有利于搜索引擎的抓取识别，有着比较积极的意义。 `<time>`标签可以用于定...

此标签和`< figure>`标签配合使用。 理解此标签从其名称入手是一个良好的方式。 figcaption可以认为由如下两个单词构成：

HTML input text单行文本域`< input>`元素将type属性值设置为"text"即可实现单行文本域。 代码实例如下:

单行文本框只能够输入一行内容，textarea多行文本框可以输入多行文本。 多行文本框用textarea标签创建，而不是input标签。 通常用于需要输入较多内容的需求。

`< input> `标签 type 属性值设置为 "checkbox" 即可创建一个复选框。 单选按钮同一时刻只能有一个按钮处于选中状态，复选框则可以选中任意多项...

`< input>` 标签 type 属性值设置为 "radio"，即可创建一个单选按钮。 既然是单选按钮，按钮之间通常互斥，同一时刻只能有一项处于选中状态。 ...

将input标签type属性值设置为"reset"即可生成一个重置按钮。 此按钮一般和提交按钮配合使用，当然不是硬性标准。 首先看一段代码实例：

此属性用于设置 table 中单元格周边的空间，以像素为单位。 下面通过图文方式对此属性进行详细分析，首先从其名称入手。

此属性用于设置 table 中单元格的内边距，以像素为单位。 所谓内边距就是单元格中的内容与单元格边框内侧之间的距离。 理解此属性的功能，可以从其名称入手。

`<sup>`标签可以创建一个上标，sup是superscript的缩写。 上标具有如下几个简单特点： （1）.以当前文本流中字符高度的一半为基准线。 （2）.上标...

`<sub>`标签可以创建一个下标，sub是subscript的缩写。 上标具有如下几个简单特点： （1）.以当前文本流中字符高度的一半为基准线。 （2）.下标中的...

`<var>`标签用于标识数学表达式或编程上下文中的变量。 其包裹内容默认以斜体方式展现，如果单纯实现外观效果，建议采用CSS。