HTML ???

HTML ???(???)

HTML??? ??? ???? ???? ??? ? ????.

?? ? ?? ??

HTML?? ???? ???? ?? ?? ????!

??? ??? ?? ????(Internet Explorer, Chrome, Firefox, Safari, Opera) ? ?? ????(PC, Mac, iPad, iPhone)?? ????? ????? ?? ??? ??? ???. .

? ???? PHP ??? ????(php.cn)?? ??? ?? ??? ?????.

???? ????

???? ???- in? ????? ?? ??? ???? ?? ??? ???????.

??? ??? ???(????? HTML? ?? ???)? ?? ????? ?????. ??? ?? ????? ?? ????? ?? ?????.

<embed> ?? ??

?? ?? ??? ? ???? ??? MP3 ??? ??? ? ????.

<!DOCTYPE html>
<html>
<head> 
    <meta charset="UTF-8">
    <title>php中文網(php.cn)</title> 
</head>
<body>
<embed height="50" width="100" src="horse.mp3">
    <p>如果你無法聽到該音頻，那么可能你的電腦或瀏覽器不支持該文件格式。</p>
    <p>或者你沒有打開揚聲器。</p>
</embed>
</body>
</html>

???? mp3 ??? ???? ?? src="horse.mp3"? mp3 ??? ??? ?????. ????? ??

??:

<embed> HTML 4??? ???? ????. ???? HTML 4 ??? ??? ??????.
?????? ??? ?? ??? ????.
????? ?? ?? ??? ???? ?? ?? ???? ??? ???? ??? ? ????.
??? ???? ????? ???? ?? ??? ???? ??? ? ????.
??? ?? ???? ???? ?? ?????? ??? ? ????.

<object> ?? ??

?? ?? ??? ? ???? ??? MP3 ??? ??? ? ????.

<!DOCTYPE html>
<html>
<head> 
    <meta charset="UTF-8">
    <title>php中文網(php.cn)</title> 
</head>
<body>
<object height="100" width="300" data="Kalimba.mp3"></object>
<p>如果你無法聽到該音頻，那么可能你的電腦或瀏覽器不支持該文件格式。</p>
<p>或者你沒有打開揚聲器。</p>
</body>
</html>

???? mp3 ??? ???? ?? src="horse.mp3"? mp3 ??? ??? ?????. ? ???? ??

??:

???? ????? ????.
????? ?? ?? ??? ???? ?? ?? ???? ??? ???? ??? ? ????.
??? ???? ????? ???? ?? ??? ???? ??? ? ????.
??? ?? ???? ???? ?? ?????? ??? ? ????.

HTML5 <audio> ?? ??

HTML5 <audio> HTML5 ??? HTML 4??? ????? ?? ?????? ?????.

<audio> ??? ?? ?? ?????? ?????.

????? <audio> ??? ???? MP3 ??? ?????(Internet Explorer, Chrome ? Safari?? ??). OGG ?? ??? ?????(Firefox ? Opera ?????? ???). ???? ?? ??? ???? ?????:

<!DOCTYPE html>
<html>
<head> 
    <meta charset="UTF-8">
    <title>php中文網(php.cn)</title> 
</head>
<body>
<audio controls>
    <source src="horse.mp3" type="audio/mpeg">
    <source src="horse.ogg" type="audio/ogg">
    您的瀏覽器不支持該音頻格式。
</audio>
</body>
</html>

????? ??? ??? ???? ??? "????? ??? ?????." ? ??? ??? ???? ????.", ??? ???

??: HTML 4?

<audio> ??? ???? ????. ??? ???? HTML 4 ??? ??? ??????.
??? ??? ?? ???? ???? ???.
<audio> ??? ?? ?????? ???? ????.

??? HTML ???

?? ???? ? ?? ??? ??? ?????. HTML5 <audio> ??? ???? mp3 ?? ogg? ????? ?????. ???? ??? <embed> ??? ???? ???.

<!DOCTYPE html>
<html>
<head> 
    <meta charset="UTF-8">
    <title>php中文網(php.cn)</title> 
</head>
<body>
<audio controls>
    <source src="horse.mp3" type="audio/mpeg">
    <source src="horse.ogg" type="audio/ogg">
    <embed height="50" width="100" src="horse.mp3">
</audio>
</body>
</html>

src? ?? ???? ??? ??? ???

??:

You The ???? ?? ???? ????? ???.

Yahoo Media Player - ????? ???? ???? ?? ??

Yahoo Media Player? ????? ?? ???? ?? ?? ?? ??? ?????. ??? ??? ???? ?? ????? ?????.

? ????? ?? ?? ??? ???? ??? ?? ?????. ?? ???? ????? ???.

Yahoo Player ??? ?????. ?? ????? ???? ??? ?? JavaScript? ???? ???.

Yahoo Player? MP3 ? ?? ??? ??? ??? ? ????. ???? ???? ?? ? ?? ???? HTML ???? ?? ?????? ?? ??? ? ????.

<script src="http://mediaplayer.yahoo.com/latest"></script>

<!DOCTYPE html>
<html>
<head> 
    <meta charset="UTF-8">
    <title>php中文網(php.cn)</title> 
</head>
<body>
<p><a href="Kalimba.mp3">Play mp3</a></p>
<script src="http://mediaplayer.yahoo.com/latest"></script>
</body>
</html>

??? ??? ?? ?????

????? ??

? ???? ??? ??? ?? ?????? ???? ?? ?? ???? ????? "??? ??????"? ???? ??? ?????.

?? ?? ??? mp3 ??? ?? ??? ?????. ???? ??? ???? ????? ??? ???? ?? "??? ??????"? ?????.

<!DOCTYPE html>
<html>
<head> 
    <meta charset="UTF-8">
    <title>php中文網(php.cn)</title> 
</head>
<body>
<h2>鏈接到一首歌</h2>
<p><a href="nverq.mp3">點擊此處播放</a></p>
</body>
</html>

??? ??? ??? ??? ???.

??? ??? ??

? ???? ???? ????? ? ???? ?? ???? ???? ???? ?? ?? ??? ????? ???.

? ???????? ??? ???? ??? ????? ?? ???? ??? ???? ???? ???? ?? ??? ??? ???. ?? ???? ?????? ??? ??? ??? ???? ?? ????.

?? ?? ??? ???? ?? ??? ???? ??? ???? ???? ????. ???? ?? ???? ?? ??? ??? ? ? ??? ???? ???? ??? ?? ??? ???? ?????.

HTML ????? ??

HTML5 ? ??

標簽	描述
<embed>	定義內嵌對象。HTML4 中不贊成，HTML5 中允許。
<object>	定義內嵌對象。
<param>	定義對象的參數。

<audio>	定義了聲音內容
<video>	定義一個視頻或者影片
<source>	定義了media元素的多媒體資源(<video> 和 <audio>)
<track>	規(guī)定media元素的字幕文件或其他包含文本的文件 (<video> 和<audio>)

???? ??

??? ??

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文網(php.cn)</title> </head> <body> <audio controls> <source src="horse.mp3" type="audio/mpeg"> <source src="horse.ogg" type="audio/ogg"> <embed height="50" width="100" src="horse.mp3"> </audio> </body> </html>

?????? ???

????