`
阅读更多

【前言】

      本文简单说下HTML空标签相关知识点

 

【主体】

      1.空标签的定义:

没有闭合标签的标签被称作为空标签。
在我们使用的标签中,有的具有闭合标签。例如<td>标签,它有闭合标签</td>。
但是也有一部分标签没有闭合标签,例如<br />标签,这一类标签我们称之为空标签。

 

      2.空标签

<input />  用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。
<img /> 代表文档中的一个图像。
<hr /> 用于创建横向分割线。
<isindex /> 使浏览器显示一个对话框,提示用户输入单行文本。
<area /> 在图片上定义一个热点区域
<base /> 指定用于一个文档中包含的所有相对URL的基本URL。
<basefont /> 用来设置文档的默认字体大小。(目前已废弃 )
<bgsound /> IE浏览器中设置网页背景音乐的元素。
<col /> 定义表格中的列,并用于定义所有公共单元格上的公共语义。它通常位于`<colgroup>`元素内。
<embed /> 用于表示一个外部应用或交互式内容的集合点,换句话说,就是一个插件。 
<frame /> ,它定义了一个特定区域,另一个 HTML 文档可以在里面展示。(已废弃)
<keygen />  为了方便生成密钥材料和提交作为 [HTML form]的一部分的公钥.这种机制被用于设计基于 Web 的证书管理系统。(已废弃)
<link /> 指定了外部资源与当前文档的关系. 这个元素的使用方法包括为导航定义关系框架.这个元素经常用来链接css文件。
<meta /> 元素表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, 
         <style> 或 <title>) 之一表示的任何元数据信息.
<nextid />  是一个过时的 HTML 元素, 它使下一个 web 设计工具能够为其定位点生成自动名称标签。
            它是由该 web 编辑工具自动生成的, 不需要手动调整或输入。这个元素的区别是成为第一个元素, 成为一个 "丢失的标签" 被淘汰的官方公共 DTD 的 HTML 版本。
<param />  定义了 <object>的参数
<plaintext /> 将起始标签后面的任何东西渲染为纯文本,不会解释为 HTML。它没有闭合标签,因为任何后面的东西都会看做纯文本。(已废弃)
<spacer /> 它可以向页面插入间隔。它由 Netscape 设计,用于实现单像素布局图像的相同效果,Web 设计师用它来向页面添加空白,而不需要实际使用图片。(已废弃)
<wbr /> 一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行。

 

 

.

分享到:
评论

相关推荐

    浅谈HTML空链接的作用

    ### 浅谈HTML空链接的作用 在Web开发中,HTML(HyperText Markup Language)作为构建网页的基础语言之一,其各种元素及其属性对于实现丰富的页面功能至关重要。本文将深入探讨HTML中的一个特殊元素——空链接...

    浅谈JavaScript编程语言的编码规范.pdf

    对可能出错的操作进行检查,避免未定义的变量或空指针异常。 9. **代码一致性**:在整个项目中保持一致的编码风格,这包括缩进、命名、注释等。可以采用ESLint等工具自动检查和修复编码风格问题。 10. **模块化**...

    浅谈$_FILES数组为空的原因

    3. **HTML表单设置**:在HTML中,用于文件上传的`&lt;input&gt;`标签必须具有`type="file"`属性。如果缺少这个属性,用户无法选择文件,因此`$_FILES`数组也将为空。 4. **错误的文件选择**:用户未选择任何文件,或者...

    浅谈angularjs module返回对象的坑(推荐)

    一个AngularJS模块定义了一个应用的边界,它封装了应用程序的视图(HTML模板)、控制器(JavaScript控制器)、指令(自定义HTML标签、属性、注释或元素)、路由(URL解析规则)以及服务(单例对象,比如模型、共享...

    浅谈inline-block及解决空白间距

    在 HTML 中,每个元素默认都有一定的空白间距,这是由元素之间的换行符、空格或制表符导致的。在示例代码中,我们看到一系列的 `&lt;a&gt;` 元素,它们设置了 `display: inline-block`,但它们之间存在明显的空白。 为了...

    浅谈vue2 单页面如何设置网页title

    浅谈Vue2单页面如何设置网页title 在现代Web开发中,使用单页面应用程序(SPA)已经成为一种趋势,尤其是在前端框架如Vue、React等的推动下。然而,在单页面应用程序中,设置网页title却成为了一个棘手的问题。本文...

    浅谈php提交form表单

    需要注意的是,form标签中的action属性可以为空,此时表单会将数据提交到当前页面的PHP脚本进行处理,这是处理表单数据的一种常见方式。 总结来说,PHP提交form表单主要依赖GET和POST两种HTTP方法来实现。GET请求...

    DWZ table的原生分页浅谈

    为解决这个问题,可以在分页表单中再次设置这些条件的值,并在后台检查它们是否为空,以决定是否应用过滤。 关于`targetType`,如果设置为“navTab”,分页会导致整个标签页刷新。当试图异步加载包含表格的视图时,...

    浅谈网页基本性能优化规则小结

    3. **样式置顶,脚本置底**:为了确保页面能够尽快呈现,应该将CSS样式表放在`&lt;head&gt;`标签中,以便浏览器在解析HTML时可以并行加载样式。相反,将`&lt;script&gt;`标签置于页面底部,避免阻塞后续资源的下载。 4. **使用...

    浅谈vue中document.getElementById()拿到的是原值的问题

    3. 对于`document.getElementById()`获取不到DOM元素的情况,最常见的原因是JavaScript文件在HTML文档的`&lt;head&gt;`标签内进行引入。这会导致在DOM元素加载完成之前,JavaScript代码就已经执行了,从而无法获取到元素。...

    浅谈CSS 高度塌陷问题

    2. **额外标签法**:在父元素末尾添加一个无内容的空元素,并设置`clear: both;`,以清除浮动。这种方法虽然简单,但增加了不必要的HTML结构。 3. **开启BFC(块格式化上下文)**:通过设置`overflow: hidden;`或`...

    浅谈jQuery 选择器和dom操作

    内容过滤选择器如“:contains”和“:empty”分别用于选取包含特定文本或为空的元素。可见性过滤器“:hidden”和“:visible”则分别用于选取不可见和可见的元素。子元素过滤选择器“:nth-child”可用于选取具有特定...

    浅谈AngularJs指令之scope属性详解

    在AngularJs框架中,指令(directive)是一种扩展HTML标签的机制,并且可以提供可重用的组件。指令是AngularJs核心特性之一,允许开发者封装和实现各种DOM行为。本文将深入探讨AngularJs指令中的scope属性,这是一个...

    ASP伪静态实例

    - 如果`id`为空,则通过`Request.ServerVariables("QUERY_STRING")`获取整个查询字符串,然后去除分隔符(例如`/`和`.html`),最终得到整数类型的`id`。 - 使用`Server.CreateObject("adodb.recordset")`创建记录...

    浅谈css中浮动和清除浮动带来的影响

    这样可以不需额外HTML标签就能清除浮动。 3. **使用CSS Flexbox**:通过设置`display: flex;`在容器元素上,Flexbox布局可以自动处理子元素的浮动,无需额外的清除浮动操作。 4. **使用CSS Grid**:类似地,使用...

    浅谈前端网络、JavaScript优化以及开发小技巧

    关于CSS和JavaScript的放置,文章指出CSS应该放在HTML文档的部分,而JavaScript应该放在标签的底部。这样做的原因是,CSS可以并行下载,而JavaScript的加载会阻塞其他资源的下载,直到脚本执行完毕。这一点在HTTP2.0...

    浅谈Python采集网页时正则表达式匹配换行符的问题

    在HTML中,换行符通常由` `标签或者段落标签`&lt;p&gt;`来表示。 在正则表达式中,点号`.`是一个特殊字符,它匹配除换行符以外的任意单个字符。这意味着,如果HTML文本中包含换行符,那么使用`.`作为匹配符的正则...

    浅谈layui框架自带分页和表格重载的接口解析问题

    注意,在执行重载时,应确保点击事件不会导致页面刷新,例如避免使用`&lt;button&gt;`标签,而使用`&lt;div&gt;`标签,并将`lay-filter`和`data-type`属性设置为相应的值: ```html 搜索 ``` 对应的JavaScript代码: ```...

    ASP.NET编程之道.part1.rar

    陷阱24 母版页中使用img标签 陷阱25 页面缓存产生的陷阱 陷阱26 使用查询字符串在页面间传递参数 陷阱27 通用数据类型运算产生的陷阱 陷阱28 在模态窗口中下载文件 陷阱29 构造方法中调用虚方法的陷阱 陷阱30 使用值...

Global site tag (gtag.js) - Google Analytics