HTML 标签依据类型排序

1.Basic html

tag description
<!DOCTYPE> 定义文档类型
<html> 定义一个html文档
<head> 定义文档的相关信息,头部信息,不显示
<title> 定义文档的标题
<body> 定义文档的正文,此部分显示
<h1> to <h6> 定义html的标题
<p> 定义段落
<br> 断行
<hr> 分割线,在xhtml中不可省略slash
<!–…–> html注释

2.Formatting 格式化

tag description
<abbr> 定义缩写
<address> 定义联系方式,不可用于物理地址
<b> 加粗文本,没有强调的语义
<bdi> 双向隔离文本,可以参考w3school上的阿拉伯文字的例子
<bdo> 单独设置文本的方向
<blockquote> 块引用
<cite> 定义书名、歌曲、电影、画等,不可用于人名
<code> 定义一段代码
<del> 定义删除的文字
<dfn> 代表术语的定义实例
<em> 强调,表现为斜体,语义不如strong 强烈
<i> 定义技术条款、一段特殊的语言、一个想法或者船名等
<ins> 插入的文本
<kbd> 键盘输入
<mark> 标记/高亮,没有强调的语义
<meter> 定义一个已知范围的标量测量值
<pre> 定义预先格式化的文本,表现为保留空格和换行
<progress> 进度条
<q> 简短地引用
<rp> 浏览器不支持ruby时使用
<rt> 文字的发音/注音等(东亚文字)
<ruby> 定义东亚文字
<s> 不确定或不正确的文本
<samp> 计算机输出的文本
<small> 更小的文字,为什么html5中移除了big,但保留了small?考虑语义,而不是表现,参考stackoverflow和知乎上的答案理解
<strong> 强调
<sub> 下标
<sup> 上标
<template> 定义一个模版,默认是invisible,使用javascript来显示
<time> 定义时间,必须是确切的时间点
<u> 定义表现形式不同的文字,html5的重新定义,一般用于拼写错误或中文特有字,浏览器表现为下划线
<var> 定义变量
<wbr> word break opportunity定义换行点

3.Forms and Input

tag description
<form> 表单元素
<input> 定义输入的内容
<textarea> 定义文本输入框
<button> 定义一个按钮
<select> 一个下拉列表
<optgroup> 下拉列表选项的组
<option> 下拉列表的选项
<label> input元素的标签
<fieldset> 将表单中相关元素分组
<legend> fieldset的标题
<datalist> 指定的预定义选项列表
<output> 输出内容

4.Image

tag description
<img> 定义图片,默认为inline-block
<map> 定义图像映射
<area> 图像映射的范围
<canvas> 用于通过脚本实时绘制图形
<figcaption> figure的标题
<figure> 指定独立的内容
<picture> 定义多个来源的图像
<svg> 定义svg图形的容器

5.Audio/Video

tag description
<audio> 定义音频内容
<source> 定义媒体元素(audio、video和picture)的多个资源
<track> 音频、视频的文本轨道(字幕等)
<video> 定义视频内容

6.Links

tag description
<a> 超链接
<link> 定义文档和外部资源的关系
<nav> 定义导航链接

7.Lists

tag description
<ul> 定义无需列表
<ol> 定义有序列表
<li> 列表的项
<dl> 描述列表
<dd> 描述列表项的描述
<dt> 描述列表项的标题
<menu> 定义命令的列表
<menuitem> 命令列表的项

8.Tables

tag description
<table> 定义表格
<caption> 表格的标题,有则必须在table标签后立即插入,默认居中显示
<th> 表格单元的标题
<tr> 表格的行
<td> 表格单元
<thead> 将表头中的标题内容分组
<tbody> 将表格正文的内容分组
<tfoot> 将表格中的页脚内容分组
<col> 为colgroup中的列指定属性
<colgroup> 指定一列或多列用于格式化

9.Styles and Semantics

tag description
<style> 定义文档的样式信息
<div> 定义文档的一部分
<span> 定义文档的一部分,内联元素
<header> 定义文档的头部
<footer> 文档的页脚
<main> 文档的主体内容
<article> 定义一段独立的内容
<section> 文档的章节
<aside> 与页面信息相关的内容,一般侧边栏
<details> 用户根据需求可以选择隐藏或显示的内容
<dialog> 定义对话框或窗口,在网页上创建popup和模版
<summary> details重点显示内容
<data> 将指定的内容与机器可读的翻译链接起来

10.Meta Info

tag description
<head> 定义html文档的信息
<meta> html的元数据
<base> 指定相对url中的基本url,一个文档最多只有一个base,设置多个仅第一个有效

11.Programming

tag description
<script> 定义客户端脚本
<noscript> 定不支持客户端脚本时的替代内容
<embed> 为外部程序或交互内容(插件)定义了一个容器
<object> 嵌入多媒体内容(音频、视频、java程序、pdf或flash),注意在html5中与html4.0.1的不同,参考w3school
<param> 参数

发表评论

电子邮件地址不会被公开。 必填项已用*标注