在脚本标签内使用 HTML 注释是否最佳实践?
在尝试理解HTML 注释在脚本标签内是否为最佳实践之前,让我们讨论一下如何在 HTML 中编写注释,以及在 HTML 中注释的不同方法。
通常,注释有助于理解语句,留下备注并提供解释。它还有助于在测试或开发新功能时禁用语句。
语法
以下是注释表示的语法:
<!-- statement-->
让我们看看在程序中表示注释的不同方法:
插入单行注释
单行注释应用于单个语句,使用开始标签和结束标签,例如 <!-- -- >。我们将插入这些注释以提醒代码中正在发生的事情。
注意 - 注释标签中不应有空格,例如 < ! – 无效。在标签内可以包含任意数量的空格,但标签必须在没有空格的情况下表示 <!--。
示例
以下示例显示了如何表示单行注释:
<html> <head> <title> Single line comment</title> </head> <body> <!—paragraph begins here --> <p> TutorialsPoint Website</p> </body> <html>
当我们运行以上代码时,将显示单行注释“Tutorialspoint 网站”。
如何创建多行注释
可以使用多行注释跨越多行,这有助于解释复杂的代码。
示例
以下是示例,它显示了如何在 HTML 中表示多行注释。
<html>
<head>
<title> Multiline comments</title>
</head>
<body>
<!—
TutorialsPoint is having a technical content website Where we can find all technical related information with Content as well as videos
-->
<p> TutorialsPoint WEBSITE </p>
</body>
<html>
当我们运行以上代码时,输出将以多行注释显示。
如何使用注释功能快速禁用代码
当我们试图跟踪错误或试图阻止代码在页面上运行时,我们可以使用注释功能快速阻止代码,这样我们就可以通过简单地删除注释标签轻松地恢复代码。
示例
以下示例显示了如何在 HTML 中使用注释功能快速禁用代码。
<html> <head> <title>Comment function for quickly disable code</title> </head> <body> <p>Images related to Courses</p> <img src="https://tutorialspoint.com/images/ncert-books-class-6-maths_icon.svg" height=150 width=150><br><br> <!-- Hiding this image for now <img src="/images/pic2.jpg height=150 width=150"><br> --> <img src="https://tutorialspoint.com/images/statistics_icon.svg" height=150 width=150> </body> </html>
当我们运行以上程序时,将显示与课程相关的文本以及图像。
注释功能以隐藏不受支持的浏览器上的脚本
如果我们使用JavaScript或任何其他脚本语言,我们使用注释功能隐藏不支持该浏览器的浏览器上的脚本。为了确保脚本在支持的浏览器上工作,我们必须在脚本的开头插入注释,并在 //--> 处结束它。
示例
以下示例显示了如何使用注释功能隐藏不受支持的浏览器上的脚本。
<html>
<head>
<title>JavaScript</title>
</head>
<body>
<script language="javascript" type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>
示例
考虑一个示例,它解释了在 HTML 中编写注释是否为最佳实践。
JavaScript 可以使用放置在 <script>... </script> 内的JavaScript 语句来实现。
</script>. <script ...> JavaScript code </script>
示例
HTML 注释添加到 <script> 标签中,这是可选的:
<html>
<body>
<script>
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>
数据结构
网络
RDBMS
操作系统
Java
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP