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. 基于Spring Boot的问答系统之一:elasticsearch 7.2的hello world入门

    好久没有写代码了,最近想做一个基于spring boot + vue + elasticsearch + NLP(语义相关性)的小系统练练手,系统后面可以成为一个聊天机器人,客服系统的原型等等. 所以 ...

  2. 关于javascript闭包的最通俗易懂的理解

    这两天在研究闭包,网上一通找,有牛人写的帖子,有普通人写的帖子,但是大多没戳中本小白所纠结的点,而且大多插入了立即执行函数,其实根本不需要的,反而让人产生了误解.这里我用我的方式讲解一下闭包. 1.目 ...

  3. Spring Boot项目在多环境下(开发、生产或测试环境)调用不同配置文件方式

    写在前面 最近由于项目要求,原先的项目只有开发环境的项目配置,后来不利于线上测试,于是,最近对于SpringBoot这部分多环境配置在网上查找了相关资料,并实现了配置,于是为了防止遗忘,特在此进行总结 ...

  4. python str的一些操作及处理

    一.str的定义:Python中凡是用引号引起来的数据可以称为字符串类型,组成字符串的每个元素称之为字符,将这些字符一个一个连接起来,然后在用引号起来就是字符串. 二.str的简单操作方法: conu ...

  5. Hibernate---快速入门

    Hibernate简介 Hibernate是一个开放源代码的对象关系映射框架,它对JDBC进行了非常轻量级的对象封装,它将POJO与数据库表建立映射关系,是一个全自动的orm框架,hibernate可 ...

  6. 初识mysql索引 - 小白篇

    :接触mysq也有两年左右的时间了,但是对该数据库的理解自认还比较初级,看过很多文章,也看过一些相关的书籍,依然小白....(这里个人总结是两点主要原因:1.对mysql的学习大部分都是源于看一些杂七 ...

  7. mysql中的锁机制之悲观锁和乐观锁

    1.悲观锁? 悲观锁顾名思义就是很悲观,悲观锁认为数据随时就有可能会被外界进行修改,所以悲观锁一上来就会把数据给加上锁.悲观锁一般都是依靠关系型数据库提供的锁机制,然而事实上关系型数据库中的行锁,表锁 ...

  8. Angular开发规范

    目录  一.         前言 1.1.       规范目的 1.2.       局限性 二.         文件规范 2.1.       文件结构约定 2.2.       单一职责原则 ...

  9. day3(数论)

    总得来说,这是可怕的一天,极其可怕的一天(完) 一.数论 阴影啊! 首先,设ab为两个整数,则存在唯一的q和r,使得a=qb+r 若r=0,则b整除a,记作b|a. (1)同余 若a/m和b/m的余数 ...

  10. T1

    老师的作业提示里说有难题,也有水题,果真很水... 单纯的模拟加暴力 #include<iostream> using namespace std; int n; ; int cow[ma ...