HTML（HyperText Markup Language）是用于创建网页的标准标记语言，而HTML5是HTML的最新版本，在HTML5中，添加了许多新的元素、属性和API，以支持更丰富的Web应用程序，在本回答中，我们将详细介绍如何区分HTML和HTML5，并提供一些技术教学。
专注于为中小企业提供成都网站制作、做网站、外贸营销网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业清水免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
1、文档类型声明
HTML和HTML5的文档类型声明有所不同，在HTML中，通常使用以下声明：
而在HTML5中，使用以下声明：
2、新元素
HTML5引入了许多新元素，如
3、新属性
HTML5还引入了许多新属性，如data*、contenteditable、contextmenu、draggable等，这些属性在HTML中不存在，因此可以通过检查页面中是否使用了这些新属性来判断是否为HTML5。
4、新API
HTML5提供了许多新的API，如Canvas、SVG、Audio、Video、Web Storage、Web Workers、WebSockets等，这些API在HTML中不存在，因此可以通过检查页面中是否使用了这些新API来判断是否为HTML5。
5、新输入类型
HTML5引入了新的输入类型，如email、date、time、url、search等，这些输入类型在HTML中不存在，因此可以通过检查表单中的输入类型来判断是否为HTML5。
6、新的表单属性
HTML5还引入了新的表单属性，如autofocus、autocomplete、placeholder、required等，这些属性在HTML中不存在，因此可以通过检查表单中的属性来判断是否为HTML5。
7、新的全局属性
HTML5引入了一些新的全局属性，如hidden、contenteditable、spellcheck等，这些属性在HTML中不存在，因此可以通过检查元素的属性来判断是否为HTML5。
8、移除的元素和属性
HTML5移除了一些过时的元素和属性，如<![CDATA[</code>等，如果页面中没有使用这些元素和属性，那么很可能是HTML5。</p><p>9、新的样式和布局</p><p>HTML5支持新的样式和布局特性，如CSS3动画、渐变、弹性盒子布局等，这些特性在HTML中不存在，因此可以通过检查页面的样式和布局来判断是否为HTML5。</p><p>要区分HTML和HTML5，可以检查文档类型声明、新元素、新属性、新API、新输入类型、新的表单属性、新的全局属性、移除的元素和属性以及新的样式和布局，通过这些方法，我们可以很容易地判断一个网页是使用HTML还是HTML5编写的。</p> <p>
新闻标题：<a href="http://www.shufengxianlan.com/qtweb/news22/130922.html">如何区分htmlh5</a>
<br>
当前链接：<a href="http://www.shufengxianlan.com/qtweb/news22/130922.html">http://www.shufengxianlan.com/qtweb/news22/130922.html</a>
</p>
<p>
网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
</p>
<p class="adpic">
<a href="https://www.cdcxhl.com/service/ad.html" target="_blank" class="ad">广告</a>
<a href="" target="_blank" class="adimg"><img src=""></a>
</p>
<p class="copy">
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
<a href="https://www.cdcxhl.com/" target="_blank">创新互联</a>
</p>
</div>
<div class="newsmorelb">
<p>猜你还喜欢下面的内容</p>
<ul>
<li>
<a href="/qtweb/news21/130921.html">学习数据库，跟着马士兵视频教程(马士兵数据库视频教程)</a>
</li><li>
<a href="/qtweb/news20/130920.html">铭文怎么搭配?（王者铭文怎么搭配)</a>
</li><li>
<a href="/qtweb/news19/130919.html">Linux下如何挂载USB？（linux挂载usb）</a>
</li><li>
<a href="/qtweb/news18/130918.html">关闭Linux防火墙：证明你有勇气！（关闭linux的防火墙）</a>
</li><li>
<a href="/qtweb/news17/130917.html">php还有未来吗</a>
</li><li>
<a href="/qtweb/news16/130916.html">php除法怎么保留1位小数</a>
</li><li>
<a href="/qtweb/news15/130915.html">英国推出新政策，计划在2022年成为“全球网络强国”</a>
</li><li>
<a href="/qtweb/news14/130914.html">该机动车未备案或审核异常怎么解决？（说备案存在异常请问下具体是什么原因）</a>
</li><li>
<a href="/qtweb/news13/130913.html">概括HibernateO\R映射工具</a>
</li> </ul>
</div>
</div>
<div class="col-lg-3 noneb">
<div class="bkright" style="margin-top: 0">
<p><a href="https://www.cdcxhl.com/news/yidongjianshe/">移动网站建设知识</a></p>
<ul>
<li>
<a class="text_overflow" href="/qtweb/news45/332645.html">um简单易用，轻松管理Linux系统，YUM来帮忙！（linux-y）</a>
</li><li>
<a class="text_overflow" href="/qtweb/news4/398954.html">LinuxIPNAT科学配置指南（linuxipnat）</a>
</li><li>
<a class="text_overflow" href="/qtweb/news5/478355.html">如何检查和修改数据库字段名？(检查数据库字段名)</a>
</li><li>
<a class="text_overflow" href="/qtweb/news22/455472.html">使用Jekyll构建你的网站</a>
</li><li>
<a class="text_overflow" href="/qtweb/news37/355487.html">windows2012增加c盘?（windows2012扩展c盘)</a>
</li><li>
<a class="text_overflow" href="/qtweb/news3/341003.html">steam虚拟主机租用怎么管理</a>
</li><li>
<a class="text_overflow" href="/qtweb/news15/167265.html">香港cn2服务器购买价格</a>
</li><li>
<a class="text_overflow" href="/qtweb/news15/191865.html">一篇文章带你了解Netty</a>
</li><li>
<a class="text_overflow" href="/qtweb/news36/285986.html">ubuntu添加samba用户</a>
</li><li>
<a class="text_overflow" href="/qtweb/news35/51185.html">JavaSpring中同时访问多种不同数据库</a>
</li><li>
<a class="text_overflow" href="/qtweb/news30/391530.html">如何设置电脑通电后自动开机？（电脑设置上电开机，怎样才能设置为通电后电脑启动）</a>
</li><li>
<a class="text_overflow" href="/qtweb/news8/14658.html">xmlLinuxC语言解析XML数据的实现方式（linuxc解析）</a>
</li><li>
<a class="text_overflow" href="/qtweb/news4/549304.html">此域名解析不生效-域名及账户问题</a>
</li><li>
<a class="text_overflow" href="/qtweb/news36/370886.html">印象云主机：我的选择，你的首选</a>
</li><li>
<a class="text_overflow" href="/qtweb/news20/485470.html">抖音看几个小时会提示休息</a>
</li> </ul>
</div>
<div class="bkright tag">
<p><a href="https://www.cdcxhl.com/hangye/" target="_blank">分类信息网</a></p>
<ul>
<li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/chayisj/" target="_blank">茶艺设计</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/sljbgc/" target="_blank">三轮搅拌车</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/dibang/" target="_blank">地磅秤</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/weixiufdj/" target="_blank">发电机维修</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/yhjdsj/" target="_blank">宴会酒店设计</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/mutuopan/" target="_blank">木托盘</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/jizhuangxiang/" target="_blank">集装箱</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/snjbc/" target="_blank">水泥搅拌车</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/pvc/" target="_blank">PVC花箱</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/caihui/" target="_blank">墙体彩绘</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/zhendongpan/" target="_blank">振动盘</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/hangkongxiang/" target="_blank">航空箱</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/shipaifang/" target="_blank">石牌坊</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/zaomaoji/" target="_blank">凿毛机</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/sclsb/" target="_blank">水处理设备</a>
</li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<a href="https://www.cdcxhl.com/hangye/bolixiufu/" target="_blank">汽车玻璃修复</a>
</li> </ul>
</div>
</div>
</div>
<div class="carousel-inner linkbg" style="background: #fff">
<div class="container">
<a href="http://www.4006tel.net/vision/" target="_blank">界面设计</a> <a href="http://www.abwzjs.com/" target="_blank">阿坝网站设计</a> <a href="http://www.scyanting.com/" target="_blank">盐亭做网站</a> <a href="https://www.cdxwcx.com/city/luzhou/" target="_blank">泸州网站建设</a> <a href="http://www.cdxwcx.cn/tuoguan/meishan.html" target="_blank">眉山托管服务器</a> <a href="https://www.scvps.cn/services/mail/" target="_blank">企业邮箱</a> <a href="https://www.cdxwcx.com/tuiguang/" target="_blank">成都网站推广</a> <a href="http://chengdu.cdcxhl.com/seo/" target="_blank">成都网站排名</a> <a href="http://www.cdfuwuqi.com/" target="_blank">服务器托管</a> <a href="http://m.cdcxhl.cn/qiye/" target="_blank">成都企业网站建设公司</a> <a href="https://www.cdxwcx.com/cloud/" target="_blank">成都云主机</a> <a href="http://www.xhgfhy.com/
" target="_blank">犀浦门窗定制</a> <a href="http://www.cdhuace.com/faguangzi/wbfgz.html" target="_blank">led无边发光字</a> <a href="http://www.cdxwcx.cn/tuoguan/zigong.html" target="_blank">自贡服务器托管</a> <a href="https://www.cdxwcx.com/wangzhan/mbyidong.html" target="_blank">做移动网站</a> <a href="http://www.cdledzm.cn/" target="_blank">LED亮化工程</a> <a href="https://www.cdxwcx.com/jifang/yaan.html" target="_blank">川西大数据中心</a> <a href="https://www.cdcxhl.com/seo.html" target="_blank">seo优化排名</a> <a href="http://www.zsjierui.cn/" target="_blank">资阳网站建设</a> <a href="http://chengdu.cdcxhl.com/" target="_blank">成都网站制作</a> </div>
</div>
<footer>
<div class="carousel-inner footjz">
<div class="container">
<i class="icon iconfont zbw"></i>
高品质定制 <i class="icon iconfont"></i>
跨终端自动兼容 <i class="icon iconfont"></i>
节约开发成本 <i class="icon iconfont"></i>
开发周期短 <i class="icon iconfont"></i>
一体化服务
<button type="button" class="btn btn-default btn-lg" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 立即开始2800定制网站建设</button>
<button type="button" class="btn btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制网站建设</button>
</div>
</div>
<div class="carousel-inner bqsy">
<div class="container">
<div class="lxfs">
<h4 class="yutelnone">028-86922220 13518219792</h4>
<h4 class="yutelblock"><a href="tel:02886922220">028-86922220</a> <a href="tel:13518219792">13518219792</a></h4>
<a class="btn btn-default" href="tencent://message/?uin=532337155&Site=&Menu=yes" role="button">网站建设<span>QQ</span>：532337155</a>
<a class="btn btn-default" href="tencent://message/?uin=631063699&Site=&Menu=yes" role="button">营销推广<span>QQ</span>：631063699</a>
<a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" role="button">网站制作<span>QQ</span>：532337155</a>
<a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=631063699&version=1&src_type=web&web_src=oicqzone.com" role="button">营销推广<span>QQ</span>：631063699</a>
<a class="btn btn-default nonea" href="tencent://message/?uin=1683211881&Site=&Menu=yes" role="button">售后QQ：1683211881</a>
<div class="dz">创新互联建站专注：
<a href="https://www.cdcxhl.com/" target="_blank">网站设计</a>
<a href="https://www.cdcxhl.com/" target="_blank">网站制作</a>
<a href="https://www.cdcxhl.com/" target="_blank">网站建设</a>
<address>地址：成都太升南路288号锦天国际A幢10楼</address>
</div>
</div>
<div class="bzdh dz"><img src="https://www.cdcxhl.com/imges/bottom_logo.png" alt="创新互联">
<p><a href="https://www.cdcxhl.com/menu.html" target="_blank">成都创新互联科技有限公司</a><br>
Tel：400-028-6601（7x24h）</p></div>
</div>
</div>
</footer>
</body>
</html>
<script>
$.getJSON ("../../qtwebpic.txt", function (data) {
var jsonContent = {
"featured":data
}
var random = jsonContent.featured[Math.floor(Math.random() * jsonContent.featured.length)];
$(".adpic .adimg").attr("href",random.link)
$(".adpic img").attr("src",random.pic);
})
</script>]]>