HTML 常用标签
1 主体结构标签
标签名 | 标签的语义和作用 | 标签的属性 | 是单标签还是双标签 |
---|---|---|---|
html | 页面最外层 | 双 | |
head | 页面头部 | 双 | |
body | 页面主体 | 双 |
2 HEAD 标签
标签名 | 标签的语义和作用 | 标签的属性 | 是单标签还是双标签 |
---|---|---|---|
title | 页面标题 | 双 | |
meta | 页面元信息: ① 设置字符集编码 ② 设置关键字和描述信息 |
charset:值是字符编码 name: 值是 keywords 或 description content: 值根据 name 属性的值填写 |
双 |
base | 为页面上的所有链接规定默认地址或默认目标 一个页面最多只能使用一个 base 元素,用来提供一个指定的默认目标。 |
href: 规定页面中所有相对链接的基准 URL。 target: 规定页面中所有的超链接和表单在何处打开。值为 _blank /_self |
单 |
style | 定义 HTML 文档的样式信息。 该标签也可放在 head 之外。 |
type: 规定样式表的 MIME 类型,默认text/css |
双 |
link | 引入文档与外部资源的关系 该标签也可放在 head 之外。 |
href:定义被链接文档的位置 rel:定义当前文档与被链接文档之间的关系。 type:规定样式表的 MIME 类型,默认 text/css |
双 |
script | 定义客户端脚本,比如 JavaScript。script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。 该标签也可放在 head 之外。 |
src:规定外部脚本的 URL type: 规定脚本的 MIME 类型,默认 text/javascript |
双 |
案例:link 标签可以用于引入外部 css 文件或者引入页面窗口小图标
<!--导入外部CSS文件-->
<link rel="stylesheet" type="text/css" href="style.css"></link>
<!--导入页面窗口小图标--->
<link rel="shortcut icon" type="images/x-icon" href="http://www.baidu.com/favicon.ico">
附:常用 MIME 类型
text/html
text/xml
image/jpeg
image/png
image/gif
image/x-icon
.....
3 格式排版标签
标签名 | 标签的语义和作用 | 标签的属性 | 是单标签还是双标签 |
---|---|---|---|
h1~h6 | 标题 | 双 | |
p | 段落 | 双 | |
hr | 分割线 | 单 | |
br | 换行 | 单 | |
pre | 按原文显示 | 双 | |
div | 没有任何语义,用于页面布局 | 双 |
4 文本标签
标签名 | 标签的语义和作用 | 标签的属性 | 是单标签还是双标签 |
---|---|---|---|
em | 表示强调,通常为斜体字 | 双 | |
strong | 表示强调(语气更强),通常为粗体字 | 双 | |
del | 定义文档中已删除的文本。 | 双 | |
ins | 定义已经被插入文档中的文本。 | 双 | |
sub | 文字下标字字体。 | 双 | |
sup | 文字上标字体 | 双 |
<!--一下文本标签 作为了解-->
<cite> 用于引证、举例、(标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题)通常为斜体字
<dfn> 定义一个定义项目
<code> 定义计算机代码文本
<samp> 定义样式文本 标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。
<kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<abbr> 定义缩写 配合title属性 (IE6以上)
<bdo> 来覆盖默认的文本方向 dir属性 值: lrt rtl
<var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<small> 标签定义小型文本(和旁注)
<b> 粗体字标签 根据 HTML 5 的规范,<b> 标签应该做为最后的选择,只有在没有其他标记比较合适时才使用它。
<i> 斜体字标签 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。
<u> 下划线字体标签 标签定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。 请尽量避免使用 <u> 为文本加下划线,用户会把它混淆为一个超链接。
<q> 签定义一个短的引用。浏览器经常会在这种引用的周围插入引号。(小段文字)
<blockquote> 标签定义摘自另一个源的块引用。浏览器通常会对 <blockquote> 元素进行缩进。(大段文字) (块状元素)
<address> 定义地址 通常为斜体 (注意非通讯地址) 块状元素
<font> H5已删除 字体标签,可以通过标签的属性指定文字的大小、颜色及字体等信息
<tt> H5已删除 打字机文字
<big> H5已删除 大型字体标签
<strike> H5已删除 添加删除线
<acronym> H5已删除 首字母缩写 请使用<abbr>代替