学习小结20150923--URL及媒体

HTML 中有用的字符实体

注释：实体名称对大小写敏感！

显示结果

描述

实体名称

实体编号

 

空格

 

 

<

小于号

<

<

>

大于号

>

>

&

和号

&

&

"

引号

"

"

'

撇号 

' (IE不支持)

'

￠

分

¢

¢

£

镑

£

£

¥

日圆

¥

¥

€

欧元

€

€

§

小节

§

§

©

版权

©

©

®

注册商标

®

®

™

商标

™

™

×

乘号

×

×

÷

除号

÷

÷

HTML 统一资源定位器

当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。

统一资源定位器（URL）用于定位万维网上的文档（或其他数据）。

网址，比如 http://www.w3school.com.cn/html/index.asp，遵守以下的语法规则：

scheme://host.domain:port/path/filename

解释：

· scheme - 定义因特网服务的类型。最常见的类型是 http

· host - 定义域主机（http 的默认主机是 www）

· domain - 定义因特网域名，比如 w3school.com.cn

· :port - 定义主机上的端口号（http 的默认端口号是 80）

· path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。

· filename - 定义文档/资源的名称

以下是其中一些最流行的 scheme：

Scheme

访问

用于...

http

超文本传输协议

以 http:// 开头的普通网页。不加密。

https

安全超文本传输协议

安全网页。加密所有信息交换。

ftp

文件传输协议

用于将文件下载或上传至网站。

file

 

您计算机上的文件。

HTML URL 字符编码

URL 编码会将字符转换为可通过因特网传输的格式。

Web 浏览器通过 URL 从 web 服务器请求页面。

URL 是网页的地址，比如 http://www.w3school.com.cn。

URL 只能使用 ASCII 字符集来通过因特网进行发送。

由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。

URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。

URL 不能包含空格。URL 编码通常使用 + 来替换空格。

HTML Web Server

如果希望向世界发布您的网站，那么您必须把它存放在 web 服务器上。

1、托管自己的网站

在自己的服务器上托管网站始终是一个选项。有几点需要考虑：

硬件支出

如果要运行“真正”的网站，您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的（一天 24 小时）高速连接。

软件支出

请记住，服务器授权通常比客户端授权更昂贵。同时请注意，服务器授权也许有用户数量限制。

人工费

不要指望低廉的人工费用。您必须安装自己的硬件和软件。您同时要处理漏洞和病毒，以确保您的服务器时刻正常地运行于一个“任何事都可能发生”的环境中。

2、使用因特网服务提供商（ISP）

从 ISP 租用服务器也很常见。

大多数小公司会把网站存放到由 ISP 提供的服务器上。其优势有以下几点：

连接速度

大多数 ISP 都拥有连接因特网的高速连接。

强大的硬件

ISP 的 web 服务器通常强大到能够由若干网站分享资源。您还要看一下 ISP 是否提供高效的负载平衡，以及必要的备份服务器。

安全性和可靠性

ISP 是网站托管方面的专家。他们应该提供 99% 以上的在线时间，最新的软件补丁，以及最好的病毒防护。

HTML 多媒体

Web 上的多媒体指的是音效、音乐、视频和动画。

多媒体可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。

在因特网上，您会经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。

 确定媒体类型的最常用的方法是查看文件扩展名。

视频格式

格式

文件

描述

AVI

.avi

AVI (Audio Video Interleave) 格式是由微软开发的。所有运行 Windows 的计算机都支持 AVI 格式。它是因特网上很常见的格式，但非 Windows 计算机并不总是能够播放。

WMV

.wmv

Windows Media 格式是由微软开发的。Windows Media 在因特网上很常见，但是如果未安装额外的（免费）组件，就无法播放 Windows Media 电影。一些后期的 Windows Media 电影在所有非 Windows 计算机上都无法播放，因为没有合适的播放器。

MPEG

· .mpg

· .mpeg

MPEG (Moving Pictures Expert Group) 格式是因特网上最流行的格式。它是跨平台的，得到了所有最流行的浏览器的支持。

QuickTime

.mov

QuickTime 格式是由苹果公司开发的。QuickTime 是因特网上常见的格式，但是 QuickTime 电影不能在没有安装额外的（免费）组件的 Windows 计算机上播放。

RealVideo

· .rm

· .ram

RealVideo 格式是由 Real Media 针对因特网开发的。该格式允许低带宽条件下（在线视频、网络电视）的视频流。由于是低带宽优先的，质量常会降低。

Flash

· .swf

· .flv

Flash (Shockwave) 格式是由 Macromedia 开发的。Shockwave 格式需要额外的组件来播放。但是该组件会预装到 Firefox 或 IE 之类的浏览器上。

