day19 knowledge
1. HTML5 semantic structure tags:
section is more inclined to divide the area. (The outer structure of the web page ... is more similar to the div)
article is more biased towards the display of content
aside sidebar (aside)
header page header or content block header
footer the top of the web page or the
nav navigation area at the bottom of the fast content .
figure represents an independent area
figcaption figure area title
main body area (IE is not compatible)
hgroup title group
mark highlight text
time used to process the time
dialog similar to the dialog box
Multimedia tag video:
Attributes:
autoplay, autoplay
controls, playback controls,
loop, looped,
muted, mute state
poster, the cover image displayed after the video is not loaded or does not play dead
音频<audio></audio>
属性:
autoplay 自动播放
controls 播放控件
loop 循环播放
muted 静音状态
定义媒介资源:<source>
type属性 -> 定义媒介类型
video里面 type属性的定义:video/ogg video/mp4 video/webm
audio里面 type属性的定义:audio/ogg audio/mpeg
h5新增的type的类型
<input type="email"> 在提交整个表单的时候,验证是否符合邮箱的格式
<input type="url"> 在提交的时候验证是否是一个网址 检测 http://
<input type="range"> 生成滑动条
<input type="number"> 限制必须为数字
<input type="search"> 搜索框
<input type="color"> 颜色选取
h5新增的表单属性
max="" 最大
min="" 最小