HTML 字符實體

TML 中的預留字符必須被替換為字符實體。

一些在鍵盤上找不到的字符也可以使用字符實體來替換。

HTML 實體

在 HTML 中，某些字符是預留的。

在 HTML 中不能使用小于號（<）和大于號（>），這是因為瀏覽器會誤認為它們是標簽。

如果希望正確地顯示預留字符，我們必須在 HTML 源代碼中使用字符實體（character entities）。字符實體類似這樣：

&entity_name;

或

&#entity_number;

如需顯示小于號，我們必須這樣寫：< 或 < 或 <

提示： 使用實體名而不是數字的好處是，名稱易于記憶。不過壞處是，瀏覽器也許并不支持所有實體名稱（對實體數字的支持卻很好）。

不間斷空格(Non-breaking Space)

HTML 中的常用字符實體是不間斷空格( )。

瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格，在顯示該頁面之前，瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數量，您需要使用   字符實體。

結合音標符

發音符號是加到字母上的一個"glyph(字形)"。

一些變音符號, 如尖音符 ( ?) 和抑音符 ( ?) 。

變音符號可以出現字母的上面和下面，或者字母里面，或者兩個字母間。

變音符號可以與字母、數字字符的組合來使用。

以下是一些實例:

音標符	字符	Construct	輸出結果
?	a	à	a?
?	a	á	a?
?	a	â	a?
?	a	ã	a?
?	O	Ò	O?
?	O	Ó	O?
?	O	Ô	O?
?	O	Õ	O?

HTML字符實體

	實體名稱對大小寫敏感！

顯示結果	描述	實體名稱	實體編號
	空格
<	小于號	<	<
>	大于號	>	>
&	和號	&	&
"	引號	"	"
'	撇號	' (IE不支持)	'
￠	分	¢	¢
￡	鎊	£	£
￥	日元	¥	¥
€	歐元	€	€
§	小節	§	§
?	版權	©	©
?	注冊商標	®	®
?	商標	™	™
×	乘號	×	×
÷	除號	÷	÷

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

跳轉到郵箱：

 <a href="mailto:someone@microsoft.com?subject=Hello%20again">發送郵件</a>
 <a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">發送郵件！</a>

圖像映射：

創建圖像映射需要img、map、area三個標簽同時存在，img 元素中的 "usemap" 屬性引用 map 元素中的 "id" 或 "name" 屬性，area中coords屬性為設置或返回圖像映射中可點擊區域的坐標,area標簽可以設置多個。相關文檔推薦：https://www.w3school.com.cn/html/html_images.asp


 <body>
        <img src="img.PNG" usemap="#buhuo" alt="捕獲" />
        <map name="buhuo" id="buhuo">
            <area shape="circle" coords="10,10,100,100" href ="上次閱讀位置.PNG" target ="_self"alt="沒有圖片！" />
            <area shape="circle" coords="10,10,100,100" href ="上次閱讀位置.PNG" target ="_self"alt="沒有圖片！" />
        </map>
    </body>

特殊字符：標簽會被解析，采用特殊字符代碼可以代替特殊字符

錨點定位：

通過錨點鏈接，用戶可以快速的定位到目標。


 <a href="#two">定位到標題2</a><!-- 使用<a href="#id名">鏈接文本</a>，注意#的使用 --> 
    
  <h3>標題1</h3>
  <h3 id="two">標題2</h3><!-- 使用id名進行標注供錨點鏈接使用 -->
  <h3>標題3</h3>
  <h3>標題4</h3>

路徑：

相對路徑：

分為三種情況：1、同級目錄 2、上一級目錄 3、下級目錄


   <img src="picture.jpg"/> <!-- 同級目錄下的文件直接寫文件名引入即可 -->
    <img src="images/picture.jpg"/> <!-- 下級目錄中的文件需要先進入下一級目錄，然后/找到文件后寫文件名即可 -->
    <img src="../images/picture.jpg"/> <!-- 上級目錄中的文件需要先../進入上級目錄，再使用同級目錄的方法查找文件 -->

絕對路徑：

絕對路徑是相對于計算機或者網站(網址)而言的，一般很少使用絕對路徑


 <img src="C:\Users\17121\Desktop\picture.jpg"/> <!-- 電腦上面絕對路徑幾乎沒人使用，因為換電腦后，文件就無法使用 -->
    <img src="http://webimages/picture.jpg"/> <!-- 網上的絕對路徑經常會被使用，但是文件一旦消失或者主機和域名過期，將無法使用 -->

提示：本文圖片等素材來源于網絡，若有侵權，請發郵件至郵箱：810665436@qq.com聯系筆者刪除。

筆者：苦海123

其它問題可通過以下方式聯系本人咨詢：
QQ：810665436
微信：ConstancyMan

在線咨詢

上一篇：web前端里見過最驚艷的HTML5的demo
下一篇：HTML+CSS之仿京東登錄頁面（前端小白）

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML 字符實體

您的項目需求