HTML 空元素

在 HTML 中,通常在一个空元素上使用一个闭标签是无效的。例如,<input type="text"> </input> 的闭标签是无效的 HTML。

HTML的空元素

  • <area>:在图片上定义一个热点区域

  • <base>:指定用于一个文档中包含的所有相对URL的基本URL。一分中只能有一个<base>元素

  • <br>:在文本中产生一个换行(回车键)。这对于写诗或写一个地址来说显得很有用。它可以将行明显地分开。

  • <col>:定义表格中的列,并用于定义所有公共单元格上的公共语义。它通常位于<colgroup>元素内。

  • <colgroup> when the span is present:表格列组(Column Group)标签用来定义表中的一组列表。

  • <command>:用来表示一个用户可以调用的命令。

  • <embed>:用来表示一个外部应用或交互式内容的集合点,换句话说,就是一个插件。

  • <hr>:表示段落级元素之间的主题转换(比如故事场景改变、一个章节主题改变等)。在 HTML 早期版本中,它是一个水平线。现在它仍能在可视化浏览器中表现为水平线,但目前被定义为语义上的,而不是表现层面上。

  • <img>:代表文档中的一个图像。

  • <input>:用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。

  • <keygen>:为了方便生成秘钥材料和提交作为 HTML form 的一部分的公钥。这种机制被用于设计基于 Web 的证书管理系统。按照预想,<keygen> 元素将用于 HTML 表单与其他的所需信息一起构造一个证书请求,该处理的结果将是一个带有签名的整数。

  • <link>:指定了外部资源与当前文档的关系。这个元素的使用方法包括为导航定义关系框架。这个元素经常用来链接CSS文件。

  • <meta>:表示那些不能由其它 HTML 元相关元素(<base>, <link>, <script>, <style> 或 <title>)之一表示的任何元数据信息。

  • <param>:(HTML Parameter)定义了 <object> 的参数。

  • <source>:强调了诸如<picture>, <audio> 或 <video> 这些元素的媒体来源。通常可以在不同的浏览器当中以多种格式展现相同的媒体内容。

  • <track>:被当做媒体元素<audio> 和 <video> 子元素来使用。它允许指定计时字幕(或者基于时间的数据),例如自动处理字母。

  • <wbr>:Word Break Opportunity,相对与
    标签可以称为‘软换行’,意思是浏览器窗口或者父级元素的宽度足够宽(没必要换行)时,不进行换行;而当宽度不够时,主动在此处进行换行,如果单词太长,或者担心浏览器会在错误的位置换行,可以用这个标签。它对于字符型语言用处较大,但是对于像中文这种语言用处不大。另外所有浏览器都支持该标签,Internet Explorer 除了 IE9以外都不支持。

NOTE:在极少数情况下,空元素被错误地称为“无效元素” (void elements)。

转自简书:https://www.jianshu.com/p/760df8dfcb7e;作者:ScottWalker

