HTML5中figure標簽使用實例
2012/2/20 16:24:08
figure元素是一種元素的組合,可帶有標題(可選)。figure標簽用來表示網站制作頁面上一塊獨立的內容,將其從網頁上移除后不會對網頁上的其他內容產生影響。figure所表示的內容可以是圖片、統計圖或代碼示例。
figure用友一個子標簽——figcaption標簽。
注意:一個figure元素內最多只允許放置一個figcaption元素,其他元素可無限放置。
案例1:
不帶有標題的figure元素:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HTML5每日一練之figure新標簽的應用-不帶有標題的figure元素</title> </head> <body> <figure> <img alt="WEBJX.COM" src=http://www.webjx.com/html-xhtml/"http://www.WEBJX.com/template/w3cfuns2011/images/logo/logo.png"/> </figure> </body> </html>
案例2:
帶有標題的figure元素:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HTML5每日一練之figure新標簽的應用-帶有標題的figure元素</title> </head> <body> <figure> <img alt="webjx.com" src=http://www.webjx.com/html-xhtml/"http://www.webjx.com/template/w3cfuns2011/images/logo/logo.png"/> <figcaption>WEBJX.COM</figcaption> </figure> </body> </html>
案例3:
多個圖片,同一個標題的figure元素:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HTML5每日一練之figure新標簽的應用-多個圖片,同一個標題的figure元素</title> </head> <body> <figure> <img alt="WEBJX.COM" src=" http://www.webjx.com/images/logo.gif " /> <img alt="網奇" src=http://www.webjx.com/html-xhtml/"http://www.webjx.com/images/common/Logo.gif"/> <img alt="網奇" src=http://www.webjx.com/html-xhtml/"http://www.webjx.com/images/bigLogo.jpg"/> <figcaption>網站建設網--中國網站設計,網頁制作第一站!</figcaption> </figure> </body> </html>
返回列表
返回首頁
主站蜘蛛池模板:
东方aⅴ免费观看久久av|
人妻尝试又大又粗久久|
51视频国产精品一区二区|
精品国产一区二区二三区在线观看|
国产精品午夜爆乳美女视频|
chinesevideo普通话对白|
无码人妻丰满熟妇区毛片18|
交换韩国伦理片|
日本xxxxx高清视频|
国精产品一区一区三区MBA下载|
亚洲av无码一区二区三区观看
|
蜜臀91精品国产免费观看|
少妇性俱乐部纵欲狂欢少妇|
久久国产精品亚洲综合|
欧美大片AAAAA免费观看|
国产乡下三级全黄三级|
五月婷婷伊人网|
国产精品日本一区二区在线播放
|
国产免费黄色大片|
中文字幕在线色|
国产精品美女在线观看|
china同性基友gay勾外卖|
性高湖久久久久久久久|
久久亚洲私人国产精品|
晚上睡不着来b站一次看过瘾|
亚洲欧美日韩久久精品第一区|
中文字幕在线免费看线人|
2021乱理片宅它网|
小信的干洗店1~4|
中国老人倣爱视频|
日本大片在线看黄a∨免费|
免费久久精品国产片香蕉|
亚洲校园春色另类激情|
国产综合色在线视频区|
av72发布页|
无码精品人妻一区二区三区漫画
|
らだ天堂√在线中文www|
手机看片福利久久|
亚洲综合免费视频|
精品三级在线观看|
午夜影院在线观看|