分類: 網頁開發

HTML Arrows:網頁特殊符號整理,提供 Unicode、Hex 等各種編碼

在設計網頁時,若是需要一些鍵盤上沒有的特殊符號,一時之間不知道去哪裡找也是很困擾的事情,像我每次需要輸入 copyright 的符號(©)時,就要上網去找半天。

HTML Arrows 整理了大部分網站常用到的特殊符號,雖然網路上有許多的網站都有類似的功能,不過 HTML Arrows 比較特別的一點就是它的介面設計很清爽,讓人看起來就很舒服,比起一般的內碼表要漂亮多了。

名稱:HTML Arrows
網址:http://htmlarrows.com/

這是 HTML Arrows 的畫面,簡潔有力:

這是另外一種表格顯示模式,對所有的符號可以一目了然。

點選選要使用的特殊符號之後,會出現簡潔的使用方式,這裡有該符號的萬國碼(unicode)、十六進位碼(hex code)與 html 碼,另外若該符號有 html entity 的話,也會顯示在這裡,非常詳細。

這裡它也提供了 HTML 的範例:

<span>&#163;</span>

以及 CSS 的範例:

span {
  content: "
G. T. Wang

個人使用 Linux 經驗長達十餘年,樂於分享各種自由軟體技術與實作文章。

Share
Published by
G. T. Wang
標籤: 線上工具

Recent Posts

光陽 KYMCO GP 125 機車接電發動、更換電瓶記錄

本篇記錄我的光陽 KYMCO ...

2 年 ago

[開箱] YubiKey 5C NFC 實體金鑰

本篇是 YubiKey 5C ...

3 年 ago

[DIY] 自製竹火把

本篇記錄我拿竹子加上過期的苦茶...

3 年 ago