阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      请写出至少 5 个 html5 新增的标签,并说明其语义和应用场景

      这个问题可以参考:HTML5有哪些新特性?

      我简单的从几个标签谢谢,具体的可以参考上面链接里,自己点进去看看就好

      • header
      • footer
      • article
      • details
      • mark

      如果页面中有一块包含一组介绍性或导航的区域, 应该用 header 元素对其进行标记。

      一个页面可以有任意数量的 header 元素, 它们的含义可以根据其上下文而有所不同。

      例如,处于页面顶端或接近这个位置的 header 可能代表整个页面的页眉(有时称为 页头)

      通常,页眉包括网站Logo、主导航和其他全站链接,甚至搜索框。这是 header 元素最常见的使用形式。

      header

      页面底部的页脚(通常包括版权声明, 可能还包括指向隐私政策页面的链接以及其他类似的内容)。

      HTML5 的 footer 元素可以用在这样的地方, 但它同 header 一样, 还可以用在其他的地方。

      footer 元素只有当它最近的祖先是 body 时, 它才是整个页面的页脚。

      footer

      article

      <article>元素可以是 一篇论坛帖子、一篇杂志或报纸文章、一篇博客详情、一则用户提交的评论或者任何其他独立的内容项。

      <article>元素用来包裹独立的内容片段。

      最明显的例子 就是博客正文。

      article

      details

      details 标签定义元素的细节,用户可进行查看,或通过点击进行隐藏。

      与 legend 一起使用,来制作 detail 的标题。该标题对用户是可见的,当在其上 点击时可打开或关闭 detail。

      mark

      mark 主要用来在视觉上向用户呈现那些需要突出的文字。mark 标签的一个比较 典型的应用就是在搜索结果中向用户高亮显示搜索关键词。

      如果想偷懒的回答,也可以说说 HTML5语义化标签

      更多HTML5新标签,可以通过 HTML标签速查表 查看

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录