大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

HTML5与HTML4之间的差异

HTML5不再支持的标签:

成都创新互联公司2013年至今,先为永春等服务建站,永春等地企业,进行企业商务咨询服务。为永春企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

1、定义首字母缩写

2、定义applet

3、定义基准字体,使用css代替

4、定义大号文本

5、

定义居中的文本

6、

定义目录列表

7、(不赞成)定义文本的字体、尺寸和颜色

8、定义子窗口(框架)

9、定义框架的集

10、定义单行的输入域

11、定义noframe部分</p><p>12、<noscript>定义noscript部分</p><p>13、<s>定义加删除线的文本</p><p>14、<strike>定义加删除线的文本</p><p>15、<tt>定义打字机文本</p><p>16、<u>定义下划线文本</p><p>HTML5新添加的标签:</p><p>1、<article>定义article</p><p>2、<aside>定义页面内容之外的内容</p><p>3、<audio>定义声音内容</p><p>4、<canvas>定义图形</p><p>5、<command>定义命令按钮</p><p>6、<datagrid>定义树列表中的数据</p><p>7、<datatemplate>定义数据模板</p><p>8、<datalist>定义下拉列表</p><p>9、<details>定义元素的细节</p><p>10、<dialog>定义对话(会话)</p><p>11、<embed>定义外部交互内容或插件</p><p>12、<event-source>为<a title="服务器" target="_blank" href="http://www.cdfuwuqi.com/">服务器</a>发送的事件定义目标</p><p>13、<figure>定义媒介内容的分组,以及它们的标题</p><p>14、<footer>定义section或page的页脚</p><p>15、<header>定义section或page的页眉</p><p>16、<m>定义有记号的文本</p><p>17、<meter>定义预定义范围内的度量</p><p>18、<nav>定义导航链接</p><p>19、<nest>定义数据模板中的嵌套点</p><p>20、<output>定义输出的一些类型</p><p>21、<progress>定义任何类型的任务的进度</p><p>22、<rule>为升级模板定义规则</p><p>23、<section>定义section</p><p>24、<source>定义媒介源</p><p>25、<time>定义日期/时间</p><p>26、<video>定义视频<font class="Apple-style-span" face="Verdana"><br /></font></p><p style="margin-top:9.0pt;margin-right:0cm;margin-bottom:0cm;margin-left:0cm; margin-bottom:.0001pt;line-height:13.5pt">HTML 5中不再支持的属性:accesskey设置访问一个元素的键盘快捷键</p><p>HTML 5中新增加的属性:</p><p>1、contenteditable(true|false)设置是否允许用户编辑元素</p><p>2、contextmenu给元素设置一个上下文菜单</p><p>3、draggable&nbsp;&nbsp;&nbsp;设置是否允许用户拖动元素(true|false|auto)</p><p>4、irrelevant&nbsp;(true|false)设置元素是否相关,不显示非相关的元素</p><p>5、ref&nbsp;引用另一个文档或本文当上另一个位置。仅在template属性设置时使用</p><p>6、registrationmark&nbsp;为元素设置拍照。可规定于任何<rule>元素的后代元素,除了<nest>元素</p><p>7、template&nbsp;&nbsp;引用应该应用到钙元素的另一个文档或本文档上另一个位置</p><p>HTML 5不再支持的事件属性:onreset</p><p>HTML 5新增加的事件属性:</p><p><!--[if !supportLists]-->1、&nbsp;&nbsp;&nbsp;<!--[endif]-->onabort,发生abort事件时运行脚本</p><p><!--[if !supportLists]-->2、&nbsp;&nbsp;&nbsp;<!--[endif]-->onbeforeunload,在元素加载前运行脚本</p><p><!--[if !supportLists]-->3、&nbsp;&nbsp;&nbsp;<!--[endif]-->oncontextmenu,当菜单被触发时运行脚本</p><p><!--[if !supportLists]-->4、&nbsp;&nbsp;&nbsp;<!--[endif]-->ondrag, &nbsp;只要元素在被拖动就允许脚本</p><p><!--[if !supportLists]-->5、&nbsp;&nbsp;&nbsp;<!--[endif]-->ondragend,在拖动操作结束时运行脚本</p><p><!--[if !supportLists]-->6、&nbsp;&nbsp;&nbsp;<!--[endif]-->ondragenter,当元素被拖动到一个合法的放置目标时,执行脚本</p><p><!--[if !supportLists]-->7、&nbsp;&nbsp;&nbsp;<!--[endif]-->ondragleave,当元素离开合法的放置目标时</p><p><!--[if !supportLists]-->8、&nbsp;&nbsp;&nbsp;<!--[endif]-->ondragover,只要元素正在合法的放置目标上拖动时,就执行脚本</p><p><!--[if !supportLists]-->9、&nbsp;&nbsp;&nbsp;<!--[endif]-->ondragstart,在拖动操作开始时执行脚本</p><p><!--[if !supportLists]-->10、<!--[endif]-->ondrop,当元素正在被拖动时执行脚本</p><p><!--[if !supportLists]-->11、<!--[endif]-->onerror,当元素加载的过程中出现错误时执行脚本</p><p><!--[if !supportLists]-->12、<!--[endif]-->onmessage,当message事件触发时执行脚本</p><p><!--[if !supportLists]-->13、<!--[endif]-->当鼠标滚轮滚动时执行脚本</p><p><!--[if !supportLists]-->14、<!--[endif]-->onresize,当元素调整大小时运行脚本</p><p><!--[if !supportLists]-->15、<!--[endif]-->onscroll,当元素滚动条被滚动时执行脚本</p><p><!--[if !supportLists]-->16、<!--[endif]-->onunload&nbsp;当文档卸载时运行脚本</p><p>小结:</p><p>HTML 5&nbsp;中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如&nbsp;<header>, <section>, <footer>,&nbsp;以及&nbsp;<figure>。</p><p>HTML 5&nbsp;中的新属性:contenteditable, contextmenu, draggable, irrelevant, ref, registrationmark, template。</p><p>HTML 5&nbsp;中的新事件:onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onresize, onscroll, onunload。</p><p>在 HTML 4.01中有 3个不同的文档类型,在 HTML 5中只有一个:<!DOCTYPE HTML>。</p><p style="margin-top:9.0pt;margin-right:0cm;margin-bottom:0cm;margin-left:0cm; margin-bottom:.0001pt;line-height:13.5pt">在所有 HTML文档中规定文档类型很重要,这样浏览器才能了解所预期的文档类型。</p><p style="margin-top:9.0pt;margin-right:0cm;margin-bottom:0cm;margin-left:0cm; margin-bottom:.0001pt;line-height:13.5pt">HTML 4.01中的doctype需要引用一个 DTD,这是因为 HTML 4.01基于 SGML。HTML 5不基于 SGML,也不需要引用 DTD,但是需要声明文档类型让浏览器按照它们应该的方式来运行。</p><p>&nbsp;</p> <br> 网站栏目:HTML5与HTML4之间的差异 <br> 文章位置:<a href="http://dzwzjz.com/article/gejjes.html">http://dzwzjz.com/article/gejjes.html</a> </div> </div> <div class="othernews"> <h3>其他资讯</h3> <div class="othernews_list"> <ul> <li> <a href="/article/dchssig.html">购买云服务器腾讯 腾讯云服务器购买流程</a> </li><li> <a href="/article/dchseos.html">linux命令参看硬件 linux查看硬件配置命令</a> </li><li> <a href="/article/dchseeo.html">go语言与鱼刺多线程 go 多线程</a> </li><li> <a href="/article/dchseie.html">php导出csv数据 php导出文件</a> </li><li> <a href="/article/dchseic.html">c语言的变参函数 c语言中变量和参数</a> </li> </ul> </div> </div> </div> </div> <div class="footer"> <div class="footer_content"> <div class="footer_content_top clear"> <div class="content_top_share fl"> <div><img src="/Public/Home/img/logo.png"></div> <div class="top_share_content"> <dd>分享至:</dd> <dt class="bdsharebuttonbox clear" id="share"> <a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博">&#xe632;</a> <a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友">&#xe663;</a> <a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信">&#xe603;</a> <a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧">&#xe683;</a> </dt> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> </div> <div class="content_top_left fl clear"> <div class="top_left_list fl"> <dd><a href="/about/">关于我们</a></dd> <dt> <a href="/about/#gsjj">公司简介</a> <a href="/about/#fzlc">发展历程</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/service/">服务项目</a></dd> <dt> <a href="/service/">高端网站建设</a> <a href="/miniprogram/">小程序开发</a> <a href="/service/app.html">APP开发</a> <a href="/service/yingxiao.html">网络营销</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/jianzhan/">建站知识</a></dd> <dt> <a href="/jianzhan/">行业新闻</a> <a href="/jianzhan/">建站学堂</a> <a href="/jianzhan/">常见问题</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/contact/">联系我们</a></dd> <dt> <a href="/contact/#lxwm">公司地址</a> <a href="/contact/#rczp">人才招聘</a> </dt> </div> </div> <div class="content_top_right addressR fr"> <div class="top_right_title addressf_title"> <a href="javascript:;" class="on">成都</a> <a href="javascript:;">达州</a> </div> <div class="top_right_content addressf"> <div class="right_content_li on"> <div class="right_content_list clear"> <dd class="fl iconfont">&#xe62c;</dd> <dt class="fl">电话:028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont">&#xe604;</dd> <dt class="fl">地址:成都市太升南路288号锦天国际A幢1002号</dt> </div> </div> <div class="right_content_li"> <div class="right_content_list clear"> <dd class="fl iconfont">&#xe62c;</dd> <dt class="fl">电话:028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont">&#xe604;</dd> <dt class="fl">地址:达州市南岸区弹子石腾龙大道58号2栋21-6</dt> </div> </div> </div> </div> </div> <div class="link"> 友情链接: <a href="http://www.4006tel.net/vision/website.html" title="网站设计" target="_blank">网站设计</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/quanwang.html" title="全网营销推广" target="_blank">全网营销推广</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/google.html" title="Google外贸推广" target="_blank">Google外贸推广</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdhuace.com/baozhuang.html" title="产品包装设计" target="_blank">产品包装设计</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.com/waimao.html" title="外贸网站建设" target="_blank">外贸网站建设</a>&nbsp;&nbsp;&nbsp;<a href="http://m.cdcxhl.cn/shop/ " title="商城网站" target="_blank">商城网站</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cxjianzhan.com/" title="网络营销推广" target="_blank">网络营销推广</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdcxhl.cn/ " title="腾讯云香港虚拟主机" target="_blank">腾讯云香港虚拟主机</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdhuace.com/faguangzi/bfg.html" title="背发光字" target="_blank">背发光字</a>&nbsp;&nbsp;&nbsp;<a href="http://m.xwcx.net/phone/" title="做手机网站" target="_blank">做手机网站</a>&nbsp;&nbsp;&nbsp; </div> </div> <div class="footer_content_copyright clear">版权所有:青羊区大橙子信息咨询工作室 <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2022028542号-14</a> </div> </div> <!--浮窗--> <div class="FloatingWindow clear"> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont">&#xe675;</dd> <dt><span>在线</span>咨询</dt> </div> </a> <a href="javascript:;" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont">&#xe619;</dd> <dt>服务热线</dt> </div> <div class="FloatingWindow_list_down fadeInRight animated">服务热线:028-86922220</div> </a> <a href="javascript:;" class="FloatingWindow_list fr STop"> <div class="FloatingWindow_list_title"> <dd class="iconfont">&#xe628;</dd> <dt>TOP</dt> </div> </a> </div> <script src="/Public/Home/js/jquery-1.8.3.min.js"></script> <script src="/Public/Home/js/comm.js"></script> <script src="/Public/Home/js/wow.js"></script> <script src="/Public/Home/js/common.js"></script> </body> </html> <script> $(".cont img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>