HTML學(xué)習(xí)筆記

HTML(Hyper Text Markup Language) 超文本標(biāo)記語言

一挡逼、基礎(chǔ)認(rèn)知

Web標(biāo)準(zhǔn)

為什么需要Web標(biāo)準(zhǔn)？

不同的瀏覽器渲染引擎不同腻豌，對(duì)于相同的代碼解析的效果會(huì)存在差異家坎。如果用戶使用不同的瀏覽器打開我們的網(wǎng)頁時(shí)所展示的效果是不同的就則體驗(yàn)極差，所以我們才需要Web標(biāo)準(zhǔn)吝梅。

Web標(biāo)準(zhǔn)分三個(gè)構(gòu)成：

構(gòu)成	語言	說明
結(jié)構(gòu)	HTML	頁面元素和內(nèi)容
表現(xiàn)	CSS	網(wǎng)頁元素的外觀和位置等頁面樣式
行為	JavaScript	網(wǎng)頁模型的定義與頁面交互

HTML骨架結(jié)構(gòu)

網(wǎng)頁中的固定結(jié)構(gòu)是要通過HTML標(biāo)簽進(jìn)行描述的
<html></html>標(biāo)簽是html文件的跟標(biāo)簽
<head></head> 網(wǎng)頁的頭
<title><title> 網(wǎng)頁的標(biāo)題虱疏，需要放置在<head></head> 標(biāo)簽內(nèi)
<body></body>網(wǎng)頁的主題內(nèi)容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>網(wǎng)頁的標(biāo)題</title>
</head>
<body>
    網(wǎng)頁的主題內(nèi)容
</body>
</html>

二、標(biāo)簽

標(biāo)題標(biāo)簽：h1~h6

場景：

在新聞和文章的頁面中都離不開標(biāo)題苏携，用來突出顯示文章的主題做瞪。

代碼：

<h1>1級(jí)標(biāo)題</h1>
<h2>2級(jí)標(biāo)題</h2>
<h3>3級(jí)標(biāo)題</h3>
<h4>4級(jí)標(biāo)題</h4>
<h5>5級(jí)標(biāo)題</h5>
<h6>6級(jí)標(biāo)題</h6>

標(biāo)題標(biāo)簽

語義：

1~6級(jí)標(biāo)題的重要程度依次遞減

特點(diǎn)：

文字都有加粗
文字都有變大，并且h1->h6文字逐漸減小
獨(dú)占一行

段落標(biāo)簽：p

場景：

在新聞和文章的頁面中兜叨，用于分段顯示

代碼：

<p>我是一段文字</p>

段落標(biāo)簽

語義：

段落

特點(diǎn)：

段落之間存在間隙
獨(dú)占一行

換行標(biāo)簽：br

場景：

讓文字強(qiáng)制換行顯示

代碼：

<br>

語義：

換行

特點(diǎn)：

單標(biāo)簽
讓文字強(qiáng)制換行

水平線標(biāo)簽：hr

場景：

分隔不同主題內(nèi)容的水平線

代碼：

<hr>

語義：

主題的分隔轉(zhuǎn)換

特點(diǎn)：

單標(biāo)簽
在頁面中顯示一條水平線

文本格式化標(biāo)簽

場景：

需要讓文字加粗穿扳、下劃線等效果

代碼：

標(biāo)簽	說明
`<b></b>` 或 `<strong></strong>`	加粗
`<u></u>` 或 `<ins></ins>`	下劃線
`<i></i>` 或 `<em></em>`	傾斜
`<s></s>` 或 `<del></del>`	刪除線

文本格式化標(biāo)簽

語義：

突出重要性的強(qiáng)調(diào)語境

圖片標(biāo)簽：img

場景：在網(wǎng)頁中顯示圖片

代碼：

<img src="./test.jpg" alt="圖片加載失敗" title="這是一張圖片">

