本周知识点总结weekly15(2018-7-22)

版权声明:所有原创文章版权归作者所有,如有转载请联系作者获得授权 https://blog.csdn.net/u012864465/article/details/82826781

html 中元素的全局属性

  1. contextmenu --> 用于指定页面一个的id名为指定名称的元素
  2. accesskey(注意 ie在linux和mac下不支持) --> 设置一个按键让可以获取焦点的元素在触发页面快捷键的时候快速定位(chrome/safari–>alt+key||mac下加control firefox–>shift+alt+key||mac control+alt+key)
  3. contenteditable --> 可以对元素的content内容进行编译, 基础属性 兼容性完美 可编译元素自增 outline 可以使用border或其他元素 会响应页面的table跳转 但是不能响应accesskey的内容 可以修改自定义样式模拟input输入框的实现
  4. tabindex --> 可以根据值定义input输入框按tab键切换焦点时候的顺序(移动端android兼容性不行,其他平台兼容性良好)
  5. draggable --> 指定对应的属性能否被选中拖拽 dropzone(未实现) --> 指定拖拽到对应dropzone元素之后的操作

navigator.onLine --> 判断浏览器当前是离线还是在线状态

什么是渐进增强

渐进增强是指在web设计时强调可访问性、语义化HTML标签、外部样式表和脚本。保证所有人都能访问页面的基本内容和功能同时为高级浏览器和高带宽用户提供更好的用户体验。核心原则如下:

所有浏览器都必须能访问基本内容
所有浏览器都必须能使用基本功能
所有内容都包含在语义化标签中
通过外部CSS提供增强的布局
通过非侵入式、外部javascript提供增强功能
end-user web browser preferences are respected

猜你喜欢

转载自blog.csdn.net/u012864465/article/details/82826781