Mpeg-4

.mp4

Mpeg-4 (with H.264 video compression) 是一种针对因特网的新格式。事实上，YouTube 推荐使用 MP4。YouTube 接收多种格式，然后全部转换为 .flv 或 .mp4 以供分发。越来越多的视频发布者转到 MP4，将其作为 Flash 播放器和 HTML5 的因特网共享格式。

声音格式

格式

文件

描述

MIDI

· .mid

· .midi

MIDI (Musical Instrument Digital Interface) 是一种针对电子音乐设备（比如合成器和声卡）的格式。MIDI 文件不含有声音，但包含可被电子产品（比如声卡）播放的数字音乐指令。

点击这里播放 The Beatles。

因为 MIDI 格式仅包含指令，所以 MIDI 文件极其小巧。上面的例子只有 23k 的大小，但却能播放将近 5 分钟。MIDI 得到了广泛的平台上的大量软件的支持。大多数流行的网络浏览器都支持 MIDI。

RealAudio

· .rm

· .ram

RealAudio 格式是由 Real Media 针对因特网开发的。该格式也支持视频。该格式允许低带宽条件下的音频流（在线音乐、网络音乐）。由于是低带宽优先的，质量常会降低。

Wave

.wav

Wave (waveform) 格式是由 IBM 和微软开发的。所有运行 Windows 的计算机和所有网络浏览器（除了 Google Chrome）都支持它。

WMA

.wma

WMA 格式 (Windows Media Audio)，质量优于 MP3，兼容大多数播放器，除了 iPod。WMA 文件可作为连续的数据流来传输，这使它对于网络电台或在线音乐很实用。

MP3

· .mp3

· .mpga

MP3 文件实际上是 MPEG 文件的声音部分。MPEG 格式最初是由运动图像专家组开发的。MP3 是其中最受欢迎的针对音乐的声音格式。期待未来的软件系统都支持它。

WAVE 是因特网上最受欢迎的无压缩声音格式，所有流行的浏览器都支持它。如果您需要未经压缩的声音（音乐或演讲），那么您应该使用 WAVE 格式。

MP3 是最新的压缩录制音乐格式。MP3 这个术语已经成为数字音乐的代名词。如果您的网址从事录制音乐，那么 MP3 是一个选项。

 

HTML Object 元素

<object> 的作用是支持 HTML 助手（插件）。

 

辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。

辅助程序可用于播放音频和视频（以及其他）。辅助程序是使用 <object> 标签来加载的。

使用辅助程序播放视频和音频的一个优势是，您能够允许用户来控制部分或全部播放设置。

大多数辅助应用程序允许对音量设置和播放功能（比如后退、暂停、停止和播放）的手工（或程序的）控制。

HTML 音频

使用插件

浏览器插件是一种扩展浏览器标准功能的小型计算机程序。

插件有很多用途：播放音乐、显示地图、验证银行账号，控制输入等等。

可使用 <object> 或 <embed> 标签来将插件添加到 HTML 页面。

这些标签定义资源（通常非 HTML 资源）的容器，根据类型，它们即会由浏览器显示，也会由外部插件显示。

使用 <embed> 元素

<embed> 标签定义外部（非 HTML）内容的容器。实例

<embed height="100" width="100" src="song.mp3" /></embed>

问题：

· <embed> 标签在 HTML 4 中是无效的。页面无法通过 HTML 4 验证。

· 不同的浏览器对音频格式的支持也不同。

· 如果浏览器不支持该文件格式，没有插件的话就无法播放该音频。

· 如果用户的计算机未安装插件，无法播放音频。

· 如果把该文件转换为其他格式，仍然无法在所有浏览器中播放。

使用 <object> 元素

<object tag> 标签也可以定义外部（非 HTML）内容的容器

实例

<object height="100" width="100" data="song.mp3"></object>

使用 HTML5 <audio> 元素

实例

<audio controls="controls"> 

    <source src="song.mp3" type="audio/mp3" />  

   <source src="song.ogg" type="audio/ogg" />

</audio>

最好的 HTML 解决方法

实例

<audio controls="controls" height="100" width="100">

      <source src="song.mp3" type="audio/mp3" /> 

     <source src="song.ogg" type="audio/ogg" />

     <embed height="100" width="100" src="song.mp3" />

</audio>

使用超链接

如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。

以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”来播放该文件：

实例

<a href="song.mp3">Play the sound</a>

 

HTML 5 多媒体标签

标签

描述

<audio>

标签定义声音，比如音乐或其他音频流。

<embed>

标签定义嵌入的内容，比如插件。