您的位置：首页 > Web前端 > HTML5

HTML5---H5---HTML网页常用的标签和新增的标签

2017-09-09 02:12 603 查看
常用的标签及其含义 

标签
类型
译名或意义
作 用
备注
文件标签
<HTML>
●
文件声明
让浏览器知道这是 HTML 文件
<HEAD>
●
开头
提供文件整体资讯
<TITLE>
●
标题
定义文件标题，将显示于浏览顶端
<BODY>
●
本文
设计文件格式及内文所在
排版标签
<!--注解-->
○
说明标签
为文件加上说明，但不被显示
<P>
○
段落标签
为字、画、表格等之间留一空白行
<BR>
○
换行标签
令字、画、表格等显示于下一行
<HR>
○
水平线
插入一条水平线
<CENTER>
●
居中
令字、画、表格等显示于中间
反对
<PRE>
●
预设格式
令文件按照原始码的排列方式显示
<DIV>
●
区隔标签
设定字、画、表格等的摆放位置
<NOBR>
●
不折行
令文字不因太长而绕行
<WBR>
●
建议折行
预设折行部位
字体标签
<STRONG>
●
加重语气
产生字体加粗 Bold 的效果
<B>
●
粗体标签
产生字体加粗的效果
<EM>
●
强调标签
字体出现斜体效果
<I>
●
斜体标签
字体出现斜体效果
<TT>
●
打字字体
Courier字体，字母宽度相同
<U>
●
加上底线
加上底线
反对
<H1>
●
一级标题标签
变粗变大加宽，程度与级数反比
<H2>
●
二级标题标签
将字体变粗变大加宽
<H3>
●
三级标题标签
将字体变粗变大加宽
<H4>
●
四级标题标签
将字体变粗变大加宽
<H5>
●
五级标题标签
将字体变粗变大加宽
<H6>
●
六级标题标签
将字体变粗变大加宽
<FONT>
●
字形标签
设定字形、大小、颜色
反对
<BASEFONT>
○
基准字形标签
设定所有字形、大小、颜色
反对
<BIG>
●
字体加大
令字体稍为加大
<SMALL>
●
字体缩细
令字体稍为缩细
<STRIKE>
●
画线删除
为字体加一删除线
反对
<CODE>
●
程式码
字体稍为加宽如<TT>
<KBD>
●
键盘字
字体稍为加宽，单一空白
<SAMP>
●
范例
字体稍为加宽如<TT>
<VAR>
●
变数
斜体效果
<CITE>
●
传记引述
斜体效果
<BLOCKQUOTE>
●
引述文字区块
缩排字体
<DFN>
●
述语定义
斜体效果
<ADDRESS>
●
地址标签
斜体效果
<SUB>
●
下标字
下标字
<SUP>
●
上标字
指数（平方、立方等）
清单标签
<OL>
●
顺序清单
清单项目将以数字、字母顺序排列
<UL>
●
无序清单
清单项目将以圆点排列
<LI>
○
清单项目
每一标签标示一项清单项目
<MENU>
●
选单清单
清单项目将以圆点排列，如<UL>
反对
<DIR>
●
目录清单
清单项目将以圆点排列，如<UL>
反对
<DL>
●
定义清单
清单分两层出现
<DT>
○
定义条目
标示该项定义的标题
<DD>
○
定义内容
标示定义内容
表格标签
<TABLE>
●
表格标签
设定该表格的各项参数
<CAPTION>
●
表格标题
做成一打通列以填入表格标题
<TR>
●
表格列
设定该表格的列
<TD>
●
表格栏
设定该表格的栏
<TH>
●
表格标头
相等于<TD>，但其内之字体会变粗
表单标签
<FORM>
●
表单标签
决定单一表单的运作模式
<TEXTAREA>
●
文字区块
提供文字方盒以输入较大量文字
<INPUT>
○
输入标签
决定输入形式
<SELECT>
●
选择标签
建立 pop-up 卷动清单
<OPTION>
○
选项
每一标签标示一个选项
图形标签
<IMG>
○
图形标签
用以插入图形及设定图形属性
链接标签
<A>
●
链接标签
加入连结
<BASE>
○
基准标签
可将相对 URL 转绝对及指定连结目标
排版标签
<FRAMESET>
●
框架设定
设定框架
<FRAME>
○
框窗设定
设定框窗
<IFRAME>
○
页内框架
于网页中间插入框架
IE
<NOFRAMES>
●
不支援框架
设定当浏览器不支援框架时的提示
影像地图
<MAP>
●
影像地图名称
设定影像地图名称
<AREA>
○
连结区域
设定各连结区域
多媒体
<BGSOUND>
○
背景声音
于背景播放声音或音乐
IE
<EMBED>
○
多媒体
加入声音、音乐或影像
其他标签
<MARQUEE>
●
走动文字
令文字左右走动
IE
<BLINK>
●
闪烁文字
闪烁文字
NC
<ISINDEX>
○
页内寻找器
可输入关键字寻找于该一页
反对
<META>
○
开头定义
让浏览器知道这是 HTML 文件
<LINK>
○
关系定义
定义该文件与其他 URL 的关系
StyleSheet 
<STYLE>
●
样式表
控制网页版面
<span>
●
自订标签
独立使用或与样式表同用
下面是新增标签

新增元素说明
video表示一段视频并提供播放的用户界面
audio表示音频
canvas表示位图区域
source为video和audio提供数据源
track为video和audio指定字母
svg定义矢量图
code代码段
figure和文档有关的图例
figcaption图例的说明
mainhttp://www.w3school.com.cn/tags/tag_main.asp
time日期和时间值
mark高亮的引用文字
datalist提供给其他控件的预定义选项
keygen秘钥对生成器控件
output计算值
progress进度条
menu菜单
embed嵌入的外部资源
menuitem用户可点击的菜单项
menu菜单
 
section
nav<nav> 标签定义导航链接的部分。
aside：<aside>
的内容可用作文章的侧栏。
article标签规定独立的自包含内容。

一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。

footer
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  H5---基础
相关文章推荐
新的分享
章节导航