功能分类标签
基础类标签
1. <!DOCTYPE> 声明必须是 HTML 文档的第一行 ALL没有结束标签
指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令
始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
<!DOCTYPE> 声明对大小写不敏感,没有结束标签
2. <html>…</html> 承载代码 ALL
属性:
Manifest="url" 定义一个 URL,在这个 URL 上描述了文档的缓存信息;
Xmlns="/1999/xhtml" 定义 XML namespace 属性。
即使 html 元素是文档的根元素,它也不包含 doctype 元素。
doctype 元素必须位于 html 元素之前
3. <title>…</title> 定义文档标题。title是head标签中唯一要求包含的东西 ALL
属性:
dir="rtl" 规定元素中内容的文本方向;
ltr
lang="language_code" 规定元素中内容的语言代码;
xml:lang="language_code" 规定 XHTML 文档中元素内容的语言代码。
4. <body>…</body> 定义文档的主体 ALL
属性:
alink="rgb(x,x,x) " 不赞成使用,用样式代替。规定文档中活动链接的的颜;
#xxxxxx
colorname
background="URL" 不赞成使用,用样式代替。规定文档的背景图像;
bgcolor="rgb(x,x,x) "不赞成使用,用样式代替。规定文档的背景颜;
#xxxxxx
colorname
link="rgb(x,x,x) " 不赞成使用,用样式代替。规定文档中未访问链接的默认颜;
#xxxxxx
colorname
text="rgb(x,x,x) " 不赞成使用,用样式代替。规定文档中所有文本的颜;
#xxxxxx
colorname
vlink="rgb(x,x,x) " 不赞成使用,用样式代替。规定文档中已被访问链接的颜
#xxxxxx
colorname
5. <h1>…<h6> 定义标题 ALL
标准属性:id, class, title, style, dir, lang, xml:lang
由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。
属性:
align ="left" 不赞成使用,用样式代替。规定标题中文本的排列。
center
right
justify
6. <p>…</p> 定义段落。 ALL
p 元素会自动在其前后创建一些空白。
浏览器会自动添加这些空间,也可以在样式表中规定。
属性:
align =html中提交表单用什么属性"left" 不赞成使用,用样式代替。规定标题中文本的排列。
center
right
justify
7. <br /> 可插入一个简单的换行符。 ALL 单标签,需被正确关闭
使用 <br> 来输入空行,而不是分割段落
<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距
8. <hr /> 页面中创建一条水平线 ALL 单标签,需被正确关闭
水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分
属性:
align="center" 不赞成使用,用样式代替。规定 hr 元素的对齐方式;
left
right
noshade="noshade" 不赞成使用,用样式代替。规定 hr 元素的颜呈现为纯;
size="pixels" 不赞成使用,用样式代替。规定 hr 元素的高度(厚度);
width="pixels" 不赞成使用,用样式代替。规定 hr 元素的宽度。
%
9. <!— 解释 --> 用于在源代码中插入注释。注释不会显示在浏览器中 ALL
格式类标签
1. <acronym>…</acronym> 定义首字母缩写。ALL
注HTML5 中不支持 <acronym> 标签,用<abbr>代替。
例如:<acronym title="World Wide Web">WWW</acronym>
属性:title,移动鼠标时呈现完整版本。
2. <abbr>…</abbr> 定义各种缩写,包括首字母缩写。ALL
例如:<abbr title="People's Republic of China">PRC</abbr>
可以在 <abbr> 标签中使用全局的 title 属性,这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。
3. <address>…</address> 定义文档文章的作者信息。ALL
如果 <address> 位于 <body> 元素内,则表示文档联系信息。
如果 <address> 位于 <article> 元素内,则它表示文章的联系信息。
通常呈现斜体,大多数浏览器会在 address 元素前后添加折行
提示:<address> 标签不应该用于描述通讯地址,除非它是联系信息的一部分。
提示:<address> 元素通常连同其他信息被包含在 <footer> 元素中。
4. <b>…</b> 定义粗体格式。主流浏览器均支持。ALL
5. <bdi>…<bdi> H5定义文本方向。允许标签内文字驼子父元素的文本方向。
只有火狐和google支持。
属性dir=ltr(rtl、auto)
6. <bdo>…</bdo> 定义文字方向。ALL
属性dir=ltr(rtl)
例如:<bdo dir="rtl">Here is some Hebrew text</bdo>
7. <big>…</big> 定义大号文本。ALL
个别浏览器支持<big>,会呈现特大号或者加粗效果。
8. <blockquote>…</blockquote> 定义长引用。有关闭标签</blockquote> ALL
<blockquote>标签中的文字从父元素中隔离出来
通常会缩进左右外边距,可能显示斜体。
属性:cite规定引用的来源。 cite=url ,但没有浏览器能够正常显示cite
9. <center>…</center> 定义居中显示。ALL
通常用样式显示,不建议用标签。
10. <cite>…</cite> 定义参考文献的引用。ALL
11. <code>…</code> 定义计算机源代码或其他机器可以阅读的文本内容。
呈现等宽效果,可能以后会加入其他效果。
如果只想实现等宽,建议考虑<tt>
12. <del>…</del> 定义删除文本。ALL
属性cite=url datetime=YYYYMMDD
例如:<del>二十</del>
13. <dfn>…</dfn> 定义标记特殊术语或短语
通常斜体显示,可能以后会加入其他效果(少用)
14. <em>…</em> 定义强调文本,主流浏览器会斜体显示,以后可能加入其他效果显示。
强调内容不要过多或过少。
当引入新的术语或在引用特定类型的术语或概念时作为固定样式时,也可以考虑<em>
15. <font>…</font> 规定文本的字体、字体尺寸、字体颜。ALL
属性:size(字体大小);color(字体颜)
案例:<font size="3" color="red">我就喜欢这个字体</font>
16. <i>…</i> 定义斜体文本效果。ALL
17. <ins>…</ins> 定义插入文本样式(下划线)。ALL
属性cite=url datetime=YYYYMMDD
没有主流浏览器能够正确地显示 <ins> 标签的 cite 或 datetime 属性
18. <kbd>…</kbd> 定义从键盘输入的文本。
通常以等宽字体显示
例如:<kbd>quit</kbd>
19. <mark>…</mark> H5定义带有记号的文本。ALL
请在需要突出显示文本时使用 <m> 标签。
例如:<p>这个是今年的<mark>互联网</mark>新商业模式</p>
20. <meter>…<meter> H5 定义已知范围内或分数值内的的标量测量,也称尺度。
除IE之外的主流浏览器都支持(火狐、google、Mac、欧朋)
案例:<meter value="3" min="0" max="10">十分之三</meter>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论