html不常用的標(biāo)簽是什么

這篇文章主要介紹“html不常用的標(biāo)簽是什么”，在日常操作中，相信很多人在html不常用的標(biāo)簽是什么問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”html不常用的標(biāo)簽是什么”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比德陽網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式德陽網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋德陽地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴。

html不常用的標(biāo)簽有：pre、figure、figcaption、em、strong、del、ins、sub、sup、ruby、bdo、vedio、audio、track、optgroup、output、progress、meter等等。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html不常用的標(biāo)簽

1、pre 標(biāo)簽

HTML

 元素表示預(yù)定義格式文本。在該元素中的文本通常按照原文件中的編排，以等寬字體的形式展現(xiàn)出來，文本中的空白符（比如空格和換行符）都會(huì)顯示出來。
例如：
    < Hello World >                          我      就是   想
      ---------------------------                    亂    七   
            \   ^__^                            八       遭
              \  (oo)\_______
                (__)\       )\/\        的                     定位  寫
                    ||----w |
                    ||     ||                      出來 ~

效果圖：
2、figure 與 figcaption
HTML 
 元素代表一段獨(dú)立的內(nèi)容, 經(jīng)常與說明（caption）配合使用, 并且作為一個(gè)獨(dú)立的引用單元。當(dāng)它屬于主內(nèi)容流（main flow）時(shí)，它的位置獨(dú)立于主體。這個(gè)標(biāo)簽經(jīng)常是在主文中引用的圖片，插圖，表格，代碼段等等.

	
	美麗的海景~

效果圖：
3、em 標(biāo)簽 與 strong 標(biāo)簽
HTML 著重元素 () 標(biāo)記出需要用戶著重閱讀的內(nèi)容，  元素是可以嵌套的，嵌套層次越深，則其包含的內(nèi)容被認(rèn)定為越需要著重閱讀,一般顯示為 " 傾斜字體 "。
Strong 元素 ()表示文本十分重要，一般用粗體顯示。
4、del 標(biāo)簽 與 ins 標(biāo)簽
HTML的  標(biāo)簽表示一些被從文檔中刪除的文字內(nèi)容。比如可以在需要顯示修改記錄或者源代碼差異的情況使用這個(gè)標(biāo)簽。

這段文本已被刪除。 , 請(qǐng)瀏覽其它部分
效果圖：
HTML  元素定義已經(jīng)被插入文檔中的文本。
這一段文本是新插入至文檔的。
效果圖：
5、sub 標(biāo)簽 與 sup 標(biāo)簽
HTML  元素定義了一個(gè)文本區(qū)域，出于排版的原因，與主要的文本相比，應(yīng)該展示得更低并且更小。
水的化學(xué)公式: H₂O
效果圖：
HTML  元素定義了一個(gè)文本區(qū)域，出于排版的原因，與主要的文本相比，應(yīng)該展示得更低并且更小。
2 + 3²= 11
效果圖：
6、ruby 標(biāo)簽
HTML  元素 被用來展示東亞文字注音或字符注釋。

  曲 (qu)
  小 (xiao)
  強(qiáng) (qiang)

效果圖：
7、bdo 標(biāo)簽
指定子元素的文本方向 ，顯式地覆蓋默認(rèn)的文本方向。
 元素 ( HTML雙向覆蓋元素 )用于覆蓋當(dāng)前文本的朝向，它使得字符按給定的方向排列。
這段文本是從左到右的
這段文本是從右到左的
效果圖：
當(dāng)你用css 寫大量的樣式的時(shí)候，有沒有想過，有一個(gè)標(biāo)簽可以代替大量的樣式屬性呢。
8、vedio、audio 和 track
vedio、audio 和 track 三者都是 HTML5 的產(chǎn)物，相信很多小伙伴，都肯定使用過和 ，因?yàn)楸容^常用，這里就不介紹和了，今天說一下。
HTML  元素 被當(dāng)作媒體元素  和的子元素來使用。它允許指定計(jì)時(shí)字幕（或者基于時(shí)間的數(shù)據(jù)），例如自動(dòng)處理字幕。
track 給媒體元素添加的數(shù)據(jù)的類型在 kind 屬性中設(shè)置，屬性值可以是 subtitles, captions, descriptions, chapters 或 metadata。該元素指向當(dāng)用戶請(qǐng)求額外的數(shù)據(jù)時(shí)瀏覽器公開的包含定時(shí)文本的源文件。
一個(gè)media 元素的任意兩個(gè) track 子元素不能有相同的 kind, srclang, 和 label屬性。

    
Sorry, your browser doesn't support embedded videos.
9、optgroup 標(biāo)簽
 標(biāo)簽定義選項(xiàng)組。
optgroup 元素用于組合選項(xiàng)。當(dāng)您使用一個(gè)長(zhǎng)的選項(xiàng)列表時(shí)，對(duì)相關(guān)的選項(xiàng)進(jìn)行組合會(huì)使處理更加容易。

效果圖：
簡(jiǎn)單的介紹這個(gè)功能，大多數(shù)的時(shí)候，我們所選擇的框架開發(fā)，都會(huì)集成這種效果，可維護(hù)性也比較好，這里權(quán)當(dāng)認(rèn)識(shí)一下這個(gè)標(biāo)簽，不要遺忘了它~
10、output
HTML  標(biāo)簽是HTML 5 中的新標(biāo)簽，表示計(jì)算或用戶操作的結(jié)果,執(zhí)行計(jì)算然后在  元素中顯示結(jié)果。
注釋：Internet Explorer 不支持 標(biāo)簽。

   +
   =
  

效果圖：
11、progress 標(biāo)簽
HTML中的progress () 元素用來顯示一項(xiàng)任務(wù)的完成進(jìn)度.
進(jìn)度條：70 % 
進(jìn)度條：
效果圖：
提示：請(qǐng)結(jié)合  標(biāo)簽與 JavaScript 一同使用，來顯示任務(wù)的進(jìn)度。
不過一般會(huì)用到進(jìn)度條的地方，都是組件，框架自帶之類的，這個(gè)算是雞肋的了,不過了解一下還是沒有壞處的，哦對(duì)了，這個(gè)標(biāo)簽Internet Explorer 9 以及更早的版本不支持。
12、meter 標(biāo)簽
同progress 相比 meter 元素來度量給定范圍（gauge）內(nèi)的數(shù)據(jù)：
顯示度量值：
3/10

60%
效果圖：
13、details 標(biāo)簽
HTML 
元素可創(chuàng)建一個(gè)掛件，僅在被切換成展開狀態(tài)時(shí)，它才會(huì)顯示內(nèi)含的信息。 元素可為該部件提供概要或者標(biāo)簽。

  點(diǎn)擊展開
  世間萬物，為我所用，非我所得。

效果圖：
注意： 目前只有 Chrome 和 Safari 6 支持 
 標(biāo)簽。
到此，關(guān)于“html不常用的標(biāo)簽是什么”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！            
            
                        

            網(wǎng)站欄目：html不常用的標(biāo)簽是什么            

            路徑分享：http://weahome.cn/article/iighih.html