HTML知识点2
今天上元君来上技术贴了，讲下HTML的小知识点。赶紧学起来吧！
HTML5 语义元素
什么是语义元素?
一个语义元素能够清楚的描述其意义给浏览器和开发者。
无语义元素实例: <div>和<span> - 无需考虑内容。
语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容。
HTML5中新的语义元素
许多现有网站都包含以下HTML代码：<div id="nav">, <div class="header">, 或者<div id="footer">, 来指明导航链接, 头部, 以及尾部。
HTML5提供了新的语义元素来明确一个Web页面的不同部分:
<header>元素描述了文档的头部区域
<nav>定义导航链接的部分。
<section>定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
<article>定义独立的内容。
<aside>定义页面主区域内容之外的内容（比如侧边栏）。
<figcaption>定义<figure>元素的标题。
<figure>标签规定独立的流内容（图像、图表、照片、代码等等）。
<footer>描述了文档的底部区域。
HTML5 Audio(音频)
HTML5 提供了播放音频文件的标准。
通过使用HTML5中的audio功能，你可以实现与flash相同的功能，即回放、跳转、缓冲等。
互联网上的音频
直到现在，仍然不存在一项旨在网页上播放音频的标准。
今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。
HTML5 规定了在网页上嵌入音频元素的标准，即使用 <audio> 元素。
HTML5 Audio - 如何工作
如需在 HTML5 中播放音频，你需要使用以下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool在线教程(w3cschool.cn)</title>
</head>
<body>
<audio controls>
<source src="/statics/demosource/horse.ogg" type="audio/ogg">
<source src="/statics/demosource/horse.mp3" type="audio/mpeg">
</audio>
</body>
</html>
实例效果：
标签定义及使用说明
<audio>标签定义声音，比如音乐或其他音频流。
目前，<audio>元素支持的3种文件格式：MP3、Wav、Ogg。
想了解更多关于前端小知识，欢迎随时来上元IT咨询！！！
