HTML5标签详解-优快云博客

本文链接：https://blog.youkuaiyun.com/s306587279/article/details/84239237

!----------------------------html5标签实验室--------------------->



<audio src="horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>





<video src="movie.ogg" controls="controls">
your browser does not support the video tag
</video>





The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.





<address>
Written by W3Schools.com<br />
<a href="mailto:us@example.org">Email us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
</address>





<article>
<a href="http://blog.netscape.com/2007/12/28/
end-of-support-for-netscape-web-browsers">Netscape is dead</a>
<p>
AOL has a long history on the internet, being one of
the first companies to really get people online.....</p>
<p>something news about AOL,story of AOL is very long.....</p>
</article>





<p>My family and I visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>





<base href="http://www.w3schools.com/html5/" target="_blank" />

<a href="default.asp">W3Schools' HTML5 Tutorial</a>





<bdo dir="rtl">
Here is some text written from right-to-left.
</bdo>





<p>Here is a quote from WWF's website:
<blockquote cite="http://www.wwf.org">
WWF's ultimate goal is to build a future where people live in harmony with nature.
</blockquote>
We hope that they succeed.
</p>





<table>
<caption>Monthly savings</caption>
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
<tr>
    <td>February</td>
    <td>$50</td>
</tr>
</table>






<em>Emphasized text</em><br />

<strong>Strong text</strong><br />

<dfn>Definition term</dfn><br />

<code>Computer code text</code><br />

<samp>Sample computer code text</samp><br />

<kbd>Keyboard text</kbd><br />

<var>Variable</var><br />

<cite>Citation</cite>





<table>
<colgroup span="2" style="background:red"></colgroup>
<tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
</tr>
<tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
</tr>
</table>





<input list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist>





<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>another one</dt>
<dd>wwwww</dd>

<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>





<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>





<details>
<summary>Copyright 1999-2011.</summary>
<p>All pages and graphics on this web site are the property of the company Refsnes Data.</p>
</details>





<embed src="helloworld.swf" />
<object data="helloworld.swf"></object>





<fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" /><br />
    Email: <input type="text" /><br />
    Date of birth: <input type="text" />
</fieldset>





<footer>This document was written in 2009</footer>





<p>Do not forget to buy <mark>milk</mark> today.</p>





<nav>
<a href="default.asp">Home</a>
<a href="tag_meter.asp">Previous</a>
<a href="tag_noscript.asp">Next</a>
</nav>





<time datetime="10:00">10:00</time>





<figure>
<p>A view of the pulpit rock in Norway</p>
<img src="img_pulpit.jpg" width="304" height="228" />
</figure>





<menu>
<li><input type="checkbox" />Red</li>
<li><input type="checkbox" />blue</li>
</menu>

html5 标签用法