【前言】
本文简单说下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空链接的作用 在Web开发中,HTML(HyperText Markup Language)作为构建网页的基础语言之一,其各种元素及其属性对于实现丰富的页面功能至关重要。本文将深入探讨HTML中的一个特殊元素——空链接...
对可能出错的操作进行检查,避免未定义的变量或空指针异常。 9. **代码一致性**:在整个项目中保持一致的编码风格,这包括缩进、命名、注释等。可以采用ESLint等工具自动检查和修复编码风格问题。 10. **模块化**...
3. **HTML表单设置**:在HTML中,用于文件上传的`<input>`标签必须具有`type="file"`属性。如果缺少这个属性,用户无法选择文件,因此`$_FILES`数组也将为空。 4. **错误的文件选择**:用户未选择任何文件,或者...
一个AngularJS模块定义了一个应用的边界,它封装了应用程序的视图(HTML模板)、控制器(JavaScript控制器)、指令(自定义HTML标签、属性、注释或元素)、路由(URL解析规则)以及服务(单例对象,比如模型、共享...
在 HTML 中,每个元素默认都有一定的空白间距,这是由元素之间的换行符、空格或制表符导致的。在示例代码中,我们看到一系列的 `<a>` 元素,它们设置了 `display: inline-block`,但它们之间存在明显的空白。 为了...
浅谈Vue2单页面如何设置网页title 在现代Web开发中,使用单页面应用程序(SPA)已经成为一种趋势,尤其是在前端框架如Vue、React等的推动下。然而,在单页面应用程序中,设置网页title却成为了一个棘手的问题。本文...
需要注意的是,form标签中的action属性可以为空,此时表单会将数据提交到当前页面的PHP脚本进行处理,这是处理表单数据的一种常见方式。 总结来说,PHP提交form表单主要依赖GET和POST两种HTTP方法来实现。GET请求...
为解决这个问题,可以在分页表单中再次设置这些条件的值,并在后台检查它们是否为空,以决定是否应用过滤。 关于`targetType`,如果设置为“navTab”,分页会导致整个标签页刷新。当试图异步加载包含表格的视图时,...
3. **样式置顶,脚本置底**:为了确保页面能够尽快呈现,应该将CSS样式表放在`<head>`标签中,以便浏览器在解析HTML时可以并行加载样式。相反,将`<script>`标签置于页面底部,避免阻塞后续资源的下载。 4. **使用...
3. 对于`document.getElementById()`获取不到DOM元素的情况,最常见的原因是JavaScript文件在HTML文档的`<head>`标签内进行引入。这会导致在DOM元素加载完成之前,JavaScript代码就已经执行了,从而无法获取到元素。...
2. **额外标签法**:在父元素末尾添加一个无内容的空元素,并设置`clear: both;`,以清除浮动。这种方法虽然简单,但增加了不必要的HTML结构。 3. **开启BFC(块格式化上下文)**:通过设置`overflow: hidden;`或`...
内容过滤选择器如“:contains”和“:empty”分别用于选取包含特定文本或为空的元素。可见性过滤器“:hidden”和“:visible”则分别用于选取不可见和可见的元素。子元素过滤选择器“:nth-child”可用于选取具有特定...
在AngularJs框架中,指令(directive)是一种扩展HTML标签的机制,并且可以提供可重用的组件。指令是AngularJs核心特性之一,允许开发者封装和实现各种DOM行为。本文将深入探讨AngularJs指令中的scope属性,这是一个...
- 如果`id`为空,则通过`Request.ServerVariables("QUERY_STRING")`获取整个查询字符串,然后去除分隔符(例如`/`和`.html`),最终得到整数类型的`id`。 - 使用`Server.CreateObject("adodb.recordset")`创建记录...
这样可以不需额外HTML标签就能清除浮动。 3. **使用CSS Flexbox**:通过设置`display: flex;`在容器元素上,Flexbox布局可以自动处理子元素的浮动,无需额外的清除浮动操作。 4. **使用CSS Grid**:类似地,使用...
关于CSS和JavaScript的放置,文章指出CSS应该放在HTML文档的部分,而JavaScript应该放在标签的底部。这样做的原因是,CSS可以并行下载,而JavaScript的加载会阻塞其他资源的下载,直到脚本执行完毕。这一点在HTTP2.0...
在HTML中,换行符通常由` `标签或者段落标签`<p>`来表示。 在正则表达式中,点号`.`是一个特殊字符,它匹配除换行符以外的任意单个字符。这意味着,如果HTML文本中包含换行符,那么使用`.`作为匹配符的正则...
注意,在执行重载时,应确保点击事件不会导致页面刷新,例如避免使用`<button>`标签,而使用`<div>`标签,并将`lay-filter`和`data-type`属性设置为相应的值: ```html 搜索 ``` 对应的JavaScript代码: ```...
陷阱24 母版页中使用img标签 陷阱25 页面缓存产生的陷阱 陷阱26 使用查询字符串在页面间传递参数 陷阱27 通用数据类型运算产生的陷阱 陷阱28 在模态窗口中下载文件 陷阱29 构造方法中调用虚方法的陷阱 陷阱30 使用值...