TML 符號實體

HTML 符號是不呈現在標準的鍵盤上，比如數學運算符、箭頭符號、技術符號和形狀。

如需向 HTML 頁面添加這些符號，您可以使用 HTML 實體名稱。

如果不存在實體名稱，您可以使用實體編號。

如果字符沒有實體名稱，您可以使用十進制（或十六進制）引用。

實例

<p>我將顯示 &euro;</p>

<p>我將顯示 &#8364;</p>

<p>我將顯示 &#x20AC;</p>

結果如下：

我將顯示 €

我將顯示 €

我將顯示 €

HTML 支持的數學符號

如果您使用的是一個 HTML 實體名稱或一個十六進制編號，字符總是能正確顯示。

這是與您頁面使用的字符集相互獨立的！

完整的數學（Math）參考手冊

HTML 支持的希臘字母

完整的希臘（Greek）參考手冊

HTML 支持的其他實體

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

果你的網頁有很多內容，就需要使用分頁功能。

要創建一個基礎的分頁功能需要在 <ul> 元素上加上 .pagination 類:

實例

<ul class="pagination">

<li><a href="#">1</a></li>

<li><a href="#">2</a></li>

<li><a href="#">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

</ul>

當前頁面

可以在 <li> 加上 .current 類來標注當前頁面：

實例

<ul class="pagination">

<li class="current"><a href="#">1</a></li>

<li><a href="#">2</a></li>

<li><a href="#">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

</ul>

禁用分頁

如果需要設置某個分頁不可點擊需要使用 .unavailable 類：

實例

<ul class="pagination">

<li><a href="#">1</a></li>

<li><a href="#">2</a></li>

<li class="unavailable"><a href="#">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

</ul>

嘗試一下 ?

分頁方向

在第一個和最后一個 <li> 元素上添加.arrow 類插入 HTML 實體符號 « 和 » 來創建分頁方向符號：

實例

<ul class="pagination">

<li class="arrow"><a href="#">&laquo;</a></li>

<li><a href="#">1</a></li>

<li><a href="#">2</a></li>

<li><a href="#">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

<li class="arrow"><a href="#">&raquo;</a></li>

</ul>嘗試一下 ?

分頁居中顯示

我們可以在 <ul> 外層添加 <div> 元素，并在 <div> 上添加.pagination-centered 類來實現分頁居中顯示 :

實例

<div class="pagination-centered">

<ul class="pagination">

<li class="arrow"><a href="#">&laquo;</a></li>

<li class="current"><a href="#">1</a></li>

<li><a href="#">2</a></li>

<li><a href="#">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

<li class="arrow"><a href="#">&raquo;</a></li>

</ul>

</div>

面包屑導航

面包屑導航用于展示當前頁面的導航結構。

在 <ul> 元素上添加 .breadcrumbs 類來實現面包屑導航。你可以在 <li> 上添加 .current 或 .unavailable 類設置當前頁與不可點擊效果:

實例

<ul class="breadcrumbs">

<li><a href="#">Home</a></li>

<li><a href="#">Private</a></li>

<li class="unavailable"><a href="#">Pictures</a></li>

<li class="current">Vacation</li>

</ul>

嘗試一下 ?

子導航

在頁面切換上，子導航是非常有用的。

在 <dl> 元素上添加 .sub-nav 類來創建子導航。在 <dt> 元素上添加標題，為選中的選項 <dd> 添加 .active 類:

實例

<dl class="sub-nav">

<dt>Filter:</dt>

<dd class="active"><a href="#">All</a></dd>

<dd><a href="#">Active</a></dd>

<dd><a href="#">Pending</a></dd>

<dd><a href="#">Suspended</a></dd>

</dl>

天找一個 ? 點的符號 &bull; 查到了這張表，分享出來。

HTML符號

1.特色的

2常用的

3.貨幣類

4 數學類

5.方向類

6 其它