TML 中的預(yù)留字符必須被替換為字符實(shí)體。
一些在鍵盤上找不到的字符也可以使用字符實(shí)體來(lái)替換。
HTML 實(shí)體
在 HTML 中,某些字符是預(yù)留的。
在 HTML 中不能使用小于號(hào)(<)和大于號(hào)(>),這是因?yàn)闉g覽器會(huì)誤認(rèn)為它們是標(biāo)簽。
如果希望正確地顯示預(yù)留字符,我們必須在 HTML 源代碼中使用字符實(shí)體(character entities)。 字符實(shí)體類似這樣:
&entity_name;
或
&#entity_number;
如需顯示小于號(hào),我們必須這樣寫:< 或 < 或 <
提示: 使用實(shí)體名而不是數(shù)字的好處是,名稱易于記憶。不過(guò)壞處是,瀏覽器也許并不支持所有實(shí)體名稱(對(duì)實(shí)體數(shù)字的支持卻很好)。
不間斷空格(Non-breaking Space)
HTML 中的常用字符實(shí)體是不間斷空格( )。
瀏覽器總是會(huì)截短 HTML 頁(yè)面中的空格。如果您在文本中寫 10 個(gè)空格,在顯示該頁(yè)面之前,瀏覽器會(huì)刪除它們中的 9 個(gè)。如需在頁(yè)面中增加空格的數(shù)量,您需要使用 字符實(shí)體。
結(jié)合音標(biāo)符
發(fā)音符號(hào)是加到字母上的一個(gè)"glyph(字形)"。
一些變音符號(hào), 如 尖音符 ( ?) 和 抑音符 ( ?) 。
變音符號(hào)可以出現(xiàn)字母的上面和下面,或者字母里面,或者兩個(gè)字母間。
變音符號(hào)可以與字母、數(shù)字字符的組合來(lái)使用。
以下是一些實(shí)例:
音標(biāo)符 | 字符 | Construct | 輸出結(jié)果 |
---|---|---|---|
? | a | à | a? |
? | a | á | a? |
? | a | â | a? |
? | a | ã | a? |
? | O | Ò | O? |
? | O | Ó | O? |
? | O | Ô | O? |
? | O | Õ | O? |
HTML字符實(shí)體
實(shí)體名稱對(duì)大小寫敏感! |
顯示結(jié)果 | 描述 | 實(shí)體名稱 | 實(shí)體編號(hào) |
---|---|---|---|
空格 | |   | |
< | 小于號(hào) | < | < |
> | 大于號(hào) | > | > |
& | 和號(hào) | & | & |
" | 引號(hào) | " | " |
' | 撇號(hào) | ' (IE不支持) | ' |
¢ | 分 | ¢ | ¢ |
£ | 鎊 | £ | £ |
¥ | 日元 | ¥ | ¥ |
€ | 歐元 | € | € |
§ | 小節(jié) | § | § |
? | 版權(quán) | © | © |
? | 注冊(cè)商標(biāo) | ® | ® |
? | 商標(biāo) | ™ | ™ |
× | 乘號(hào) | × | × |
÷ | 除號(hào) | ÷ | ÷ |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
跳轉(zhuǎn)到郵箱:
<a href="mailto:someone@microsoft.com?subject=Hello%20again">發(fā)送郵件</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!">發(fā)送郵件!</a>
圖像映射:
創(chuàng)建圖像映射需要img、map、area三個(gè)標(biāo)簽同時(shí)存在,img 元素中的 "usemap" 屬性引用 map 元素中的 "id" 或 "name" 屬性,area中coords屬性為設(shè)置或返回圖像映射中可點(diǎn)擊區(qū)域的坐標(biāo),area標(biāo)簽可以設(shè)置多個(gè)。相關(guān)文檔推薦: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>
特殊字符:標(biāo)簽會(huì)被解析,采用特殊字符代碼可以代替特殊字符
錨點(diǎn)定位:
通過(guò)錨點(diǎn)鏈接,用戶可以快速的定位到目標(biāo)。
<a href="#two">定位到標(biāo)題2</a><!-- 使用<a href="#id名">鏈接文本</a>,注意#的使用 -->
<h3>標(biāo)題1</h3>
<h3 id="two">標(biāo)題2</h3><!-- 使用id名進(jìn)行標(biāo)注供錨點(diǎn)鏈接使用 -->
<h3>標(biāo)題3</h3>
<h3>標(biāo)題4</h3>
路徑:
相對(duì)路徑:
分為三種情況:1、同級(jí)目錄 2、上一級(jí)目錄 3、下級(jí)目錄
<img src="picture.jpg"/> <!-- 同級(jí)目錄下的文件直接寫文件名引入即可 -->
<img src="images/picture.jpg"/> <!-- 下級(jí)目錄中的文件需要先進(jìn)入下一級(jí)目錄,然后/找到文件后寫文件名即可 -->
<img src="../images/picture.jpg"/> <!-- 上級(jí)目錄中的文件需要先../進(jìn)入上級(jí)目錄,再使用同級(jí)目錄的方法查找文件 -->
絕對(duì)路徑:
絕對(duì)路徑是相對(duì)于計(jì)算機(jī)或者網(wǎng)站(網(wǎng)址)而言的,一般很少使用絕對(duì)路徑
<img src="C:\Users\17121\Desktop\picture.jpg"/> <!-- 電腦上面絕對(duì)路徑幾乎沒人使用,因?yàn)閾Q電腦后,文件就無(wú)法使用 -->
<img src="http://webimages/picture.jpg"/> <!-- 網(wǎng)上的絕對(duì)路徑經(jīng)常會(huì)被使用,但是文件一旦消失或者主機(jī)和域名過(guò)期,將無(wú)法使用 -->
提示:本文圖片等素材來(lái)源于網(wǎng)絡(luò),若有侵權(quán),請(qǐng)發(fā)郵件至郵箱:810665436@qq.com聯(lián)系筆者刪除。
筆者:苦海123
其它問題可通過(guò)以下方式聯(lián)系本人咨詢:
QQ:810665436
微信:ConstancyMan
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。