iT邦幫忙

2023 iThome 鐵人賽

DAY 9
0
Modern Web

從零寫出捷運美食介紹網頁(HTML/CSS)系列 第 9

[Day9]HTML-註解、特殊字元

  • 分享至 

  • xImage
  •  

學習語言之前,先知道註解怎麼寫也是必要技能!因此今天會介紹HTML的註解寫法以及特殊字元該如何打出來。


註解<!---->

  • 通常是用來補充說明程式碼,方便讓其他人,或是以後的自己更能看懂程式。
  • HTML註解會被瀏覽器忽略,因此不會顯示在螢幕畫面上。
  • 快捷鍵:ctrl鍵 + /

想在HTML文件中插入註解,只要在<!---->之間輸入想註解的內容就可以了,以下為範例。

<h1>成功產生一個HTML頁面!</h1>
<!--這裡是註解,不會顯示在螢幕畫面上-->

顯示結果:
https://ithelp.ithome.com.tw/upload/images/20230922/20162303opEtdN0Xki.png

另外,將想註解的部分反白再按快捷鍵即可快速註解掉多行,再按一次即可取消。

Yes

特殊字元

  • 在HTML中,某些字元是「預留」的,也就是假如你寫了那些符號,瀏覽器會誤以為他是HTML語法中的一部分,而無法正確顯示出來。

實體名稱雖然容易記憶,但可能會有瀏覽器不支援某些實體名稱的情況,若遇到這種情況可以改成實體編號試試看!

因為發現這裡有時候會無法正確顯示實體名稱及編號,以下都用截圖來展示。
https://ithelp.ithome.com.tw/upload/images/20230924/20162303SGnn8l3pjD.png

顯示結果:
https://ithelp.ithome.com.tw/upload/images/20230922/20162303daXVsw8OID.png

常用特殊字元

  • 因為網路上可以找到很多對照表,這邊就整理幾個比較常用的實體名稱及編號!
    https://ithelp.ithome.com.tw/upload/images/20230924/20162303d78xZAU1eu.png

今天比較像細節提醒,之後會慢慢有更多可以嘗試的部分,我是YQ,明天見。


上一篇
[Day8]HTML-屬性及值(下)
下一篇
[Day10]HTML-標題
系列文
從零寫出捷運美食介紹網頁(HTML/CSS)30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言