HTML(补充知识)(奇舞学院)

  • 键盘操作
    • tabindex :
      • tab或tab+shift
      • 交互或导航,但容易造成操作失误
    • acceskey :
      • 可以给每个元素制定ctrl+alt+key实现互动
      • 浏览器制定特殊键显示accesskey
  • contenteditable
    • 页面内容可修改
    • 符合HTML快捷键
  • 语言相关
    • lang
      • 指定页面语言
      • lang="en"英文 lang="el"希腊文
    • dir
      • 文字书写方向
      • dir"rtl" lang=ar 阿拉布语,从右到左书写顺序,此时默认右对齐
  • title
    • 缩写解释,截断内容的完整部分(有一定时间延迟)
    • title="内容"
  • web开发者关注内容
    • WCAG(展示内容)
    • ARIA(交互应用)
        < li role="tab“>模拟菜单
  • 提升无障碍性
    • 为img提供alt属性
    • noscript 防止布恩浏览器关闭javascript,给出替代方案
    • input和label对应
    • 图形验证码和语音验证码
    • 文字和背景有足够对比度
    • 键盘可操作
  • 遵循语义化

你可能感兴趣的:(learning,diary,前端)