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>代替

results matching ""

    No results matching ""