H5的学习记录

新增标签

语义化标签

1.header

<header></header>

表示头部

2.nav

<nav></nav>

导航栏

3.main

<main></main>

表示页面主体

4.section

<section></section>

用来区分大模块

5.aside

<aside></aside>

表示侧边栏

6.article

<article><article>

表示文章

7.footer

<footer></footer>

表示底部

功能性标签

1.progress

表示进度条

<progress></progress>

属性：

value:进度的多少

max：进度条的长度

效果:

 

2.input

表示输入框

<input>

属性：

type：text/number/email/tel/url/search/time/date/submit/range（拖动滑块）/file（上传文件）

placeholder：输入提示信息

autofocus:载入页面时光标自动聚焦在输入框

multiple:可以选择多个值

 效果：

3.video

播放视频

<video></video>

属性：

src:视频的地址

controls：显示视频的控件

muted：视频为静音

autoplay：加载完网页后视频自动播放，必须与muted静音一起使用，否则不能自动播放

loop：自动循环播放

volume:音量，0~1

dur