[圖片上傳失敗...(image-7e236c-1700532998816)]
src屬性用于設(shè)置圖片的資源，可以是網(wǎng)絡(luò)地址也可以是本地路徑国旷。

alt屬性將會(huì)在圖片加載失敗時(shí)顯示矛物。

title屬性將會(huì)在鼠標(biāo)懸停在圖片上市顯示。

特點(diǎn)：

單標(biāo)簽
img標(biāo)簽要展示圖片跪但，需要配合其屬性進(jìn)行設(shè)置履羞！

音頻標(biāo)簽：audio

場景：

在頁面中插入音頻

代碼：

<audio src="./music.mp3" constols loop></audio>

音頻標(biāo)簽

常見屬性：

屬性名	功能
src	音頻的路徑，可以是網(wǎng)絡(luò)地址屡久。
controls	顯示播放控件
autoplay	自動(dòng)播放（部分瀏覽器不支持）
loop	循環(huán)播放

注意點(diǎn)：

音頻標(biāo)簽?zāi)壳爸恢С秩N格式：MP3忆首、Wav、Ogg

視頻標(biāo)簽：video

場景：

在頁面中插入視頻播放器

代碼：

<video src="./video.mp4" constrols autoplay muted loop></video>

視頻標(biāo)簽

常見屬性：

屬性名	功能
src	視頻的路徑被环，可以是網(wǎng)絡(luò)地址糙及。
controls	顯示播放控件
autoplay	自動(dòng)播放（谷歌瀏覽器中需配合muted靜音屬性實(shí)現(xiàn)）
muted	靜音
loop	循環(huán)播放

注意點(diǎn)：

視屏標(biāo)簽?zāi)壳爸С秩N格式：MP4、WebM筛欢、Ogg

超鏈接標(biāo)簽：a

場景：點(diǎn)擊之后浸锨，從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面

稱呼：

a標(biāo)簽唇聘、超鏈接、錨鏈接

代碼：

<a href="./target.html" target="_blank">點(diǎn)擊跳轉(zhuǎn)到目標(biāo)頁面</a>

常用屬性：

屬性名	功能
href	設(shè)置需要跳轉(zhuǎn)的目標(biāo)
target	設(shè)置目標(biāo)頁面的打開方式：_self=在當(dāng)前窗口打開(默認(rèn)值)柱搜、_blank=在新的窗口中打開迟郎。

特點(diǎn)：

雙標(biāo)簽，內(nèi)部可以包裹內(nèi)容聪蘸。
如果需要在點(diǎn)擊之后跳轉(zhuǎn)到指定頁面需要配合href屬性宪肖。

列表標(biāo)簽：ul、ol健爬、dl

場景：

在網(wǎng)頁中按照行展示關(guān)聯(lián)性的內(nèi)容控乾，如：新聞列表、排行榜等

特點(diǎn)：

按照行的方式整齊的顯示內(nèi)容

種類：

無序列表
有序列表
自定義列表

代碼：

無序列表

<!-- 無序列表 ul父標(biāo)簽 + li子標(biāo)簽 -->
<ul>
     <li>西瓜</li>
     <li>蘋果</li>
     <li>菠蘿</li>
     <li>哈密瓜</li>
</ul>

無序列表

有序列表

<!-- 有序列表 ol父標(biāo)簽 + li子標(biāo)簽 -->
<ol>
     <li>西瓜</li>
     <li>蘋果</li>
     <li>菠蘿</li>
     <li>哈密瓜</li>
</ol>

有序列表

自定義列表

<!-- 自定義列表 dl標(biāo)簽：表示自定義列表的整體娜遵，用于包裹dt/dd標(biāo)簽阱持；dt：表示自定義列表的主題；dd：表示自定義列表的針對(duì)主題每一項(xiàng) -->
<dl>
    <dt>幫助中心</dt>
    <dd>賬戶管理</dd>
    <dd>購物指南</dd>
    <dd>意見反饋</dd>
    <dd>聯(lián)系客服</dd>

    <dt>產(chǎn)品列表</dt>
    <dd>HarmonyOS</dd>
    <dd>Android</dd>
    <dd>iOS</dd>
