Semantic Summary of HTML tags

Last Update:2015-05-03 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 ＞

HTML semantics is an interview in the process of loved questions, ask more, it is time to make a systematic summary, so as to form a knowledge network.

The so-called label semantics, in fact, according to the standard, to the content of the most appropriate and most suitable label, so that, even if the style sheet does not load, can also browse the article normally. By the way, speaking of this, I think of my mobile phone in the browsing part of the site will have a reading mode of things, is to remove the style, so that you focus more on the text, so if you do not semantically, in this mode of reading will be "dead", ha haha.

Each HTML tag has its own meaning, but also has its own scope of application, but often we ignore or abuse, for example, div tag, this label is commonly used to layout, but it is actually a meaningless label, not conducive to post-maintenance.

　　Benefits:

The page structure is still clear when the style is removed or the style is lost
Mobile devices to showcase your pages more perfectly
The reader will automatically parse according to the semantics of the tags, presenting a more readable form of content (accessible reading)
Search engines determine context and weight issues based on the semantics of tags (seo-friendly)
Facilitate late development and maintenance, improve team work efficiency

Since the benefits are many, it is necessary to remember, the following table from the network:

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.

Semantic Summary of HTML tags

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