在HTML中使用特殊字符的簡易指南
您在線訪問的網頁是使用HTML代碼構建的,這些代碼可以告訴網絡瀏覽器網頁的內容是什麼以及如何以可視方式將其呈現給觀看者。 該代碼包含被稱為元素的指令構建塊,網頁瀏覽器從不會看到這些構件塊。 該代碼還包含普通文本字符,例如為閱讀器設計的標題和段落。
特殊字符在HTML中的作用
當您使用HTML並鍵入要查看的文本時,通常不需要任何特殊代碼 - 只需使用計算機鍵盤添加適當的字母或字符即可。 當您想要在HTML中使用的可讀文本中鍵入一個字符作為代碼本身的一部分時,就會出現問題。 這些字符包括代碼中用於開始和結束每個HTML標記的<和>字符。 您可能還希望在文本中包含鍵盤上沒有直接模擬的字符,例如©和Ñ。 對於鍵盤上沒有鍵的字符,請輸入代碼。
特殊字符是HTML代碼的特定部分,用於顯示HTML代碼中使用的字符,或包含查看者看到的文本中鍵盤上未找到的字符。 HTML使用數字或字符編碼呈現這些特殊字符,以便它們可以包含在HTML文檔中,由瀏覽器讀取,並正確顯示,供網站訪問者查看。
特殊的HTML字符
三個字符是HTML代碼語法的核心。 您不應該在網頁的可讀部分使用它們,而不要先將它們編碼為適當的顯示。 它們是大於,小於和符號的符號。 換句話說,除非它是HTML標記的開始,否則不應該在HTML代碼中使用小於號的符號< 。 如果你這樣做,這個角色會混淆瀏覽器,並且你的頁面可能無法按照你的預期呈現。 你永遠不應該添加未編碼的三個字符是:
- 小於號<
- 大於符號>
- &符號&
當您直接在HTML代碼中輸入這些字符時,除非您將它們用作編碼中的代碼類型中的元素,以便它們以可讀的文本正確顯示:
- 小於號 - &lt;
- 大於符號 - &gt;
- 符號 - &amp;
每個特殊字符都以“&”符號開頭,即使是“&”符號的特殊字符也以該字符開頭。 特殊字符以分號結尾。 在這兩個字符之間,添加適合您要添加的特殊字符的內容。 當它出現在HTML中的和號和分號之間時, lt ( 小於 )會創建小於號的符號。 類似地, gt創建大於號的符號,當它們位於連字符和分號之間時,會產生一個&符號。
你無法輸入的特殊字符
任何可以用Latin-1標準字符集呈現的字符都可以用HTML呈現。 如果它沒有出現在你的鍵盤上,你可以使用帶有分號的符號和分配給該字符的唯一代碼。
例如,版權符號的“友好代碼”是&copy; 和& trade ; 是商標符號的代碼。
這種友好的代碼很容易輸入並且易於記憶,但是有很多字符沒有易於記憶的友好代碼。
每個可以在屏幕上輸入的字符都有相應的十進制數字代碼。 您可以使用此數字代碼來顯示任何字符。 例如,版權符號的十進制數字代碼- &#169; -demonstrates 數字碼如何工作。 它們仍以“&”符號開頭,並以分號結尾,但不使用友好文本,而是使用數字符號,後跟該字符的唯一數字代碼。
友好的代碼很容易記住,但數字代碼通常更可靠。 使用數據庫和XML構建的網站可能沒有定義所有友好代碼,但它們支持數字代碼。
查找字符的數字代碼的最佳方法是使用可以在線查找的字符集。 當您找到所需的符號時,只需將數字代碼複製並粘貼到您的HTML中即可。
一些字符集包括:
- 貨幣代碼
- 數學代碼
- 標點符號
- 發音代碼
- 變音符代碼
非英語語言字符
特殊字符不限於英語。 非英語語言中的特殊字符可以用HTML表示,包括:
那麼什麼是十六進制代碼?
十六進制代碼是用於在HTML代碼中顯示特殊字符的替代格式。 你可以使用你想要的任何方法為你的網頁。 你可以在網上查看他們的字符集,並以與使用友好代碼或數字代碼相同的方式使用它們。
將Unicode聲明添加到您的文檔頭
在網頁的
內的任何位置添加以下元標記,以確保您的特殊字符正確顯示。提示
無論您使用哪種方法,請記住一些最佳實踐:
- 總是用分號結尾。 一些HTML編輯器允許您發布HTML代碼而不用最終分號,但是您的頁面將無效,並且許多Web瀏覽器在沒有它的情況下將不會正確顯示實體。
- 始終以&符號開頭。 許多網頁編輯讓你逃避掉“amp”。 但是當您在XHTML中單獨顯示&符號時,會導致驗證錯誤。
- 盡你所能在盡可能多的瀏覽器中測試您的頁面。 如果角色對理解文檔至關重要,而且您無法在客戶使用的瀏覽器/操作系統組合中對其進行測試,則應該找到另一種方式來表示它。 但是,在使用圖像或其他方法之前,請嘗試使用可在多個瀏覽器中驗證您的代碼的瀏覽器測試工具之一。