zoukankan      html  css  js  c++  java
  • HTML中的空元素

    HTML中的空元素

    一、总结

    一句话总结:

    空元素的定义: 类似于<img >这种没有元素内容和标记的元素就称为空元素,也称自闭合元素。

    1、html中常见的空元素标签?

    img标签、link标签、br标签、hr标签

    二、HTML中的空元素

    博客对应视频位置:1、空元素
    https://fanrenyi.com/video/3/18

    转自或参考:HTML中的空元素
    https://www.cnblogs.com/L231/articles/9195413.html

    1.     HTML中,从开始标签到结束标签的所有代码,被称为HTML元素。元素的内容是开始标签与结束标签之间的内容。举个例子: 在HTML中我们经常能遇到像 <img > 这样的没有结束标签的元素,<img >就是一个空元素。

    2.    空元素的定义: 类似于<img >这种没有元素内容和标记的元素就称为空元素,也称自闭合元素。

    一个空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一个不可能存在子节点(例如内嵌的元素或者元素内的文本)的element。

    3.下面介绍几种常用的空元素:

          <img > 标签就是用来连接图像文件的。<img> 标签有两个的属性:src属性 和alt属性  。其中 src属性是必须要有的,表示图像文件的路径,即 URL。

                        alt 属性指定了替代的文本内容,在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。也可以理解为这里的文本内容就是用来描述图像文件的,                      当图像无法正常在浏览器中显示时,用文本来描述。

      <link>   是外部链接样式表,只能存在于head里面,可以出现多次,是非常重要的一个空元素。

                 具体写法:     <head>
                                       <link rel="stylesheet" type="text/css" href="css样式表的路径" />
                              </head>

          <br>   主要用来在页面中换行,没有任何语义,一般用到的地方相对较少。

          <hr>  主要功能是:在页面中制造一个分割线,没有任何语义。

    当然空元素还有其他的,这里只是举例四个比较常见的,空元素相对于其他元素都有其自身非常显著的特点和功能,在html中空元素也是比较容易理解和应用的元素。

     
     
     
  • 相关阅读:
    【反射】Java反射机制
    Composer教程之常用命令
    Composer教程之基础用法
    Composer教程之初识Composer
    Composer 的结构详解
    现代 PHP 新特性系列(七) —— 内置的 HTTP 服务器
    现代 PHP 新特性系列(一) —— 命名空间
    现代 PHP 新特性系列(二) —— 善用接口
    现代 PHP 新特性系列(三) —— Trait 概览
    现代 PHP 新特性系列(四) —— 生成器的创建和使用
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12064557.html
Copyright © 2011-2022 走看看