html5新增功能标签,HTML5新增的标签与属性

source:媒介元素(音视频)

controls="controls"

loop="loop"

width="500"

height="500">

embed:嵌入插件(音视频)

type="audio/mp3"

width="300"

height="300" />

四、HTML5的Web应用标签

Menu

menu命令列表标签(只有FireFox8.0+支持)

menu标记定义一个命令按钮(只有IE9支持)

状态标签

状态标签(实时状态显示:气压、气温)C、O

状态标签 (任务过程:安装、加载) C、F、O

列表标签

为input标记定义一个下拉列表,配合option F、O

标记定义一个元素的详细内容 ,配合summary C

五、HTML5其他标签

标记定义注释或音标

告诉那些不支持 ruby元素的浏览器如何去显示

标记定义对ruby的注释内容文本

标记定义有标记的文本 (黄色选中状态)

标记定义一些输出类型,计算表单结果配合oninput事件

标记定义表单里一个生成的键值(加密信息传送)

标记定义一个日期/时间,目前所有主流浏览器都不支持

六、HTML5重定义标签

(显示不变,只是表达的含义进行了重新定义的标签)

代表内联文本,通常是粗体,没有传递表示重要的意思

代表内联文本,通常是斜体,没有传递表示重要的意思

可以同details与figure一同使用,定义包含文本,dialog也可用 可以同details与figure一同使用,汇总细节,dialog也可用

表示主题结束,而不是水平线,虽然显示相同

表示小字体,例如打印注释或者法律条款

表示重要性而不是强调符号

七、HTML5中Input新增的type

email

url

number

range

Date picker:

Date —— 选取日、月、年

Month —— 选取月、年

Week —— 选取周和年

Time —— 选取时间(小时和分钟)

Datetime —— 选取时间、日、月、年(UTC 时间)

Datetime-local —— 选取时间、日、月、年(本地时间)

search

color

tel

八、HTML5表单属性

autocomplete:自动完成,适用于

标签,以及以下类型的 标签:

text, search, url, telephone, email, password, datepickers, range, color。

用法:

multiple:可选择多个值,适用于中type为email和file

用法:

placeholder:适用于中type为:text, search, url, telephone, email, password

required:规定不能为空,适用于以下类型的 标签:

text, search, url, telephone, email, password, date pickers, number, checkbox, radio, file

用法:

九、HTML5链接属性

size

target

超链接

a:media=""(表示对设备进行优化,handhelp对“手持“设备进行支持,tv对”电视);

a:hreflang="zh"(设置语言,这里设置语言是中文);

a:ref=“external”(设置超链接的引用,这里超链接为外部链接)

十、HTML5其他属性

defer:加载完脚本后并不执行,而是等整个页面加载完之后再执行

async:加载完脚本后立刻执行,不用等整个页面都加载完,属于异步执行。

Start —— 起始值

Reversed —— 倒叙排列

  1. Html
  2. Css
  3. JavaScript

manifest=“cache.manifest”(定义页面离线应用文件)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值