標籤：charset for hidden document font value get com span
figure 和 figcaption元素
test.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head><body><form> <figure> <img src="海豚.png" alt="海豚"></img> <img src="火烈鳥.png" alt="火烈鳥"></img> <img src="鹿鹿.png" alt="鹿鹿"></img> <figcaption>動物</figcaption> </figure></form></body></html>
圖片
效果：
detail和summary元素
test.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head><body><script> function detail_onclick(detail) { var p=document.getElementById("p"); if(detail.open) { p.style.visibility=‘hidden‘; }else { p.style.visibility="visible"; } }</script><details id="detail" onclick="detail_onclick(this)"> <summary>戰狼2</summary> <p id="p" style="visibility:hidden ">吳京自導自演的電影，是一部紅遍全國的動作片,廣受國人的好評，央視多次報道</p></details></body></html>
效果：
mark元素
test.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head><body><p>這是用來測試<mark>mark</mark>元素的例子</p></body></html>
效果：
meter
test.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head><body><meter value="45" min="0" max="100" low="10" high="90" optimum="60"> </meter></body></html>
效果：
2017-09-03 12:18:15
html5 新增的頁面 元素
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
