HTML 往日冒险 05
字符实体 character entities
HTML 中的预留字符必须被替换为字符实体
&entity_name or &#entity_number
如需显示小于号,我们必须这样写:< 或 <
使用实体名而不是数字的好处是,名称易于记忆
实体名称对大小写敏感
non-breaking space
HTML 中的常用字符实体是不间断空格( )
浏览器总是会截短 HTML 页面中的空格
如需在页面中增加空格的数量,需要使用 字符实体
符号 symbols
普通键盘上不存在众多数学、技术和货币符号也可以由实体代替
如需将此类符号添加到 HTML 页面,可以使用 HTML 实体名称(HTML entity name)
如果不存在实体名称,则可使用实体编号十进制dec或十六进制hex的引用
表情符号 emoji
表情符号(Emoji)是来自 UTF-8 (Unicode) 字符集的字母(字符):😄 😍 💗
表情符号(Emoji)类似图像或图标,但它们并不是
UTF-8 几乎涵盖世界上所有字符和符号
😄 是 128516
为了正确显示 HTML 页面,Web 浏览器必须知道页面中使用的字符集
如果未规定,UTF-8 则是 HTML 中的默认字符集
<meta charset="UTF-8">
很多 UTF-8 字符无法在键盘上键入,但始终可以使用数字(被称为实体编号)来显示它们
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>我将显示 A B C</p>
<p>我将显示 A B C</p>
</body>
</html>
由于表情符号是字符,因此可以像 HTML 中的其他任何字符一样复制、显示和调整它们的大小
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>放大的 Emoji</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
编码 字符集 charset
- ASCII 是第一个字符编码标准。ASCII 定义了 128 种可以在互联网上使用的字符:数字(0-9)、英文字母(A-Z)和一些特殊字符,比如:! $ + - ( ) @ < >
- ISO-8859-1 是 HTML 4 的默认字符集。此字符集支持 256 个不同的字符代码。HTML 4 同时支持 UTF-8
- ANSI(Windows-1252)是原始的 Windows 字符集。 ANSI 与 ISO-8859-1 相同,不同之处在于 ANSI 具有 32 个额外的字符
- HTML5 规范鼓励 Web 开发人员使用 UTF-8 字符集,该字符集涵盖了世界上几乎所有的字符和符号
可以使用 CSS @charset 规则来指定样式表中使用的字符编码
@charset “UTF-8”;
统一资源定位器 url
URL 也被称为网址
URL 可以由单词组成,比如 w3school.com.cn,或者是因特网协议(IP)地址:192.168.1.253
大多数人在网上冲浪时,会键入网址的域名,因为名称比数字容易记忆
Uniform Resource Locator
当点击 HTML 页面中的某个链接时,对应的 <a> 标签指向万维网上的一个地址.
遵守以下的语法规则:
scheme://host.domain:port/path/filename
- scheme(计划) - 定义Internet服务类型,如 http
- host - 定义域主机,如 http 的默认主机是 www
- domain - 定义Internet域名,如 w3school.com.cn
- :port - 定义主机端口号,http默认端口号是 80
- path - 定义服务器上的路径,省略意味着文档位于网站上的根目录中
- filename - 定义文档or资源名称
URL Schemes 流行的有:
http - 超文本传输协议 - http:// 开头的普通网页(不加密)
https - 安全超文本传输协议 - 加密所有信息交换
ftp - 文件传输协议 - 用于文件下载or上传至网站
file - 自己计算机上的文件
框架 frames
通过使用框架
可以在同一个浏览器窗口中显示不止一个页面
使用框架坏处多多:
- 开发人员必须同时跟踪更多的HTML文档
- 很难打印整张页面
框架结构标签(<frameset>)
框架标签(<frame>)
在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
混合框架结构
<html>
<frameset rows="50%,50%">
<frame src="/example/html/frame_a.html">
<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</frameset>
</html>
假如一个框架有可见边框,用户可以拖动边框来改变它的大小
为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize",使框架固定不动
背景 backgrounds
<body> 拥有两个配置背景的标签
背景可以是颜色 or 图像
背景颜色属性将背景设置为某种颜色
属性值可以是十六进制数、RGB 值或颜色名
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
背景属性将背景设置为图像
属性值为图像的URL,可以是相对地址 or 绝对地址
如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制
<body background="clouds.gif">
<body background="http://www.w3school.com.cn/clouds.gif">
确认背景图像是否增加了页面的加载时间。Tips:图像文件不应超过 10k
<body> 标签中的背景颜色(bgcolor)、背景(background)和文本(text)属性在最新的 HTML 标准(HTML4 和 XHTML)中已被废弃
W3C 在他们的推荐标准中已删除这些属性
应该使用层叠样式表(CSS)来定义 HTML 元素的布局和显示属性
URL字符编码 urlencode
Web 浏览器通过 URL 从 web 服务器请求页面
URL 只能使用 ASCII 字符集来通过因特网进行发送
URL 编码使用 “%” 其后跟随两位的十六进制数来替换非 ASCII 字符
URL 不能包含空格,通常使用 + 或者 %20 来替换空格
其实 ! 也会被%21代替
URL 编码(百分比编码)
URL 编码将字符转换为可通过因特网传输的格式
更多URL编码
Web Server
如果希望向世界发布您的网站,那么您必须把它存放在 web 服务器上
网站托管
在自己的服务器上托管网站始终是一个选项,但需要考虑:
- 硬件支出:如果要运行真正的网站,不得不购买强大的服务器硬件
同时还需要稳定的(一天 24 小时)高速连接。 - 软件支出:服务器授权通常比客户端授权更昂贵
同时请注意,服务器授权也许有用户数量限制 - 人工:必须安装自己的硬件和软件
同时要处理漏洞和病毒,以确保您的服务器时刻正常地运行于一个任何事都可能发生的环境中
ISP Internet服务提供商
ISP 租用服务器
大多数小公司会把网站存放到由 ISP 提供的服务器上
- 大多数 ISP 都拥有连接因特网的高速连接
- ISP 的 web 服务器通常强大到能够由若干网站分享资源,但需要注意 ISP 是否提供高效的负载平衡,以及必要的备份服务器
- ISP 是网站托管方面的专家
应该提供 99% 以上的在线时间,最新的软件补丁,以及最好的病毒防护
选择ISP注意事项
- 确保 ISP 提供 24 小时支持
- 确保 ISP 会执行每日备份的例行工作,否则您有可能损失有价值的数据
- 研究一下 ISP 的流量限制
- 研究一下 ISP 的带宽和内容限制
- 确保 ISP 支持您需要的 e-mail 功能
- 如果您计划使用网站数据库中的数据,那么请确保您的 ISP 支持您需要的数据库访问
<!DOCTYPE> 声明帮助浏览器正确地显示网页