首页 > 其他分享 >13. HTML-- 注释的写法(附带示例)

13. HTML-- 注释的写法(附带示例)

时间:2022-09-29 16:25:55浏览次数:48  
标签:13 浏览器 示例 -- 代码 注释 HTML 文档 IE

1. 前言

HTML 注释主要用来对文档中的代码进行解释说明,注释也是代码的一部分,但浏览器会自动忽略注释的内容,所以用户在网页中是看不到注释的。

我们在编写代码时应该善用注释,因为一个完整的 HTML 文档往往由成百上千行代码组成,当我们想要修改其中的某个部分时可能需要花费很长的时间才能找到想要修改的地方。有了注释就不一样了,我们可以根据功能或者其它条件将程序划分为若干个部分并通过注释进行标记,这样可以帮助您和他人阅读您的代码,提高代码的可读性。

2. 单行注释

在 HTML 中您可以使用<!--  -->在代码中添加注释,<!---->之间的所有内容都会被视为注释。示例代码如下:

<!DOCTYPE html>
<html lang="en">
<!-- head 开始 -->
<head>
    <meta charset="UTF-8">  <!-- 当前文档采用UTF-8编码 -->
    <title>HTML注释的写法</title>
</head>
<!-- head 结束 -->
<!-- body 开始 -->
<body>
    <!-- 一段文本 -->
    <p>欢迎来到C语言中文网学习HTML教程,请记住地址:http://c.biancheng.net/html/</p>
</body>
<!-- body 结束 -->
</html>

运行结果如下所示:

HTML注释的写法
图1:HTML 注释的写法


注释可以出现在 HTML 文档的任意位置,包括文档开头、文档末尾、文档中间、标签外部、标签内容中等。

3. 多行注释

前面我们主要演示的是单行注释,在 HTML 中同样支持多行注释。多行注释与单行注释的区别并不大,我们只需要保证注释的内容在<!---->之间即可,如下所示:

<!--
    多行注释
-->

使用注释除了可以对代码进行说明外,还可以用来注释程序中的代码,例如当不希望某段代码执行时,就可以先将它们注释掉,这样浏览器就不会执行这段代码了。

4. IE 条件注释

条件注释仅对 Windows 系统上的 Internet Explorer(IE)浏览器中有效,其他的浏览器会忽略它们。从 IE5 开始支持条件注释,您可以使用条件注释为使用 IE 浏览器的用户提供一些说明。如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>IE浏览器条件注释</title>
</head>
<body>
<h4>根据不同的 IE 版本显示不同的内容</h4>
<!-- 如果使用 IE,则显示 -->
    <!--[if IE]>
        <p>您正在使用IE浏览器</p>
    <![endif]-->
    <!-- 如果使用 IE8,则显示 -->
    <!--[if IE 8]>
        <p>您正在使用 IE8</p>
    <![endif]-->
    <!-- 如果不是使用 IE7,则显示 -->
    <!--[if !IE 7]>
        <p>您使用的不是 IE7</p>
    <![endif]-->
    <!-- 如果版本小于 IE10,则显示 -->
    <!--[if lt IE 10]>
        <p>您正在使用 IE10 以下的版本</p>
    <![endif]-->
    <!-- 如果版本大于等于 IE6,则显示 -->
    <!--[if gte IE 6]>
        <p>您正在使用 IE6 及其以上的版本</p>
    <![endif]-->
</body>
</html>

在 IE8 下的运行效果:

条件注释在IE8下的运行效果
图2:条件注释在 IE8 下的运行效果


在 Chrome 浏览器下的运行效果:

条件注释在Chrome下的运行效果
图3:条件注释在 Chrome 下的运行效果


条件注释可以检测当前浏览器是否是 IE,以及 IE 版本,开发人员可以根据不同的 IE 浏览器加载不同的样式表或者 JS 脚本。

比较 IE 版本将会用到如下关键字:

  • lt:less than 的简写,也就是小于的意思。
  • lte:less than or equal to 的简写,也就是小于或等于的意思。
  • gt:greater than 的简写,也就是大于的意思。
  • gte:greater than or equal to 简写,也就是大于或等于的意思。
  • !:不等于


IE 浏览器对 HTML5 支持不太友好,低版本的行为更是怪异,IE 已经逐渐退出市场,各大互联网巨头也不再兼容 IE,大家在开发过程中也不用重点考虑 IE。

标签:13,浏览器,示例,--,代码,注释,HTML,文档,IE
From: https://www.cnblogs.com/jiajunling/p/16741966.html

相关文章

  • DP4056锂电池保护电源芯片兼容TP4056LTC4056
    dp4056是一款完整的单字节锂离子电池采用恒定电流/恒定电压线性充电器。其底部带有散热片的SOP8/MSOP封装与较少的外部元件数目使得成为便携式应用的理想选择。可以适合U......
  • 构造方法中触发属性观察器
    swift中的属性观察器didSet和WillSet经常用到,在属性值发生变化时触发。构造方法中给属性赋值无法触发属性观察器,如果确实需要在构造方法中触发,可以使用闭包的方式调用cl......
  • 同时启动node和vue项目解决方案
    前言自己写的前端项目是vue做前端页面,node做后端接口,但是每次启动都要分开打两次启动命令,感觉很不智能,于是决定用一个命令让项目同时启动vue和node说干就干。。。技术......
  • nslookup命令的常见用法
    nslookup主要用来诊断域名系统(DNS)基础结构的信息。查询DNS的记录,查询域名解析是否正常,在网络故障时用来诊断网络问题。本文中科三方将简单介绍nslookup的几种常用用法......
  • Linux CentOS的基本命令 (文件夹 和 文件)
    一.文件夹操作命令1.增加—mkdir(创建目录)1.1命令使用:  2.查看—ls2.1命令:ls[参数]查看目录下的内容2.2参数解释:   -l以详细形式查询当前目录下所......
  • Element UI下拉列表el-option中的key、value、label含义
    ElementUI下拉列表el-option中的key、value、label含义<el-selectv-model="queryParams.level"placeholder="级别"style='margin-right:5px;width:140px'clearable>......
  • 大端模式和小端模式
    总是将这两个弄混了,特此记录如下:大端模式(Big-endian):高位字节排放在内存的低地址端,低位字节排放在内存的高地址端,即正序排列,高尾端;小端模式(Little-endian):低位字节排放在内......
  • OKR 锦囊妙计
    Q3即将结束了,应该如何对OKR进行评分? 某HR提问:Q3的OKR即将结束了,我们需要对每个人的OKR完成情况进行评分,应该如何进行?需要注意什么?问题剖析:评分,是企业实现......
  • 多进程multiprocessing
    多进程实现简易版的抢票工具实现:多个进程共享同一文件,把文件当数据库,用多个进程模拟多个人执行抢票任务关键词:多进程,锁1)多进程importjsonimportosimporttimefro......
  • 数据类型内置方法1
    目录数据类型内置方法理论整型内置方法与操作浮点型内置方法与操作字符串内置方法与操作列表内置方法与操作可变类型与不可变类型作业数据类型内置方法理论我们之前所学......