HTML高级教程
2013-06-16 15:34
176 查看
1<!DOCTYPE>
1、<!DOCTYPE> 声明
1.1HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。
2、HTML 版本
3、常用的声明
3.1HTML5
3.2HTML 4.01
3.3XHTML 1.0
2头部
1、HTML <head> 元素
1.1<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
1.2以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。
2、HTML <title> 元素
2.1<title> 标签定义文档的标题。
2.2title 元素能够：
2.2.1定义浏览器工具栏中的标题
2.2.2提供页面被添加到收藏夹时显示的标题
2.2.3显示在搜索引擎结果中的页面标题
3、HTML <base> 元素
3.1<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：
4、HTML <link> 元素
4.1<link> 标签定义文档与外部资源之间的关系。
5、HTML <style> 元素
5.1<style> 标签用于为 HTML 文档定义样式信息。
6、HTML <meta> 元素
6.1元数据（metadata）是关于数据的信息。
6.2元数据不会显示在页面上，但是对于机器是可读的。
典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
6.3元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
6.4针对搜索引擎的关键词
一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。
7、HTML <script> 元素
7.1<script> 标签用于定义客户端脚本，比如 JavaScript。
8、HTML 头部元素
3脚本
1、HTML script 元素
1.1<script> 标签用于定义客户端脚本，比如 JavaScript。
1.2JavaScript 最常用于图片操作、表单验证以及内容动态更新。
2、<noscript> 标签
2.1<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
2.2只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：
3、如何应付老式的浏览器
3.1如果浏览器压根没法识别 <script> 标签，那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生，你应该将脚本隐藏在注释标签当中。
3.2JavaScript:
document.write("Hello World!")
</script>[/code]
3.3VBScript:
document.write("Hello World!")
</script>
[/code]
4、脚本
4实体
1、HTML 实体
1.1在 HTML 中，某些字符是预留的。
1.2在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
2、HTML 中有用的字符实体
1.1实体名称对大小写敏感！
5URL
1、URL - Uniform Resource Locator
1.1统一资源定位器（URL）用于定位万维网上的文档（或其他数据）。
解释：
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 w3school.com.cn
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称
2、URL Schemes
6URL 字符编码
1、URL - 统一资源定位器
1.1Web 浏览器通过 URL 从 web 服务器请求页面。
2、URL 编码
2.1URL 只能使用 ASCII 字符集来通过因特网进行发送。
2.2由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
2.3URL 不能包含空格。URL 编码通常使用 + 来替换空格。
3、URL 编码示例
7Web Server
1、托管自己的网站
1.1硬件支出
如果要运行“真正”的网站，您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的（一天 24 小时）高速连接。
1.2软件支出
请记住，服务器授权通常比客户端授权更昂贵。同时请注意，服务器授权也许有用户数量限制。
1.3人工费
不要指望低廉的人工费用。您必须安装自己的硬件和软件。您同时要处理漏洞和病毒，以确保您的服务器时刻正常地运行于一个“任何事都可能发生”的环境中。
2、使用因特网服务提供商（ISP）
2.1连接速度
大多数 ISP 都拥有连接因特网的高速连接。
2.2强大的硬件
ISP 的 web 服务器通常强大到能够由若干网站分享资源。您还要看一下 ISP 是否提供高效的负载平衡，以及必要的备份服务器。
2.3安全性和可靠性
ISP 是网站托管方面的专家。他们应该提供 99% 以上的在线时间，最新的软件补丁，以及最好的病毒防护。
3、选择 ISP 时的注意事项
3.1 24 小时支持
确保 ISP 提供 24 小时支持。
3.2每日备份
确保 ISP 会执行每日备份的例行工作，否则您有可能损失有价值的数据。
3.3流量
研究一下 ISP 的流量限制。如果出现由于网站受欢迎而激增的不可预期的访问量，那么您要确保不会因此支付额外费用。
3.4带宽或内容限制
研究一下 ISP 的带宽和内容限制。如果您计划发布图片或播出视频或音频，请确保您有此权限。
3.5E-mail 功能
请确保 ISP 支持您需要的 e-mail 功能。
3.6数据库访问
如果您计划使用网站数据库中的数据，那么请确保您的 ISP 支持您需要的数据库访问。
1、<!DOCTYPE> 声明
1.1HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。
2、HTML 版本
| 版本 | 年份 |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
3.1HTML5
<!DOCTYPE html>
3.2HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3.3XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2头部
1、HTML <head> 元素
1.1<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
1.2以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。
2、HTML <title> 元素
2.1<title> 标签定义文档的标题。
2.2title 元素能够：
2.2.1定义浏览器工具栏中的标题
2.2.2提供页面被添加到收藏夹时显示的标题
2.2.3显示在搜索引擎结果中的页面标题
3、HTML <base> 元素
3.1<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：
<head> <base href="http://www.w3school.com.cn/images/" /> <base target="_blank" /> </head>
4、HTML <link> 元素
4.1<link> 标签定义文档与外部资源之间的关系。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>
5、HTML <style> 元素
5.1<style> 标签用于为 HTML 文档定义样式信息。
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>6、HTML <meta> 元素
6.1元数据（metadata）是关于数据的信息。
6.2元数据不会显示在页面上，但是对于机器是可读的。
典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
6.3元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
6.4针对搜索引擎的关键词
一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
<meta name="keywords" content="HTML, CSS, XML" />
7、HTML <script> 元素
7.1<script> 标签用于定义客户端脚本，比如 JavaScript。
8、HTML 头部元素
| 标签 | 描述 |
|---|---|
| <head> | 定义关于文档的信息。 |
| <title> | 定义文档标题。 |
| <base> | 定义页面上所有链接的默认地址或默认目标。 |
| <link> | 定义文档与外部资源之间的关系。 |
| <meta> | 定义关于 HTML 文档的元数据。 |
| <script> | 定义客户端脚本。 |
| <style> | 定义文档的样式信息。 |
1、HTML script 元素
1.1<script> 标签用于定义客户端脚本，比如 JavaScript。
1.2JavaScript 最常用于图片操作、表单验证以及内容动态更新。
2、<noscript> 标签
2.1<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
2.2只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：
<script type="text/javascript">
document.write("Hello World!")
</script>
[code]<noscript>Your browser does not support JavaScript!</noscript>
3、如何应付老式的浏览器
3.1如果浏览器压根没法识别 <script> 标签，那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生，你应该将脚本隐藏在注释标签当中。
3.2JavaScript:
<script type="text/javascript"> [code]<!--
document.write("Hello World!")
//-->
</script>[/code]
3.3VBScript:
<script type="text/vbscript"> [code]<!--
document.write("Hello World!")
'-->
</script>
[/code]
4、脚本
| 标签 | 描述 |
|---|---|
| <script> | 定义客户端脚本。 |
| <noscript> | 为不支持客户端脚本的浏览器定义替代内容。 |
1、HTML 实体
1.1在 HTML 中，某些字符是预留的。
1.2在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
2、HTML 中有用的字符实体
1.1实体名称对大小写敏感！
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 空格 | |||
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ' | 撇号 | ' (IE不支持) | ' |
| ￠ | 分 | ¢ | ¢ |
| £ | 镑 | £ | £ |
| ¥ | 日圆 | ¥ | ¥ |
| € | 欧元 | € | € |
| § | 小节 | § | § |
| © | 版权 | © | © |
| ® | 注册商标 | ® | ® |
| ™ | 商标 | ™ | ™ |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
1、URL - Uniform Resource Locator
1.1统一资源定位器（URL）用于定位万维网上的文档（或其他数据）。
scheme://host.domain:port/path/filename
解释：
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 w3school.com.cn
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称
2、URL Schemes
| Scheme | 访问 | 用于... |
|---|---|---|
| http | 超文本传输协议 | 以 http:// 开头的普通网页。不加密。 |
| https | 安全超文本传输协议 | 安全网页。解密所有信息交换。 |
| ftp | 文件传输协议 | 用于将文件下载或上传至网站。 |
| file | 您计算机上的文件。 |
1、URL - 统一资源定位器
1.1Web 浏览器通过 URL 从 web 服务器请求页面。
2、URL 编码
2.1URL 只能使用 ASCII 字符集来通过因特网进行发送。
2.2由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
2.3URL 不能包含空格。URL 编码通常使用 + 来替换空格。
3、URL 编码示例
| 字符 | URL 编码 |
|---|---|
| € | %80 |
| £ | %A3 |
| © | %A9 |
| ® | %AE |
| À | %C0 |
| Á | %C1 |
| Â | %C2 |
| Ã | %C3 |
| Ä | %C4 |
| Å | %C5 |
1、托管自己的网站
1.1硬件支出
如果要运行“真正”的网站，您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的（一天 24 小时）高速连接。
1.2软件支出
请记住，服务器授权通常比客户端授权更昂贵。同时请注意，服务器授权也许有用户数量限制。
1.3人工费
不要指望低廉的人工费用。您必须安装自己的硬件和软件。您同时要处理漏洞和病毒，以确保您的服务器时刻正常地运行于一个“任何事都可能发生”的环境中。
2、使用因特网服务提供商（ISP）
2.1连接速度
大多数 ISP 都拥有连接因特网的高速连接。
2.2强大的硬件
ISP 的 web 服务器通常强大到能够由若干网站分享资源。您还要看一下 ISP 是否提供高效的负载平衡，以及必要的备份服务器。
2.3安全性和可靠性
ISP 是网站托管方面的专家。他们应该提供 99% 以上的在线时间，最新的软件补丁，以及最好的病毒防护。
3、选择 ISP 时的注意事项
3.1 24 小时支持
确保 ISP 提供 24 小时支持。
3.2每日备份
确保 ISP 会执行每日备份的例行工作，否则您有可能损失有价值的数据。
3.3流量
研究一下 ISP 的流量限制。如果出现由于网站受欢迎而激增的不可预期的访问量，那么您要确保不会因此支付额外费用。
3.4带宽或内容限制
研究一下 ISP 的带宽和内容限制。如果您计划发布图片或播出视频或音频，请确保您有此权限。
3.5E-mail 功能
请确保 ISP 支持您需要的 e-mail 功能。
3.6数据库访问
如果您计划使用网站数据库中的数据，那么请确保您的 ISP 支持您需要的数据库访问。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML高级教程 文本
- 教你如何把切割好的html页面转换成可供DIY的页面（高级教程）
- HTML基础教程 七 高级
- w3school HTML 高级教程
- 教你如何把切割好的html页面转换成可供DIY的页面（高级教程
- 前端开发学习笔记05---HTML高级教程
- HTML教程-HTML技巧-层的高级应用
- HTML高级教程（1/头部）
- HTML高级教程 亲和力的连接
- JavaScript菜鸟教程学习 http://www.runoob.com/js/js-tutorial.html
- 【PHP】富文本HTML过滤器：HTMLPurifier使用教程（防止XSS）
- C# 给线程传数据的两种方法【C#高级教程整理】
- ［Android Studio 权威教程］断点调试和高级调试
- JavaScript高级程序设计第二章在HTML中使用JavaScript
- django 1.8 官方文档翻译： 1-3-1 高级教程：如何编写可重用的应用
- Docker高级教程之智能添加与修改防火墙规则
- HTML 30分钟入门教程
- HTML DOM教程 13-HTML DOM Location 对象
- swift与OC混编高级教程之混编框架的创建和调用
- SQL JOIN 高级教程