注释多行 HTML 代码
在本文中,用户将学习一次性在多行 HTML 代码上添加注释。 如果我们简单地定义 HTML 注释,它们就是不被浏览器渲染或显示的代码片段或语句。
在两种情况下,我们需要对代码进行注释。 第一种情况是隐藏一些 HTML 元素以防止呈现到浏览器中,另一种情况是向我们的开发人员解释我们的代码。
用户可以考虑包含数千行代码而没有评论或解释的网页,以及如果任何新开发人员看到该代码会发生什么。 他们会明白吗? 没有!
所以,需要注释掉 HTML 代码中的单行或多行。
使用 <!- -->
标签注释掉多行 HTML 代码
在过去的几十年中,HTML 包含用于注释代码的 <comment>
标签,但目前已被弃用。
如今,<!-- –>
用作注释标签,并得到所有现代浏览器的支持。 它主要包含3个部分。
第一部分是 <!--
。 我们必须把它放在我们必须开始评论的第一行之前。
在这里,引人注目的是感叹号。 用户不要忘记添加它。
第二部分包含评论内容。 它可以是代码解释或 HTML 标签之类的任何东西,我们必须在浏览器中隐藏它们以防止呈现。
第三部分是 -->
关闭注释,我们必须把它放在评论的最后一行之后。
示例代码:
<html>
<head>
<title>Multiple line comment Example.</title>
</head>
<body>
<!-- This is the code explanation comment.
<p>This will not be shown on the browser.</p>
-->
<p>Code to render.<p>
</body>
</html>
在上面的示例中,我们为 2 行 HTML 代码添加了注释。
第一行解释代码,第二行包含 <p>
标签。 所以,我们也学会了通过举例来注释掉 HTML 标签。
使用键盘快捷键注释掉多行 HTML 代码
用户可以使用键盘快捷键来注释掉多行 HTML 代码。
为此,用户必须选择他们想要注释掉的所有 HTML 代码行。 之后,如果您是 macOS 用户,请同时按下 Command+/
键; 否则,如果您是 Windows 或 Linux 用户,请按 ctrl+/。
但是,该方法也会将需要注释的多行放在 <!-- -->
标签之间。
此外,用户可以使用 <!-- –>
对单行 HTML 代码进行注释。
相关文章
HTML 中的 role 属性
发布时间:2023/05/06 浏览次数:124 分类:HTML
-
本篇文章介绍 HTML role属性。HTML中 role 属性介绍,role 属性定义描述语义的 HTML 元素的角色。
在 HTML 中打印时分页
发布时间:2023/05/06 浏览次数:188 分类:HTML
-
本篇文章介绍如何在打印 HTML 页面或内容时强制分页。将 page-break-after 属性设置为 always Inside @media print to Page Break in HTML
在 HTML 中显示基于 Cookie 的图像
发布时间:2023/05/06 浏览次数:154 分类:HTML
-
本文介绍如何根据 HTML 中的 cookies 显示图像。根据 HTML 中设置的 Cookies 显示图像。问题陈述是我们需要根据网页传递的cookie来显示特定的图像。
在 HTML 中创建下载链接
发布时间:2023/05/06 浏览次数:140 分类:HTML
-
本文介绍如何在 HTML 中创建下载链接。使用 download 属性在 HTML 中创建下载链接.。我们可以使用 HTML 锚元素内的下载属性来创建下载链接。
HTML 中的 ::before 选择器
发布时间:2023/05/06 浏览次数:70 分类:HTML
-
本教程介绍 CSS ::before 伪元素。CSS ::before 伪元素。 ::before 选择器是一个 CSS 伪元素,我们可以使用它在一个或多个选定元素之前插入内容。 它默认是内联的。
在 HTML 中创建一个可滚动的 Div
发布时间:2023/05/06 浏览次数:54 分类:HTML
-
本篇文章介绍如何使 HTML div 可滚动。本文将介绍在 HTML 中使 div 可滚动的方法。 我们将探索垂直和水平滚动,并通过示例查看它们的实现。
HTML 显示箭头的代码
发布时间:2023/05/06 浏览次数:153 分类:HTML
-
一篇关于用于显示箭头的 Unicode 字符实体的紧凑文章。本文讨论使用 Unicode 字符实体在我们的 HTML 页面上显示不同的字符。 HTML 中使用了许多实体,但我们将重点学习表示上、下、左、右的三角
在 HTML 中启用和禁用复选框
发布时间:2023/05/06 浏览次数:149 分类:HTML
-
本篇文章介绍如何启用和禁用 HTML 中的复选框。HTML 中的复选框 复选框是一个交互式框,可以切换以表示肯定或否定。 它广泛用于表单和对话框。
HTML 中的只读复选框
发布时间:2023/05/06 浏览次数:198 分类:HTML
-
本篇文章介绍了如何在 HTML 中制作只读复选框。本文是关于如何使 HTML 复选框控件成为只读组件的快速破解。 但是,首先,让我们简要介绍一下复选框控件。