`
阅读更多

【前言】

    刚听到别的老师说道空标签,感觉说法不太严谨,这里简单总结下

 

【主体】

    (1)没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,如<br />

    (2)特性:

             ①空标签不成对出现

             ②标签多用来占位,像<input />框,没有属性的话是没有值的。仅一个空标签做不了什么事情。这点和<hr />不一样,<hr />标签在 HTML 页面中创建一条水平线。

    (3)作用:

             用来占位,以便后面要插入什么数据就不会改变布局。有的时候是为了方便布局。

    (4)空元素 ( 在 HTML[1] 元素中,没有内容的 HTML 元素被称为空元素 )

            <br/> //换行

            <hr> //分隔线

            <input> //文本框等

            <img> //图片

            <link>

            <meta>

 

 

.

分享到:
评论

相关推荐

    浅谈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请求...

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

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

    DWZ table的原生分页浅谈

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

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

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

    浅谈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