Html5标签
在不同浏览器中嵌套问题:
ul>li
ol>li
table>caption+(thead>tr>th)+(tbody>tr>td)+(tfoot>tr>td)
dl>dt+dd
li,dt, dd的同级不要有其他元素,因为在ie67下会被它们包住;
块元素
默认独占一行
没有宽度时,默认撑满一行
支持所有css命令
几个特殊的块元素只能嵌套内联元素,不能再嵌套块级元素:
h1~h6
,p
,dt
,caption
宽高内外边距可控
可容纳内联及块元素
内联元素
同排可以继续跟同类的标签
内容撑开宽度
不支持宽高
不支持上下的margin
代码换行被解析,会被解析成空格
内联块元素
可在同一行显示
宽高可控
文档
<!--注释-->:注释
<!DOCTYPE >:文档类型(html5新特性:标准模式渲染)
head:文档信息
meta:文档元信息(空标签)
title:文档标题
link:文档与外部资源的关系(空标签)(html新特性:去掉type属性)
style:文档内部样式
script:客户端脚本(html新特性:去掉type属性)
noscript:不支持客户端脚本的用户的替代内容(放在body中)
base:所有页面默认链接地址(空标签)
body:文档主体
元素
html5块元素
header:页眉
nav:导航链接
article:文章
section:文档节
aside:文章侧栏
footer:页脚
canvas:图形容器(脚本来绘制图形)
video:视频
source:媒介源(空标签)
track:文本轨道(空标签)
audio:声音内容
datalist:下拉列表(id要与input中list属性值绑定,display:none;)
details:元素的细节
summary:details元素可见的标题
command:(空标签)命令按钮
html5内联元素
time:日期/时间
mark:突出显示的文本
bdi:文本方向
wbr:单词换行时机(空标签)
html5内联块元素
keygen:生成秘钥(空标签)
progress:进度条
meter:度量
非html5元素
块元素
div:文档节
h1,h2,h3,h4,h5,h6:标题
p:段落
ul:无序列表
ol:有序列表
li:项目(display: list-item;)
dl:列表
dt:列表项目
dd:项目描述
form:表单
fieldset:围绕元素的边框(可用于表单内元素分组)
legend:在边框上的标题
select:选择列表(display:inline-block;)
optgroup:组合选择列表选项
option:选择列表选项(也可做datalist选项)
table:表格(display:table;)
caption:表格标题
thead:组合表头内容(th)
tbody:组合主体内容(td)
tfoot:组合表注内容(td)
tr:表格行
th:表头单元格
td:表格单元
col:表格列属性;(空标签)
colgroup:表格格式化列组;
iframe:内联框架
figure:媒介内容分组(html5新特性:语义化地表示带标题的图片)
figcaption:figure标题
br:换行(空标签)
hr:水平分割线(空标签)
pre:格式文本
blockquote:块引用
address:文档联系信息
dialog:对话框窗口
spacer:在水平和垂直方向插入空间(空元素)
menu:命令的菜单,列表
menuitem:菜单项目
内联元素
span:内联容器
abbr:缩写
em:强调
strong:粗体强调
b:粗体
i:斜体
bdo:文字方向
small:小字体(html新特性:重新定义,用来表示小的排版,如网站底部的版权声明)
sup:上标
sub:下标
del:被删除的文本
ins:被插入的文本
nobr:禁止换行
kbd:键盘文本
cite:引用
q:短引用("")
dfn:字段(不常用)
a:锚点
img:(空标签)图片
embed:内嵌(空标签)
map:图像映射(内联元素;display:inline)
area:图像区域(空标签)(内联元素;display:inline)
label:input标记(点击文本触发控件)
output:输出结果
ruby:中文注音
rt:注音
rp:浏览器不支持ruby元素显示的内容
var:定义变量
code:计算机代码文本
samp:计算机代码样本
行内块元素
input:输入框(空标签)
button:按钮
select:选择列表
textarea:多行文本输入框
可变元素
object:嵌入的对象
param:对象的参数(空标签)(display:none);
applet:嵌入的对象(移除,object代替)
被移除的元素
被移除的头部元素
frameset:框架集(移除)
noframes:不支持框架的浏览器显示文本(包裹body元素)(移除)
frame:框架(空标签,移除)
被移除的块元素
center:居中文本(移除)
dir:目录列表(移除,ul取代)
xmp(html4.0移除,pre取代)
被移除的内联元素
s:删除线(移除)
font:字体设定(移除)
basefont:页面上的默认字体颜色和字号;(空标签,移除)
big:大字体(移除)
u:下划线(移除)
tt:打字机文本(移除)
acronym:缩写(移除,abbr取代)
strike:删除线(移除)
isindex:定义单行的文字提交输入框(html5废除,form与input相结合的方式替代)
评论区