这是我参与「第四届青训营 」笔记创作活动的的第十三天
写在前面
以下是我学习HTML过程中的一些HTML的学习笔记记录,主要目的是用于巩固基础知识，方便日后的回看复习。本节内容主要包含HTML5里的一些新特性
语义化标签
- 包含
| 语法 | 含义 | | --- | --- | |<header>| 头部标签 | |<nav>| 导航标签 | |<article>| 内容标签 | |<section>| 定义文档某个区域 | |<aside>| 侧边栏标签a | |<footer>| 尾部标签 | - 含义
- 这些语义化标签主要针对于搜索引擎
- 页面中可以使用多次
- IE9中，要把这些元素转换为块级元素
多媒体标签
- 视频标签：
<video>- 支持的视频格式：MP4,WebM,Ogg
- 语法格式
<video src="文件地址"> </video> - 常见属性值
| 属性 | 值 | 作用 | | --- | --- | --- | | autoplay | autoplay | 视频就绪自动播放 | | controls | controls | 向用户显示播放控件 | | width | px | 设置播放器宽度 | | height | px | 设置播放器高度 | | loop | loop | 设置视频是否循环播放 | | preload | auto(预先加载)，none(不预先加载) | 设置视频是否预加载 | | src | url | 设置视频的url地址 | | poster | Imgurl | 设置视频加载等待时的画面图片 | | muted | muted | 静音播放 |
- 音频标签：
<audio>- 支持的音频格式：MP3,Wav,Ogg
- 语法格式
<audio src="文件地址"> </audio> - 常见属性值
| 属性 | 值 | 作用 | | --- | --- | --- | | autoplay | autoplay | 让音频就绪后马上播放 | | controls | controls | 向用户显示操作控件 | | loop | loop | 让音频循环播放 | | src | url | 设置音频的url |
input类型
- 新增表单
| 属性值 | 作用 | | --- | --- | | type="email" | 限制用户输入必须为email类型 | | type="url" | 限制用户输入必须为url类型 | | type="date" | 限制用户输入必须为日期类型 | | type="time" | 限制用户输入必须为时间类型 | | type="month" | 限制用户输入必须为月份类型 | | type="week" | 限制用户输入必须为周类型 | | type="number" | 限制用户输入必须为数字类型 | | type="tel" | 手机号码 | | type="search" | 搜索框 | | type="color" | 生成一个颜色选择表单 |- 注意：添加form表单域并提交后才能验证
- 新增表单属性
| 属性 | 值 | 作用 | | --- | --- | --- | | required | required | 用来规定该表单内容为必填 | | placeholder | 提示文本 | 表单的提示信息，存在默认值则不显示 | | autofocus | autofocus | 自动聚焦属性 ，页面加载后自动聚焦到指定表单 | | autocomplete | off/on | 对用户之前输入过的值，显示在字段中填写的选项 | | multiple | multiple | 可以多选文件提交 |
写在最后
以上便是我的一些学习笔记，若有不足，欢迎指出
