一、常用标签详解1、标签HTML内联框架元素<iframe>代表一个嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。在HTML4.01中，文档可能包含标题和文本，或者标题和框架集，但不包含文本和框架集。但是，<iframe>可以在普通文档正文中使用。每个浏览上下文都有自己的会话历史记录和活动文档。包含嵌入内容的浏览上下文称为父浏览上下文。顶级浏览上下文（没有父级）通常是浏览器窗口。属性只详细说明了几个重要的属性。当frameborder的值为1（默认值）时，它告诉浏览器在当前iframe和其他iframe之间绘制边框。为0时，不需要画这个边框。name嵌入式浏览上下文（框架）的名称。这个名字可以作为<a>标签，<form>标签的target属性值，或者<input>标签和<button>标签的formget属性值。height以CSS像素格式HTML5或像素格式HTML4.01或百分比格式指定框架的高度。width以CSS像素格式HTML5或像素格式HTML4.01或百分比格式指定框架的宽度。src嵌套页面的URL地址。使用'about:blank'嵌套遵循同源策略的空白页面。2.<a>标签HTML<a>元素（或锚元素）可以创建指向另一个网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。属性download该属性指示浏览器下载URL而不是导航到它，因此会提示用户将其另存为本地文件。href这是锚定义超文本链接源的必需属性。这表示链接目标的URL或URL片段。URL片段是以散列符号(#)开头的名称，它指定当前文档中内部目标的位置(ID)。URL不限于网页(HTTP)到文件。URL可以使用浏览器支持的任何协议。例如，文件、FTP、邮件与大多数用户代理一起工作。PS：您可以使用href="#top"或href="#"链接回页面顶部。另外，href可以连接到：1.没有协议的写法，比如：//qq.com2.链接到本页的某个部分#xxx也可以是查询语句?name=xxx或者相对路径。/xxx.html3.伪协议javascript:alert(1);点击不跳转不刷新javascript:;target该属性指定链接资源的显示位置。该值是浏览上下文的名称或其他关键字，例如选项卡、窗口或iframe。以下关键字具有特殊含义：_self：当前页面已加载。如果未指定属性，则此值为默认值。_blank：打开一个新窗口。_parent：加载响应到当前帧的父帧。如果没有父框架或浏览上下文，此选项的行为与_self相同。（嵌套一层iframe标签，openontop）_top：加载响应到顶层浏览（即浏览上下文，它是当前浏览器的祖先，没有父级）。如果没有父框架或浏览上下文，此选项的行为与_self相同。（多层嵌套的iframe标签，在顶部打开）3.<form>标签HTML<form>元素代表文档中的一个区域，包含交互控制元素，用于向web服务器提交信息。属性action处理此表单信息的程序的URL。该值可以被<button>或<input>元素上的formaction属性覆盖（覆盖）。方法浏览器使用此HTTP方法提交表单。可能的值有：1.post：指的是HTTPPOST方法；表单数据将包含在表单主体中，然后发送到服务器。2、get：指HTTPGET方法；表单数据将附加到带有“？”的操作属性的URI。作为分隔符，然后将生成的URI发送到服务器。当这样做（URI中公开的数据）没有副作用，或者表单只包含ASCII字符时，再次使用此方法。（如果是GET，则与a标签功能相同）这个值可以被<button>或<input>元素中的formmethod属性重载（覆盖）。name此表单的名称。在HTML4中，不推荐这种用法（作为替代，应该使用id）。在HTML5中，一个文档中的多个表单中，名称必须是唯一的，不能只是一个空字符串。target一个名称或关键字，用于指示在提交表单后在何处显示收到的响应。在HTML4中，这是用于框架的名称/关键字。在HTML5中，这是一个用于浏览上下文的浏览器上下文的名称/关键字（例如，标签页选项卡、窗口窗口或或内联框架）。以下关键字有特殊含义：1._self：在当前HTML4或HTML5文档页面重新加载返回值。这是默认值。译注：也就是说如果document在一个frame中，self是在当前frame（document）中重新加载的，而不是整个页面（window）。2._blank：用新的HTML4或HTML5文档窗口加载返回值。3、_parent：在父框架中加载HTML4或HTML5文档形式的返回值。如果没有父框架，则行为与_self一致。4._top：如果是HTML4文档：清空当前文档，加载返回内容；HTML5：在当前文档的最高层加载返回值，如果没有parent，行为与_self一致。5.iframename：返回值加载到指定的frame中。4.<input>标签HTML<input>元素用于为基于网络的表单创建交互式控件，以便接受来自用户的数据。属性<input>标签有很多属性。这里我只写几个常用的属性。更多的可以在MDN上找到name控件的名称，连同表单数据一起提交。value控件的初始值。该属性是可选的，除非类型属性是单选或复选框。请注意，在重新加载页面时，如果在重新加载之前更改了值，Gecko和IE将忽略HTML源中指定的值。checked如果元素的type属性的值为radio或checkbox，这个布尔属性的有无表示控件是否处于默认选择状态。disabled此布尔属性表示表单控件不可用。特别是在禁用的控件中，将不会调度click事件。此外，提交表单时不会提交禁用控件的值。如果type属性被隐藏，这个属性将被忽略。type显示控件类型。如果未指定此属性，则默认类型为文本。可用的值包括：这里只列出几种常用的类型。详情请参考MDN1。button：没有默认的动作按钮。2.复选框：复选框。value属性必须用于定义呈现此控件时的值。使用checked属性指示控件是否已选中。您还可以使用indeterminate来指示复选框处于不确定状态（在大多数平台上，显示为穿过复选框的水平线）。3.password：一个单行文本字段，其值被屏蔽。使用maxlength指定可以输入的值的最大长度。4.radio：单选按钮。value属性必须用于定义呈现此控件时的值。使用checked必须指明该控件是否默认选中。在同一个“单选按钮组”中，所有单选按钮的name属性使用相同的值；在单选按钮组中，一次只能选择一个单选按钮。5.提交：用于提交表单的按钮。6.文本：单行字段；换行符将自动从输入的值中删除。5.<button>标签HTML<button>元素表示一个可点击的按钮，可用于需要简单标准按钮的表单或文档中。默认情况下，HTML按钮以接近用户代理主机平台（用户操作系统）的样式显示，但您可以使用CSS更改按钮的外观。属性名称按钮的名称，与表单数据一起提交。值按钮的初始值。它定义了与表单数据的提交按钮关联的值。当提交表单中的数据时，该值作为参数传递给服务器。类型按钮的类型。可选值：1.提交：此按钮将表单数据提交到服务器。如果未指定，或者如果此属性动态变为null或无效，则此值为默认值。2.重置：此按钮将所有组件重置为其初始值。3.按钮：这个按钮没有默认行为。它可以具有与事件发生时触发的元素事件相关联的客户端脚本。4.menu：这个按钮打开一个由指定的<menu>元素定义的弹出菜单。6、<table>标签HTML表格元素表示表格数据——即二维数据表表示的信息。属性表标签支持全局属性。现在已弃用所有属性（请改用CSS）。其他与表格相关的HTML元素：<caption>、<col>、<colgroup>、<tbody>、<td>、<tfoot>、<th>、<thead>、<tr>；对于设置确定表格元素样式的CSS属性可能特别有用：width控制表格的宽度；border、border-style、border-color、border-width、border-collapse、border-spacing控制单元格边框、规则和框架方面；边距和填充设置特定的单元格内容样式；text-align和vertical-align定义文本和单元格内容的对齐方式。2、HTML标签注意事项什么是HTML标签通过HTML标签，可以清楚的看到网页的内部结构。简单的说，通过标签，我们可以声明它是什么，而不是决定它是什么比如<strong>和<b>默认的CSS样式是一样的，为什么会有两个标签，这是因为strong是逻辑状态，而粗体是物理状态。逻辑状态将内容和表示分开，使用逻辑状态允许您以各种不同的方式表达它们。例如，如果要将文本呈现为红色，请使用不同的字体大小、下划线或其他样式，而不是粗体样式。必须明白，使用strong所呈现的表达形式不同于简单的bold。因为粗体是一种物理状态，所以它不区分形式和内容。让粗体做除粗体文本以外的任何事情都会令人困惑和不合逻辑。很多人喜欢从头到尾使用<div>、<span>这样无意义的标签。这是错误的，因为看起来很费力，而且还会加class，会降低代码的可读性。关于块块级元素和内联元素的区别HTML标签没有块级元素和内联元素的区别。什么时候？仅以CSS为例，我们都认为<div>是块级元素，但是如果是下面这样，我们还能说<div>是块级元素吗？<样式>div{显示：内联；}</style>现在<div>是一个内联元素，也就是说HTML无法控制一个元素是块级元素还是内联元素，也就是说HTML只定义这是一个东西，而不是它是什么好像。</p> </div> </div> <div class="zuowen_sxy"> <div class="prev">上一篇：<a title="Vue2.0实战笔记" href="/webqianduan/247103.html">Vue2.0实战笔记</a> </div> <div class="prev">下一篇：<a title="表单选项的互斥（vue）" href="/webqianduan/247105.html">表单选项的互斥（vue）</a> </div> </div> <div class="related_about"> <div class="related_about_t"><code>HTML常用标签的使用相关文章</code></div> <ul> <li><a href="/shumafazhan/301028.html" target="_blank" title="腾讯辟谣：“微信常用功能将全面收费”消息不实">腾讯辟谣：“微信常用功能将全面收费”消息不实</a></li> <li><a href="/shumafazhan/300830.html" target="_blank" title="新版Win10全局多标签功能体验：“这台电脑”颠覆性改变">新版Win10全局多标签功能体验：“这台电脑”颠覆性改变</a></li> <li><a href="/shumafazhan/300701.html" target="_blank" title="Win10标签页日趋完善：玩法相当丰富">Win10标签页日趋完善：玩法相当丰富</a></li> <li><a href="/shumafazhan/300005.html" target="_blank" title="10个常用的Photoshop快捷键，让你更容易上手">10个常用的Photoshop快捷键，让你更容易上手</a></li> <li><a href="/shumafazhan/299624.html" target="_blank" title="Win10标签页日趋完善：玩法相当丰富_0">Win10标签页日趋完善：玩法相当丰富_0</a></li> <li><a href="/shumafazhan/298454.html" target="_blank" title="Win10 RS5新版本17618发布：资源管理器支持多标签">Win10 RS5新版本17618发布：资源管理器支持多标签</a></li> <li><a href="/shumafazhan/298446.html" target="_blank" title="如何在Chrome 68上尝试内测版本的新标签样式">如何在Chrome 68上尝试内测版本的新标签样式</a></li> <li><a href="/shumafazhan/298367.html" target="_blank" title="Chrome 将逐步取消绿色锁和“安全”标签">Chrome 将逐步取消绿色锁和“安全”标签</a></li> <li><a href="/shumafazhan/298289.html" target="_blank" title="教你如何在Chrome 68上尝试内测版本的新标签样式：更现">教你如何在Chrome 68上尝试内测版本的新标签样式：更现</a></li> <li><a href="/shumafazhan/297564.html" target="_blank" title="拒绝佛系升级，咒骂华为鸿蒙电视“经常用，永远新”，用实际行动">拒绝佛系升级，咒骂华为鸿蒙电视“经常用，永远新”，用实际行动</a></li> <li><a href="/shumafazhan/293433.html" target="_blank" title="调查显示，美国最常用的机型是iPhone 7-7 Plus">调查显示，美国最常用的机型是iPhone 7-7 Plus</a></li> <li><a href="/shumafazhan/292516.html" target="_blank" title="丢掉“未发布”标签：Microsoft Edge Andro">丢掉“未发布”标签：Microsoft Edge Andro</a></li> <li><a href="/shumafazhan/290678.html" target="_blank" title="戴森的中产标签：地位象征比实际价值更重要">戴森的中产标签：地位象征比实际价值更重要</a></li> <li><a href="/shujuyingyong/289204.html" target="_blank" title="HBase如何查看表中的数据？三种常用命令教你轻松搞定">HBase如何查看表中的数据？三种常用命令教你轻松搞定</a></li> <li><a href="/shujuyingyong/289161.html" target="_blank" title="HBase Shell的基本操作和常用命令">HBase Shell的基本操作和常用命令</a></li> <li><a href="/shujuyingyong/289079.html" target="_blank" title="HBase命名空间的基本概念和常用命令">HBase命名空间的基本概念和常用命令</a></li> <li><a href="/shujuyingyong/289013.html" target="_blank" title="HBase Shell入门指南：常用命令详解">HBase Shell入门指南：常用命令详解</a></li> <li><a href="/shujuyingyong/288981.html" target="_blank" title="HBase查询操作的基本原理和常用方法">HBase查询操作的基本原理和常用方法</a></li> <li><a href="/shujuyingyong/288954.html" target="_blank" title="Hbase操作实践：常用命令和技巧总结">Hbase操作实践：常用命令和技巧总结</a></li> <li><a href="/shujuyingyong/288902.html" target="_blank" title="HBase查询数据库的基本原理和常用方法">HBase查询数据库的基本原理和常用方法</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/370325.html" title="从颜值开始，忠于品质——兄弟QL-1100系列标签打印机新品" target="_blank">从颜值开始，忠于品质——兄弟QL-1100系列标签打印机新品</a></li> <li><em>2</em><a href="/kejifunen/370081.html" title="撕掉定制流量标签后，还剩多少家家居企业能够成功？ " target="_blank">撕掉定制流量标签后，还剩多少家家居企业能够成功？ </a></li> <li><em>3</em><a href="/kejifunen/369802.html" title="丢掉角色，丢掉标签！ 717京东游戏日，做最酷的自己" target="_blank">丢掉角色，丢掉标签！ 717京东游戏日，做最酷的自己</a></li> <li><em>4</em><a href="/kejifunen/366489.html" title="光纤4K KVM解决方案常用于信息化建设规划" target="_blank">光纤4K KVM解决方案常用于信息化建设规划</a></li> <li><em>5</em><a href="/kejifunen/366021.html" title="没有小米生态标签，华米科技还能坚持多久？ " target="_blank">没有小米生态标签，华米科技还能坚持多久？ </a></li> <li><em>6</em><a href="/kejifunen/363144.html" title="品质生活，精致如你——2018兄弟普贴曲家用标签机新品发布会" target="_blank">品质生活，精致如你——2018兄弟普贴曲家用标签机新品发布会</a></li> <li><em>7</em><a href="/kejifunen/363066.html" title="不懂标签如何找到好产品？投影基本属性详解" target="_blank">不懂标签如何找到好产品？投影基本属性详解</a></li> <li><em>8</em><a href="/kejifunen/361973.html" title="智能穿戴手环、腕带常用橡塑材质分析" target="_blank">智能穿戴手环、腕带常用橡塑材质分析</a></li> <li><em>9</em><a href="/kejifunen/358967.html" title="可穿戴设备的未来！不仅仅是日常用品" target="_blank">可穿戴设备的未来！不仅仅是日常用品</a></li> <li><em>10</em><a href="/kejifunen/354439.html" title="【攻略】Apple Watch常用软件推荐，加上搜索应用的方" target="_blank">【攻略】Apple Watch常用软件推荐，加上搜索应用的方</a></li> </ul> </div> <div class="r_con"> <div class="r_title">猜你喜欢</div> <ul class="you_like"> <li><em>1</em><a href="/kejifunen/348065.html" title="手机的标签越来越弱， HTC急于用VR打翻身仗" target="_blank">手机的标签越来越弱， HTC急于用VR打翻身仗</a></li> <li><em>2</em><a href="/kejifunen/346070.html" title="想想杨元庆吧！ 2017年三波业务可圈可点，2018年智能将" target="_blank">想想杨元庆吧！ 2017年三波业务可圈可点，2018年智能将</a></li> <li><em>3</em><a href="/kejifunen/343627.html" title="腾讯用实际财务数据摆脱“小学生饲料”标签" target="_blank">腾讯用实际财务数据摆脱“小学生饲料”标签</a></li> <li><em>4</em><a href="/kejifunen/342861.html" title="快手教育生态构建知识交流新场景，科普类单标签浏览量超30亿" target="_blank">快手教育生态构建知识交流新场景，科普类单标签浏览量超30亿</a></li> <li><em>5</em><a href="/kejifunen/341929.html" title="不与用户竞争，只做“中立”云，UCloud带着新标签进军产业" target="_blank">不与用户竞争，只做“中立”云，UCloud带着新标签进军产业</a></li> <li><em>6</em><a href="/kejifunen/340785.html" title="第三届数字中国建设峰会｜李彦宏：智慧经济是中国经济未来十年的" target="_blank">第三届数字中国建设峰会｜李彦宏：智慧经济是中国经济未来十年的</a></li> <li><em>7</em><a href="/kejifunen/338122.html" title="大技术隐藏在小价格标签中，盒马自主研发的智能价签将于6月上架" target="_blank">大技术隐藏在小价格标签中，盒马自主研发的智能价签将于6月上架</a></li> <li><em>8</em><a href="/jishuluodi/330847.html" title="跨境选品常用的工具和软件有哪些？ " target="_blank">跨境选品常用的工具和软件有哪些？ </a></li> <li><em>9</em><a href="/jishuluodi/330626.html" title="2021年12月到期的免检标签需要重新申请吗？ " target="_blank">2021年12月到期的免检标签需要重新申请吗？ </a></li> <li><em>10</em><a href="/jishuluodi/329244.html" title="购买周大福金手镯需要什么收据？珠宝上的标签是当时给顾客的吗？" target="_blank">购买周大福金手镯需要什么收据？珠宝上的标签是当时给顾客的吗？</a></li> <li><em>11</em><a href="/jishuluodi/329116.html" title="网上购物常用的网站有哪些？ " target="_blank">网上购物常用的网站有哪些？ </a></li> <li><em>12</em><a href="/jishuluodi/328120.html" title="周大福不给标签吗？ " target="_blank">周大福不给标签吗？ </a></li> <li><em>13</em><a href="/jishuluodi/324804.html" title="淘宝上卖的衣服上的淘宝狂欢标签是什么意思？ " target="_blank">淘宝上卖的衣服上的淘宝狂欢标签是什么意思？ </a></li> <li><em>14</em><a href="/jishutupo/318398.html" title="使用HTML5和JavaScript构建Windows商店应" target="_blank">使用HTML5和JavaScript构建Windows商店应</a></li> <li><em>15</em><a href="/jishuluodi/312959.html" title="顺丰速运上的红色标签C是什么意思？ " target="_blank">顺丰速运上的红色标签C是什么意思？ </a></li> <li><em>16</em><a href="/shumafazhan/306269.html" title="Microsoft Win11 Beta Preview B" target="_blank">Microsoft Win11 Beta Preview B</a></li> <li><em>17</em><a href="/shumafazhan/305849.html" title="Google谷歌调整Android版Chrome浏览器新标签" target="_blank">Google谷歌调整Android版Chrome浏览器新标签</a></li> <li><em>18</em><a href="/kejidiedai/302254.html" title="Windows系统下常用Dos命令介绍（一） " target="_blank">Windows系统下常用Dos命令介绍（一） </a></li> <li><em>19</em><a href="/kejidiedai/302107.html" title="excel中最常用的8个函数（Excel中8个常用的条件统计" target="_blank">excel中最常用的8个函数（Excel中8个常用的条件统计</a></li> <li><em>20</em><a href="/kejidiedai/302059.html" title="如何在QQ中截图（常用的四种电脑截图方法）" target="_blank">如何在QQ中截图（常用的四种电脑截图方法）</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>
