如何判断你自己对 HTML 标签了解是否全面？

#前端 #HTML

你可以通过下面的清单来检测自己对于 HTML 标签的了解是否全面

• HTML 简介
• HTML 的标准规范有哪些？
• URL ：通过 a 标签，构建了互联网
• 标签语义
• 全局属性：比如 spellcheck/translate 是做什么用的？
  • 拼写和翻译
• HTML的字符实体表示方法：为什么？
  • 网页使用 utf-8 ，那么类似于<p> 中的 < 如何表示呢？
• a 标签
  • 它的下面这些属性都是干嘛的？
    • href
    • hreflang
    • title
    • target
    • rel
    • referrerpolicy
    • ping：用于打点
    • type
    • download ：==用于下载==
  • 发邮件：调用邮件客户端
  • 打电话：H5
• link 标签
  • rel：全称 relationship
    • 预加载相关：preload / prefetch /dns-prefetch / prerender / preconnect
    • 其他：比如 icon / stylessheet 等
  • media：媒体查询
  • crossorigin ：跨域访问相关
  • manifest：文件清单
  • 更多参考
• <script> 、<noscript>
  • type
  • async/defer
  • crossorigin
  • integrity：哈希防篡改
  • nonce：密码随机值，配合服务器，只有白名单才执行
• iframe
  • sandbox：沙盒权限属性，比如是否允许提交表单、是否允许提示框等等
  • importance：下载优先级
  • loading: auto/lazy/eager
• table 相关标签都有哪些
  • 如何合并单元格？
• details/summary/dialog 标签是干什么用的 ？
• form
  • input type 有哪些？
  • 每种 type 有不同的属性：比如 min/pattern/autocomplete …
  • 更多参考：表单标签