HTML5时代已经到来，是所有前端构建、生产、设计和开发开发人员的福音。HTML5致力于解决跨浏览器问题，可以部分替代JavaScript。HTML5致力于将浏览器变成一个前端执行菠菜程序的环境，而不是一个简单的视图工具。 第一部分，认识HTML和XHTML HTML—超文本标记语言（HyperTextMarkupLanguage），它的发展历史比较复杂。HTML于1991年底推出。当时，HTML并没有严格的定义。来HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、XHTML1.0。XHTML可以说是千锤百炼。 XHTML——eXtensibleHyperTextMarkupLanguage（扩展超文本标记语言）。 HTML4.0.1对XHTML有很好的兼容性，XHTML是一种更严格、更纯粹的HTML代码。 我们习惯性地认为HTML是一种结构化的文档，但实际上HTML的语法是非常自由和宽容的（主要是各种浏览器放纵的结果）。:
Confusedhtmldocument<title><body><h1>Confusedhtmldocument1.2.3.4.5. 这明显违反了结构化文档的规则，但是用浏览器浏览这个文档时，还是能看到浏览效果——这就是html不规范的地方。虽然XHTML致力于消除此规范，但XHTML要求HTML文档必须首先是XML文档。 通常，计算机中的浏览器可以处理各种非标准的HTML文档，但现在许多浏览器运行在手机和手持设备上，它们无法处理那些糟糕的标记语言。 第二部分：从XHTML到HTML5 WHATWG（Web超文本应用技术工作组，WebHypertextApplicationTechnologyWorkingGroup）制定了一个新的HTML标准，HTML5。 大量调查显示，即使在一些正规网站中，也很少有网站能够通过HTML规范验证。只有6.57%的网站符合HTML规范验证。如果再考虑那些鲜为人知的网站，几乎整个Internet都充斥着非标准的HTML页面。 现有的HTML页面有大量不规范的内容如下4. 1.元素的标记大小写是混合的。例如：<p></p>。 2。元素没有合理结束的情况。例如：只有<p>没有</p>。 3。元素中的属性未指定属性值。例如<inputtype="text"disabled>。 4。为元素属性指定属性值时不使用引号。例如：<输入类型=文本>。 出于“存在即合理”的考虑，WHATWG组织开始定义一个“妥协”的规范：HTML5。HTML5成人版以上的不规范符合规范。HTML5是妥协的规范实现。 HTML5优势： 从HTML4.0.1，XHTML到HTML5，不是革命性的升级，而是从规范到习惯的妥协，所以从HTML到HTML5的过渡是非常容易的。 1。解决跨浏览器问题。 跨浏览器问题绝对是永远的“噩梦”。HTML的出现可能会改变这种情况。目前，各种主流浏览器如：IE、Chrome、Firefox、Opera、Safari等都表现出了对HTML5的强大支持。热情。如果所有的浏览器都遵循HTML5规范，那么以后前端程序员开发HTML+CSS+JavaScript页面会更加容易。 2。部分替换了原来的JavaScript。 比如HTML5以前实现：打开一个页面后，让某行文本框立即获得焦点，需要通过javascript实现，现在只需要加一个属性（autofocus）即可。 <输入类型=文本自动对焦名称=价格/>1. 3.更明确的语义支持。 （1）HTML5提供<header>...</header>;<nav>...</nav>;<article>...</article>;<section>...</section>;<aside>...</aside>;<footer>...</footer>取代以往只能通过div实现的文档结构。 (2)HTML5提供了两个新元素<time>2017-4-18</time>；<mark>markedlanguage</mark>提供了比原来的<em../>更丰富的语义（em表示强调的内容，但不清楚是哪种强调）。 4。增强了WEB应用程序的功能。 长期以来，HTML一直受到严格限制。客户端从服务器下载HTML页面数据，浏览器负责渲染HTML页面数据。为了客户端安全，以前的HTML在安全性上已经足够安全了。 所以，我们需要通过JavaScript等其他方法来增加HTML的功能。 HTML5语法更改 1。标签不再区分大小写。 2。元素可以省略结束标记。 3。允许省略属性值的属性。 4。允许不带引号的属性值。（不过HTML5强烈建议在这个特殊属性值包含空格等容易引起浏览器混淆的属性值时用引号括起来。） 网站建设总结：HTML5说HTML不符合specification是一个规范，增加了一些新的菠菜API和新的实用功能。</p>
</div>
</div>
<div class="zuowen_sxy">
<div class="prev">上一篇：<a title="移动端下拉刷新原理和实例" href="/webqianduan/246300.html">移动端下拉刷新原理和实例</a> </div>
<div class="prev">下一篇：<a title="FP浅析：JavaScript中的纯函数" href="/webqianduan/246302.html">FP浅析：JavaScript中的纯函数</a> </div>
</div>
<div class="related_about">
<div class="related_about_t"><code>HTML5构建和编程的一些技术理解相关文章</code></div>
<ul>
<li><a href="/kejifunen/367061.html" target="_blank" title="如何利用AI构建智慧零售远程监控平台？ ">如何利用AI构建智慧零售远程监控平台？ </a></li>
<li><a href="/kejifunen/366850.html" target="_blank" title="17家上市公司收购医疗机构，可穿戴成为重点投资领域">17家上市公司收购医疗机构，可穿戴成为重点投资领域</a></li>
<li><a href="/kejifunen/366826.html" target="_blank" title="可穿戴运动设备对健身房构成威胁吗？ ">可穿戴运动设备对健身房构成威胁吗？ </a></li>
<li><a href="/kejifunen/366752.html" target="_blank" title="独家专访蚂蚁卫视CEO秦铮！ AntView VR的布局几何">独家专访蚂蚁卫视CEO秦铮！ AntView VR的布局几何</a></li>
<li><a href="/kejifunen/366296.html" target="_blank" title="可穿戴应用程序！构建新生态系统的激烈竞争">可穿戴应用程序！构建新生态系统的激烈竞争</a></li>
<li><a href="/kejifunen/366262.html" target="_blank" title="空调企业在越南夺得金牌，中产阶级崛起推动产品结构升级">空调企业在越南夺得金牌，中产阶级崛起推动产品结构升级</a></li>
<li><a href="/kejifunen/366257.html" target="_blank" title="最新Aiaiai烟斗二代发布！高性能线材结构，高音质">最新Aiaiai烟斗二代发布！高性能线材结构，高音质</a></li>
<li><a href="/kejifunen/366108.html" target="_blank" title="数据海洋中的“智能”架构开启智能计算新时代">数据海洋中的“智能”架构开启智能计算新时代</a></li>
<li><a href="/kejifunen/366100.html" target="_blank" title="云智讯物联网云平台，轻松构建智能物联网应用">云智讯物联网云平台，轻松构建智能物联网应用</a></li>
<li><a href="/kejifunen/366098.html" target="_blank" title="使用架构解决人工智能问题 ">使用架构解决人工智能问题 </a></li>
<li><a href="/kejifunen/365918.html" target="_blank" title="中国冰箱行业企稳，产品结构升级趋势明显">中国冰箱行业企稳，产品结构升级趋势明显</a></li>
<li><a href="/kejifunen/365658.html" target="_blank" title="Facebook 揭示了如何构建人工智能和 VR 硬件 ">Facebook 揭示了如何构建人工智能和 VR 硬件 </a></li>
<li><a href="/kejifunen/365643.html" target="_blank" title="华米科技招股书披露，公司架构拟融资1.5亿美元">华米科技招股书披露，公司架构拟融资1.5亿美元</a></li>
<li><a href="/kejifunen/365018.html" target="_blank" title="国际权威机构Forrester报告！网易云已进入公有云市场竞">国际权威机构Forrester报告！网易云已进入公有云市场竞</a></li>
<li><a href="/kejifunen/364857.html" target="_blank" title="价格优势，机构预测第四季度微软MR销量将超过HTC和Ocul">价格优势，机构预测第四季度微软MR销量将超过HTC和Ocul</a></li>
<li><a href="/kejifunen/364628.html" target="_blank" title="极客维修工首次拆解iPhone XS Max，揭秘前后双面S">极客维修工首次拆解iPhone XS Max，揭秘前后双面S</a></li>
<li><a href="/kejifunen/364493.html" target="_blank" title="可穿戴和移动支付！ Apple Watch 的支付芯片结构（">可穿戴和移动支付！ Apple Watch 的支付芯片结构（</a></li>
<li><a href="/kejifunen/364147.html" target="_blank" title="新开发的人工智能技术可以帮助研究人员更准确地识别细胞结构">新开发的人工智能技术可以帮助研究人员更准确地识别细胞结构</a></li>
<li><a href="/kejifunen/364009.html" target="_blank" title="构建独立系统的可穿戴生态系统是必然趋势">构建独立系统的可穿戴生态系统是必然趋势</a></li>
<li><a href="/kejifunen/363842.html" target="_blank" title="18家人工智能领先企业、大学、科研机构联合发布首个AI框架生">18家人工智能领先企业、大学、科研机构联合发布首个AI框架生</a></li>
</ul>
</div>
</div>
<div class="main-right">
<div class="right_fix">
<div class="r_con">
<div class="r_title">最新推荐</div>
<ul>
<li><em>1</em><a href="/kejifunen/371044.html" title="索尼今日推出 SRS-XB01 无线蓝牙便携式音箱，它结构紧" target="_blank">索尼今日推出 SRS-XB01 无线蓝牙便携式音箱，它结构紧</a></li>
<li><em>2</em><a href="/kejifunen/371026.html" title="人工智能推动产业结构升级，长虹等家电企业迎来新机遇" target="_blank">人工智能推动产业结构升级，长虹等家电企业迎来新机遇</a></li>
<li><em>3</em><a href="/kejifunen/370770.html" title="可穿戴设备市场腾飞的关键！结构和功能的适配" target="_blank">可穿戴设备市场腾飞的关键！结构和功能的适配</a></li>
<li><em>4</em><a href="/kejifunen/370490.html" title="糖猫推出“家人圈”，构筑儿童智能手表行业壁垒" target="_blank">糖猫推出“家人圈”，构筑儿童智能手表行业壁垒</a></li>
<li><em>5</em><a href="/kejifunen/370096.html" title="通过生物芯片构建人工大脑 哈佛大学研究人员探索疾病新疗法" target="_blank">通过生物芯片构建人工大脑 哈佛大学研究人员探索疾病新疗法</a></li>
<li><em>6</em><a href="/kejifunen/369913.html" title="捷通华盛获深创投等机构1亿元投资！赋能各行各业，共建凌云AI" target="_blank">捷通华盛获深创投等机构1亿元投资！赋能各行各业，共建凌云AI</a></li>
<li><em>7</em><a href="/kejifunen/369679.html" title="全球智能机产业版图！这4类初创公司将在未来构建一个新世界" target="_blank">全球智能机产业版图！这4类初创公司将在未来构建一个新世界</a></li>
<li><em>8</em><a href="/kejifunen/369580.html" title="情报机构希望软件能够阻止人工智能木马攻击" target="_blank">情报机构希望软件能够阻止人工智能木马攻击</a></li>
<li><em>9</em><a href="/kejifunen/369368.html" title="自动驾驶初创公司Momenta获腾讯等机构投资，估值超10亿" target="_blank">自动驾驶初创公司Momenta获腾讯等机构投资，估值超10亿</a></li>
<li><em>10</em><a href="/kejifunen/369328.html" title="人工智能消费场景正在重构，人工智能准备好实施了吗？ " target="_blank">人工智能消费场景正在重构，人工智能准备好实施了吗？ </a></li>
</ul>
</div>
<div class="r_con">
<div class="r_title">猜你喜欢</div>
<ul class="you_like">
<li><em>1</em><a href="/kejifunen/369260.html" title="让AI重构现实世界，百度AI开发者大会举办首届AI设计论坛" target="_blank">让AI重构现实世界，百度AI开发者大会举办首届AI设计论坛</a></li>
<li><em>2</em><a href="/kejifunen/369252.html" title="AI芯片技术架构有4种，哪一种会笑到最后？ " target="_blank">AI芯片技术架构有4种，哪一种会笑到最后？ </a></li>
<li><em>3</em><a href="/kejifunen/369186.html" title="构建AI生态系统已成为行业痛点，这里也许对你有帮助" target="_blank">构建AI生态系统已成为行业痛点，这里也许对你有帮助</a></li>
<li><em>4</em><a href="/kejifunen/368733.html" title="节点财经获近千万人民币Pre-A融资 引力波资本等4家机构联" target="_blank">节点财经获近千万人民币Pre-A融资 引力波资本等4家机构联</a></li>
<li><em>5</em><a href="/kejifunen/368683.html" title="HyperX 宝峰金属结构专业 FPS 耳机 " target="_blank">HyperX 宝峰金属结构专业 FPS 耳机 </a></li>
<li><em>6</em><a href="/kejifunen/368670.html" title="推出知识图谱构建分析平台，中译语通要做赋能用户“想象力”的宙" target="_blank">推出知识图谱构建分析平台，中译语通要做赋能用户“想象力”的宙</a></li>
<li><em>7</em><a href="/kejifunen/368058.html" title="节点英雄榜！构建基于区块链的知识变现经济生态" target="_blank">节点英雄榜！构建基于区块链的知识变现经济生态</a></li>
<li><em>8</em><a href="/kejifunen/367996.html" title="盘点国产处理器架构击败Intel、AMD" target="_blank">盘点国产处理器架构击败Intel、AMD</a></li>
<li><em>9</em><a href="/kejifunen/367900.html" title="UEDBET 构建 IT 的未来，浪潮商机全新亮相" target="_blank">UEDBET 构建 IT 的未来，浪潮商机全新亮相</a></li>
<li><em>10</em><a href="/kejifunen/367877.html" title="通用电气推出智能医疗影像系统UV6.0，已在3000家机构投" target="_blank">通用电气推出智能医疗影像系统UV6.0，已在3000家机构投</a></li>
<li><em>11</em><a href="/kejifunen/367855.html" title="苹果与多家医疗机构合作推广HealthKit" target="_blank">苹果与多家医疗机构合作推广HealthKit</a></li>
<li><em>12</em><a href="/kejifunen/367798.html" title="用友云服务治理平台帮助企业实现微服务架构" target="_blank">用友云服务治理平台帮助企业实现微服务架构</a></li>
<li><em>13</em><a href="/kejifunen/367739.html" title="苹果可穿戴医疗平台率先在美国医疗机构试点" target="_blank">苹果可穿戴医疗平台率先在美国医疗机构试点</a></li>
<li><em>14</em><a href="/kejifunen/367584.html" title="腾讯内部架构更新，云服务将驶入高速公路" target="_blank">腾讯内部架构更新，云服务将驶入高速公路</a></li>
<li><em>15</em><a href="/kejifunen/367533.html" title="三星Gear S3智能手表深度拆解！内部结构是怎样的？ " target="_blank">三星Gear S3智能手表深度拆解！内部结构是怎样的？ </a></li>
<li><em>16</em><a href="/kejifunen/367497.html" title="华云数据！浅谈微服务架构下的服务发现机制" target="_blank">华云数据！浅谈微服务架构下的服务发现机制</a></li>
<li><em>17</em><a href="/kejifunen/367479.html" title="深入解析Apple Watch主板结构和内部传感器技术" target="_blank">深入解析Apple Watch主板结构和内部传感器技术</a></li>
<li><em>18</em><a href="/kejifunen/367276.html" title="腾讯智慧安全亮相2018网络安全年会，分享医疗机构数据安全建" target="_blank">腾讯智慧安全亮相2018网络安全年会，分享医疗机构数据安全建</a></li>
<li><em>19</em><a href="/kejifunen/367252.html" title="腾讯语电亮相CHIMA2018，助力浙江大学儿童医院构建终端" target="_blank">腾讯语电亮相CHIMA2018，助力浙江大学儿童医院构建终端</a></li>
<li><em>20</em><a href="/kejifunen/367156.html" title="Boss Vantage的半年报兼作反击，厨电行业突围靠结构" target="_blank">Boss Vantage的半年报兼作反击，厨电行业突围靠结构</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="related_article"></div>
<div class="footer">
<p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p>
<p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。
如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p>
</div>
<!-- 应用插件标签 start -->
<!-- 应用插件标签 end -->
</body>
</html>