</dl>

自定義列表

表格標(biāo)簽：table

場景：

在網(wǎng)頁中以行+列的單元格的方式整齊的展示數(shù)據(jù)魔熏，如：學(xué)生成績表

涉及到的標(biāo)簽：

標(biāo)簽名	說明
table	表格的整體衷咽，可用于包裹多個(gè)tr
tr	表格的每一行，可用于包裹td
td	表格的單元格蒜绽，可用于包裹內(nèi)容
caption	用于給表格設(shè)置表名
thead	用于給表格設(shè)置表頭
tbody	用于給表格設(shè)置表格的內(nèi)容區(qū)域
tfoot	用于給表格設(shè)置頁腳

注意點(diǎn)：

標(biāo)簽的嵌套關(guān)系：table -> tr -> td

代碼：

普通的寫法

<!-- 表格 table:表格的整體镶骗，用戶包裹多個(gè)tr；tr:表格的每一行躲雅，可用于包裹td鼎姊；td:表格的單元格，可用于包裹內(nèi)容相赁； -->
<!-- 表格的屬性：border=邊框相寇；width=寬度；height=高度 -->
<table border="1" width="500" height="200">
    <tr>
        <td>學(xué)號(hào)</td>
        <td>姓名</td>
        <td>分?jǐn)?shù)</td>
    </tr>
    <tr>
        <td>XH001</td>
        <td>迪麗熱巴</td>
        <td>98</td>
    </tr>
    <tr>
        <td>XH002</td>
        <td>楊冪</td>
        <td>92</td>
    </tr>
    <tr>
        <td>XH003</td>
        <td>劉亦菲</td>
        <td>100</td>
    </tr>
</table>

表格

設(shè)置表名和表格結(jié)構(gòu)

<table border="1" width="500" height="200">
    <caption><strong>學(xué)生成績表</strong></caption>
    <thead>
        <tr>
            <th>學(xué)號(hào)</th>
            <th>姓名</th>
            <th>分?jǐn)?shù)</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>XH001</td>
            <td>迪麗熱巴</td>
            <td>98</td>
        </tr>
        <tr>
            <td>XH002</td>
            <td>楊冪</td>
            <td>92</td>
        </tr>
        <tr>
            <td>XH003</td>
            <td>劉亦菲</td>
            <td>100</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>總結(jié)</td>
            <td>都很漂亮</td>
            <td>都很漂亮</td>
        </tr>
    </tfoot>
</table>

帶結(jié)構(gòu)的表格

單元格合并

場景：將多個(gè)水平或垂直的單元格合并成一個(gè)單元格钮科，可以跨行合并也可以跨列合并

合并步驟：

a. 明確合并哪幾個(gè)單元格

b. 通過左上原則唤衫，確定保留誰刪除誰

 **·** 跨行合并時(shí)只保留最上方的單元格，刪除其他的绵脯。

 **·** 跨列合并時(shí)只保留最左邊的單元格佳励，刪除其他的。

c.給保留的單元格設(shè)置：跨行合并（rowspan）或者跨列合并（colspan）

注意點(diǎn)： 只有同一個(gè)結(jié)構(gòu)中的單元格才能合并蛆挫，不能跨結(jié)構(gòu)合并（tbody中的單元格不能和tfooter中的單元格合并）赃承。

代碼：

<table border="1" width="500" height="200">
    <caption><strong>學(xué)生成績表</strong></caption>
    <thead>
        <tr>
            <th>學(xué)號(hào)</th>
            <th>姓名</th>
            <th>分?jǐn)?shù)</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>XH001</td>
            <td>迪麗熱巴</td>
            <td>98</td>
        </tr>
        <tr>
            <td>XH002</td>
            <td>楊冪</td>
            <td rowspan="2">92</td>
        </tr>
        <tr>
            <td>XH003</td>
            <td>劉亦菲</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>總結(jié)</td>
            <td colspan="2">都很漂亮</td>
        </tr>
    </tfoot>
