在HTML中元素标签

排序方式:重要性及常用度。

必用

  • html
    • 是网页的最外层元素,包含着一张网页全部的内容。
    • 参考:表/6.1
  • body
    • 网页中所有的可视内容都应该包含在body元素中。
    • 参考:表/6.2
  • head
    • 用于包含一张网页中抽象的基础信息(元信息),如标题,描述等等。
    • 其中的信息通常是给机器看的。
    • 参考:表/6.3
  • title
    • 用于指定浏览器标签上显示的标题,用于概括整张网页。
    • 参考:表/6.4
  • div
    • 可用于网页中的区域划分,通常作为容器而存在。
    • 参考:表/6.7
  • a
    • 用于定义链接。
    • 参考:表/6.8
  • button
    • 用于定义按钮。
    • 参考:表/6.13
  • link
    • 用于引入外部资源如CSS。
    • 参考:表/6.12
  • script
    • 用于引入脚本(一般为JS)。
    • 参考:表/6.12
  • h1, h2, h3, h3, h4, h5, h6
    • 标题标签,用于概括页面中的部分的内容,其中h1最大,h2其次,依次类推,没有h7
    • 参考:表/6.5
  • span
    • div元素类似,只不过div用于插入整段(块)而span用于插入一个词,在表现上和普通文字没有区别。
  • input
    • 用于输入数据。
    • 参考:表/6.16
    • <input type="text"> 文字输入,默认值。
    • <input type="radio"> 单选,但是选项少的情况下使用。如性别(只有两个选项)。
    • <input type="checkbox"> 多选,但是选项少的情况下使用。如性取向。
    • <input type="button" value="点我"> 按钮,不推荐,正常情况下button元素完全可以取代他。
  • select
    • 下拉菜单,多选单选均可。

常用

  • img
    • 用于显示图片。
    • 参考:表/6.9
  • p
    • 用于给文字划分段落,一个p就是以自然段。
    • 参考:表/6.6
  • table, thead, tbody, tr, th, td
    • 用于插入表格。
    • 参考:表/6.10
    • table
      • 表格的最外层容器。
    • thead
      • 表头。
    • tbody
      • 表身。
    • tr
      • 行。
    • td
      • 单元格。
    • th
      • 页头中的单元格。

偶尔使用

  • code, pre
    • 都是用于定义代码,pre用于定义长代码(代码块),code用于定义短代码(如变量,函数名等)。
    • 参考:表/6.15
  • abbr
    • 用于定义缩写(abbreviation)。
    • 参考:表/6.15
登录后评论