- 精通HTML+CSS網頁開發與制作
- 車云月
- 700字
- 2019-12-12 17:15:55
2.6 頁面注釋標簽
注釋是在HTML代碼中插入的描述性文本,用來解釋該代碼或提示其他信息。注釋只出現在代碼中,瀏覽器對注釋代碼不進行解釋,在瀏覽器的頁面中也不顯示。在HTML源代碼中適當插入注釋語句是一種非常好的習慣。對于設計者日后的代碼修改、維護工作很有好處。如果將代碼交給其他設計者,其他人也能很快讀懂前者所撰寫的內容。
注釋語法如下:

注釋語句由兩部分組成,前半部分是一個左尖括號、一個半角感嘆號和兩個連字符,后半部分由兩個連字符和一個右尖括號組成。代碼如示例2.7所示。
示例2.7:

在瀏覽器中的效果如圖2.7所示。

圖2.7 頁面注釋
頁面注釋不但可以對HTML中一行或多行代碼進行解釋說明,而且可以注釋掉這些代碼。如果希望某些HTML代碼在瀏覽器中不顯示,可以將這部分內容放在<!- -和- ->之間。例如,修改上述代碼,如示例2.8所示。
示例2.8:

在瀏覽器中的顯示效果如圖2.8所示。

圖2.8 內容注釋
修改后的代碼將<h3>標簽作為注釋內容處理了,在瀏覽器中將不會顯示這部分內容。
目前,各行各業的信息都出現在網絡上,而每個行業都有自己的行業符號,如數學、物理和化學都有特殊的符號,而這些特殊字符往往與HTML標簽存在沖突,如果不加處理就會導致HTML頁面的混亂,瀏覽器無法正確識別。那么,如何在網頁中添加這些特殊的字符呢?在HTML中,特殊符號以&開頭,后面書寫相關特殊字符,常見的特殊字符如表2.1所示。
表2.1 HTML的特殊字符

技能訓練
上機練習1
制作李之儀的詞《卜算子》
需求說明:
使用學過的標簽制作李之儀的詞《卜算子》,頁面效果如圖2.9所示。
上機練習2
制作李之儀簡介
需求說明:
使用學過的標簽制作李之儀的簡介,標題使用標題類標簽,人名加粗顯示,時間斜體顯示,并制作頁面版權部分,完成效果如圖2.10所示。

圖2.9 卜算子

圖2.10 人物簡介
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網頁設計基礎培訓
- CSS+DIV網頁樣式與布局案例指導
- 全能網頁設計師精煉手冊
- 形·色:網頁設計法則及實例指導
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網頁設計實戰視頻教程
- 動態網頁設計與制作(HTML5+CSS3+JavaScript)(第3版)
- 寬帶接入技術
- JavaScript網頁游戲制作輕松學
- Dreamweaver CC網頁設計從入門到精通(微課精編版)
- 從零開始讀懂Web3
- Web綜合實戰教程
- H5頁面設計與制作(全彩慕課版)
- 精通網站建設:100%全能建站密碼
- Dreamweaver CS4網頁制作入門、進階與提高
- HTML+CSS+JavaScript網頁制作從新手到高手