国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

不常用但很好用的標(biāo)簽

scq000 / 1805人閱讀

摘要：表格類表格里面不常用但好用的應(yīng)該數(shù)和標(biāo)簽，他們可以用來定義對(duì)應(yīng)列的屬性。

雖然 html5 出了很多新標(biāo)簽，但是自己工作中用到的除了 nav，header 等跟 div 類似的標(biāo)簽以外，其他的并沒怎么用過，所以看了下菜鳥教程里面，大體瀏覽的一下已有的標(biāo)簽，發(fā)現(xiàn)很多有趣的標(biāo)簽，現(xiàn)在總結(jié)一下，部分支持性比較差的就不介紹了，比如

標(biāo)簽，看起來很不錯(cuò)，但是顯示只有 Chrome 支持，所以就不介紹了，有興趣的可以去看看。因?yàn)椴恢涝趺丛谖恼吕镎故敬a效果，所以點(diǎn)這里看看鏈接描述

標(biāo)識(shí)類 abbr

標(biāo)簽指示簡(jiǎn)稱或縮寫，比如 "WWW" 或 "NATO"。通過對(duì)縮寫進(jìn)行標(biāo)記，您能夠?yàn)闉g覽器、拼寫檢查和搜索引擎提供有用的信息。全稱寫在 title 屬性里，在懸浮時(shí)即可顯示內(nèi)容。title 是 html 的全局屬性，這意味著你用別的標(biāo)簽，然后添加 title 屬性，也會(huì)有同樣效果，不過既然出了此標(biāo)簽，并且瀏覽器和搜索引擎對(duì)此進(jìn)行處理，所以遇到時(shí)，用它還是不錯(cuò)的。

 素質(zhì)三連 是每位讀者應(yīng)有的態(tài)度
area 和 map

當(dāng)初在 DW 里看到過這個(gè)功能，不過自己沒用過，可以設(shè)置圖片可點(diǎn)擊區(qū)域，然后進(jìn)行鏈接。比如點(diǎn)擊下圖的中間區(qū)域。會(huì)跳轉(zhuǎn)新的圖片。


Venus
bdo

標(biāo)簽用來指示文本的順序，從左到右 dir="ltr"）還是右往左（dir="rtl"），這樣就不用去處理字符串顛倒了。

上海自來，水，上海自來
hr

標(biāo)簽在 HTML 頁面中創(chuàng)建一條水平線。這沒什么可說的，不過現(xiàn)在都不怎么推薦了，但是各瀏覽器還都是支持的，比用 div 的邊框還是能省不少代碼的

mark

標(biāo)簽定義帶有記號(hào)的文本。

五千六百萬啊，四舍五入就是 一個(gè)億啊
meter 和 progress

標(biāo)簽定義已知范圍或分?jǐn)?shù)值內(nèi)的標(biāo)量測(cè)量。也被稱為 gauge（尺度）。
例子：磁盤用量、查詢結(jié)果的相關(guān)性，等等。
標(biāo)簽不適合用來表示度量衡（例如，磁盤空間使用情況或查詢結(jié)果）。
我的理解就是用來表示那些有計(jì)量單位的，比如溫度，剩余空間。而是用來那些任務(wù)的進(jìn)度，比如下載上傳等。
value 屬性如果不設(shè)置 max 值得話，則最大值為 1

c:盤10G

迅雷下載99.9%
ruby rt rp

ruby 元素由一個(gè)或多個(gè)字符（需要一個(gè)解釋/發(fā)音）和一個(gè)提供該信息的 rt 元素組成，還包括可選的 rp 元素，定義當(dāng)瀏覽器不支持 "ruby" 元素時(shí)顯示的內(nèi)容。
我的理解是 ruby 是字，rt 是注音，rp 是瀏覽器不支持時(shí)顯示的內(nèi)容。

福hu建人
sub 和 sup

包含在 和 標(biāo)簽和其結(jié)束標(biāo)簽中的內(nèi)容將會(huì)以當(dāng)前文本流中字符高度的一半來顯示，但是與當(dāng)前文本流中文字的字體和字號(hào)都是一樣的。在數(shù)學(xué)等式、科學(xué)符號(hào)、化學(xué)公式和腳注等比較好用，sup 也可以用來寫通知的小紅點(diǎn)。

H2O是水，log525=2
贊22
wbr

如果單詞太長(zhǎng)，或者您擔(dān)心瀏覽器會(huì)在錯(cuò)誤的位置換行，那么您可以使用 元素來添加 Word Break Opportunity（單詞換行時(shí)機(jī)）。可以看到有 wbr 標(biāo)簽包圍的 http 會(huì)換行。

ssssssssssssssssHttp