</table>

單元格合并

input 標(biāo)簽：input

場景：

在網(wǎng)頁中顯示收集用戶信息的表單效果，如：登錄頁悴侵、注冊(cè)頁等

標(biāo)簽名：input

input標(biāo)簽可以通過type屬性設(shè)置不同的值瞧剖，來展示不同的效果。

type屬性值：

text：文本框，用于輸入單行文本

昵稱：<input type="text" placeholder="請(qǐng)輸入昵稱">

type=text

password：密碼框抓于，用于輸入密碼

密碼：<input type="password" placeholder="請(qǐng)輸入密碼">

type=password

radio：單選框噩凹，用于多選一

<!-- input的type為radio或checkbox時(shí)可以用label標(biāo)簽包裹，從而實(shí)現(xiàn)點(diǎn)擊文字也能選中的效果 -->
<!-- 可以通過input標(biāo)簽的checked屬性設(shè)置默認(rèn)選中 -->
性別：
<label><input type="radio" name="gander" checked>男</label>
<label><input type="radio" name="gander">女</label>

type=radio

checkbox：多選框毡咏，用于多選多

愛好：
<label><input type="checkbox" checked>看電影</label>
<label><input type="checkbox">聽音樂</label>
<label><input type="checkbox">打游戲</label>

type=checkbox

file：文件選擇，用于上傳文件

<!-- 單文件上傳 -->
<input type="file">
<!-- 可以為input標(biāo)簽設(shè)置multiple屬性讓其可以實(shí)現(xiàn)文件多選 -->
<input type="file" multiple>

type=file

submit：提交按鈕逮刨，用于提交表單中的內(nèi)容
```
<input type="submit">
```

type=submit

reset：重置按鈕呕缭，用于重置表單
```
<input type="reset">
```

type=reset

button：普通按鈕，默認(rèn)無功能修己，可以配合JavaScript添加功能恢总。
```
<input type="button" value="這是普通按鈕">
```

type=button

按鈕標(biāo)簽：button

button標(biāo)簽其實(shí)就是input的標(biāo)簽type為submit、reset睬愤、button時(shí)的按鈕樣式片仿。

場景：

在網(wǎng)頁中顯示用戶可以點(diǎn)擊的按鈕

type屬性：

submit：提交按鈕，用于提交表單中的內(nèi)容
```
<button type="submit">提交</button>
```

type=submit

reset：重置按鈕尤辱，用于重置表單
```
<button type="reset">重置</button>
```

type=reset

button：普通按鈕砂豌，默認(rèn)無功能，可以配合JavaScript添加功能
```
<button type="button">這是普通按鈕</button>
```

type=button

注意點(diǎn)：

谷歌瀏覽器中button默認(rèn)是提交按鈕
button標(biāo)簽時(shí)雙標(biāo)簽光督，更便于包裹內(nèi)容：文字圖片等

下拉菜單：select

場景：

在網(wǎng)頁中提供多個(gè)選擇項(xiàng)供用戶選擇

標(biāo)簽組成：

標(biāo)簽名	說明
select	下拉菜單的整體
option	下拉菜單的每一項(xiàng)

常見屬性：

selected：下拉菜單的默認(rèn)選中

代碼：

<select>
    <option>北京</option>
    <option selected>上海</option>
    <option>廣州</option>
    <option>深圳</option>
</select>

select標(biāo)簽

文本域標(biāo)簽：textarea

場景：

在網(wǎng)頁中提供可輸入多行文本的表單控件

常見屬性：

屬性名	說明
cols	規(guī)定了文本域內(nèi)可見寬度
rows	規(guī)定了文本域內(nèi)可見行數(shù)(高度)

