h5新增的属性

新增的属性
对于js进行添加的属性。
< script defer src="…js" οnlοad=“alert(‘a’)”>< /script>
< script async src="…js" οnlοad=“alert(‘b’)”>< /script>
如果没有以上两个属性的话,执行顺序为先加载(下载)第一个src,然后在执行其onload,然后在向下依次同步执行defer属性在h5之前就已经有了,输入延迟加载(推迟执行),它会先加载(下载)src中文件内容,然后等页面全部加载完成后,再加载onload中js.async属性属于异步加载,它会在加载src后,立即执行onload,同时还会继续加载页面以上执行顺序,alert显示会先显示b然后再显示a
网页中标签中加入小图标的样式代码
< link rel=“icon” href=“url…” type=“图片名称” sizes="1616">
< iframe>新增属性
< !–seamless定义框架无边框 无边距–>
< !–srcdoc的显示级别比sandbox高–>
< !–sandbox用来规定一个内嵌框架的安全级别–>
< !–sandbox=“allow-forms:允许提交表单”–>
< !–sandbox=“allow-origin:允许是相同的源”–>
< !–sandbox=“allow-scripts:允许执行脚本”–>
<! --sandbox=“allow-top-navigation:允许使外面的页面进行跳转”–>
其他属性
manifest属性:定义页面需要用到的离线应用文件,一般放在标签里
charset属性:meta属性之一,定义页面的字符集
sizes属性:新增属性,当link的rel="icon"时,用以设置图标大小
base属性:表示当在新窗口打开一个页面时,会将href中的内容作为前缀添加到地址前
defer属性:script标签属性,表示脚本加载完毕后,只有当页面也加载完毕才执行(推迟执行)
async属性:script标签属性,脚本加载完毕后马上执行(运行过程中浏览器会解析下面的内容),即使页面还没有加载完毕(异步执行)
media属性:< a>元素属性:表示对何种设备进行优化
hreflang属性:< a>的属性,表示超链接指向的网址使用的语言
ref属性:< a>的属性,定义超链接是否是外部链接
reversed属性:< ol>的属性,定义序号是否倒叙
start属性:< ol>的属性,定义序号的起始值
scoped属性:内嵌CSS样式的属性,定义该样式只局限于拥有该内嵌样式的元素,适用于单页开发
HTML5全局属性
属性 描述
contenteditable
规定是否可编辑元素的内容。
contextmenu
指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单
data-

用于存储页面的自定义数据
draggable
指定某个元素是否可以拖动
dropzone
指定是否将数据复制,移动,或链接,或删除
hidden
hidden 属性规定对元素进行隐藏。
spellcheck
检测元素是否拼写错误
translate
指定是否一个元素的值在页面载入时是否需要翻译

1.可直接在标签里插入的:data-自定义属性名字;
  hidden(直接放上去就是隐藏);
  spellcheck=“true”(语法纠错);
  tabindex=“1”(Tab跳转顺序);
  contenteditable=“true”(可编辑状态,单击内容,可修改);
2.在JavaScript里插入的window.document.designMode = ‘on’(JavaScript的全局属性,整个页面的文本都可以编辑了);

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值