2021-05-23

Html5语法要求比较松:
1:.html------.htm
2:doctype 这个地方相对比较简单
3:单标签不建议添加/,例如:meta input img 等
4:双标签可以省略后面结束标签----不建议省略
5:有部分标签可以完全省略。html,head,body,tbody,colgroup等
6:单引号和双引号可以互换

HTML5新增的语义化标签:(便于搜索引擎搜索页面)
1.header------用来加载页面头部(局部某一个块也可以用header或main或footer)
2.main--------加载页面的主要内容
3.footer------加载页面底部
4.nav----加载导航
5.Aside—侧边栏
6.article----加载页面一块独立内容
7.section-----相当div加载一块内容
8.figure-----加载独立的流内容,例如:上边是图片,下边是文字
figcaption------加载独立流内容的标题
9.hgroup-----标题组合标签(h1-h6组合)
10.mark----高亮显示,自带背景颜色
11.dialog----加载对话框标签 open(必填)
12.embed----加载插件的标签—例如flash
13.video—加载视频标签
属性:
静音—muted
循环播放—loop
自动播放—autoplay
进度条----controls
改变加载时的图片----poster

支持视频格式:mp4 ogg webm
14.audio—加载音频标签
属性:
静音—muted
循环播放—loop
自动播放—autoplay
进度条----controls
支持音频格式:mp3 ogg wav

新增表单标签:
1.email-----input type=”email“—邮箱
2.url----input type=“url”-----网址
3.range----input type=“range”----进度条
属性:max:最大值
min:最小值
value:当前的值(前三属性,一起控制滑动按钮开始显示的位置)
step:控制滑动的间隔
4.number----input type=“number”----数字框
属性:max:最大值
min:最小值
value:当前的值(前三属性,一起控制滑动按钮开始显示的位置)
step:控制滑动的间隔
5.color—input type=“color”—颜色框
6.search—input type=“search”----搜索框
7.date—input type=“date”----日期
8.month—input type=“month”—月
9.week—input type=“week”—星期
10.time----input type=“time”—时间

输出标签:output(行内元素)
选项列表:
input type=“text” list=“datalistid”
datalist id=“datalistid”
option value="提交数据的值“

新增表单属性:
1.autocomplete—自动完成提示功能(鼠标点对应的表单,会显示之前提交过的内容)
2.required----内容不能为空
3.autofocus----自动获取光标焦点
4.novalidate—取消表单验证功能
5.pattern----标签里面添加正则验证表达式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值