1. 程式人生 > >HTML CSS 特殊字元表

HTML CSS 特殊字元表

HTML有許多特殊的字元,您對此有多少了解?平時在WEB製作中,您又有用到多少?或者說你在平時使用之時,是否也會碰到,有許多特殊字元要如何打印出來?比如說“笑臉”,比如說“版權號”。要是你用時忘記了這些特殊字元,不要緊,請記住今天這個地址,你就隨時可以查到這些特殊字元的表示方法。

簡單的介紹一下其使用方法:

1、這些字元屬於unicode字符集,你的文件需要宣告為”utf-8

2、列表符號後面有兩列編號,第一列編號用於HTML文件中,需要在編號前面加上“&#”符號,比如說“向左箭頭”符號對應的HTML編號是:“8672”,那麼在文件中需要寫成“&#8672

”;第二列編號用於CSS文件中,需要在編號前面加上反斜槓“”進行轉義,比如說“向左箭頭”符號對應的CSS編號是:“21E0”,那麼在文件中需要寫成“21E0”;同時第二列也可以用於JavaScript文件中,需要在編號前面加上“u”來進行轉義,比如說“向左箭頭”符號,在JavaScript文件中,我們就要寫成“u21E0”.

使用的方法很簡單,但要用好,我們還是需要注意一些細節上的要求:

1、有的字元在不同的瀏覽器下表現不太一樣,比如“小雪人”在Firefox和Chrome下不太一樣;

2、有的字元在某個瀏覽器下不會顯示;

3、為了不造成損失,使用字元編碼來代替某些符號時,請注意各個瀏覽器進行測試;

4、移動端對此支援度較差,特別是在Window phone下和UC瀏覽下器,直接無法顯示。

基於上面幾個不足之處,大家在使用過程請考慮周詳,詳細的列表請看:

目錄

  1.   箭頭類
  2.   基本形狀類
  3.   貨幣類
  4.   數學類
  5.   音樂符號類
  6.   對錯號
  7.   全都是星星
  8.   星座類
  9.   國際象棋類
  10.   撲克牌類
  11.   希臘字母
  12.   十字
  13.   法律符號
  14.   標點和符號

⇠  箭頭類

符號 UNICODE 符號 UNICODE
HTML JS CSS HTML JS CSS
&#8672 u21E0 21E0 &#8674 u21E2 21E2
&#8673 u21E1 21E1 &#8675 u21E3 21E3
&#8606 u219E 219E &#8608 u21A0 21A0
&#8607 u219F 219F &#8609 u21A1 21A1
&#8592 u2190 2190 &#8594 u2192 2192
&#8593 u2191 2191 &#8595 u2193 2193
&#8596 u2194 2194 &#8597 u2195 2195
&#8644 u21C4 21C4 &#8645 u21C5 21C5
&#8610 u21A2 21A2 &#8611 u21A3 21A3
&#8670 u21DE 21DE &#8671 u21DF 21DF
&#8619 u21AB 21AB &#8620 u21AC 21AC
&#8668 u21DC 21DC &#8669 u21DD 21DD
&#8602 u219A 219A &#8603 u219B 219B
&#8622 u21AE 21AE &#8621 u21AD 21AD

相關推薦

Web前端 HTML CSS 特殊字元

⇠  箭頭類符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS⇠&#8672u21E021E0⇢&#8674u21E221E2⇡&#8673u21E121E

HTML CSS 特殊字元

HTML有許多特殊的字元,您對此有多少了解?平時在WEB製作中,您又有用到多少?或者說你在平時使用之時,是否也會碰到,有許多特殊字元要如何打印出來?比如說“笑臉”,比如說“版權號”。要是你用時忘記了這些特殊字元,不要緊,請記住今天這個地址,你就隨時可以查到這些特殊字元的表示方法。 簡單的介紹一下

HTML常用特殊字元編碼對照表以及其對應英文

符號 說明 對應編碼(使用時去掉空格) 英文 & AND 符號 & amp; ampersand < 小於 & lt; li

前端筆記—從入門到墳墓[HTML+CSS][表格與單]

表格 <table>標籤常用屬性:cellspacing設定單元格之間的距離,cellpadding設定單元格內容到單元格邊的距離,border設定單元格邊框寬度。 注:以上屬性單位皆為px。 <td>標籤常用屬性:colspan設定

如何讓在Html特殊字元不被轉義(如 等)

問題: <textarea></textarea>之間包含有類似的這種轉義字元的時候總會被解析,倒是可以把所有的"&"通過程式替換成"&amp;",但是有些本來就是"&"的也會被轉換,這就錯了。如何讓<textarea&g

常用的HTMLCSS content屬性特殊字元歸納

