首頁 web前端 前端問答 怎麼註釋html

怎麼註釋html

Apr 01, 2021 am 10:58 AM
html

在HTML中可以透過「」標籤來新增註解;註解不會顯示在頁面中,它可以用來提醒網頁設計人員回憶相關的程序訊息;註解行的寫法如「<!--comment[<%=expression%>]-->」。

怎麼註釋html

本文操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦

HTML註解

#不被程式執行的程式碼。用於程式設計師標記程式碼,在後期的修改,以及他人的學習時有所幫助

註釋標籤用來在來源文件中插入註釋,註釋不會在瀏覽器中顯示。

我們常常要在一些程式碼旁做一些HTML註解,這樣做的好處很多,例如:方便專案群組裡的其它程式設計師了解你的程式碼,而且可以方便以後你對自己程式碼的理解與修改等等.

可以在HTML文件中加入自己的註解。註釋不會顯示在頁面中,它可以用來提醒網頁設計人員回憶相關的程式資訊。註解行的寫法如下:

<!--The following table gives us precise control of figure placement.-->
登入後複製

註:在感嘆號後要接兩個連字符,大於號前也要有兩個連字符。有些瀏覽器會對此進行嚴格檢查。

HTML註解基本語法

<!--comment[<%=expression%>]-->
登入後複製

範例1

<!--Thisfiledisplaystheuserloginscreen-->
登入後複製

在客戶端的HTML原始碼中產生和上面一樣的資料:

 

範例2

<!--Thispagewasloadedon<%=(newjava.util.Date()).toLocaleString()%>-->
登入後複製

在客戶端的HTML原始碼中顯示為:

<!--ThispagewasloadedonJanuary1,2000-->
登入後複製

描述 

這種註解和HTML中很像,也就是它可以在"查看原始碼"中看到.

有些不同的就是,你可以在這個註解中用表達式(範例2所示).這個表達式是不定的,由頁面不同而不同,你能夠使用各種表達式,只要是合法的就行。更多的請看表達式

//和/* */在html裡也是常用的註釋,但只能用在js和CSS語言,不對HTML語言起作用!

註解的作用

大家可以看到,用」」註解的內容不會顯示在瀏覽器中。註釋標籤用於在原始程式碼中插入註釋,註釋的內容不會顯示在瀏覽器中。對關鍵程式碼進行註釋,有助於你以後看懂你當時寫的原始碼。

在編寫HTML程式碼時,我們經常要在一些關鍵程式碼旁做一下註釋,這樣做的好處很多,例如:方便理解、方便查找或方便專案組裡的其它程式設計師了解你的程式碼,而且可以方便以後你對自己程式碼進行修改。

關鍵程式碼的註解是一個很好的習慣。在開發網站或功能模組開發時,程式碼的註解尤其重要。因為那時候的程式碼往往都是幾百上千行,你要是不對關鍵的程式碼進行註釋,往往你自己都會覺得頭暈,甚至看不懂自己當時寫的程式碼。

推薦學習:《HTML影片教學》《css影片教學

以上是怎麼註釋html的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles