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

来源：互联网发布：北京网络大学编辑：程序博客网时间：2024/06/06 15:53

常用的标签及其含义

标签

类型

译名或意义

作用

备注

文件标签

<HTML>

●

文件声明

让浏览器知道这是 HTML 文件

<HEAD>

●

开头

提供文件整体资讯

<TITLE>

●

标题

定义文件标题，将显示于浏览顶端

<BODY>

●

本文

设计文件格式及内文所在

排版标签

○

说明标签

为文件加上说明，但不被显示

<P>

○

段落标签

为字、画、表格等之间留一空白行

<BR>

○

换行标签

令字、画、表格等显示于下一行

<HR>

○

水平线

插入一条水平线

●

居中

令字、画、表格等显示于中间

反对

<PRE>

●

预设格式

令文件按照原始码的排列方式显示

<DIV>

●

区隔标签

设定字、画、表格等的摆放位置

<NOBR>

●

不折行

令文字不因太长而绕行

<WBR>

●

建议折行

预设折行部位

字体标签

●

加重语气

产生字体加粗 Bold 的效果

<B>

●

粗体标签

产生字体加粗的效果

<EM>

●

强调标签

字体出现斜体效果

<I>

●

斜体标签

字体出现斜体效果

<TT>

●

打字字体

Courier字体，字母宽度相同

<U>

●

加上底线

反对

<H1>

●

一级标题标签

变粗变大加宽，程度与级数反比

<H2>

●

二级标题标签

将字体变粗变大加宽

<H3>

●

三级标题标签

将字体变粗变大加宽

<H4>

●

四级标题标签

将字体变粗变大加宽

<H5>

●

五级标题标签

将字体变粗变大加宽

<H6>

●

六级标题标签

将字体变粗变大加宽

<FONT>

●

字形标签

设定字形、大小、颜色

反对

○

基准字形标签

设定所有字形、大小、颜色

反对

<BIG>

●

字体加大

令字体稍为加大

<SMALL>

●

字体缩细

令字体稍为缩细

●

画线删除

为字体加一删除线

反对

<CODE>

●

程式码

字体稍为加宽如<TT>

<KBD>

●

键盘字

字体稍为加宽，单一空白

<SAMP>

●

范例

字体稍为加宽如<TT>

<VAR>

●

变数

斜体效果

<CITE>

●

传记引述

斜体效果

●

引述文字区块

缩排字体

<DFN>

●

述语定义

斜体效果

●

地址标签

斜体效果

<SUB>

●

下标字

<SUP>

●

上标字

指数（平方、立方等）

清单标签

<OL>

●

顺序清单

清单项目将以数字、字母顺序排列

<UL>

●

无序清单

清单项目将以圆点排列

<LI>

○

清单项目

每一标签标示一项清单项目

<MENU>

●

选单清单

清单项目将以圆点排列，如<UL>

反对

<DIR>

●

目录清单

清单项目将以圆点排列，如<UL>

反对

<DL>

●

定义清单

清单分两层出现

<DT>

○

定义条目

标示该项定义的标题

<DD>

○

定义内容

标示定义内容

表格标签

<TABLE>

●

表格标签

设定该表格的各项参数

●

表格标题

做成一打通列以填入表格标题

<TR>

●

表格列

设定该表格的列

<TD>

●

表格栏

设定该表格的栏

<TH>

●

表格标头

相等于<TD>，但其内之字体会变粗

表单标签

<FORM>

●

表单标签

决定单一表单的运作模式

●

文字区块

提供文字方盒以输入较大量文字

<INPUT>

○

输入标签

决定输入形式

●

选择标签

建立 pop-up 卷动清单

○

选项

每一标签标示一个选项

图形标签

<IMG>

○

图形标签

用以插入图形及设定图形属性

链接标签

<A>

●

链接标签

加入连结

<BASE>

○

基准标签

可将相对 URL 转绝对及指定连结目标

排版标签

●

框架设定

设定框架

<FRAME>

○

框窗设定

设定框窗

○

页内框架

于网页中间插入框架

●

不支援框架

设定当浏览器不支援框架时的提示

影像地图

<MAP>

●

影像地图名称

设定影像地图名称

<AREA>

○

连结区域

设定各连结区域

多媒体

○

背景声音

于背景播放声音或音乐

<EMBED>

○

多媒体

加入声音、音乐或影像

其他标签

●

走动文字

令文字左右走动

<BLINK>

●

闪烁文字

○

页内寻找器

可输入关键字寻找于该一页

反对

<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

阅读全文

0 0