The HTML elements below are grouped by function.
1.Basic elements
Basic elements are the backbone of any HTML documents.
<html>
2.Document metadata
Metadata contains information about the page. This includes information about styles, scripts, and data to help software use and render the page.
Metadata for styles and scripts may be defined in the page or link to another file that has the information.
<base>: <base target="_blank" href="http://www.example.com/page.html">
<head>: <head>
<title>Document title</title>
</head>
<link>: <link href="style.css" rel="stylesheet">
<meta>: <meta charset="utf-8">
The HTML<meta> element represent any metadata information that cannot be represented by one of the other HTML meta-related elements.
<style>: <style type="text/css">
body {
color:red;
}
</style>
<title>: <title>Awesome page title</title>
3.Content sectioning
Content sectioning elements allow you to organize the document content into logical pieces.
Using the sectioning elements to create a broad outline for your page content, including header and footer navigation, and heading elements to identify sections of content.
<address> <article> <footer> <header> <h1>, <h2>, <h3>, <h4>, <h5>, <h6> <hgroup> <nav> <section>
4.Text content
Use HTML text content elements to organize blocks or sections of content placed between the opening <body> and closing </body> tags. these elements identify the purpose or structure of that content.
<dd>: <div> <dl> <dt> <figcaption> <figure> <hr> <li> <main> <ol> <p> <pre> <ul>
5.Inline text semantics
Use the HTML inline text semantic to define the meaning, structure, or style of a word, line, or any arbitrary place of text.
<abbr> <b> <bdi> <bdo> <br> <cite> <code> <data> <dfn> <em> <i> <kbd> <mark> <q> <rp> <rt> <rtc> <ruby> <s> <samp> <small> <span> <strong> <sub> <sup> <time> <u> <var> <wbr>
6.Image and multimedia
HTML supports various multimedia resources such as images, audio, and video.
<area> <audio> <map> <track> <video>
7.Embedded content
In addition to regular multimedia content, HTML can include a variety of other content, even if it‘s not always easy to interact with.
<embed> <object> <param> <source>
8.Scripting
In order to create dynamic content and web applications, HTML supports the use of scripting languages, most prominently JavaScript. Certain elements supports this capability.
<canvas> <noscript> <script>
9.Demarcating edits
These elements let you provide indications that specific parts of the text have been altered.
<del> <ins>
10.Table content
The elements here are used to create and handle tabular data.
<caption> <col> <colgroup> <table> <tbody> <td> <tfoot> <th> <thead> <tr>
11.Forms
HTML provides a number of elements which can be used together to create forms which the user can fill out and submit to the Web site or application. There‘s a great deal of further information about this available in the HTML forms guide.([HTML forms guide] 下周再总结吧）
<button> <datalist> <fieldset> <form> <input> <keygen> <label> <legend> <meter> <optgroup> <option> <output> <progress> <select> <textarea>
12.Interactive elements
HTML offers a selection of elements which help to create interactive user interface objects.
<details> <dialog> <menu> <menuitem> <summary>
13.Web Components
Web Components is an HTML-related technology which makes it possible to, essentially, create and use custom elements as if it were regular HTML. In additon, you can even create custom versions of standard HTML elements, as well.
<content> <element> <shadow> <template>
14.Obsolete and deprecated elements
<acronym> <applet> <basefont> <big> <blink> <center> <command> <content> <dir> <font> <frame> <frameset> <isindex> <keygen> <listing> <marquee> <noembed> <plaintext> <spacer> <strike> <tt> <xmp>