代碼：

個(gè)人介紹: <br>
<textarea cols="60" rows="10"></textarea>

textarea標(biāo)簽

注意點(diǎn)：

右下角可以拖拽改變大小
實(shí)際開發(fā)中針對(duì)樣式效果推薦使用CSS設(shè)置

Label標(biāo)簽：label

場景：常用于綁定內(nèi)容與表單標(biāo)簽的關(guān)系

使用方法1：

使用label標(biāo)簽把內(nèi)容（如：文本）包裹起來
在表單標(biāo)簽上添加id屬性
在label標(biāo)簽的for屬性中設(shè)置對(duì)應(yīng)的id屬性值

代碼如下：

<input id="check" type="checkbox"><label for="check">我是一個(gè)勾選框</label>

使用方法2：

直接使用label標(biāo)簽吧內(nèi)容（如：文本）和表單標(biāo)簽一起包裹起來
要把label標(biāo)簽的for屬性刪除即可

代碼如下：

<label><input type="checkbox">我是一個(gè)勾選框</label>

語義標(biāo)簽：div阳距、span

場景：

在實(shí)際開發(fā)網(wǎng)頁時(shí)會(huì)大量頻繁的使用到div和span這兩個(gè)沒有語義的標(biāo)簽

div標(biāo)簽：

div標(biāo)簽是一個(gè)雙標(biāo)簽
特點(diǎn)是一行顯示一個(gè)（獨(dú)占一行）

代碼如下：

<div>這里是一個(gè)div標(biāo)簽</div>

span標(biāo)簽：

span標(biāo)簽是一個(gè)雙標(biāo)簽
特點(diǎn)是一行可以顯示多個(gè)

代碼如下：

<span>這里是一個(gè)span標(biāo)簽</span>

三、字符實(shí)體

在網(wǎng)頁中展示特殊符號(hào)效果時(shí)需要使用到字符實(shí)體替代结借，否則可能會(huì)與html代碼沖突筐摘。

字符實(shí)體的書寫結(jié)構(gòu)是：&{實(shí)體名(英文)};

常見字符實(shí)體如下表：

顯示結(jié)果	描述	實(shí)體名
	空格	` `
