HTML5增加的几个新的标签
生活随笔
收集整理的這篇文章主要介紹了
HTML5增加的几个新的标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? ?HTML5又2008年誕生，HTML5大致可以等同于=html+css3+javascriptapi....
??? so --->支持css3強大的選擇器和動畫以及javascript的新的函數
先來記錄一下吧！?
????? 1。??<canvas>畫布標簽?HTML5的新標簽
舉例：
1 <html>2 <head>3 <title>canvas畫布的應用</title>4 <p align="center">畫一個矩形<span style="color : #ff0000">龔細軍創作</span></p> </head>5 <body> 6 <canvas id="can" width="400px" height="500px" style="border : 2px solid red"> </canvas> 7 <script type="text/javascript">8 var canvas=document.getElementById("can");9 var cxt = canvas.getContext("2d"); 10 //alert(cxt); 11 cxt.style="#FF0000" 12 cxt.fillRect(10,10,30,30); 13 </script> 14 </body> 15 </html>2.?增加了<header> <forder>? 這兩個標簽做到了網頁和結構的分離 (使用seo 即搜索引擎)
?? 格式：????
1 <html> 2 <header>（網頁）page的頭部</header> 3 你好呀，我是........ 4 <footer>網頁的尾部</footer> 5 </html>3.增加了音頻<audio>和 音頻<video>兩個新的標簽........。
<video src"=http://video.baomihua.com/37784322/32372832?ptag=vsogou" poster="C:\Users\Administrato\Desktop\火影Q版人物集\10.jpg" controls="controls" width="500px" height="400px">呵呵，放不了哦！</video><!--嵌入一段音頻-->效果圖：? （注意： 目前html所支持的格式為： mp4/ogg格式）
同理，音頻也是一樣的... 4.?增加了離線存儲功能 ???? 5. 支持語音識別?? 6.支持圖像識別 7.支持游戲 8.支持強大的css3......（動畫和選擇器） (1) ?View Code以上呈現的是一個字體顏色逐漸變化的樣式..
(2)?css3代碼選器舉例：
1 <html>2 <head>3 <style type="text/css">4 p:nth-child(odd) {color:red}5 </style>6 </head>7 <body>8 <p >會是個什么顏色呢</p>9 <p >會是個什么顏色呢</p> 10 <p >會是個什么顏色呢</p> 11 <p >會是個什么顏色呢</p> 12 </body> 13 </html>效果圖：
6.支持拖放，跨文檔，瀏覽器歷史管理
?
7.各個瀏覽器的瀏覽器的兼容性很好....
轉載于:https://www.cnblogs.com/goodbeypeterpan/p/3919016.html
總結
以上是生活随笔為你收集整理的HTML5增加的几个新的标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： PYTHON前端几个框架的比较
- 下一篇： 2017年html5行业报告,云适配发布