美食

卡頌

部落格

【WordPress教學】表格很無聊嗎?讓簡易的CSS美化您的表格!
2020-07-14
【WordPress教學】誰說圖片只能很無味?讓簡易CSS變化一下吧!
2020-07-16

【WordPress教學】為什麼特殊符號就是打不出來?簡易CSS讓您的特殊符號正常顯示!

更新時間:2020年07月14日

為什麼我打的特殊符號就是出不來?

想打雙引號,怎麼修怎麼改出現的都是半形的雙引號”

其實很簡單!這邊提供兩種做法給大家參考。

目錄:

兩種解決特殊符號顯示的做法

不能正常顯示的根本問題是在HTML中特殊符號會被瀏覽器當成標記來使用,

所以就不會正常的顯示在網站上!

第一種做法,在後台編輯區輸入特殊符號的原始碼,再到前台測試。

如果正常顯示那就沒問題囉,但如果輸入原始碼出現的不是您要的符號,

可以接著使用第二種方法:

檢查是否字型出了問題,使用簡易的CSS語法將原始碼給包夾起來:

<span style=”font-family: sans-serif;”>特殊符號</span>

這種做法適合用在只有單篇文章會用到特殊符號,如果很多文章都有呢?

那就改用類別的做法,網站內需要用到的地方都加上:

class =“ code”

例如

<p =class”code”>特殊符號</p> <H3 =class”code”>特殊符號</H3>

接下來在系統的CSS編輯區輸入一種可以支援的字體,這邊我以sans-serif;字型舉例:

.code {font-family:sans-serif; }

結果真的就大功告成啦!

大家有問題的話不妨也可以試試看這種方法唷。

特殊符號表

符號 HTML原始碼 描述
< &lt; 小於或是標記符號
> &gt; 大於或是標記符號
(空格)   空白
&quot; 雙引號
&apos; 單引號
& &amp; 「和」、「與」之代表符號

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

網站設計

親子

旅遊