HTML规范HTML规范文档H4时代定义为错误的行为，在H5时代一切都合理化了，比如标签不区分大小写，只有开始标签没有结束标签，属性值没有引号等False，H5允许它们全部缺少标签知识
标签定义了文档的标题，并且是head部分中唯一必需的元素<address>标签定义了作者/所有者的联系信息文档或文章，不应用于描述邮寄地址，除非它是联系信息的一部分。此元素不得包含除联系信息以外的任何信息，例如发布日期（这应包含在<time>元素中）。<h1>-<h6>应该用于标题，<em>标签应该用于强调文本，<strong>标签应该用于重要文本，<mark>标签应该用于标记/突出显示的文本。<base>标记此标记用于指定文档中包含的所有相对URL的基本URL。通常，浏览器会从当前文档的URL中提取相应的元素来填充相对URL中缺失的部分。使用<base>标签，浏览器将不再使用当前文档的URL，而是使用<base>标签中指定的baseURL来解析所有相对URL，包括<a>、<img>、<link>、<form>标签在一个文档中，最多可以使用一个<base>元素。一般来说，<base>标签应该排在head元素中的第一个元素，这样head中的其他元素就可以使用<base>元素中的信息。<bod>标签这个标签用来覆盖orientation<button>标签和<inputtype="button">如果在HTML表单中使用button元素，不同的浏览器会提交不同的值。InternetExplorer会提交<button>和<button/>之间的文本，而其他浏览器会提交value属性的内容；所以为了避免提交不同的值，最好在HTML表单中使用input元素来创建按钮使用button元素和使用input元素创建的按钮的区别在于<button>和<button/>之间，你可以放置内容，例如文本或图像。使用input元素创建按钮始终为按钮指定type属性。InternetExplorer中的默认类型是“按钮”，而在其他浏览器（包括W3C规范）中，默认类型是“提交”。<caption>标签这个标签定义了表格的标题并且必须紧跟在表格标签之后。每个表格只能定义一个标题，通常这个标题会居中显示在表格上。<cite>标签通常表示它包含的文本引用参考文献，例如书籍或杂志的标题。它可以使您或其他人自动从文档中提取参考书目。它可以自动组织引用表并将其显示为脚注或独立文档（当然，你需要编写相应的程序来处理）。这个标签体现了语义化的方便<details>标签和<summary>标签<summary>标签定义了细节的标题标题是可见的，当用户点击标题时，细节<meter>标签定义了一个标量测量在已知范围或分数值内，例如3/10请注意，不应使用此标签来指示进度，而应使用<process>标签、<figure>标签和<figcaption>标签。<figure>标签指定了独立的流内容（图片、图表、照片、代码等），figure元素的内容应该与主要内容相关，但是如果移除应该对文档流没有影响。<figcaption>标签定义了figure元素的标题，<figcaption>标签应该放在figure元素的第一个或最后一个子元素的位置。<template>标签可以定义一个html片段，但不会被渲染。它可以通过js来显示页面上的片段。<table>标签单元格默认平分表格的宽度。表格决定了整个表格的宽度。未设置单元格宽高时，宽高按内容展开；当只设置高度时，内容会扩展宽度，当宽度不能改变时，会拉伸高度；当只设置宽度时，内容只会拉伸高度；width和height都设置时，内容只能拉伸表格的高度，不能拉伸表格中宽度表格中的单元格，宽度会转换成百分比。当单元格宽度超过表格宽度时，不会溢出，但会扩展高度。<link>标签定义文档与外部资源的关系rel=stylesheet，链接外部样式表rel=dns-prefetch，dns预解析（异步）rel=prefetch，预加载图片等（异步）rel=prerender，预渲染（异步）rel=icon，定义标题图标rel=alternate，定义文档的替代版本（如打印页面，翻译或镜像），可以做RSS。.....看W3C课后小验证什么是HTML，什么是HTML5HTML是超文本标记语言（HyperTextMarkupLanguage）是一种用来描述网页的标记语言，不是编程语言；语言是一组标签标签和XML的区别：HTML是用来显示数据的，而XML是用来传输数据的；HTML标签是预定义的，而XML标签是用户自定义的HTML5是最新的HTML标准，元素新，内容更丰富，适应性更强HTML元素标签和属性有哪些概念？HTML元素是指从开始标签（starttag）到结束标签（endtag）的所有代码。开始标签和结束标签之间的内容就是HTML元素的元素内容。HTML元素标签是指HTML元素的开始标签和结束标签。结束标签，浏览器不会直接显示这些标签，而是会用这些标签来说明页面的内容。HTML元素属性提供了更多关于HTML元素的信息，比如图片的URL，元素的类名等。文档类型是什么概念？，它起什么作用？网络世界中有许多不同的文档。只有知道文档的类型，浏览器才能正确显示文档。HTML文档中使用的<!DOCTYPE>语句有助于浏览器正确显示网页。<!DOCTYPE>声明告诉浏览器当前HTML文档是用什么HTML版本编写的，以便浏览器能够完整、正确地显示HTML页面。<!DOCTYPE>声明必须在HTML文档的第一行，之前<html>标签，需要注意的是它不属于HTML标签SGML）。DTD规定了标记语言的规则，以便浏览器可以正确地呈现内容HTML5不是基于SGML，所以不需要引用DTDmeta标签有什么用？提供有关页面的元信息，通常用于定义页面的描述、关键字、最后修改日期和其他元数据。此元数据将为浏览器（如何布局或重新加载页面）、搜索引擎和其他网络服务提供服务。charset属性指定文档的编码方法。建议为UTF-8content属性定义与http-equiv或name属性相关的元信息。http-equiv属性将相应的内容属性与HTTP标头相关联。*`content-type`：用于指定内容类型，默认为`text/html`*`refresh`：设置文档刷新频率*`default-style`：指定要关联的首选样式表名称属性名词相应的内容属性。*`author`*`description`*`generator`*`keywords`*`viewport`：控制页面的大小和比例，使响应式meta标签具有可扩展性，各浏览器厂商可以自己定义一些特定的内容*`http-equiv="X-UA-Compatible"content="IE=edge"`:为`IE8`指定不同的页面渲染模式*`name="format-detection"content="telphone=no"`:转off`iOS`自动电话号码识别*`name="renderer"content="webkit"`:`360`浏览器指定内核Web语义是什么，解决Web语义是什么问题简单的意思写的时候一个HTML文档，无论其风格如何，选择合适的标签合理描述内容本身，使页面结构良好，页面元素有意义；同时，类名和id名也要命名为能够描述Content；使人和机器都容易理解（提高可读性和可维护性）。Web语义不仅方便开发者阅读代码，还可以帮助机器（搜索引擎、爬虫）理解文档内容，从而利用机器对索引内容进行各种处理和挖掘，如SEO（SearchEngineOptimization）)WebSemantics在丢掉CSS的情况下，页面也可以呈现出清晰的结构WebSemantics可以很容易地被其他设备（如屏幕阅读器、盲人阅读器、移动设备）解析，以更合适的方式呈现网页（提高可访问性）Web语义有利于SEO链接是什么概念，对应什么标签？指网页到目标的连接关系，分别对应<a>标签、<link>标签、</p>
</div>
</div>
<div class="zuowen_sxy">
<div class="prev">上一篇：<a title="npm安装包遇到的坑！" href="/webqianduan/252624.html">npm安装包遇到的坑！</a> </div>
<div class="prev">下一篇：<a title="IconFont图标参考" href="/webqianduan/252626.html">IconFont图标参考</a> </div>
</div>
<div class="related_about">
<div class="related_about_t"><code>HTML检漏和填充相关文章</code></div>
<ul>
<li><a href="/kejifunen/370679.html" target="_blank" title="腾讯集团副总裁程武！用科技和文化支撑公益梦想">腾讯集团副总裁程武！用科技和文化支撑公益梦想</a></li>
<li><a href="/kejifunen/370657.html" target="_blank" title="吐槽小米手环和Moto360魅族智能手表或将推出">吐槽小米手环和Moto360魅族智能手表或将推出</a></li>
<li><a href="/kejifunen/370623.html" target="_blank" title="360第三代儿童卫士智能手表曝光！就为了老公和孩子吗？ ">360第三代儿童卫士智能手表曝光！就为了老公和孩子吗？ </a></li>
<li><a href="/kejifunen/370616.html" target="_blank" title="我们来看看智能门锁行业的五大技术和十大厂商">我们来看看智能门锁行业的五大技术和十大厂商</a></li>
<li><a href="/kejifunen/370612.html" target="_blank" title="德国发布儿童智能手表销售禁令，威胁隐私和安全">德国发布儿童智能手表销售禁令，威胁隐私和安全</a></li>
<li><a href="/kejifunen/370563.html" target="_blank" title="暴风和乐视也负债累累！冯鑫如何走出泥潭？ ">暴风和乐视也负债累累！冯鑫如何走出泥潭？ </a></li>
<li><a href="/kejifunen/370561.html" target="_blank" title="身体追踪是 VR 的灵魂，更具互动性和视觉冲击力">身体追踪是 VR 的灵魂，更具互动性和视觉冲击力</a></li>
<li><a href="/kejifunen/370521.html" target="_blank" title="Maxim 发布首款可监测心电图、心率和体温的腕戴式平台 ">Maxim 发布首款可监测心电图、心率和体温的腕戴式平台 </a></li>
<li><a href="/kejifunen/370498.html" target="_blank" title="详细讲解语音控制智能家居系统的实现流程和技术">详细讲解语音控制智能家居系统的实现流程和技术</a></li>
<li><a href="/kejifunen/370488.html" target="_blank" title="虚拟现实可以照进现实和AR增强体验">虚拟现实可以照进现实和AR增强体验</a></li>
<li><a href="/kejifunen/370456.html" target="_blank" title="AR和VR将如何重塑食品行业主要集中在三个方面">AR和VR将如何重塑食品行业主要集中在三个方面</a></li>
<li><a href="/kejifunen/370428.html" target="_blank" title="手机厂商做VR！只有苹果和谷歌Daydream吗？ ">手机厂商做VR！只有苹果和谷歌Daydream吗？ </a></li>
<li><a href="/kejifunen/370427.html" target="_blank" title="8K是未来，内容创作和生态建设迎来新概念">8K是未来，内容创作和生态建设迎来新概念</a></li>
<li><a href="/kejifunen/370376.html" target="_blank" title="区块链技术和VR将如何改变音乐产业？ （第1部分）">区块链技术和VR将如何改变音乐产业？ （第1部分）</a></li>
<li><a href="/kejifunen/370331.html" target="_blank" title="为什么需要两台机器来扫地和拖地？浦桑尼克LDS M6不仅仅可">为什么需要两台机器来扫地和拖地？浦桑尼克LDS M6不仅仅可</a></li>
<li><a href="/kejifunen/370320.html" target="_blank" title="Microsoft Band 2 美国亚马逊圣诞特卖！和上一">Microsoft Band 2 美国亚马逊圣诞特卖！和上一</a></li>
<li><a href="/kejifunen/370310.html" target="_blank" title="超越谷歌！云和AI撑起微软帝国，迈向万亿美元俱乐部">超越谷歌！云和AI撑起微软帝国，迈向万亿美元俱乐部</a></li>
<li><a href="/kejifunen/370301.html" target="_blank" title="NATEDE智能净化器来了，它可以自动种植植物和浇水">NATEDE智能净化器来了，它可以自动种植植物和浇水</a></li>
<li><a href="/kejifunen/370278.html" target="_blank" title="oTMS联合JDA发布中国消费者心声调查报告，新技术和客户体">oTMS联合JDA发布中国消费者心声调查报告，新技术和客户体</a></li>
<li><a href="/kejifunen/370233.html" target="_blank" title="榨汁机实现品质和奢华，了解如何一步步选择榨汁机？ ">榨汁机实现品质和奢华，了解如何一步步选择榨汁机？ </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/371273.html" title="苹果跨界！让VR和iPhone擦出火花" target="_blank">苹果跨界！让VR和iPhone擦出火花</a></li>
<li><em>2</em><a href="/kejifunen/371268.html" title="石墨烯可以将普通纸张变成用于柔性显示器和可穿戴设备的新材料" target="_blank">石墨烯可以将普通纸张变成用于柔性显示器和可穿戴设备的新材料</a></li>
<li><em>3</em><a href="/kejifunen/371208.html" title="当虚拟现实和3D技术走进战场，无需军官在场" target="_blank">当虚拟现实和3D技术走进战场，无需军官在场</a></li>
<li><em>4</em><a href="/kejifunen/371125.html" title="PS5和PS5二代VR预计将于2020年发布" target="_blank">PS5和PS5二代VR预计将于2020年发布</a></li>
<li><em>5</em><a href="/kejifunen/371118.html" title="三星曝20个新漏洞！黑客可以控制你家的摄像头和门锁" target="_blank">三星曝20个新漏洞！黑客可以控制你家的摄像头和门锁</a></li>
<li><em>6</em><a href="/kejifunen/371095.html" title="蓝牙耳机和音箱无缝切换，不错过任何一个节拍" target="_blank">蓝牙耳机和音箱无缝切换，不错过任何一个节拍</a></li>
<li><em>7</em><a href="/kejifunen/371093.html" title="新型可穿戴设备简化血糖监测和调节" target="_blank">新型可穿戴设备简化血糖监测和调节</a></li>
<li><em>8</em><a href="/kejifunen/371064.html" title="Oculus 和 Valve！虚拟世界中的领域之战（第 2 " target="_blank">Oculus 和 Valve！虚拟世界中的领域之战（第 2 </a></li>
<li><em>9</em><a href="/kejifunen/371045.html" title="智能手表和传统手表厂商是竞争对手还是朋友？ " target="_blank">智能手表和传统手表厂商是竞争对手还是朋友？ </a></li>
<li><em>10</em><a href="/kejifunen/371020.html" title="Sennheiser 推出首款 Neckbuds 耳机！支持" target="_blank">Sennheiser 推出首款 Neckbuds 耳机！支持</a></li>
</ul>
</div>
<div class="r_con">
<div class="r_title">猜你喜欢</div>
<ul class="you_like">
<li><em>1</em><a href="/kejifunen/371013.html" title="亚马逊3C销售报告！可穿戴和游戏配件销量激增" target="_blank">亚马逊3C销售报告！可穿戴和游戏配件销量激增</a></li>
<li><em>2</em><a href="/kejifunen/371009.html" title="想和安老师面对面交流吗？低价体验VR——暴风魔镜4初体验" target="_blank">想和安老师面对面交流吗？低价体验VR——暴风魔镜4初体验</a></li>
<li><em>3</em><a href="/kejifunen/371001.html" title="阿里巴巴成立VR实验室，加紧VR内容培育和硬件研发" target="_blank">阿里巴巴成立VR实验室，加紧VR内容培育和硬件研发</a></li>
<li><em>4</em><a href="/kejifunen/370997.html" title="瑞鹰ZigBee Light Link智能照明控制系统解决方" target="_blank">瑞鹰ZigBee Light Link智能照明控制系统解决方</a></li>
<li><em>5</em><a href="/kejifunen/370973.html" title="医药市场规模达1.2万亿美元，会被大数据和可穿戴设备颠覆吗？" target="_blank">医药市场规模达1.2万亿美元，会被大数据和可穿戴设备颠覆吗？</a></li>
<li><em>6</em><a href="/kejifunen/370965.html" title="TicPods 免费！ iPhone和Android用户的最" target="_blank">TicPods 免费！ iPhone和Android用户的最</a></li>
<li><em>7</em><a href="/kejifunen/370952.html" title="联想Watch S和另外两款智能手表亮相，外观惊艳" target="_blank">联想Watch S和另外两款智能手表亮相，外观惊艳</a></li>
<li><em>8</em><a href="/kejifunen/370951.html" title="运动能量集合！把你变成驱动可穿戴设备和物联网的动力源" target="_blank">运动能量集合！把你变成驱动可穿戴设备和物联网的动力源</a></li>
<li><em>9</em><a href="/kejifunen/370932.html" title="富士胶片推出配备节省空间和可旋转镜头的新型紧凑型投影仪产品 " target="_blank">富士胶片推出配备节省空间和可旋转镜头的新型紧凑型投影仪产品 </a></li>
<li><em>10</em><a href="/kejifunen/370878.html" title="阿尔卡特 OneTouch 手表！缺乏细节和亮点" target="_blank">阿尔卡特 OneTouch 手表！缺乏细节和亮点</a></li>
<li><em>11</em><a href="/kejifunen/370867.html" title="谁和你一起跑步？最受网友欢迎的8款运动耳机" target="_blank">谁和你一起跑步？最受网友欢迎的8款运动耳机</a></li>
<li><em>12</em><a href="/kejifunen/370855.html" title="预算1500元以内 联想 Z5、小米X6 和荣耀8X 怎么选" target="_blank">预算1500元以内 联想 Z5、小米X6 和荣耀8X 怎么选</a></li>
<li><em>13</em><a href="/kejifunen/370824.html" title="VR和AR竞赛！谁是时代的转折点？ " target="_blank">VR和AR竞赛！谁是时代的转折点？ </a></li>
<li><em>14</em><a href="/kejifunen/370817.html" title="重新思考可穿戴设备和数据利用！为什么这么难坚持" target="_blank">重新思考可穿戴设备和数据利用！为什么这么难坚持</a></li>
<li><em>15</em><a href="/kejifunen/370813.html" title="【对比评测】小米和魅族耳机市场竞争！选择哪一边？ " target="_blank">【对比评测】小米和魅族耳机市场竞争！选择哪一边？ </a></li>
<li><em>16</em><a href="/kejifunen/370773.html" title="阿里巴巴和盛大同时进军VR行业" target="_blank">阿里巴巴和盛大同时进军VR行业</a></li>
<li><em>17</em><a href="/kejifunen/370770.html" title="可穿戴设备市场腾飞的关键！结构和功能的适配" target="_blank">可穿戴设备市场腾飞的关键！结构和功能的适配</a></li>
<li><em>18</em><a href="/kejifunen/370736.html" title="微软、谷歌和苹果都是同质的！技术会实现大统一吗？ " target="_blank">微软、谷歌和苹果都是同质的！技术会实现大统一吗？ </a></li>
<li><em>19</em><a href="/kejifunen/370730.html" title="当虚拟和现实失去界限时，虚拟现实会发生什么？ " target="_blank">当虚拟和现实失去界限时，虚拟现实会发生什么？ </a></li>
<li><em>20</em><a href="/kejifunen/370710.html" title="三星Galaxy Watch智能手表体验！更长的续航和堪比机" target="_blank">三星Galaxy Watch智能手表体验！更长的续航和堪比机</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>
