日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

html中的文本格式化标签+多媒体标签+关于IE浏览器兼容的问题(干货!)

發(fā)布時間:2025/3/15 HTML 24 豆豆
生活随笔 收集整理的這篇文章主要介紹了 html中的文本格式化标签+多媒体标签+关于IE浏览器兼容的问题(干货!) 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

https://blog.csdn.net/hanhanwanghaha寶藏女孩 歡迎您的關(guān)注!
歡迎關(guān)注微信公眾號:寶藏女孩的成長日記
讓這個可愛的寶藏女孩在努力的道路上與你一起同行!
如有轉(zhuǎn)載,請注明出處(如不注明,盜者必究)

目錄

  • 一、文本格式化標(biāo)簽
    • b標(biāo)簽和 strong標(biāo)簽
    • i標(biāo)簽和 em 標(biāo)簽
    • small標(biāo)簽
    • big標(biāo)簽
    • u標(biāo)簽
    • del/s標(biāo)簽
    • sub標(biāo)簽
    • sup標(biāo)簽
  • 二、多媒體標(biāo)簽
  • 三、關(guān)于IE瀏覽器兼容的問題

一、文本格式化標(biāo)簽

b標(biāo)簽和 strong標(biāo)簽

<b> <strong>標(biāo)簽呈現(xiàn)粗體文本效果。

注意: html5中建議使用<strong>而不使用 <b>,追尋語義原則

i標(biāo)簽和 em 標(biāo)簽

<i> <em> 標(biāo)簽告訴瀏覽器把其中的文本表示為強(qiáng)調(diào)的內(nèi)容。對于所有瀏覽器來說,這意味著要把這段文字用斜體來顯示。

注意: html5中建議使用 <em> 而不使用 <i>

small標(biāo)簽

<small> 標(biāo)簽呈現(xiàn)小號字體效果。

<small>縮小字體。

如果被包圍的字體已經(jīng)是瀏覽器所支持的最小字號,那么<small>標(biāo)簽將不起作用。

big標(biāo)簽

<big>標(biāo)簽呈現(xiàn)大號字體效果。

u標(biāo)簽

<u>標(biāo)簽可定義下劃線文本。

del/s標(biāo)簽

<del> 定義文檔中已被刪除的文本。

sub標(biāo)簽

<sub> 定義文檔中的下標(biāo)文本。

sup標(biāo)簽

<sup> 定義文檔中的上標(biāo)文本。

具體實例

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css"></style></head><body><b>1、從前從前有個人愛你很久,但偏偏風(fēng)漸漸把距離吹得好遠(yuǎn),</b><strong>好不容易又能再多愛一天,但故事的最后你好像還是說了拜拜。——《晴天》</strong><br/><i>2、我用漂亮的押韻,</i><em>形容被掠奪一空的愛情;我用凄美的字型,描繪后悔莫及的那愛情。——《夜曲》</em><br/><small>3、我一路向北,離開有你的季節(jié),</small><big>你說你好累,已無法再愛上誰。風(fēng)在山路吹,過往的畫面全都是不對,細(xì)數(shù)慚愧,我傷你幾回。——《一路向北》</big><br/><u>4、斷了的弦再怎么連,</u><del>我的感覺你已聽不見,你的轉(zhuǎn)變像斷掉的弦,</del><s>再怎么接音都不對,你的改變我能夠分辨。——《斷了的弦》</s></br/>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup><br/>log<sub>2</sub></body> </html>

運行結(jié)果

二、多媒體標(biāo)簽

視頻和音頻資源:

鏈接: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標(biāo)簽。</video><!-- loop="loop:如果文件出現(xiàn)這個屬性,那么在文件完成播放后,會再次開始播放autoplay="autoplay":如果出現(xiàn)該屬性,則視頻在就緒后馬上播放controls="controls":如果出現(xiàn)該屬性,就向用戶展示按鈕,比如播放按鈕width="550" height="400":設(shè)置視頻的寬高muted="muted" :出現(xiàn)該屬性,該視頻的輸出為靜音poster="img/dog.jpg:該視頻正在下載時所展示的圖片,直到用戶點擊播放按鈕,此時我的路徑是img下的dog.jpg的圖片,當(dāng)視頻還沒有加載出來的時候,就會顯示這張圖片--></body> </html>

運行結(jié)果

https://blog.csdn.net/hanhanwanghaha寶藏女孩 歡迎您的關(guān)注!
歡迎關(guān)注微信公眾號:寶藏女孩的成長日記
讓這個可愛的寶藏女孩在努力的道路上與你一起同行!
如有轉(zhuǎn)載,請注明出處(如不注明,盜者必究)

三、關(guān)于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網(wǎng)址,將內(nèi)容復(fù)制粘貼到記事本里面,將此.txt文件改名為html5shiv.min.js,然后在放進(jìn)你的js文件里面,這防止了網(wǎng)絡(luò)不好或者沒有連接網(wǎng)絡(luò)造成的困擾。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的html中的文本格式化标签+多媒体标签+关于IE浏览器兼容的问题(干货!)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。