喜欢评论CSS.,添加注释HTML.可以帮助您编写和组织网页的后端。
您可以添加评论以解释您的代码,这将使将来更容易编辑或与其他开发人员一起使用。您还可以使用注释来简化您的调试工作。
让我们在HTML中的评论中更密切看看,然后定义HTML中的“评论”意味着什么。
HTML中的注释是什么?
在HTML中,注释是包含在< !╌╌>标签中的文本。这个语法告诉浏览器它们是注释,不应该在前端呈现。
多亏了comments标记,您可以留下注释来提醒自己在构建过程中哪里结束了。您可以解释一段代码的预期功能,无论是为了其他开发人员,还是为了您未来的自己。
您还可以与在同一代码上同时工作的其他开发人员进行通信。您可能会给他们留下一个警告,让他们只在晚上运行某个函数,因为它需要很长时间来执行。或者你可以给他们分配一个任务,或者用评论指出一个错误。
简而言之,HTML的评论可以帮助您在构建,调试或时更聪明地工作,更好重新设计一个网站。让我们来看看一个例子。
HTML注释的例子
假设你正在建造一个Bootstrap网站与一个开发人员团队。你想留下一个提醒他们的注意Bootstrap按钮应该使用主修改器类,以便它们都是相同的颜色。
这是您的HTML可能看起来像的,以及前端的结果:
看笔xxgwwoa.由克里斯蒂娜富人(@hubspot.) 在Codepen.。
如上所述,评论在前端成功隐藏。
现在我们了解如何评论HTML,让我们来看看如何发表评论。
如何在HTML中发表评论
在HTML中“注释出来”,只需将<!╌╌>标记放在您要隐藏的代码周围。这些标记会告诉浏览器不会在前端呈现此代码。
评论出来有两个主要目的。一个人正在调试代码。在发现错误后,您可能会评论出前几行代码,检查错误是否仍然发生,并继续重复该过程,直到孤立错误代码。
第二个目的与版本历史有关。由于注释出来意味着代码将在后端可见,因此它可以是一种方式显示刚加入或继承了Web项目的新开发人员的代码基础的不同迭代。
让我们来看一个例子。假设我在Bootstrap中创建一个页面:我有一个Navbar.,标题,段落和按钮。
这是HTML和页面的外观在前端:
看笔带inabbar和按钮的引导页面由克里斯蒂娜富人(@hubspot.) 在Codepen.。
也许我预览了我的工作并发现有一个错误。在这种情况下,我可以评论每个元素以隔离代码的哪个部分包含错误。
或者我运行一些/ b测试并发现该按钮没有得到任何点击,我想删除它。在这种情况下,我可以发表评论,请注意,底部页面上的CTA按钮没有转换。然后,下一个人出现并尝试优化页面上的转换率将知道以另一个按钮放置开始。
注释了代码
“注释出”按钮 - 或任何HTML元素 - 只需将元素包装在<!╌╌>标记中。这些标签之间的一切都不会显示在前端。
<! - 按钮未在7月份转换如此删除<按钮类=“BTN BTN-Might”类型=“提交”>按钮 Button> - >
其余代码将保持不变。除按钮外,前端的所有内容也将相同。你可以在下面看到自己。
看笔ylgkeyz.由克里斯蒂娜富人(@hubspot.) 在Codepen.。
在您的HTML中留下评论
注释是在代码中与人“对话”的另一种方式。您可以在web项目中为其他合作者添加注释,或者您可以给自己留下注释,提醒您回到某个部分,或在下次重新设计时将其优先化。最好的部分?评论不会出现在你的网站的前端,而且它们很容易掌握,即使你只是刚刚开始学习HTML和CSS。
最初出版于4月12日,2021年7:00:00,Updationed 8月23日2021年
话题:
HTML.别忘了分享这篇文章!
相关文章
扩大优惠
注册HubSpot的CMS软件雷竞技苹果下载官方版
现在得到它