美文网首页
可替换标签与空标签小介绍

可替换标签与空标签小介绍

作者: 饥人谷_子安 | 来源:发表于2019-01-30 23:38 被阅读0次

本篇是沂轱关于HTML中可替换标签与空标签的记录

 开篇介绍

        HTML,全名超文本置标语言(Hyper Text Markup Language),是一种描述网页的语言;在HTML中使用标签对网页进行描述,HTML的标签通常是成对出现,而且往往第一个是开始标签,第二个结束标签;但是,我们今天的主角不是这些通常的标签,而是一些沂轱还没听说过的标签,所以沂轱将其记录下来,方便日后复习

 进入正题

 可替换标签

        蛤?可替换标签?这是神马玩意?在 HTML中标签是其基础,浏览器根据标签和属性,来决定标签的具体显示内容;换句话说,可替换标签的内容不受当前文档样式的影响。使用 CSS 可以影响可替换标签的位置,但不会替换可替换标签本身的内容
        典型的可替换标签有:

  • <img>
  • <video>
  • <object>
  • 表单标签,如<textarea>、<input>
       仅在特定情况下,才可被视为可替换标签的有:
  • <canvas>
  • <audio>

通过CSS content属性来插入的对象,被称为匿名可替换标签

 空标签

        不存在子节点的元素即为空标签。

例如内嵌的元素,元素内的内容都是子节点

        那么元素又是什么呢?

举个例子:
<title>我爱我家</title>
<title></title>就是标签
我爱我家称为内容
<title>我爱我家</title>称为元素

        元素 = 标签 + 内容,一般我们都将元素称为标签,空标签通常为自封闭标签。也就是该标签不像通常的HTML标签一样成对出现,既有开始标签,也有结束标签;给空标签加上一个闭标签是没有意义的,因为这没有任何效果。

举个例子:
<meta charset = "utf-8"/>
注:meta后面可不加/,个人习惯
meta属于空标签,本身就是一个自闭合标签,如果在后面添加一个</meta>反而没有意义

        在HTML中的空标签有:

  • area
  • base
  • col
  • colgroup when the span is present
  • command
  • embed
  • hr
  • img
  • input
  • keygen
  • link
  • meta
  • param
  • source
  • track
  • wbr

注:极少数情况下,空标签被错误的称为“无效元素”(void elements)

相关文章

  • 可替换标签与空标签小介绍

    本篇是沂轱关于HTML中可替换标签与空标签的记录 开篇介绍 HTML,全名超文本置标语言(Hyper Text M...

  • HTML中需要掌握的标签

    目录 概述 需要掌握的标签 (HTTP GET请求) (HTTP POST请求) 空标签可替换标签 语义化的理...

  • 什么是空标签和可替换标签

    空标签 一个空元素(empty element)可能是HTML,SVG,或者MathML 里的一个不可能存在子节点...

  • 什么是空标签和可替换标签

    空标签 没有闭合的标签称为空标签,如: 和 等。他们不存在成对的情况(我是这么理解,觉得的不对的请指正我。)反之具...

  • 可替换标签

    CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一类 外观渲染独立...

  • HTML常用标签,什么是空标签和可替换标签

    空标签 含义:标签里面不能有内容。在 HTML 中,通常在一个空元素上使用一个闭标签是无效的。HTML中有以下空标...

  • MDN学习网站及HTML标签

    学习的内容(查维基百科/MDN) W3C 简介 MDN 简介 HTML 所有标签列表 什么是空标签 什么是可替换标...

  • HTML概述

    目录:1.W3C简介2.MDN简介3.HTML所有标签列表(含部分解释)4.空标签5.可替换标签6.其他 1.W3...

  • HTML常用标签难点

    1.iframe标签 页面嵌套标签。默认情况下,iframe标签的高度是50,宽度为100,是一个可替换的标签。难...

  • HTML常用标签

    1.iframe标签 嵌套页面,是可替换标签。属性:name嵌入的浏览上下文(框架)的名称,该名称用作和 标签和 ...

网友评论

      本文标题:可替换标签与空标签小介绍

      本文链接:https://www.haomeiwen.com/subject/eescsqtx.html