前端知识学习

本文档使用 MrDoc 发布

HTML5新标签

# HTML新标签

## HTML5的新的块标签：

- <nav></nav> 导航栏
- <header></header> 头部
- <footer></footer>底部
- <aside></aside>旁边栏
- <section></section>内容
- <main></main>主要区域
- <article></article>文章
- <details></details>详情

以上都是块标签，是给予标签的语义，用法是和块标签相同的。

## 表单元素的一些HTML5标签及属性：

- date和time 分别表示日期和时间
- email、url 当Input的type为email时，必须输入格式并且需要符合相应的格式
- number 必须输入，并且可以设置最小值min，最大值max
- range: 输入一定范围内的数字值
- placeholder: 提示文字
- required 定义该input为必填项

## 多媒体标签

(1).audio（音频）：支持格式：MP3、 [wav](https://so.csdn.net/so/search?q=wav&spm=1001.2101.3001.7020)、ogg

属性：controls  显示音频控件

autoplay  准备就绪后自动播放

loop     自动单曲循环

muted    静音

src      规定音频文件的路径

source: 定义资源类型、由浏览器进行选择

（2).video(视频）：支持格式：MP4、webM、[ogg](https://so.csdn.net/so/search?q=ogg&spm=1001.2101.3001.7020)

属性：controls  显示音频控件

autoplay  准备就绪后自动播放

loop     自动单曲循环

muted    静音

src      规定音频文件的路径

source: 定义资源类型、由浏览器进行选择

## 为什么使用新标签，使用新标签的意义？

使用新标签是为了语义化。

意义：去掉样式能让页面结构清晰呈现、有益于SEC、便于团队开发和维护。

Chuck 2023年6月27日 13:58 收藏文档

上一篇

下一篇