第1章 HTML语言基础
文档类型定义（DTD，Document Type Definition）
典型格式为 <! DOCTYPE HTML PUBLIC "version name" "url">
HTML特殊字符
<  <
>  >
&  &
"  "
®  R圈
©  C圈
™  TM
   空格
客户端图像地图
图像热点映射需使用<map name=mapname></map>标签对进行说明
图像热点映射中的各个区域用嵌套在<map>标签对中的<area>标签说明，格式<area shape="形状" coords="坐标" href="url">
shape属性定义了热点区域的形状，可以是
rect 矩形区域，coords为矩形左上角、右下角的坐标，各坐标值之间用逗号隔开
poly 多边形区域，coords为多边形各顶点的坐标
circle 圆形区域，coords为圆心坐标及半径（3个参数）
图像热点映射中的各个区域可以重叠，重叠区以先说明的条目为准
定义好图像热点映射后，在<img>标签中增加一个usemap属性指定图像热点映射即可，格式需在mapname前多加一个"#"
例如 <img src="china.jpg" usemap="#mymap">
第2章 HTML高级部分
<form>标签对属性
action 设置接收、处理浏览器提交的表单内容的服务器程序的URL
method 设置提交表单信息的方式；取值GET、POST中的一个
target 指定服务器返回结果显示的目标窗口或帧（frame，框架）
title 设置当鼠标在表单上悬停时，显示的黄底提示文本
enctype 指示浏览器使用何种编码发送表单数据；取值application/x-www-form-urlencoded、multipart/form-data，默认为前者
<input type="file"> 是RFC 1867规范对表单功能进行扩展，以便浏览器向Web服务器上传文件；如要上传文件，则表单的enctype属性必须设置为multipart/form-data，并且method必须是POST
<input type="image"> 用于在表单上创建一个图像元素，图像源由src属性指定，没有value属性；
可代替submit按钮，用户点击后，发送表单其他内容和图像上单击处的x、y坐标；
x坐标对应参数名是图像元素名后加上.x，y坐标对应参数名是图像元素名后加上.y
<select>&<option>标签
一旦选择了列表框的某一选项后，再也不能让列表框回到不选择任何选项的状态了。
如果想让用户选择后又表达不想选择的意图，应将一个空值的选项作为列表的第一个条目，并提示用户诸如“--放弃选择--”这样的文本信息。
<label>标签：用于设置文本框、单选按钮、复选按钮的快捷键；例如：
<label for="usr" accesskey="a">用户名（<u>a</u>）:</label>
<input type="text" name="user" id="usr" />
for属性 指定快捷键将作用于的表单字段元素，必须与元素的id值吻合
accesskey属性 指定快捷键；将可使用 Alt+设置键 作为快捷键访问
头元素——<head>标签对之间的元素
<base>标签 指
定网页中相对超链接的基准地址，例如 <base href="abc/def/" target="_blank">
<link>标签 定义了当前文档和另一个文档或资源之间的关系，其属性主要有href、rel、rev、title、type、media，一些介绍如下：
rel或rev 定义link所链接的两个资源之间的关系类型，两者必选其一；href 包含第二个资源的URL，必须填写；
title 说明链接的关系，描述目标资源的字符串，可选；type、media 也是可选的
rel、rev 描述链接的基本特征，即链接类型；其中rel表示链接源在当前文档中定义，由href属性定义链接目标；rev表示链接目标在当前文档中定义，由href属性定义链接源。rel、rev属性可能的取值有：
Contents 这个链接指向的文档作为表格的内容出现
Index 这个链接指向的文档提供一个当前文档的索引
Glossary 这个链接指向的文档提供一份当前文档的词汇表
Copyright 这个链接指向当前文档的版权语句
Next 这个链接指向文档系列中的下一个文档，通常与rel一起使用
Previous 这个链接指向文档系列中的上一个文档，通常与rev一起使用
spider软件Start 这个链接指向一套组合文档中的第一个文档，告诉搜索引擎哪个文档时这套组合文档的起始点
Help 这个链接指向一个提供帮助的文档
Bookmark 这个链接指向一个书签。书签是到扩展文档的入口点，可以用title属性对书签命名，一个文档可定义多个这样的书签
Stylesheet 这个链接指向一个外部样式表文件
Alternate 这个链接指向一份文档的不同版本。当与lang属性一起使用时，暗示一个相同文档的翻译版本；当与media属性一起使用时，指另一种媒体版本
Shortcul Icon 这个链接指向一个图标；这个图标将显示在浏览器地址栏、收藏夹列表中，替换浏览器提供的默认图标；要实现这种效果，先要做一个16*16像素的图标（.ico文件），再在<link>标签中用href属性指定
type 给出目标资源的MIME类型，例如 text/html、text/css、text/javascript
media 用于指定目标资源被接受的介质或媒体。允许的取值有：
screen 提交到计算机屏幕（默认值）
print 输出到打印机
projection 输出到投影机
aural 用扬声器输出
braille 提交到凸字触觉感知设备（供盲人使用）
tty 提交到电传打字机（使用固定的字体）
tv 提交到电视机
all 所有输出设备
例如，连接一个外部样式表：<link rel="stylesheet" type="text/css" href="url">
<meta>标签 主要有两种类型，由name和http-equiv属性名来划分
name 用于在网页中加入一些关于网页的描述信息
http-equiv 用于在HTML文档中模拟HTTP协议的响应消息头
name和http-equiv属性后都有一个配对的content属性需要设置
name属性的设置：
1) Keywords 告诉搜索引擎的robot或spider，把content属性中的内容作为网页的关键词；多个关键词之间可用逗号分隔
2) Description 告诉搜索引擎的robot或spider，把content属性中的内容作为网页的简述
3) Robots 告诉搜索引擎的robot或spider，根据content属性中的设置值来决定采取什么行动方式；content中设置的内容可以是：
index 告诉搜索引擎的robot或spider可以检索和收录此页（默认值）
noindex 不让搜索引擎的robot或spider检索和收录此页
follow 让搜索引擎的robot或spider顺着此页的超链接往下探
nofollow 不让搜索引擎的robot或spider顺着此页的超链接往下探
all 告诉搜索引擎的robot或spider可以检索和收录此页，且可以顺着此页的超链接往下探
none 既不让检索和收录此页，也不让顺着此页的超链接往下探
4) Generator 用于说明编辑此网页所使用的工具软件名，content中填入所用网页编辑软件
5) Author 用于说明网页的作者，content中填入作者姓名
6) Copyright 用于版权声明，content中填入版权声明
http-equiv属性的设置：
1) Content-Type 用于说明网页内容的MIME类型以及文本内容所使用的字符集编码，告诉浏览器使用该字符编码来查看此网页的内容。
例如 <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
2) Refresh 告诉浏览器指定的某一时间段后自动对页面进行刷新，也可在时间段后跳转到其他网页
例如 <meta http-equiv="Refresh" content="1"> 告诉浏览器1秒后刷新此页面
<meta http-equiv="Refresh" content="1;url="> 告诉浏览器1秒后跳转
3) Expires 用于设置网页的到期时间；content中的设置值必须使用GMT时间格式
为了提高访问效率，浏览器可以设置缓存以前访问过的页面，再次访问时会直接从本地取出缓存的内容
如果浏览器所在计算机的时间超过了content中指定的日期，浏览器必须到服务器上重新下载该网页
例如 <meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">
注：如果将content设置为0，可以禁止浏览器缓存该页面
4) Windows-Target 强制页面在某个窗口中显示，例如 <meta http-equiv="Windows-Target" content="_top">
5) Pragma 用于设定禁止浏览器在本地计算机上缓存此页面，content中设置值为no-cache
例如 <meta http-equiv="Pragma" content="no-cache">
有时候使用上句不起作用，可以将上句插入到网页原文件的后面部分（</body>后的再一个<head></head>对中）
还可使用Cache-C
ontrol来禁止浏览器缓存页面，例如 <meta http-equiv="Cache-Control" content="no-cache">
6) Page-Enter 设置浏览器刚进入某个网页时，所采用的特殊显示效果
例如 <meta http-equiv="Page-Enter" content="revealTrans(Transition=23,Duration=1.000)">
其中，Duration表示特效维持的时间（单位：秒），Transition表示特效类型
不是所有浏览器对此提供很好的支持
7) Page-Exit 设置浏览器离开某网页时，所采用的特殊显示效果
分区标签
<div> 定义区块（block）的元素，分隔出完整段落区块
<span> 文本级元素，可在一行中分隔出字母、单词、词组进行特殊样式处理
两者均可与CSS、JavaScript联合使用产生丰富的交互视觉效果

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。