参考文献: 《HTML, CSS, JavaScript 整合详解》 王津涛 编著,机械工业出版社
1. HTML —— Hyper Text Markup Language (超文本标记语言)
2. DTD —— Document Type Definition (文档类型定义)
HTML 4.01提供了三种DTD文档
① 严密型,不包括不被推荐的元素和属性,不包含框架(frameset)
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html14/strict.dtd”>
② 过渡型,包含严密型DTD文档所有内容,还可以使用不被推荐的元素和属性
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html14/loose.dtd”>
③ 框架型,包含过渡型以及框架
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html14/frameset.dtd”>
HTML5 (推荐使用)
<!DOCTYPE html>
3. HTML文档head元素中包含的meta元素用来指定有关这个文档的相关信息,例:
<meta http-equiv=“Content-Type” content=“text/html;charset=GB18030”>
meta元素的属性有两种,即http-equiv和name
(1)http-equiv回应给浏览器一些有用信息,以帮助正确和精确地显示网页内容,属性包括Content-Type、Pragma、Refresh、Expires、Set-Cookie、Window-target等
① <meta http-equiv=“Pragma” content=“no-cache”>
设定禁止浏览器从本地机的缓存中调阅页面内容,即无法实现脱机浏览网页
② <meta http-equiv=“Refresh” content=“8;url=http://www.eclipse.org”>
让当前网页在指定时间内跳转到指定网页,时间单位:秒
③ <meta http-equiv=“Window-target” content=“_blank”>
设置网页在窗口中独立显示,为防止他人在frame页面中调用
Window-target的content包括:_top、_blank、_self、_parent
“_parent”是链接文件在当前窗口的父级窗口中打开;“_self”链接文件在当前窗口(帧)中打开;“_top”链接文件全屏显示
(2)name的作用是在一些搜索引擎中使用meta的name和content属性来索引的页面,属性包括Keyword、Author、Description、Robots、Copyright等
其中Robots:
用法:
<meta name=“Robots” content=“all|none|index|noindex|follow|nofollow”>
作用:用来通知搜索引擎哪个页面需要索引,哪个页面不需要索引
参数content包括:
all:文件被检索,页面上的链接能被查询
index:文件被检索
follow:页面上的链接能被查询
noindex:文件不被检索,但页面上的链接能被查询
nofollow:文件不被检索,但页面上的链接能被查询
none:文件不能被检索,页面上的链接也不能被查询
4. 标签可以拥有属性,属性应该添加在HTML元素的起始标签中(属性值应该用引号括起来,双引号为标准格式,单引号也可以使用,但当属性值中的内容已经有双引号时,属性外部使用单引号,例:name=’John “ShotGun” Nelson’)
5. HTML文档中的标签大小写通用,但建议使用小写HTML标签,因为W3C组织推荐HTML4和XHTML使用小写标签
6. 默认情况标题左对齐显示,目前大多数浏览器支持align属性,即支持左对齐、右对齐和居中对齐
<h2 align=”left”>标题左对齐</h2>
<h2 align=”center”>标题居中</h2>
<h2 align=”right”>标题右对齐</h2>
HTML4和XHTML中不推荐使用align属性
7. 浏览器忽略用户在HTML编辑器中键入的回车符,段落标签会在段落中加上额外空行
HTML4.01中与p元素有关的属性不再推荐使用,XHTML1.0的严密型DTD已经不再支持与p元素有关的任何“一般性属性”(如align)
8. div元素中的align属性在HTML4.01中已不再推荐使用,XHTML1.0严密型DTD不支持div元素里的align属性
9. 在HTML中换行标签<br>不需要结束标签,而在XHTML中必须使用合理的关闭,形如<br/>,像<br>这样的单个标签,在XHTML中一般都要合理闭合
10. 水平分割线<hr>
① width设置水平线宽度
② color设置水平线颜色
③ align设置水平线对齐方式
④ size设置水平线高度
⑤ noshade设置水平线无阴影效果
size、width属性有两种使用方式:以像素为单位,如<hr width=60>;以百分比指定宽度,如<hr width=60%>
color属性也有不同的使用方式:颜色名,如<hr color=red>;十六位进制的颜色值,如<hr color=#FF000>;RGB混合模式,如<hr color=rgb(255,0,0)>
11. HTML代码注释: <!--是注释部分-->
12. 常见的文字格式化标签
标签 | 说明 | 标签 | 说明 |
<b> | 加粗文字 | <ins> | 插入文字 |
<i> | 斜体文字 | <del> | 删除线 |
<big> | 加大文字 | <s> | 删除线 |
<small> | 缩小文字 | <strike> | 删除线 |
<sup> | 上标 | <strong> | 加强文字 |
<sub> | 下标 | <em> | 强调文字 |
<u> | 下划线 |
|
|
注:① <big>和</big>中的字符或文字显示为比周围字符或文字大一号的字体,7号字体为上限;<small>和</small>中的字符或文字若已是最小号字体,则不起作用
② <strike>标签用来删除字符或文字,作用与<s>标签相同,在HTML4.01中不推荐使用<strike>、<s>标签,用<del>标签代替
③ <em>标签样式效果类似于<i>标签;<strong>标签效果类似于<b>标签,但是<strong>的作用却与<em>标签相似,都是用来强调文本,<strong>强调的程度比<em>的高一些
④ <ins>标签与<del>标签相对应,用来向文档主体内容中在指定位置插入文本
⑤ 在HTML4.01中不推荐使用<u>标签,XHTML1.0严密型DTD不支持u元素
13. 常见的计算机输出格式标签
标签 | 说明 |
<code> | 计算机代码格式 |
<kbd> | 键盘输入字符格式 |
<tt> | 电报文字或是单一间隙文字 |
<samp> | 计算机代码样式 |
<var> | 变量,编程代码 |
<pre> | 预先格式化文本 |
注:① <var>标签用来显示计算机编程代码,输出效果类似斜体
② <samp>标签很少用到
③ 格式化标签<pre>可以使浏览器显示预先设置好格式的文本,即显示器会按照已格式化好的文本原封不动地显示文本内容,若不使用预格式化标签,浏览器将忽略空格和换行,如:
<pre>
<b>
Lesson 14 The Butterfly Effect
</b>
Beyond two or three days, the world’s best weather forecasts are speculative, and beyond six or seven they are worthless.
</pre>
尝试去掉<pre>标签查看效果,考虑到代码规范,pre标签应该没有太大的实际用途
④ HTML4.0中的<pre>标签已经不支持width属性;XHTML1.0严密型DTD也不再支持<pre>标签中的width属性
⑤ <listing>、<plaintext>、<xmp>标签的功能与<pre>相同,已不推荐使用
14. 常见的引文和定义标签
标签 | 说明 |
<abbr> | 指出有缩写的内容(可用于页面提示) |
<acronym> | 定义缩写(可用于页面提示) |
<blockquote> | 定义长引用 |
<q> | 定义短引用 |
<address> | 定义地址(斜体显示) |
<bdo> | 定义文字顺序 |
<dfn> | 定义的期限 |
<cite> | 定义引证 |
注:① <acronym>从字义上理解,是取首字母的缩写词,<abbr>是缩写,在应用过程中,两个标签看起来差不多,title属性定义一个完整的词组,当鼠标停留在该缩写词上时将显示完整的词组,如:
<abbr title="British Broadcasting Corporation">BBC</abbr>
<acronym title="World Wide Web">www</acronym>
IE6不支持abbr标签,IE7与FF支持
② <blockquote>标签定义了长文字的引用,通常是一个段落或几个段落,而浏览器通常以两段缩进的方式显示这些文本,HTML标准对文本块的长度没有限制,若文本块过长,通常在其中嵌入<p>标签配合使用;<q>标签定义短引用,某些浏览器不支持<q>标签;引用时可以使用cite属性标识所引用的文字来源于哪个文档(实际中貌似没什么用)
③ <address>标签用来标识地址、签名或文档的作者等信息,使内容区别于其他文本,以斜体显示,不具有链接效果(通常地址要显示在页面左下角,用分割线<hr>与正文隔开,时常与超文本链接结合使用)
④ <bdo>标签用于定义文字显示顺序,通过dir属性改变文字的现实方向,“rtl”为从右到左,“ltr”为从左到右,例:<bdo dir="rtl">文字显示顺序</bdo>
15. <font>标签
① size属性设置字体大小:a. 绝对字体大小,size属性值1~7;b相对字体大小,使size值等于一个默认字体大小的相对值,例:<font size+=3></font>,通常默认字体大小为3 (试了一下相对字体,貌似没效果~)
② color属性设置改变文字颜色,属性值可以为颜色名,也可以为颜色值
附HTML颜色代码表:http://www.qqai.net/tool/yansedaima/
③ face属性设置字体样式,若所设置的字体不存在,则以默认字体样式显示,大多数浏览器默认字体样式为Times New Roman
推荐使用样式表代替font标签