iT邦幫忙

2023 iThome 鐵人賽

DAY 7
0
Modern Web

跟著 OXXO 一起學 HTML系列 第 11

( Day 7.1 ) HTML 特殊字元

  • 分享至 

  • xImage
  •  

由於 HTML 是標記語言,在撰寫語法時常常會使用一些特殊字元作為標記,例如大於小於符號、單引號雙引號...等,因此如果想要透過瀏覽器呈現這些字元,就必須使用指定的字元編碼,這篇教學將會列出常用的特殊字元編碼。

原文參考:HTML 特殊字元

常用特殊字元

雖然現在的瀏覽器已經可以呈現大部分的特殊字元,但仍有少數無法呈現 ( 特別是跟 HTML 語法相同的字元 ),如果需要正確呈現,則需使用下方的實體名稱或字元編碼。

完整特殊符號可以參考:特殊符號、特殊字元

字元 實體名稱 字元編碼
不換行空格    
< < <
> > >
" " "
' &apos; '
& & &

例如下方的 HTML,就算兩個字母之間在程式碼中有「多個空白」,但是呈現出的結果也會只有一個空白 ( HTML 規範一次最多只出現一個空白 )。

<p>hello          world</p>

HTML 教學 - HTML 特殊字元 - 無法連續空白

如果要讓畫面正確呈現,就必須使用「不換行空格」的編碼   或實體名稱  

<p>hello         world</p>

HTML 教學 - HTML 特殊字元 - 可以連續空白

小結

現在的瀏覽器已經支援大多數的特殊字元,因此除了本篇列出的特殊字元需要使用編碼呈現外 ( 單引號與雙引號通常也支援 ),其他特殊符號應該都可直接呈現。

更多教學

大家好,我是 OXXO,是個即將邁入中年的斜槓青年,我有個超過一千篇教學的 STEAM 教育學習網,有興趣可以參考下方連結呦~ ^_^


上一篇
( Day 6.2 ) HTML 尺寸單位
下一篇
( Day 7.2 ) 如何觀察 HTML 原始碼
系列文
跟著 OXXO 一起學 HTML90
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言