html5 有哪些新标签？-之路教程

画布元素

CANVAS元素已在HTML5中引入。
它使用JavaScript来使用户能够在网页上绘制。

标签	说明
<canvas>	用于通过脚本（通常是JavaScript）动态绘制图形

删除元素

以下HTML 4.01元素从HTML5中删除：

标签	说明
<acronym>	定义首字母缩略词。
<applet>	它被用来定义一个嵌入式小程序。
<basefont>	改用CSS。
<big>	它用于将文本和内容居中对齐。
<center>	它用于将文本和内容居中对齐。
<dir>	它被用来定义一个目录列表。
<font>	它用于指定文本的字体、字体大小和字体颜色。
<frame>	定义子窗口（帧）。
<frameset>	定义一组帧。
<noframes>	定义noframe部分。
<strike>	它被用来定义删除线文本。
<tt>	它被用来定义电传文本。
<u>	它被用来定义带下划线的文本。
<xmp>	它被用来定义预先格式化的文本。

将所有HTML5新元素放在一起的结构示例

<!doctype html>
<html>
<head>
<meta charset="utf-8" 
<title>HTML5 New Semantic Structure Elements Example </title>
</head>
<body>
<header>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>Paragraph: <time>2011-10-02</time></p>
<nav>
<h1>Navigation</h1>
<ul>
<li><a href="Home.asp">Home</a></li>
<li><a href="contact.asp">Contact</a></li>
</ul>
</nav>
</header>
<article>
<header>
<h1>Some Post</h1>
<p><time pubdate>2011-10-02</time></p>
</header>
<p>Simple example of the article.</p>
<p>â€¦</p>
<section>
<h1>Comments</h1>
<article>
<header>
<p>Posted by: Ajay Raj</p>
<p><time>2011-10-13</time></p>
</header>
<p>Goog</p>
</article>
</section>
<aside>
<h1>Categories</h1>
<a href="www.Facebook.com">Facebook</a>
</aside>
</article>
</body>
</html>

html5 有哪些新标签？

HTML5为媒体内容提供了新的元素：

标签	说明
<audio>	用于多媒体内容、声音、音乐或者其他音频流。
<video>	用于视频内容，如电影剪辑或者其他视频流。
<source>	为视频和音频定义多个媒体资源。
<embed>	为外部应用程序或者交互式内容定义容器。
<track>	用于媒体播放器中的文本曲目。

音频和视频示例

<video width="640" height="360" src="/demo/video_file/fana.avi">

<div class="fallback">

<p>浏览器必须和HTML5兼容</p>

</div>

</video>

<audio src="C:\光辉岁月.wma" type="audio/ogg">

你的浏览器不支持 <audio> 元素.

</audio>

日期：2020-04-11 23:04:20 来源：oir作者：oir

←HTML5输入属性

HTML5中的事件属性→

画布元素

删除元素

将所有HTML5新元素放在一起的结构示例

目录