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
- 下一篇: Python字典(Dictionary)