HTML


# HTML5相关特性

  • img中Alt的可替代功能

  • "< article >"与“< nav >”与“< footer >

  • figure && figcaption「为屏幕阅读器用户展示那些超出屏幕可视范围(使用 CSS)的表格所表现的图表数据。」

    1. label嵌套input
    1. label放在外面,加一个for属性,for中的值要求与id相同
  • 将单选按钮包裹在 fieldset 元素中以获得更好的可访问性

  • label的type设置为date可以作为一个日期表单

  • HTML5 引入了 time 标签与 datetime 属性来标准化时间。 time 元素是一个行内元素,用于在一个页面上显示日期或时间。 datetime 属性包含的有效格式。

  • 可以用"< sup >"来表示指数

  • 通过给元素添加 accesskey 属性来让用户可以在链接之间快速导航

  • HTML 的 tabindex 属性有三种与标签焦点相关的功能。 当它在一个元素上时,表示该元素可以获得焦点。「点击实现啰」

# HTML面试题

# b标签与strong标签,i标签与em标签

  1. b标签表示加粗字体,但是仅仅是UI层面的加粗,并不具有HTML语义
  • strong标签也表示加粗字体,但是不仅仅是UI层面的加粗,具有HTML语意,表示强调
  1. i标签表示斜体字,但是仅仅是UI层面的斜体,并不具有HTML语义
  • em标签也表示斜体,但是不仅仅是UI层面的斜体,具有HTML语义,表示强调
  1. 哪个标签对SEO更友好
  • 语义化标签strong,语义化标签使爬虫更方便的爬取页面的重要信息,因此strong标签对SEO更友好
  • 语义化标签em,语义化标签使爬虫更方便的爬取页面的重要信息,因此em标签对SEO更友好