html中的文本格式化标签+多媒体标签+关于IE浏览器兼容的问题（干货！）
https://blog.csdn.net/hanhanwanghaha寶藏女孩 歡迎您的關注！
歡迎關注微信公眾號：寶藏女孩的成長日記
讓這個可愛的寶藏女孩在努力的道路上與你一起同行！
如有轉載，請注明出處（如不注明，盜者必究）
目錄
- 一、文本格式化標簽
- b標簽和 strong標簽
- i標簽和 em 標簽
- small標簽
- big標簽
- u標簽
- del/s標簽
- sub標簽
- sup標簽
- 二、多媒體標簽
- 三、關于IE瀏覽器兼容的問題
一、文本格式化標簽
b標簽和 strong標簽
<b> <strong>標簽呈現粗體文本效果。
注意： html5中建議使用<strong>而不使用 <b>，追尋語義原則
i標簽和 em 標簽
<i> <em> 標簽告訴瀏覽器把其中的文本表示為強調的內容。對于所有瀏覽器來說，這意味著要把這段文字用斜體來顯示。
注意： html5中建議使用 <em> 而不使用 <i>
small標簽
<small> 標簽呈現小號字體效果。
<small>縮小字體。
如果被包圍的字體已經是瀏覽器所支持的最小字號，那么<small>標簽將不起作用。
big標簽
<big>標簽呈現大號字體效果。
u標簽
<u>標簽可定義下劃線文本。
del/s標簽
<del> 定義文檔中已被刪除的文本。
sub標簽
<sub> 定義文檔中的下標文本。
sup標簽
<sup> 定義文檔中的上標文本。
具體實例
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css"></style></head><body><b>1、從前從前有個人愛你很久，但偏偏風漸漸把距離吹得好遠，</b><strong>好不容易又能再多愛一天，但故事的最后你好像還是說了拜拜。——《晴天》</strong><br/><i>2、我用漂亮的押韻，</i><em>形容被掠奪一空的愛情；我用凄美的字型，描繪后悔莫及的那愛情。——《夜曲》</em><br/><small>3、我一路向北，離開有你的季節，</small><big>你說你好累，已無法再愛上誰。風在山路吹，過往的畫面全都是不對，細數慚愧，我傷你幾回。——《一路向北》</big><br/><u>4、斷了的弦再怎么連，</u><del>我的感覺你已聽不見，你的轉變像斷掉的弦，</del><s>再怎么接音都不對，你的改變我能夠分辨。——《斷了的弦》</s></br/>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup><br/>log<sub>2</sub></body> </html>運行結果
二、多媒體標簽
視頻和音頻資源：
鏈接：https://pan.baidu.com/s/1JfzkfgxhDWgfvTb94IHUqw
提取碼：o6ri
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title></head><body><audio controls="controls" loop="loop" autoplay="autoplay" muted="muted" preload="auto"><source src="audio1.mp3" type="audio/mpeg"> 您的瀏覽器不支持 audio 元素。</audio><video width="550" height="400" controls="controls" autoplay="autoplay" poster="img/dog.jpg" loop="loop" muted="muted"><source src="1.mp4" type="video/mp4">您的瀏覽器不支持Video標簽。</video><!-- loop="loop:如果文件出現這個屬性，那么在文件完成播放后，會再次開始播放autoplay="autoplay":如果出現該屬性，則視頻在就緒后馬上播放controls="controls":如果出現該屬性，就向用戶展示按鈕，比如播放按鈕width="550" height="400":設置視頻的寬高muted="muted" :出現該屬性，該視頻的輸出為靜音poster="img/dog.jpg:該視頻正在下載時所展示的圖片，直到用戶點擊播放按鈕，此時我的路徑是img下的dog.jpg的圖片，當視頻還沒有加載出來的時候，就會顯示這張圖片--></body> </html>運行結果
https://blog.csdn.net/hanhanwanghaha寶藏女孩 歡迎您的關注！
歡迎關注微信公眾號：寶藏女孩的成長日記
讓這個可愛的寶藏女孩在努力的道路上與你一起同行！
如有轉載，請注明出處（如不注明，盜者必究）
三、關于IE瀏覽器兼容的問題
講下面代碼放在 元素中，因為 IE 瀏覽器在解析 HTML5 新元素時需要先加載該文件。
<!--[if lt IE 9]><script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->以上代碼是一個注釋，作用是在 IE 瀏覽器的版本小于 IE9 時將讀取 html5.js 文件，并解析它。
還可以打開http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js網址，將內容復制粘貼到記事本里面，將此.txt文件改名為html5shiv.min.js，然后在放進你的js文件里面，這防止了網絡不好或者沒有連接網絡造成的困擾。
總結
以上是生活随笔為你收集整理的html中的文本格式化标签+多媒体标签+关于IE浏览器兼容的问题（干货！）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 利用可视化软件navicat对mysql
- 下一篇： 利用js实现 禁用浏览器后退