一、音頻和視頻的標簽：

HTML音頻

　　在HTML中播放音頻的方法有很多種

【1】<embed>

<embed height="80" width="300" src="song.mp3" />
【2】<object>

<object height="80" width="300" data="song.mp3"></object>
【3】<audio>

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

< a href=" ">Play the sound</ a>
【5】更好的解決辦法

<audio controls="controls" height="100" width="100">
<source src="song.mp3" type="audio/mp3" />
<embed height="100" width="100" src="song.mp3" />
</audio>

HTML視頻
　　在HTML中播放視頻的方法也有好多種

【1】<embed>

<embed height="240" width="320" src="movie.mp4" />

<object height="240" width="320" data="movie.mp4"></object>
【3】<video>

<video controls="controls">
<source src="movie.mp4" type="video/mp4" />
</video>
【4】<a>

< a href="movie.mp4">Play the video</ a>
【5】更好的解決辦法

<video width="320" height="240" controls="controls">

二、背景圖片和插入圖片的區別

導入背景圖片後，這張照片呈現的是層疊狀態，是一層鋪一層狀態，並且背景圖片上可以編輯，可以寫文字，當然也可以插圖片。
插入圖片就是把一張圖片插入html中，且圖片上不可以編輯。

三、為什麽同一個代碼在不同瀏覽器中顯示的不一樣

原因是每個瀏覽器渲染網頁的方法和結果都會不一樣。比如chrome裏的字體就比safari的線條粗。

網頁是由代碼組成的，瀏覽器讀到代碼以後再把網頁渲染出來，但是不同核心的瀏覽渲染過程和方法都不同。即使是相同核心的瀏覽器也可能會在渲染的算法上有區別，尤其是字體。

每日分享