HTML5新增特性,html5新增的功能元素
浅谈html5增强的页面元素
XML/HTML代码将内容复制到剪贴板!doctype HTML HTML Head meta charset= UTF-8 Title谈论html5 /title /head body增强的页面元素!-Figure和figcaption:带有可选标题的元素组合-Figure img src= img/QQ截图2016 01 03144626 . png alt= picture /img src= img/webp . jpg alt= picture width= 211 height= 191 -detail和summary元素:用于指示此元素内部的子元素可以展开和收缩-details id= details on toggle= detail fn(this) style= cursor:上Summary吴京风云/summary PID= p style= visibility:hidden;陈真(甄子丹)去虹口道场为他的老师报仇。/p /detailsbr/!- mark:高亮或高亮-高亮的mark HTML5/mark br/!-progress:progress bar-section的用法实例/h2 progress元素/h2的百分比p完成进度id= p max= 100 span 0/span %/progress/p/section br/!- meter:指定范围内的数量值- p磁盘使用情况:meter value= 40 min= 0 max= 160 40/160/meter GB/PBR/!- dialog:对话框,默认隐藏,js control-input type= button value=打开对话框 onclick= document . getelementbyid( DG )。show();/input type= button value= open dialog show modal onclick= document . getelementbyid( DG )。show modal();/dialogid= DG style= width:15%;文本对齐:居中;form label for= txt name value= username:/label input type= text id= txt name /br/label for= pwd value= password:/label input type= text id= pwd /br/input type= button value= log in /input type= button value= close onclick= document . getelementbyid( DG )。close();//form /dialogbr/hr/!-改进元素A:下载属性直接下载-a href= img/QQ截图20160103144626.pngdownload=文件名 imgsrc=img/QQ截图20160103144626.png//abr//!- ol:改进的开始和反转属性:用户定义的开始编号和反转编号- h3start和反转实例/h3ol start= 5 reversed= Li内容1/Li Li内容2/Li Li内容3/Li Li内容4/Li Li内容5/li /olbr/!- dl:已定义术语列表:dt代表术语,dd代表定义-术语解释:dl dtrss/dt dtrss,也称为syndication rss,是一种在线共享内容(也称为syndication content) /dt /dlbr/!- cite: means works - p最近上映的cite美国队长3/cite是部好电影!/pbr/!- iframe:sandbox属性添加限制以增强安全性-!- script:async和defer属性加速加载- /body /html以上关于html5增强的页面元素都是边肖分享的内容。希望能给你一个参考和支持。
原地址:www.cnblogs.com/qinyi173/archive/2016/06/13/5582194.html 3358号
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。