整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML5 <mark> 標簽

          部分文本高亮顯示:

          <p>Do not forget to buy <mark>milk</mark> today.</p>


          瀏覽器支持

          Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 支持 <mark> 標簽。

          注意:Internet Explorer 8 及更早版本不支持 <mark> 標簽。


          標簽定義及使用說明

          <mark> 標簽定義帶有記號的文本。

          請在需要突出顯示文本時使用 <mark> 標簽。


          HTML 4.01 與 HTML5之間的差異

          <mark> 是 HTML5 新標簽。


          全局屬性

          <mark> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。


          事件屬性

          <mark> 標簽支持所有 HTML事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          TML5 提供了播放音頻文件的標準。

          互聯網上的音頻

          直到現在,仍然不存在一項旨在網頁上播放音頻的標準。

          今天,大多數音頻是通過插件(比如 Flash)來播放的。然而,并非所有瀏覽器都擁有同樣的插件。

          HTML5 規定了在網頁上嵌入音頻元素的標準,即使用 <audio> 元素。

          瀏覽器支持

          Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 <audio> 元素.

          注意: Internet Explorer 8 及更早IE版本不支持 <audio> 元素.

          HTML5 Audio - 如何工作

          如需在 HTML5 中播放音頻,你需要使用以下代碼:

          實例

          <audiocontrols><sourcesrc="horse.ogg"type="audio/ogg"><sourcesrc="horse.mp3"type="audio/mpeg">您的瀏覽器不支持 audio 元素。</audio>

          control 屬性供添加播放、暫停和音量控件。

          在<audio> 與 </audio> 之間你需要插入瀏覽器不支持的<audio>元素的提示文本 。

          <audio> 元素允許使用多個 <source> 元素. <source> 元素可以鏈接不同的音頻文件,瀏覽器將使用第一個支持的音頻文件

          音頻格式及瀏覽器支持

          目前, <audio>元素支持三種音頻格式文件: MP3, Wav, 和 Ogg:

          瀏覽器MP3WavOgg
          Internet Explorer 9+YESNONO
          Chrome 6+YESYESYES
          Firefox 3.6+YESYESYES
          Safari 5+YESYESNO
          Opera 10+YESYESYES

          音頻格式的MIME類型

          FormatMIME-type
          MP3audio/mpeg
          Oggaudio/ogg
          Wavaudio/wav

          HTML5 Audio 標簽

          標簽描述
          <audio>定義了聲音內容
          <source>規定了多媒體資源, 可以是多個,在 <video> 與 <audio>標簽中使用

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          頻video

          <video

          src=”視頻的路徑”

          controls=”控制播放、暫停、音量等”

          autoplay=”自動播放”

          loop=”循環播放”

          width=”視頻播放器的寬度”

          height=”視頻播放器的高度”

          >

          </video>

          還有做瀏覽器兼容的方式:

          <video controls autoplay loop width="500" height="500">

          <source src="video/hhxd.mp4" type="video/mp4"></source>

          <source src="video/ghsy.ogg" type="audio/ogg"></source>

          flash支持

          當所有不支持時,就提供一個下載路徑。

          </video>

          音頻audio

          <audio

          src=”音頻的路徑”

          controls=”控制播放、暫停、音量等”

          autoplay=”自動播放”

          loop=”循環播放”

          ></audio>

          兼容類似視頻方式

          視頻標簽使用代碼案例:

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8" />

          <title>視頻|音頻</title>

          </head>

          <body>

          <!--視頻標簽-->

          <!--<video src="video/hhxd.mp4" controls autoplay loop="loop"></video>-->

          <!--<video controls autoplay loop>

          <source src="video/hhxd.mp4" type="audio/mp4"></source>

          </video>-->

          <!---->

          <video controls autoplay loop width="500" height="500">

          <source src="video/hhxd.mp4" type="video/mp4"></source>

          <source src="video/ghsy.ogg" type="audio/ogg"></source>

          </video>

          <!--

          <video width="800" height="" controls autoplay loop>

          <source src="video/hhxd.mp4" type="video/mp4"></source>

          <source src="myvideo.ogv" type="video/ogg"></source>

          <source src="myvideo.webm" type="video/webm"></source>

          <object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">

          <param name="movie" value="myvideo.swf" />

          <param name="flashvars" value="autostart=true&file=myvideo.swf" />

          </object>

          當前瀏覽器不支持 video直接播放,點擊這里下載視頻: <a href="myvideo.webm">下載視頻</a>

          </video>

          -->

          </body>

          </html>


          主站蜘蛛池模板: 日韩亚洲AV无码一区二区不卡| 人妻内射一区二区在线视频| 视频一区视频二区制服丝袜 | 亚洲AV午夜福利精品一区二区| 97久久精品无码一区二区| 一区二区三区高清在线 | 中文字幕亚洲乱码熟女一区二区| 成人丝袜激情一区二区| 久久精品午夜一区二区福利| 亚洲一区AV无码少妇电影☆| 亚洲毛片不卡av在线播放一区| 国产福利一区视频| 蜜芽亚洲av无码一区二区三区| 无码精品一区二区三区免费视频 | 欧美日韩精品一区二区在线视频| 国产成人精品一区二区三区免费 | 无码毛片一区二区三区视频免费播放| 亚洲AV日韩综合一区尤物| 亚洲国产视频一区| 亚洲一区二区三区91| 国产免费一区二区三区| 亚洲一区二区三区久久久久| 国产伦精品一区二区三区女| 日本高清一区二区三区 | 冲田杏梨高清无一区二区| 北岛玲在线一区二区| 无码人妻久久一区二区三区蜜桃 | 国产婷婷色一区二区三区深爱网| 国产肥熟女视频一区二区三区| 国产在线精品一区在线观看| 免费视频精品一区二区| 久久久精品日本一区二区三区| 中文字幕人妻无码一区二区三区| 亚洲一区二区三区AV无码| 日韩好片一区二区在线看| 精品国产乱码一区二区三区| 成人精品一区二区不卡视频| 日本一区二区三区中文字幕| 人妻免费一区二区三区最新| 激情内射亚洲一区二区三区| 精品国产一区二区三区|