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

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

作者: 饥人谷_子安 | 来源:发表于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)

    相关文章

      网友评论

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

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