HTML5新内容

HTML5新增的标签:

区块标签:

article、section、nav、aside、header、footer、

内容分组标签:

figure、figcaption、main、

文本级别标签:

time

video、audio标签的属性:

src:路径
controls:控制格式(暂停等)
autoplay:自动播放
preload:预先加载
muted:是否默认静音播放
loop:是否循环播放
poster:刚开始未播放时的封面
width:宽
height:高
codes:codes=”theora,vorbis”	//视频译码器和解码器
播放器问题:
<video controls>	//在source里边寻找符合的格式		
	<source src="video/tweetsip.mp4">		
	<source src="video/tweetsip.ogv">		
	<source src="video/tweetsip.webm">		
	<p>不好意思,你的浏览器不支持播放视频~</p>
</video>

input标签type原有属性值:

text(普通文本,默认值)、
button(普通按钮)、
password(密码框)、
submit(提交按钮)、
radio(单选按钮)、
reset(重置按钮)、
checkbox(多选按钮)、
image(图片按钮)、	
file(文件上传组件)、
hidden(文本隐藏域)

input标签type新增属性值:

search(搜索框)、
email(邮箱)、
url(地址输入框)、
tel(电话输入框)、
number(数字输入框)、
range(滑动条)、
date(日期选择)、
month(月份选择)、
week(周选择)、	
time(时间选择)、
datatime-local(日期选择)、
datetime(包含时区)、
color(颜色选择)

新增表单元素:

<datalist>:为其他输入控件提供一个预定义选项列表
<keygen>:用于客户端访问服务器时的安全验证
<output>:结合js,主要显示脚本输出

表单验证:

输入类型:在type属性中添加类型---number、email、url
日期(date)和时间(time)范围:min=”2020-01-01”	max=”2020-01-10”
必填字段:加上required(布尔类型的值)
步长:step=”10”
字符长度:minlength=”3”、maxlength=”10”
正则表达式:pattern=”[0-4]{3}”表示0-4之间的数字必须出现三次
数值范围:min、max
禁用表单验证:novalidate、formnovalidate 

新增表单元素:

list 								
placeholder(为文本设置默认值)
required							
autofocus(自动获取焦点)
minlength、maxlength				
autocomplete(自动补全)min、max						
formstep								
formactionpattern							
formmethodnovalidate						
formenctypeformnovalidate					
formtargetmultiple(按住ctrl可多选)

HTML5的全局特性

style:元素的内联样式
class:元素的类名
id:元素唯一的id
title:鼠标悬停时弹出提示
accesskey:访问元素使用的快捷键
tabindex:元素的tab键控制次序
dir:元素中内容的文本方向
lang:元素中内容的语言代码
translate:元素的值在页面载入时是否需要翻译
contenteditable:是否可编辑元素的内容
spellcheck:检测元素是否拼写错误
hidden:hidden属性规定对元素进行隐藏
draggable:制定某个元素是否可以拖动
dropzone:指定是否将数据复制、移动、或链接、或删除
data-*:用于存储页面的自定义数据

猜你喜欢

转载自blog.csdn.net/qq_40862118/article/details/84937473