HTML5——短语元素样式

h5新增的标签

新增元素说明
video表示一段视频并提供播放的用户界面
audio表示音频
canvas表示位图区域
source为video和audio提供数据源
track为video和audio指定字母
svg定义矢量图
code代码段
figure和文档有关的图例
figcaption图例的说明
main规定文档的主要内容
time日期和时间值
mark高亮的引用文字
datalist提供给其他控件的预定义选项
keygen秘钥对生成器控件
output计算值
progress进度条
menu菜单
embed嵌入的外部资源
menuitem用户可点击的菜单项
menu菜单
template模板元素
section定义文档中的节(section、区段)
nav定义导航链接的部分
article定义外部的内容
aside定义 article 以外的内容
header定义文档或者文档的一部分区域的页眉
footer定义文档或者文档的一部分区域的页脚

短语元素样式:

1. 文本元素

元素

说明

类型

是否新增

a

生成超链接

短语,流

 

abbr

缩略语

短语

 

b

不带强调或着重意味的标记一段文字

短语

 

br

换行

短语

 

cite

表示其他作品的标题

短语

 

code

表示计算机代码片段

短语

 

del

表示从文档中删除的文字

短语,流

dfn

表示术语定义

短语

 

em

标志着重强调一段文字

短语

 

i

表示与周边内容兼容不同的一段文字,比如来自另一种语言

短语

 

ins

表示加入文档的文字

短语,流

 

kbd

表示用户输入内容

短语

 

mark

表示一段因为与上下文中另一词语相关而突出的现实的内容

短语

q

表示引自他处的内容

短语

 

rp

与ruby元素结合使用,标记括号

短语

rt

与ruby元素结合使用,标记注音符号

短语

ruby

表示位于表意文字上方或右方的注音符号

短语

s

表示文字已不在准确

短语

 

samp

表示计算机程序输出内容

短语

 

small

表示小号字体内容

短语

 

span

一个没有自己语意的通用元素,可以用在希望引入一些全局属性却又不想引入额外语义的情况

短语

 

strong

表示重要内容

短语

 

sub

表示下标文字

短语

 

sup

表示上标文字

短语

 

time

表示时间或日期

短语

u

不带强调或者着重意味的标记一段文字

短语

 

var

表示程序或计算机系统中的变量

短语

 

wbr

表示可安全换行的地方

短语

 

2.  对内容分组

元素

说明

类型

是否新增

blockquote

表示引自他处的大段内容

 

dd

在dl元素之中表示定义

 

div

一个没有任何既定含义的通用元素,是span元素在流元素中的对应物

 

dl

表示包含一系列术语和定义的说明列表

 

dt

在dl之中表示术语

 

figcaption

表示figure元素的标题

figure

表示图片

pre

表示其格式应被保留的内容

 

3. 划分内容

下列元素用于划分内容,让每个概念,观点或主题彼此分开。

元素

说明

类型

是否新增

address

表示文档或artice的联系信息

artice

表示一段独立的内容

aside

表示与周边内容稍有牵扯的内容

details

生成一块区域,用户将其展开可以获取更多细节知识

footer

表示尾部

header

表示首部

hgroup

将一组标题组织一起,以便文档大纲只显示其中的一个标题

nav

表示有意集中一起的导航元素

section

表示一个重要的概念或主题

summary

用在details元素中,表示该元素内容的标题或说明

4. 制表

元素

说明

类型

是否新增

caption

表示表格标题

 

col

表示一列

 

colgroup

表示一组列

 

table

表示表格

 

tbody

表示表格主体

 

td

表示单元格

 

tfoot

表示表脚

 

th

表示标题行单元格

 

tr

表示一行单元格

 

5.  创建表单

元素

说明

类型

是否新增

datalist

定义一组提供给用户的建议值

 

fieldset

表示一组表单元素

 

input

表示用来收集用户输入数据的控件

短语

 

keygen

生成一对公钥与私钥

短语

legend

表示fieldset元素的说明性标签

 

optgroup

表示一组相关的option元素

 

option

表示供用户选择的一个选项

 

output

表示计算结果

短语

select

给用户提供一组固定的选项

短语

 

6.  嵌入内容

元素

说明

类型

是否新增

area

表示一个用于客户端分区相应的区域

短语

 

audio

表示一个音频资源

canvas

生成一个动态的图形画布

短语,流

embed

用插件在HTML文档中嵌入内容

短语

iframe

通过创建一个浏览上下文在一个文档中嵌入另一个文档

短语

 

map

定义客户端分区响应图

短语,流

 

meter

嵌入数值在许可值范围背景中的图形表示

短语

object

在HTML文档中嵌入内容,也可用于生产浏览上下文和生成客户端分区响应图

短语,流

 

param

表示将通过object元素传递给插件的参数

 

progress

嵌入目标进展或任务情况的图形表示

短语

source

表示媒体资源

svg

表示结构化矢量内容

track

表示媒体的附加轨道(例如字幕)

video

表示视频资源

 

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值