今天在做開發的時候,需要用到CSS的content屬性,加入一些特殊字元來實現網頁效果。但是特殊字元那麼多,怎麼可能記得住,所以谷歌百度搜索之後找到了一個比較全的,在這裡進行歸納備忘,為了和我有相同需求的童鞋以及自己日後再用到的時候提供方便。 因為這些字元屬於unicode字

html特殊字元html,js,css寫法彙總

⇠  箭頭類 符號 UNICODE 符號 UNICODE HTML JS CSS HTML JS CSS ⇠

HTML CSS 層疊樣式

鏈接 mage type類 css 裏的 div adding set clas CSS,全拼Cascading Style Sheets,層疊樣式表,用於控制html<body>的元素的樣式和布局。 一、CSS的三種引用方式 1.內嵌 <div sty

HTML CSS 層疊樣式

技術分享 清除 上層 -1 絕對定位 有序 定位 color abs 一、頁面布局:div+css布局 1.<style >   *{     margin:0px;     padding:0px;   }   #ad{     width:100px;   

HTML CSS 層疊樣式

auto ansi ext pan 字體樣式 平鋪 eat 文本 大小 一、 #ID{     width:寬度px;     height:高度px;     background-color:red; 背景顏色的兩種加法     background:rgba

【2018-01-28】HTML-css樣式分類、選擇器

set html span ima meta class選擇器 優先 sheet har 樣式表,css:層疊式樣式表style後綴名:css 分類:內聯:寫在標記的屬性位置,優先級最高,重用性最差內嵌:寫在頁面的head中,優先級第二,重用性一般外部:寫在一個以css結尾

SQL去除資料庫中tab、空格、回車符等特殊字元的解決方法

原文: SQL去除資料庫表中tab、空格、回車符等特殊字元的解決方法 按照ASCII碼, SELECT char(64) 例如64 對應 @,則 SELECT REPLACE('[email protected]', CHAR(64), 'kk'); 則結果為 abckkqq.

html 使用特殊含義字元

在進行對html頁面或者jsp檔案編寫的時候,可能會遇到輸出尖括號,也就是"<"和">"的時候,但是我們知道,在html頁面中, 尖括號有著特殊的含義,如果在html頁面中單獨輸出尖括號是不影響頁面的展示效果的。 <!DOCTYPE html> <html>

HTML+CSS第四課:單標籤的使用-製作登錄檔單

知識點:表單標籤、表單元素 表單在網頁中應用比較廣泛,如申請qq賬號、電子郵箱等,使用者需要首先填寫註冊資訊,然後才能提交;通俗講,表單就是一個將使用者資訊組織起來的容器,將使用者填寫的內容放置在表單容器中,當用戶單擊提交按鈕的時候,表單會將資料統一發送給伺服器! 表單的作用

HTML+CSS專案課2:利用table和單製作“網易郵箱註冊頁面”

知識點:html文件基本結構、table標籤佈局、表單標籤的使用、img標籤、a標籤、p標籤等常見標籤的使用。 製作網頁效果:   網頁製作思路: 1、將整個網頁分成4部分:3個表格+底部段落文字(3個表格設定同樣的寬度,水平居中,邊框為0等屬性) 2、表格1

HTML+CSS第四課2:利用單標籤製作一個百度搜索框

知識點:表單<form>標籤、<input />標籤的使用。 問題描述:在html中製作一個百度搜索框,要求,在搜尋框裡輸入關鍵詞後,點選搜尋,能夠跳轉到百度搜索結果頁面。 關鍵程式碼: <form action="http://www.baidu.co

vue+element中自定義單校驗特殊字元

本次專案基於vue和element-ui,需要在前端使用者輸入的時候去校驗輸入的內容中是否含有特殊符號,如果有,則提示使用者不支援輸入特殊符號。 校驗規則方法 export function checkSpecificKey(str) { var special

ant design 如何將後臺傳送的帶特殊字元的資料轉義為html解析

目錄 問題場景 解決 拓展 問題場景 ant design 是基於React實現的元件庫,會將\n這樣的特殊字元轉成空格,但是我們想讓資料顯示在前端介面上,怎麼做呢? 解決 首先,將data中的\n替換為<br >    因為ant design 直

CSS 選擇器中的特殊字元轉義

function escapeJquery(srcString) { // 轉義之後的結果 var escapseResult = srcString; // javascript正則表示式中的特殊字元 va

HTML中顯示特殊字元,如尖括號 “

這幾天,做個網頁,之後進行解析,總是出錯。最後發現是因為錯誤的使用了尖括號  “<”,">"。 如下面的html程式碼: <body> 顯示:<input id="myTest" type="text" value="5&l