HTML tag semantics

Last Update:2015-06-07 Source: Internet

Author: User

Tags deprecated

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

1. Why use label semantics

HTML constructs the structure of the page, like building a house, the house to be solid, the framework of the Foundation to fight, and CSS is interior designer, in the interior decoration, brand-renewed. But even without the interior designer, the overall structure of the house remains clear. This requires us to use brick by brick accurately and properly label these bricks.

2. Benefits of Labeling semantics

1, you can remove the style, the structure of the page is still clear.

2, in mobile devices can be a perfect display of the Web page (because the mobile device support for the CSS is weaker)

3, the reader will be based on the semantics of the label automatically resolved to show more easily read the content form (accessible reading)

4, the search engine will determine the context and weight issues based on the semantics of the tags.

5, facilitate the development and maintenance of the late, team cooperation efficiency is high.

3. Use of Semantic tags

label	Description
<!–...–>	Defines a comment.
<! Doctype>	Defines the document type.
<a>	Defines a hyperlink.
<abbr>	Define abbreviations.
<acronym>	Not supported in HTML 5. Defines the initials.
<address>	Defines the address element.
<applet>	Not supported in HTML 5. Defines an applet.
<area>	Defines the area in the image map.
<article>	Define article.
<aside>	Define content beyond the content of the page.
<audio>	Defines the sound content.
<b>	Defines bold text.
<base>	Defines the base URL for all links in the page.
<basefont>	Not supported in HTML 5. Please use CSS instead.
<bdi>	Defines the text orientation of the text so that it is set out of the direction of the text around it.
<bdo>	Defines the direction in which the text is displayed.
<big>	Not supported in HTML 5. Defines large text.
<blockquote>	Defines a long reference.
<body>	Defines the BODY element.
<br>	Inserts a newline character.
<button>	Defines the button.
<canvas>	Define the graphic.
<caption>	Defines the table title.
<center>	Not supported in HTML 5. Defines the centered text.
<cite>	Defines a reference.
<code>	Defines the computer code text.
<col>	Defines the properties of a table column.
<colgroup>	Defines the grouping of table columns.
<command>	Defines a command button.
<datalist>	Defines a drop-down list.
<dd>	A description of the definition definition.
<del>	Defines the deletion text.
<details>	Defines the details of the element.
<dfn>	Define the definition of the project.
<dir>	Not supported in HTML 5. Defines a list of directories.
<div>	Defines a section in the document.
<dl>	Defines a list of definitions.
<dt>	Defines the defined project.
<em>	Defines the accent text.
<embed>	Define external interaction content or plug-ins.
<fieldset>	Define FieldSet.
<figcaption>	Defines the caption of a figure element.
<figure>	Defines the grouping of media content, as well as their titles.
<font>	Not supported in HTML 5.
<footer>	Defines the footer of a section or page.
<form>	Define the form.
<frame>	Not supported in HTML 5. Defines a child window (frame).
<frameset>	Not supported in HTML 5. Defines the set of frames.
	Define Heading 1 to heading 6.
	Defines information about the document.
	Defines the header for a section or page.
	Defines information about a section in a document.
	Defines a horizontal line.
	Defines an HTML document.
<i>	defines italic text.
<iframe>	Defines a child window (frame) within a row.
	Define the image.
<input>	Defines an input field.
<ins>	Defines the insert text.
<keygen>	Defines the build key.
<isindex>	Not supported in HTML 5. Defines the input fields for a single line.
<kbd>	Defines the keyboard text.
<label>	Defines a callout for a form control.
<legend>	Defines the caption in the fieldset.
<li>	The item that defines the list.
<link>	Defines a resource reference.
<map>	Defines an image map.
<mark>	Defines the marked text.
<menu>	Defines a menu list.
<meta>	Defines meta information.
<meter>	Define measures within a predefined range.
<nav>	Defines the navigation link.
<noframes>	Not supported in HTML 5. Defines the Noframe section.
<noscript>	Defines the NoScript section.
<object>	Defines the embedded object.
<ol>	Defines an ordered list.
<optgroup>	Define an option group.
<option>	Defines the options in the drop-down list.
<output>	Defines some types of output.
<p>	Defines a paragraph.
<param>	Define parameters for the object.
<pre>	Defines the pre-formatted text.
<progress>	Defines the progress of any type of task.
<q>	Defines a short reference.
<rp>	Defines if the browser does not support the content displayed by the Ruby element.
<rt>	Defines the interpretation of Ruby annotations.
<ruby>	Define Ruby annotations.
<s>	Not supported in HTML 5. Defines the text to add strikethrough to.
<samp>	Define the sample computer code.
<script>	Define the script.
<section>	Defines a section.
<select>	Defines an optional list.
<small>	Renders the margin note (side comments) as small text.
<source>	Defines the media source.
<span>	Defines a section in a document.
<strike>	Not supported in HTML 5. Defines the text to add strikethrough to.
<strong>	Defines the accent text.
<style>	Defines a style definition.
<sub>	Defines the subscript text.
<summary>	Defines the caption of the details element.
<sup>	Defines the superscript text.
<table>	Define the table.
<tbody>	Defines the body of the table.
<td>	Defines a table cell.
<textarea>	Define TEXTAREA.
<tfoot>	Defines a footnote to the table.
<th>	Defines a table header.
<thead>	Defines a table header.
<time>	Defines the date/time.
<title>	Defines the title of the document.
<tr>	Defines a table row.
<track>	Defines a text track used in a media player.
<tt>	Not supported in HTML 5. Defines the typewriter text.
<u>	Not supported in HTML 5. Defines the underlined text.
<ul>	Defines an unordered list.
<var>	Defines a variable.
<video>	Define the video.
<xmp>	Not supported in HTML 5. Defines the pre-formatted text.

First, progress is imitating, learning, thinking. Excerpt from Javin, "making semantic tagging a habit"

HTML tag semantics

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More