HTML5

新增加的结构性元素

section:  定义文档中的节。

article: 它是一个特殊的section标签,它可比section更有明确的语义,它代表一个独立的、完整的相关内容块,可独立于页面其他内容使用。

nav: 表示页面中导航链接的部分。

aside: 用来装载非正文的内容,被视为页面里面一个单独的部分(例如一篇文章的注释,淘宝的侧边推荐栏)

footer: 定义文档的页脚,包含了与页面、文章或是部分内容有关的信息

hgroup: 对网页或区段section的标题元素(h1-h6)进行组合。

header: 定义文档的页眉,通常是一些引导和导航信息。它不局限于写在网页头部,也可以写在网页内容里面。

figure: 用于对元素进行组合。多用于图片与图片描述组合。


语义性元素

mark : 定义带有记号的文本,需要突出显示文本时使用

progress : 标签定义运行中的任务进度(进程)。


time : 表示时间日期值

details : 次标签规定了用户可见的或者隐藏的需求的补充细节



datalist : 定义选项列表。与input元素配合使用,来定义input可能的值(input要设置list属性 对应datalist的id属性值)

output : 用于浏览器中显示计算结果或脚本输出,包含完整的开始和结束标签。语法:<output name="">(输出的内容)text</output>

input输入类型

email : 定义用于email地址的字段。

url : 定义用于输入URL的字段。

number : 定义用于输入数字的字段。

range : 定义用于精确值不重要的输入数字的控件。

search : 定义用于输入搜索字符串的文本字段

tel : 定义用于输入电话号码的字段

color : 定义拾色器

date : 日期

input属性

autocomplete : 规定<input>元素输入字段是否应该启用自动完成功能。(on / off)

autofocus : 规定当前页面加载时<input>元素应该自动获得焦点。

form : 规定<input>元素所属的一个或多个表单。

height\width : 规定<input>元素的高度和宽度。

list : 与datalist一起用,可以有一个下拉列表框,其中包含<input>元素的预定义选项。

min/max/step:min/max规定输入框所输入的最小值/最大值 step为输入框规定合法的数字间隔。

multiple : 属性规定运行用户输入到<input>元素的多个值(上传多个file)。

pattern : 规定用于验证<input>元素的值的正则表达式。

placeholder : 规定可描述输入<input>字段预期值的简短的提示信息。(输入框为空时出现的提示信息)

required : 规定必需在提交表单之前填写输入字段

form属性

autocomplete : 当用在form元素时,所有从属于该form的元素都具备自动完成功能。如果要使用个别元素关闭自动完成则单独为该元素知道autocomplete="off"即可。

novalidate :此属性用于提交表单时取消整个表单的验证,即关闭对表单内所有元素的有效检查。如果只取消表单中较少部分内容的验证而不妨碍提交的大部分内容,则可以将此属性单独用于表单中的这些元素。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值