HTML 5 is a new web standard that aims to replace the existing HTML 4.01, XHTML 1.0 and DOM Level 2 HTML standards. It hopes to reduce the browser's need for plug-in-based rich internet applications (RIA), such as Adobe Flash, Microsoft Silverlight, and Sun JavaFX. HTML 5 provides a number of new elements and attributes that reflect typical modern usage of websites. Some of them are technically similar and labels but have a certain meaning, e.g.
(site navigation block) and
. Such tags will facilitate search engine indexing, small screen devices, and use by the visually impaired. At the same time, new functions are provided for other browsing elements through a standard interface, such as and
mark.
<header style=text-align: center; color: blue;>Welcome to the learning path of Html5, I am the header tag. </header>
This is a tag datalist that defines a list of options. This function is to combine the text text box with the select tag.
<input type=text list=phone>
<datalist id=phone>
<option></option>
<option>IPhone</option>
<option>Huawei</option>
<option>Xiaomi</option>
<option>Samsung</option>
</datalist>
<font color=red>Here I discovered a difference between the two. Datalist will only have its own defined drop-down content when the input box is empty!</font>
<br/>
And this select option box will exist no matter what the content is.
<select>
<option>IPhone</option>
<option>Huawei</option>
<option>Xiaomi</option>
<option>Samsung</option>
</select>
--------------------------
<br><br><br>
This is a tag that defines the details of the document. detail tag. Its main function is simple.
<details>
<summary>This is a detail tag, here is how to use it</summary>
<p>What is the detail tag? </p>
<p>What does the detail tag do? </p>
<p>What can the detail tag do? </p>
<p>How should I use the detail tag? </p>
</details>
<br>
The detail tag is often used together with the summary tag. For example, this tag is a highlighted tag <mark>mark</mark> with different proportions.
<br><br>
The next tag is the definition list tag. menu.
<menu>
<li>Journey to the West</li><li>Water Margin</li><li>Dream of Red Mansions</li><li>Romance of the Three Kingdoms</li>
</menu>
<br><br>
We use progress bar labels more often. Such as this.
<mark>progress</mark>
<progress value=5 max=10>value=5 max=10</progress>
<br>
<audio src= controls=controls autoplay=autoplay loop=loop></audio>
<footer>I am the bottom footer tag</footer>
Summarize
The above are the new tags of HTML5 introduced by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank everyone for your support of the VeVb martial arts website!