QWR3

补充知识

全局属性

• accesskey & tabindex

  • 与键盘操作有关 ，当按下对应的按键 Alt + 对应案件的时候，获取焦点同样对于链接也适用，要注意按键冲突的问题

       <p>  
        <input accesskey="i" placeholder="Press Alt + i">
      </p>
    

  • tabindex 页面元素 focus 跳转

• contenteditable & spellcheck

      <section contenteditable spellcheck="true">
          <p>fff</p>
      </section>
  

  • 该文本区域可编辑

• lang & dir

  • lang 指定语言，搜索引擎优化。根据页面语言自动翻译

  • dir 制定文字的书写方向

• hidden

  • 控制元素是隐藏/显示

Web 开发者应该做的事情

• 为 img 提供 alt 属性

• noscript

• input 和 label 相对应

• 图形验证码和语音验证码

• 文字和背景有足够的对比度

• 键盘可操作

• 语义化

  • 一些元素、属性及属性值都有其各自的含义

  • 为什么语义化很重要

    • 提升代码可读性、可维护性

    • 搜索引擎优化 （SEO）

    • 提升无障碍性

扩展 HTML

• meta 标签

• data - id

• microdata

  • HTML5 中的一个规范

  • 在HTML中通过属性嵌入格式化数据

  • 提供给搜索引擎、浏览器使用

• JSON-LD

HTML 编码规范

• Geogle Coding Style

• W3C Validator

• Emmet

• MarkDown