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. 【构建工具】《Maven实战》读书笔记

    Maven是我们在做Java开发过程中用经常用到的一个辅助工具.本篇博客是我学习Maven的一个记录博客,学习过程主要参考<Maven实战>这本书.同时也参考了Maven的官方文档. 1. ...

  2. Java多线程编程(七)线程状态、线程组与异常处理

    一.线程的状态 线程对象在不同的运行时期有不同的状态,状态信息就存在于State枚举类中. 调用与线程有关的方法后,会进入不同的线程状态,这些状态之间某些是可双向切换的,比如WAITING和RUNNI ...

  3. Pythonyu语法入门01

    引子 ​ 基于上一篇所学,有了计算机硬件,再在硬件之上安装好操作系统,我们就有了一个应用程序的运行平台,我们接下来的任务就是学习如何使用某款编程语言来开发应用程序. ​ 本篇的主题是先带大家了解下编程 ...

  4. 全方面讲解TensorFlow

    任何曾经试图在 Python 中只利用 NumPy 编写神经网络代码的人都知道那是多么麻烦.编写一个简单的一层前馈网络的代码尚且需要 40 多行代码,当增加层数时,编写代码将会更加困难,执行时间也会更 ...

  5. CSPS模拟 85

    WWB大佬的bitset映射真是太强了! %%% T1 观察样例,猜规律. T2 对题目的翻译工作用了很长时间 翻译错了好几次.. 观察到奇环没法染色,选的边必须把奇环弄断 如果在偶环上,偶环就变得没 ...

  6. KETTLE常见问题和优化

    1.创建MySQL空资源库报错问题:因为boolean类型的问题,Mysql中的boolean类型实际上保存为TINYINT,需要手动的修改生成资源库的sql脚本,将其中的插入用户ENABLED的值由 ...

  7. ie浏览器兼容性的入门解决方案

    IE浏览器的兼容性素来是令人头疼的问题,大名鼎鼎的FUCK-IE不是浪得虚名的. 这里使用的解决方案是HACK,具体原理就是针对不同的浏览器写不同的HTML.CSS样式,从而使各种浏览器达到一致的渲染 ...

  8. 使用Typescript重构axios(十一)——接口扩展

    0. 系列文章 1.使用Typescript重构axios(一)--写在最前面 2.使用Typescript重构axios(二)--项目起手,跑通流程 3.使用Typescript重构axios(三) ...

  9. 防火墙firewalld的基础操作

    防火墙Firewalld.iptables 1.systemctl模式 systemctl status firewalld #查看状态 2 systemctl start firewalld #启动 ...

  10. Java自动生成数据

    最近在造数据库中的表数据,写了些数据生成类 可以随机生成姓名.性别,民族,出生日期,身份证号,手机号,邮箱,身高,文化程度,地址,单位,日期时间,编码等 package com.util.create ...