HTML中标签元素有块级元素和内联元素。
一、块级元素
独占一行,默认情况下宽度自动填满其父级元素宽度,可设置其margin,padding,width,height。
eg:
address 文章拥有者的联系信息
article 文章内容
aside 语义化标签,在<article> 元素之外使用作为页面或站点全局的附属信息部分。
blockquote 引用于别处的内容
dl dt dd 描述列表。常用于实现词汇表或显示元数据(键值对列表)
div 文档分割线
fieldset 将相关元素分组并在周围绘制边框
figcaption 为 <figure> 元素定义标题
figure 定义独立的文档流
foot 文档底部
form 表单
h1-h6 标题
header 页眉
hgroup 对标题进行组合
hr 分割线
li 列表项目
nav 内容导航栏
noscript 如果浏览器不支持脚本语言时显示的内容
ol 有序列表
output 定义form是输出
p 段落
pre 定义预格式化内容
section 页眉区域
table 表格
tfoot 表格尾部
ul 无序列表
video 视频
二、内联元素
不会独占一行,相邻的内联元素会排在同一行,其宽度随内容变化而变化。只可设置其水平方向的margin,padding。
eg:
a 超链接
abbr 长单词或短语的缩写
b 字体加粗
bdo 文本方向
big 比周围字号大一号
button 按钮
br 换行符
cite 引用的文档
code 源码文本
del 删除线,定义替换的或者删除的文本,
em 斜体
font 定义文本的字体、字体尺寸、字体颜色
label 文本标签,可利用 for 属性,绑定其他元素使鼠标点击该标签时,被绑定元素获得焦点
ins 有下划线,定义文档中更新和修正的部分
img 展示 HTML 页面中的图像
input 在 <form> 元素中使用,用来声明允许用户输入数据的<input>控件
kbd 文字从键盘录入
map 客户端的图形映射
object 一个嵌入的对象
q 引用文字
s 删除线,对那些不正确、不准确或者没有用的文本进行标识
script 脚本
select 下拉选择组件
small 比周围字号小一号
span 组合其他内联元素
strong 重要文字,界面显示效果是加粗(在盲文阅读设备中,会重点读)
sup 上标文本
time 标记时间,html5新标签
tt 告诉浏览器,字体等宽
textarea 文本区域
u 实现下划线样式
var 变量