HTML5简介-HTML5 新增语义化标签-HTML5 新增多媒体标签
HTML5 引入了许多新的语义化标签和多媒体标签,以下是一些示例:
<!-- 语义化布局 -->
<header>头部信息</header>
<nav>导航链接</nav>
<section>一个内容区块</section>
<article>一篇文章</article>
<aside>侧边内容</aside>
<footer>底部信息</footer>
<!-- 多媒体内容 -->
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
<audio controls>
<source src="song.mp3" type="audio/mpeg">
<source src="song.ogg" type="audio/ogg">
您的浏览器不支持 audio 元素。
</audio>
在这个例子中,我们使用了新的语义化标签来构建页面布局,并使用<video>
和<audio>
标签来嵌入视频和音频内容。这些标签提供了更好的机会来描述内容的意义,并使得浏览器能够更好地处理多媒体内容。
评论已关闭