0
点赞
收藏
分享

微信扫一扫

h5基础

zhongjh 2022-03-12 阅读 174

h5

语义化标签:结构明确;便于阅读;便于SEO(搜索引擎优化)

结构性标签

header:头

footer:脚

section:独立的一块区域

article:独立的文章内容

nav:导航栏

aside:侧边栏

figure:放置图片、图标等

hgroup:h1-h6组合标题

功能性标签

<details><summary>主题</summary>详情</details>

time,重要的时间节点

address,重要的地点

<progress value="当前进度" max="最大进度值">:未知的上传、下载、安装等

<meter value="当前进度" min="" max="">:度量,比如磁盘

表单控件 type值

search:搜索

email:邮件

url:网址

tel:手机

number:数字 <number min="" max="" step="步长">

range:滑块 <range min="" max="" step="">

时间type:

date:年月日

time:时分

年月日时分:

datetime:utc(格林尼治),比北京时间早8小时

datetime-local:本地时间

month:月

week:周

color:颜色

<input list="bro"/> :比如表单缓存数据填写

(<input list="bro"/> 

<datalist id="bro">

<option value="firfox">11</option>

<option value="chrom">22</option>

<datalist>)

音频和视频

controls:控制暂停播放

autopaly:自动播放

muted:静音

loop:循环播放

poster:给视频引用背景图片

audio:音频

<audio>

<source src="" type=""/>

(<source src="media/video.webm" type="video/webm"></source>)

<source src="" type=""/>

</audio>

video:视频

<video>

<source src="" type=""/>

<source src="" type=""/>

</video>

举报

相关推荐

0 条评论