創(chuàng)新互聯www.cdcxhl.cn八線動態(tài)BGP香港云服務器提供商,新人活動買多久送多久,劃算不套路!
創(chuàng)新互聯建站2013年開創(chuàng)至今,先為鎮(zhèn)江等服務建站,鎮(zhèn)江等地企業(yè),進行企業(yè)商務咨詢服務。為鎮(zhèn)江企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。怎么使用html5不常用標簽?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
作為一個前端開發(fā),在瀏覽別人家的頁面時總是會習慣性的查看他們頁面的源碼,發(fā)現大多數網站的頁面,包括我自己寫的頁面中用到的最多的布局元素無外乎就是div
、p
、span
、ul
、dl
、ol
、li
、dt
、dd
、strong
、b
,不管是什么樣的效果都是由這些元素組成。
現在都已經是9102年了,html5已經相當成熟標準了,為什么在布局的時候不用寫html5提供的具有語義化的標簽進行布局呢?我個人覺得是因為我們剛開始學習布局的時候用的最多就是上面的這些標簽,而當html5新標簽出來的時候我們已經使用div布局很久了,并且可能由于工作忙的原因沒有很認真的去了解這些標簽的應用場景,久而久之我們還是在使用div布局。
1、fieldset
標簽標簽為表單分組標簽,它可以將內容相關聯的一組表單進行分組。
1.1、應用場景1 - 表單分組
如果一個表單上有很多信息需要填寫,可以使用標簽將相關的表單項組合在一起,使表單更容易理解,表單越容易理解,訪問者就越有可能正確的填寫表單。
基本使用及默認效果:
美化后的表單
1.2、應用場景2 - 其他分組
2、figure
標簽 用于對元素進行組合,一般用于圖片、視頻、圖表、代碼等。
2.1 、應用場景1 - figure
標簽與圖片混合使用
2.2、應用場景2 - figure
標簽與dt
、dd
標簽結合使用
2.3、應用場景3 - figure
標簽單獨結合figurecaption
標簽使用
figure
標簽單獨結合figurecaption
標簽使用時可以實現類似下面的這種對某一塊內容的說明。
section
標簽標簽用于對網站或應用程序中頁面上的內容進行分塊
一個section元素通常由內容及標題組成
但當一個容器需要被直接定義樣式或通過腳本定義行為時,推薦使用div。
section元素強調分段或分塊,一塊內容分為幾段或幾塊;
article元素強調獨立性,一塊內容獨立完整;
沒有標題內容區(qū)域塊,不要用section,即section中應有h2-h7標簽
可以用來呈現論壇的一個帖子,評論列表,可互動的頁面模塊掛件,雜志或報紙中的一篇文章,國際時事版塊、體育版塊、娛樂版塊、文學版塊等等,像這種有版塊標題的、內容屬于一類的版塊等就可以使用section。
4、aside
標簽標簽一般表示網站當前頁面或者文章的附屬信息部分,可以包含
與當前頁面主要內容相關的廣告、導航條、引用、側邊欄評語部分
,以及其他區(qū)別與主要內容的部分
address
標簽 元素可以讓作者為它最近的
或者 祖先元素提供聯系信息。在后一種情況下,它應用于整個文檔
元素
元素可以放在當前
的
元素中,如果存在的話menu
標簽標簽可以用來定義頁面的菜單
time
標簽標簽用來表現時間或日期
8、我們在每天早上 開始營業(yè)。
我在 有個約會。
mark
標簽 標簽定義帶有記號的文本。出于引用的目的,對與另一個上下文相關的文本進行突出顯示
9、美女
四大美女
楊玉環(huán)是美女
鳳姐也是美女
details
標簽
標簽允許用戶創(chuàng)建一個可展開折疊的元件,讓一段文字或標題包含一些隱藏的信息。
一般情況下,
用來對顯示在頁面的內容做進一步驟解釋。其展現出來的效果和jQuery手風琴插件差不多
。
10、什么是html?
HTML稱為超文本標記語言,是一種標識性的語言。
meter
標簽
標簽用來定義已知范圍或分數值內的標量測量,meter標簽的效果很像進度條,但是它不作為進度條來使用。如果要表示進度條,通常使用progress標簽。
11、66%
ruby
標簽標簽是使用來定義ruby注釋(中文注音或字符),如果在東亞使用,顯示的是東亞字符的發(fā)音。
標簽通常和
標簽和
標簽一起使用,
標簽用來提供注釋信息(如:拼音),
標簽用來定義瀏覽器不支持ruby標簽時所顯示的內容。
李12、
blockquote
標簽用于對長文本的引用,用來定義一段引語,默認效果標簽內的內容會自動有縮進;
如這篇文章的開頭就用了標簽
關于怎么使用html5不常用標簽問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注創(chuàng)新互聯-成都網站建設公司行業(yè)資訊頻道了解更多相關知識。