虽然HTML5的开发已经开始多年了，但网页设计人员/开发人员开始使用HTML5是在2010年。对于许多网络专业人士而言，这种语言非常熟悉，因为它不是试图从头开始重新编写所有内容，HTML5建立在以前的基础上。任何了解HTML 4.01的人都很快发现HTML5中现在可以找到相当多的版本。

虽然HTML5包含许多已经在HTML中存在的元素，但它还引入了一些HTML5新增的元素。对于这些新元素中的许多元素，使用了一种称为“paving the cowpaths”的方法。这个术语在IT中常用，主要是指人们已经在做什么并做到这一点。对于网页设计师而言，这意味着要了解他们如何构建页面并根据这些活动的新元素做出决策。例如，许多网络专业人员将构建具有使用“标题”，“导航”和“页脚”的ID或类属性的分部的网站。因此，HTML5将这些作为新元素引入，允许Web专业人员通过使用专用的分区元素而不仅仅是分区来为其文档添加更多含义。

HTML5 Doctype

首先，要使用任何新的HTML5元素，您的文档必须包含HTML5 doctype，它是：

您可能会注意到此doctype没有特别提及“HTML5”，而是简单地将版本声明为“html”。这是因为此doctype是用于语言的所有迭代的预期用途。

事实上，HTML5应该是该语言的最后编号版本，将来会在一致的基础上添加新的更改。事实上，在2010年的初步推动之后，下面列表中的一些元素已经被添加到语言中了！

The HTML5 Tags

Tag

Explanation

Anchor or link

Abbreviation

Address or authors of the document

Client-side image map

Article

Tangential content

Audio stream

Bold

Base URI paths for elements in the document

Bi-directional algorithm

Long quotation

Body of the page

Line break

HTML form button

Canvas for dynamic graphics

Comment

Table caption

Citation

Code reference

Table column

Table column grouping

Command or action on the page

Document type definition

Data grid

Predefined options for other controls

Definition list description or span of discourse

Deleted text

Additional on-demand information

Definition

Conversation

Logical division

Description list

Definition list term or dialog speaker

Emphasis

Embedded element for plugins

Form controls group

The caption used for a

element

Figure with optional caption

Footer of the page

Form

First level headline

Second level headline

Third level headline

Fourth level headline

Fifth level headline

Sixth level headline

Head of the document

Header of a page

Heading group

---

Horizontal rule

Root element of a Web page

Italics text style

Inline frame

Image

Input form element

Checkbox form element

Color input

Global date and time input

Local date and time input

Email address input

File upload form element

Hidden form field element

Year and month input

Number input

Password form element

Radio button form element

Imprecise number input

Reset button form element

Search field

Submit button form element

Telephone number input

Text field form element

URL input

Year and week input

Inserted text

Text to be entered by the user

Generate secure keys for certificate management

Form label

Form fieldset caption

List item

Link to related documents

Main area of content on a page

Client-side image map

Marked or highlighted text

List of commands

Meta information about the document

Scalar gauge

Define's an area with navigation links

Content when scripts aren't available

Non-standard object

Ordered or numbered list

Group of options in a select list

Option in a select list

Result of a form calculation

Paragraph

Parameter of an object element

Pre-formatted text

Progress indicator

Short inline quotation

Ruby parenthesis

Ruby text

Ruby annotation

Strikeout text

Sample output

Scripts

Section of a page

Select or drop-down menu lists

Small font size

Media source

Generic inline style container

Strong emphasis

Style sheets

Subscript

Summary of the DETAILS element contents

Superscript

Table

Table body rows

Table cell

Multi-line form element

Table footer rows

Table header cell

Table header rows

Defines time

Title

Table row

Unordered or buletted list

Variable or user defined text

Video or movie embedded in page