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

本篇是沂轱关于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)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0 0
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,314评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,736评论 1 45
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,321评论 1 41