隨筆問題
阿新 • • 發佈：2017-05-05
mea uri controls www ogg ble 渲染 插入圖片 center
背景圖片和插入圖片的區別
1、背景圖片僅僅是一個裝飾, 不會占用位置 插入圖片會占用位置
2、背景圖片有定位屬性, 所以可以很方便的控制圖片的位置 插入圖片沒有定位屬性, 所有控制圖片的位置不太方便
3、插入圖片的語義比背景圖片的語義要強, 所以在企業開發中如果你的圖片想被搜索引擎收錄, 那麽推薦使用插入圖片
同一代碼在不同瀏覽器顯示方式不一樣
是這樣的，很常見。原因是每個瀏覽器渲染網頁的方法和結果都會不一樣。比如chrome裏的字體就比safari的線條粗。網頁是由代碼組成的，瀏覽器讀到代碼以後再把網頁渲染出來，但是不同核心的瀏覽渲染過程和方法都不同。即使是相同核心的瀏覽器也可能會在渲染的算法上有區別，尤其是字體。你可以理解網頁本身是一段文字描述，瀏覽器就是畫家，他們根據描述畫出來給你看。但是每個畫家手法不同所以畫出來的不一樣。
1、音頻
<audio> 標簽定義聲
提示：可以在開始標簽和結束標簽之間放置文本內容，這樣老的瀏覽器就可以顯示出不支持該標簽的信息。
<audio src="someaudio.wav">您的瀏覽器不支持 audio 標簽。</audio>
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出現該屬性，則音頻在就緒後馬上播放。 |
| controls | controls | 如果出現該屬性，則向用戶顯示控件，比如播放按鈕。 |
| loop | loop | 如果出現該屬性，則每當音頻結束時重新開始播放。 |
| preload | preload |
如果出現該屬性，則音頻在頁面加載時進行加載，並預備播放。 如果使用 "autoplay"，則忽略該屬性。 |
| src | url | 要播放的音頻的 URL。 |
2、視頻
<video src="movie.ogg" controls="controls">
</video>
video 元素支持三種視頻格式：Ogg、MPEG 4、WebM
- Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
- MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
- WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
-
屬性 值 描述 autoplay autoplay 如果出現該屬性，則視頻在就緒後馬上播放。 controls controls 如果出現該屬性，則向用戶顯示控件，比如播放按鈕。 height pixels 設置視頻播放器的高度。 loop loop 如果出現該屬性，則當媒介文件完成播放後再次開始播放。 preload preload 如果出現該屬性，則視頻在頁面加載時進行加載，並預備播放。
如果使用 "autoplay"，則忽略該屬性。
src url 要播放的視頻的 URL。 width pixels 設置視頻播放器的寬度。
隨筆問題