前端常问的宏观“大”问题详解

HTML5新特性包括那些

HTML5新特性详解

HTML5作为现代网页开发的核心标准，引入了多项革新特性，涵盖语义化标签、多媒体支持、表单增强及新API等，显著提升了网页功能与开发效率。以下是其核心新特性的分类总结：

---

一、语义化标签

HTML5新增了语义化布局标签，替代传统无意义的div，优化了文档结构并提升搜索引擎理解能力：
• 头部与底部：

<header>页面头部</header>
<footer>页面底部</footer>

• 内容区块：

<article>独立内容（如文章）</article>
<section>文档分区</section>
<nav>导航栏</nav>
<aside>侧边栏（如广告、说明）</aside>

• 特殊用途：
<main>定义主内容区，<figure>与<figcaption>用于图文关联。
注意：IE9需设置display: block以支持这些标签。

---

二、多媒体支持

HTML5通过原生标签支持音视频嵌入，减少对Flash插件的依赖：

1. 音频标签：

   <audio controls autoplay loop>
     <source src="audio.mp3" type="audio/mpeg">
     <source src="audio.ogg" type="audio/ogg">
     您的浏览器不支持音频播放。
   </audio>
   

   • 属性：controls显示控件，autoplay自动播放（需配合muted绕过浏览器限制），loop循环。

2. 视频标签：

   <video width="500" poster="loading.jpg"