Skip to main content

HTML 5 有哪些新标签？

纯记忆型题目，记住不要提自己不熟悉的标签，因为很可能会变成下一道题。

文章相关：header main footer nav section article figure mark

多媒体相关：video audio svg canvas

表单相关：type=email type=tel

MDN 把所有标签都列在这里了，且有教程

切记：不要给自己挖坑，不要说自己说不清楚的名词

你用过哪些 HTML 5 标签？​

  • 内容相关标签

header、main、footer、article 等

  • 功能相关标签

    • canvas(如何进行绘制)

      //1. 获取 canvas
      const canvas = document.getElementById('canvas')
      //2. 获取 canvas 的 2d 上下文
      const ctx = canvas.getContext('2d')
      //3. 设置笔刷颜色
      ctx.fillStyle = 'green'
      //4. 设置笔刷范围
      ctx.fillRect(10, 10, 150, 100)

    • video

      • 属性 API
      • src：设置地址
      • autoplay ：设置自动播放
      • poster：设置封面
      <video src="videofile.ogg" autoplay poster="posterimage.jpg"></video>

    • audio

      • 属性 API
      • src：设置地址
      • controls：设置控制面板
      <audio controls src="/media/cc0-audio/t-rex-roar.mp3"></audio>

参考文章​