<	小于號(hào)	`⁢`
>	大于號(hào)	`>`
&	和號(hào)	`&`
"	雙引號(hào)(單個(gè))	`"`
'	單引號(hào)(單個(gè))	`'`(IE瀏覽器不支持)
￠	分(cent)	`¢`
￡	鎊(pound)	`£`
￥	元(yen)	`¥`
€	歐元(euro)	`€`
§	小節(jié)	`§`
?	版權(quán)(copyright)	`©`

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市船老，隨后出現(xiàn)的幾起案子咖熟，更是在濱河造成了極大的恐慌，老刑警劉巖柳畔，帶你破解...
沈念sama閱讀 216,470評(píng)論 6贊 501
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件馍管，死亡現(xiàn)場離奇詭異，居然都是意外死亡薪韩，警方通過查閱死者的電腦和手機(jī)咽斧，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 92,393評(píng)論 3贊 392
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來躬存，“玉大人张惹，你說我怎么就攤上這事×胫蓿” “怎么了宛逗？”我有些...
開封第一講書人閱讀 162,577評(píng)論 0贊 353
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長盾剩。經(jīng)常有香客問我雷激，道長替蔬，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 58,176評(píng)論 1贊 292
?港島之戀（遺憾婚禮）
正文為了忘掉前任屎暇，我火速辦了婚禮承桥，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘根悼。我一直安慰自己凶异，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 67,189評(píng)論 6贊 388
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布挤巡。她就那樣靜靜地躺著剩彬，像睡著了一般。火紅的嫁衣襯著肌膚如雪矿卑。梳的紋絲不亂的頭發(fā)上喉恋，一...
開封第一講書人閱讀 51,155評(píng)論 1贊 299
城市分裂傳說
那天，我揣著相機(jī)與錄音母廷，去河邊找鬼轻黑。笑死，一個(gè)胖子當(dāng)著我的面吹牛琴昆，可吹牛的內(nèi)容都是我干的苔悦。我是一名探鬼主播，決...
沈念sama閱讀 40,041評(píng)論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼椎咧，長吁一口氣：“原來是場噩夢啊……” “哼玖详！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起勤讽，我...
開封第一講書人閱讀 38,903評(píng)論 0贊 274
萬榮殺人案實(shí)錄
序言：老撾萬榮一對(duì)情侶失蹤蟋座，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后脚牍，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體向臀，經(jīng)...
沈念sama閱讀 45,319評(píng)論 1贊 310
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 37,539評(píng)論 2贊 332
?白月光啟示錄
正文我和宋清朗相戀三年诸狭，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了券膀。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點(diǎn)故事閱讀 39,703評(píng)論 1贊 348
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡驯遇，死狀恐怖芹彬，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情叉庐，我是刑警寧澤舒帮，帶...
沈念sama閱讀 35,417評(píng)論 5贊 343
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站，受9級(jí)特大地震影響玩郊，放射性物質(zhì)發(fā)生泄漏肢执。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,013評(píng)論 3贊 325
男人毒藥：我在死后第九天來索命
文/蒙蒙一译红、第九天我趴在偏房一處隱蔽的房頂上張望预茄。院中可真熱鬧，春花似錦侦厚、人聲如沸耻陕。這莊子的主人今日做“春日...
開封第一講書人閱讀 31,664評(píng)論 0贊 22
一樁弒父案假夺，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至斋攀，卻和暖如春已卷，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背淳蔼。一陣腳步聲響...
開封第一講書人閱讀 32,818評(píng)論 1贊 269
情欲美人皮
我被黑心中介騙來泰國打工侧蘸，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人鹉梨。一個(gè)月前我還...
沈念sama閱讀 47,711評(píng)論 2贊 368
代替公主和親
正文我出身青樓讳癌，卻偏偏與公主長得像，于是被迫代替她去往敵國和親存皂。傳聞我的和親對(duì)象是個(gè)殘疾皇子晌坤，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 44,601評(píng)論 2贊 353

顯示結(jié)果	描述	實(shí)體名
	空格	` `
<	小于號(hào)	`⁢`
>	大于號(hào)	`>`
&	和號(hào)	`&`
"	雙引號(hào)(單個(gè))	`"`
'	單引號(hào)(單個(gè))	`'`(IE瀏覽器不支持)
￠	分(cent)	`¢`
￡	鎊(pound)	`£`
￥	元(yen)	`¥`
€	歐元(euro)	`€`
§	小節(jié)	`§`
?	版權(quán)(copyright)	`©`

顯示結(jié)果	描述	實(shí)體名
	空格	` `
<	小于號(hào)	`⁢`
>	大于號(hào)	`>`
&	和號(hào)	`&`
"	雙引號(hào)(單個(gè))	`"`
'	單引號(hào)(單個(gè))	`'`(IE瀏覽器不支持)
￠	分(cent)	`¢`
￡	鎊(pound)	`£`
￥	元(yen)	`¥`
€	歐元(euro)	`€`
§	小節(jié)	`§`
?	版權(quán)(copyright)	`©`

顯示結(jié)果	描述	實(shí)體名
	空格	` `
<	小于號(hào)	`⁢`
>	大于號(hào)	`>`
&	和號(hào)	`&`
"	雙引號(hào)(單個(gè))	`"`
'	單引號(hào)(單個(gè))	`'`(IE瀏覽器不支持)
￠	分(cent)	`¢`
￡	鎊(pound)	`£`
￥	元(yen)	`¥`
€	歐元(euro)	`€`
§	小節(jié)	`§`
?	版權(quán)(copyright)	`©`