ssssssssssssssssHttp
表格類

表格里面不常用但好用的應(yīng)該數(shù) col 和 colgroun 標(biāo)簽，他們可以用來定義對(duì)應(yīng)列的屬性。再此我把表格相關(guān)的元素寫在一起。col 的 align 屬性支持比較差，所以推薦用 css 處理
thead、tfoot 以及 tbody 元素使您有能力對(duì)表格中的行進(jìn)行分組。當(dāng)您創(chuàng)建某個(gè)表格時(shí)，您也許希望擁有一個(gè)標(biāo)題行，一些帶有數(shù)據(jù)的行，以及位于底部的一個(gè)總計(jì)行。
這種劃分使瀏覽器有能力支持獨(dú)立于表格標(biāo)題和頁腳的表格正文滾動(dòng)。當(dāng)長(zhǎng)的表格被打印時(shí)，表格的表頭和頁腳可被打印在包含表格數(shù)據(jù)的每張頁面上。

caption、col、colgroup、thead、tbody、tfoot 和 table 

  九宮
  
    
    
  
  
    
123

  
  
    
456

  
  
    
789
表單類

表單這也有許多標(biāo)簽，但是項(xiàng)目中應(yīng)該多數(shù)都不會(huì)用瀏覽器所展示的樣式，不過有個(gè) output 標(biāo)簽比較有趣，下面只做一些簡(jiǎn)單的結(jié)構(gòu)展示


  

    
莫得感情莫得錢的殺手

    
  

  

    健康信息
    體重(kg)：0250 

    身高(cm)：

    體重指數(shù)：
結(jié)語

還有一些標(biāo)簽沒寫里面，比如 iframe 相關(guān)的，個(gè)人感覺用的不是特別多，可能以后會(huì)加上吧。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/54893.html

相關(guān)文章

  • 找XShell替代品？不滿意FinalShell？我推薦這款開源工具

    摘要：找替代品不滿意我推薦這款開源工具現(xiàn)目前的的遠(yuǎn)程終端工具有很多，功能齊全好用的收費(fèi)，免費(fèi)的功能外觀又不怎么滿意。收費(fèi)而且感覺用起來也一般，免費(fèi)但很不方便，我們的好用功能齊全可以說是一款非常好的終端工具但外觀總是覺得不盡人意。直到我發(fā)現(xiàn)這款。 ...

    ephererid 評(píng)論0 收藏0

  • 2019 為什么我們還會(huì)繼續(xù)使用 PHP ?

    摘要：但我還是使用它開發(fā)了很多軟件。那么問題就很明顯了為什么今天還在使用除了個(gè)人理想主義的偏好以外，還有很多理由。為什么使用而不是也許和比較的最重要的語言是。為什么選擇而不是你已有專業(yè)知識(shí)或者在使用庫(kù)。 showImg(https://segmentfault.com/img/remote/1460000018390090?w=790&h=466); 我們來開門見山地說。? PHP 是一門奇...

    guyan0319 評(píng)論0 收藏0

  • 漫談前端之路

    摘要：那么的學(xué)習(xí)就相對(duì)來說很自由了，可以跟著網(wǎng)址過一遍標(biāo)簽，網(wǎng)上也有很多其它網(wǎng)站做這個(gè)的，像菜鳥教程慕課網(wǎng)視頻之類的都可以用等熟練了就可以去國(guó)外看看一些前端的新技術(shù)，像國(guó)際，最大的程序員問答網(wǎng)站。 前言 前端之路何其漫漫~ ????說明：本篇文章原是寫給學(xué)弟學(xué)妹的，但想來花的功夫確實(shí)不少，就把此篇文章當(dāng)做自己的一個(gè)階段性總結(jié)文章了，會(huì)保持長(zhǎng)期更新。 HTML ????總的來說HTML并不難，...

    qujian 評(píng)論0 收藏0

  • 漫談前端之路

    摘要：那么的學(xué)習(xí)就相對(duì)來說很自由了，可以跟著網(wǎng)址過一遍標(biāo)簽，網(wǎng)上也有很多其它網(wǎng)站做這個(gè)的，像菜鳥教程慕課網(wǎng)視頻之類的都可以用等熟練了就可以去國(guó)外看看一些前端的新技術(shù)，像國(guó)際，最大的程序員問答網(wǎng)站。 前言 前端之路何其漫漫~ ????說明：本篇文章原是寫給學(xué)弟學(xué)妹的，但想來花的功夫確實(shí)不少，就把此篇文章當(dāng)做自己的一個(gè)階段性總結(jié)文章了，會(huì)保持長(zhǎng)期更新。 HTML ????總的來說HTML并不難，...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<