HTML 空元素(转)的更多相关文章

  1. C# 生成XML空元素/空节点自动换行解决方案

    使用DataSet可以直接输出XML,并可指定是否带有Schema: ds.WriteXml(XMLFile,XmlWriteMode.WriteSchema ) 不过,这样将不会输出值为Null的字 ...

  2. html行内元素,块元素,空元素

    行内元素:img    span    input  a  b  br  lable   ; 块元素:dl  dt  dd  div  form  table  li  ol  ul  li  h1- ...

  3. c#删除 list中的元素和怎么去除空元素

    ; i >= ; i--) { if (list[i].NO == item.NO) { list.RemoveAt(i); } } public void RemoveItemFromList ...

  4. c# 移除数组为空元素

    通过字符串分割取得的数组中,有的时候可能需要处理除掉数组元素值为空的情况,所以可以按照如下代码完成: string rs="";//需要分割的字符串 char[] chspilt= ...

  5. HTML空元素

    什么是空元素? 首先空元素下是没有子级节点和内容的.然后空元素是在开始标签中关闭的,也就是说空元素没有闭合标签的. 在HTML中的空元素有以下几个: <area> <base> ...

  6. 怎样理解数组的空元素empty与undefined的区别

    数组的空元素empty表示空位, 它不是一种数据类型, 而是由于人为修改arr.length 或者写入时多写了逗号造成的. var arr = [1,2,3,4,,,5]; arr.length; a ...

  7. HTML 标签:常规元素和空元素

    HTML标签分为空元素和常规元素 其中空元素是自关闭的,不需要成对地添加关闭标签. 空元素包括:img,input,textarea,select,br,hr,command,link,keygen, ...

  8. 解决vite+elementplus 打包后出现的下拉列表多出空元素的bug

    打包后下拉列表出现的空元素bug 之前的项目element-plus版本是 "^1.0.2-beta.70"  把他升级一下就好了 npm i element-plus@1.0.2 ...

  9. 【轻松前端之旅】HTML的块元素、行内元素和空元素

    块(block)元素 显示成一块,前后有换行.块元素常用于web页面的主要构造模块.例如:<div>,<p>,<h1>~<h6>,<blockqu ...

随机推荐

  1. CasperJS 前端功能测试

    CasperJS 是一个开源的导航脚本和测试组件.它提供实用的高级函数.方法和语法糖,可完成以下任务: 对浏览导航步骤的定义和排序 填写和提交表单 点击和跟踪链接 获取页面快照(或者页面中的某部分) ...

  2. 斯坦福机器学习课程 Exercise 习题四

    Exercise 4: Logistic Regression and Newton’s Method 回顾一下线性回归 hθ(x)=θTx Logistic Regression hθ(x)=11+ ...

  3. unity 开启外部摄像头

    在unity中建立一个image作为摄像头显示画面,然后通过命令render到image上即可. public WebCamTexture webTex; public string deviceNa ...

  4. ansible模块之yum、pip、service、corn、user、group

    ansible相关模块 yum rpm 和yum 的区别 rpm:全称redhat package manager (红帽包管理器) 不能解决包之间的依赖关系 yum:可以解决依赖关系 yum 源配置 ...

  5. 【java基础之异常】死了都要try,不淋漓尽致地catch我不痛快!

    目录 1.异常 1.1 异常概念 1.2 异常体系 1.3 异常分类 1.4 异常的产生过程解析 2. 异常的处理 2.1 抛出异常throw 2.2 Objects非空判断 2.3 声明异常thro ...

  6. Caused by: java.lang.IllegalArgumentException: Property 'sqlSessionFactory' or 'sqlSessionTemplate' are required [ IDEA mybatis项目报错 ]

    今天笔者用Springboot框架整合Mybatis做一个小小的项目: 代码写完,在运行项目时,IDEA给我报了3处错误: org.springframework.beans.factory.Unsa ...

  7. (JavaScript) base64 字符串 和 ArrayBuffer 之间转换

    base64 --> ArrayBuffer function base64ToUint8Array(base64String) { const padding = '='.repeat((4 ...

  8. 在虚拟机上的关于Apache(阿帕奇)(1)开启Apache服务以及介绍基础服务

    我们来开始讲述Apache(阿帕奇)服务 小知识: Apache   使得一台服务器上放很多网站,网站同时访问  可以使网站更安全(木马如果是root权限  如果webshell  apache 可用 ...

  9. 【CF696D】Legen...(AC自动机)(矩阵快速幂)

    题目描述 Barney was hanging out with Nora for a while and now he thinks he may have feelings for her. Ba ...

  10. 学习笔记47_关于Session局限性问题,Memcache

    三大问题: 1.Session性能问题 2.不能稳定输出.考虑使用进程外Session 3.组成集群,登录数据进行共享 (比如说像百度,百度网盘,百度文库等是使用不同的服务机器的,怎样避免使用的时候不 ...