HTML自学笔记(四)
来源:互联网 发布:模拟经营单机 知乎 编辑:程序博客网 时间:2024/04/30 11:42
继续学习,从这篇开始,进入HTML高级部分(前三篇是基础部分)
二丶HTML高级
1.HTML <!DOCTYPE>
<!DOCTYPE> 声明帮助浏览器正确地显示网页。
----------------------------------------------------------------------------------------------------------------------------------------------------------------------
Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。
HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。
<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
----------------------------------------------------------------------------------------------------------------------------------------------------------------------
带有 HTML5 DOCTYPE 的 HTML 文档:
<!DOCTYPE html><html><head><title>Title of the document</title></head><body>The content of the document......</body></html>
----------------------------------------------------------------------------------------------------------------------------------------HTML 版本
从 Web 诞生早期至今,已经发展出多个 HTML 版本:
----------------------------------------------------------------------------------------------------------------------------------------
常用的声明
HTML5:<!DOCTYPE html>HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.HTML头部元素
------------------------------------------------------------------------------------------------------------------------------------------------
<head> 元素
<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。
------------------------------------------------------------------------------------------------------------------------------------------------
<title> 元素
<title> 标签定义文档的标题。title 元素在所有 HTML/XHTML 文档中都是必需的。
title 元素能够:
定义浏览器工具栏中的标题
提供页面被添加到收藏夹时显示的标题
显示在搜索引擎结果中的页面标题
一个简化的 HTML 文档:
<!DOCTYPE html><html><head><title>Title of the document</title></head><body>The content of the document......</body></html>------------------------------------------------------------------------------------------------------------------------------------------------
<base> 元素
<base> 标签为页面上的所有链接规定默认地址或默认目标(target):<head><base href="http://www.w3school.com.cn/images/" /><base target="_blank" /></head>------------------------------------------------------------------------------------------------------------------------------------------------
<link> 元素
<link> 标签定义文档与外部资源之间的关系。<link> 标签最常用于连接样式表:
<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>------------------------------------------------------------------------------------------------------------------------------------------------
<style> 元素
<style> 标签用于为 HTML 文档定义样式信息。您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式:
<head><style type="text/css">body {background-color:yellow}p {color:blue}</style></head>
------------------------------------------------------------------------------------------------------------------------------------------------
<meta> 元素
元数据(metadata)是关于数据的信息。<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
<meta> 标签始终位于 head 元素中。
元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
------------------------------------------------------------------------------------------------------------------------------------------------
<script> 元素
<script> 标签用于定义客户端脚本,比如 JavaScript。
3.HTML脚本
JavaScript 使 HTML 页面具有更强的动态和交互性
------------------------------------------------------------------------------------------------------------------------------------------------
HTML script 元素
<script> 标签用于定义客户端脚本,比如 JavaScript。script 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
下面的脚本会向浏览器输出“Hello World!”:
<script type="text/javascript">document.write("Hello World!")</script>更多脚本知识,需要学习JS脚本语言.
------------------------------------------------------------------------------------------------------------------------------------------------
<noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时,才会显示 noscript 元素中的内容:
<script type="text/javascript">document.write("Hello World!")</script><noscript>Your browser does not support JavaScript!</noscript>
4.HTML字符实体
在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。
5.HTML统一资源定位器(URL)
------------------------------------------------------------------------------------------------------------------------------------------------
URL - Uniform Resource Locator
当您点击 HTML 页面中的某个链接时,对应的 <a> 标签指向万维网上的一个地址。统一资源定位器(URL)用于定位万维网上的文档(或其他数据)。
网址,比如 http://www.w3school.com.cn/html/index.asp,遵守以下的语法规则:
scheme://host.domain:port/path/filename解释:
- cheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机(http 的默认主机是 www)
- domain - 定义因特网域名,比如 w3school.com.cn
- :port - 定义主机上的端口号(http 的默认端口号是 80)
- path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
- filename - 定义文档/资源的名称
URL Schemes
以下是其中一些最流行的 scheme:6.HTML URL字符编码
URL 编码会将字符转换为可通过因特网传输的格式。
------------------------------------------------------------------------------------------------------------------------------------------------
URL 编码
URL 只能使用 ASCII 字符集来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
7.HTML Web Server
如果希望向世界发布您的网站,那么您必须把它存放在 web 服务器上。
------------------------------------------------------------------------------------------------------------------------------------------------
托管自己的网站
在自己的服务器上托管网站始终是一个选项。有几点需要考虑:
硬件支出
如果要运行“真正”的网站,您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的(一天 24 小时)高速连接。
软件支出
请记住,服务器授权通常比客户端授权更昂贵。同时请注意,服务器授权也许有用户数量限制。
人工费
不要指望低廉的人工费用。您必须安装自己的硬件和软件。您同时要处理漏洞和病毒,以确保您的服务器时刻正常地运行于一个“任何事都可能发生”的环境中。
------------------------------------------------------------------------------------------------------------------------------------------------
使用因特网服务提供商(ISP)
从 ISP 租用服务器也很常见。
大多数小公司会把网站存放到由 ISP 提供的服务器上。其优势有以下几点:
连接速度
大多数 ISP 都拥有连接因特网的高速连接。
强大的硬件
ISP 的 web 服务器通常强大到能够由若干网站分享资源。您还要看一下 ISP 是否提供高效的负载平衡,以及必要的备份服务器。
安全性和可靠性
ISP 是网站托管方面的专家。他们应该提供 99% 以上的在线时间,最新的软件补丁,以及最好的病毒防护。
------------------------------------------------------------------------------------------------------------------------------------------------
选择 ISP 时的注意事项
24 小时支持
确保 ISP 提供 24 小时支持。不要使自己置于无法解决严重问题的尴尬境地,同时还必须等待第二个工作日。如果您不希望支付长途电话费,那么免费电话服务也是必要的。
每日备份
确保 ISP 会执行每日备份的例行工作,否则您有可能损失有价值的数据。
流量
研究一下 ISP 的流量限制。如果出现由于网站受欢迎而激增的不可预期的访问量,那么您要确保不会因此支付额外费用。
带宽或内容限制
研究一下 ISP 的带宽和内容限制。如果您计划发布图片或播出视频或音频,请确保您有此权限。
E-mail 功能
请确保 ISP 支持您需要的 e-mail 功能。
数据库访问
如果您计划使用网站数据库中的数据,那么请确保您的 ISP 支持您需要的数据库访问。
在您选取一家 ISP 之前,请务必阅读 W3School 的 Web 主机教程。
声明:本学习笔记参考W3School教程
- HTML自学笔记(四)
- Mysql自学笔记四
- html + javascript 自学笔记
- HTML自学笔记(一)
- HTML自学笔记(二)
- HTML自学笔记(三)
- ajax自学笔记(四)
- JAVA自学笔记(四)异常
- 自定义控件自学笔记(四)
- YII自学笔记(四)
- JavaSE自学笔记整理(四)
- SpringBoot自学笔记(四)
- QT自学笔记(四)
- HTML学习笔记四
- HTML笔记(四)
- html学习笔记四
- HTML笔记四.表格
- 自学PHP的笔记(四)埋个雷
- 简单设置samba共享
- 注意设置httpclient连接数
- 关于平衡二叉树的一句代码不是很理解
- No orientation specified, and the default is horizontal. This is a common source of bugs when childr
- Ext动态删除items方法参考
- HTML自学笔记(四)
- 关于xmlns:tools和android:onClick使用
- HTTP POST GET 本质区别详解
- CCNode
- Android 获取经纬度
- android关于AndroidManifest.xml详细分析
- R xts
- 设计模式(2)-对象创建型模式-Factory Method模式
- 最新Android面试题整理 5月