[推廣]請不要在標題使用HTML標籤

這篇教學文的主要目的有兩個:

1. 請不要在標題使用HTML標籤
2. 不用HTML標籤,改變標題樣式的正確方法

1. 請不要在標題使用HTML標籤
在裝修部落格的時候,有些人會在標題﹝本文指「部落格的名稱」﹞上做些花樣。裝飾標題的方法很多,玩過的人都知道,在此就不詳加說明。不過有些人會用直接在「blog基本設定>標題」的欄位中加入HTML標籤,用此來改變標題呈現在頁面上的樣式;如圖一。不過這是錯誤的方法。

title-incorrect.gif
圖一. 錯誤的方法:在標題欄中直接加入HTML標籤

圖一的方法雖然可以改變標題在頁面上呈現的樣子,例如從預設的字體變成指定的標楷體。不過這串加入HTML標籤的標題文字也會被插入你的 RSS feed 中,變成圖二這樣:

title-incorrect-result.gif
圖二. 在標題欄中直接加入HTML標籤後,RSS feed 的樣子

RSS feed 的標題變成這個樣子,會出現什麼事呢?在自己的網站大概看不出來,不過訂閱這份 RSS feed 的人就要頭痛了。因為這串帶有HTML標籤的標題,也會跟著RSS feed 帶到別人的電腦上。所以在 RSS 閱覽軟體、Newsgator之類的服務,或是網站聯播上,標題上的HTML標籤都會起作用。也就是說,如果在標題中直接加入HTML標籤﹝例如:face="標楷體" size="24";以下以此為例。﹞,不只自己頁面上的標題會變成「標楷體,字級24」,訂閱的地方的字體也會變那麼大,或是變成一串礙眼的HTML原始碼。如果這樣個情況只出現在自用的 RSS 閱覽軟體上,大概只會讓人覺得礙眼,還不會造成太大的困擾。但如果訂閱的人是拿來當網站上的聯播或連結,像是我的〈出去走走〉及 Quick Links,這麼大的字會破壞別人的版面。當我遇到這種情況時,我只能把這個聯播取下,以免破壞版面。

當然,也有人在標題上用HTML標籤插入圖片,其結果當然和上面的例子一樣,這張圖片會在每個地方都出現,或是出現礙眼的圖片路徑。依然破壞別人版面。

因此,為了讓訂閱 RSS feed 的人有舒服的閱讀經驗,請不要在標題上直接插入HTML標籤。在「標題」這一欄上,永遠只用純文字(圖三)。

title-correct.gif
圖三. 在標題欄中請用純文字

2. 不用HTML標籤,改變標題樣式的正確方法
如果不在標題欄中直接插入HTML標籤,要怎麼做才能改變標題的樣式呢?正確的方法是在「網頁樣式設定>個人化設定」中修改樣式表。樣式表是決定網站呈現樣式的檔案,一般來說都會和網頁分開。在大部分的部落格架站服務/程式中,「內容」都是不具樣式的純文字,所有的樣式都交由樣式表調整。所以我們只要調整樣式表就能改變標題的樣式,不需要在「blog基本設定>標題」的欄位中加入HTML標籤就可以改變標題的樣式。

Yam-Roodo 的樣式表的格式並不十分一致,所以找負責標題樣式的部分要花點時間。在Yam-Roodo 的樣式表中,負責標題樣式的段落是「.blogtitle」。在已經載入的樣式中,這一段已經有一些寫好的樣式。如果要改大小,請修改「FONT-SIZE」;如果要改字型,請修改/加入 FONT-FAMILY,例如:「FONT-FAMILY: "標楷體"」。

title-style-correct.gif
圖四. 正確的作法─修改樣式表

用樣式表還可以玩很多不同的呈現樣式,而且不會動到 RSS feed。更深入的資料可以參考下面幾個網站:

CSS 語法〝小〞解析 ( 上 )
CSS 語法〝小〞解析 ( 下 )
Cascading Style Sheets (串接樣式表)的基本介紹
樣板管理者日誌

分類: 玩弄活字
FreeLeaf 發表於 ephemeris│2005年09月25日 08:12│[列印版]
Cite this article

本著作物依照創用 CC「姓名標示-非商業性-禁止改作 2.0 台灣」授權使用。
重製、散布、展示及演出本著作時請註明本文的授權條款,以便您的讀者再次使用。
詳細轉載規定。簡單授權‧輕鬆使用 ,更多創用CC的資訊請見:CC Taiwan

本站/本文網址可自由轉貼,自由連結,自由使用

Citing with MLA format:
FreeLeaf. "[推廣]請不要在標題使用HTML標籤." :: ephemeris ::. 25 2005年09月. <http://mt.leafportal.org/archives/001494.html>.

Citing with APA format:
FreeLeaf. (2005, 9). [推廣]請不要在標題使用HTML標籤 Retrieved from http://mt.leafportal.org/archives/001494.html

TrackBack URL for this entry:
http://mt.leafportal.org/mt-tb.cgi/1136

Check In-bound Links with Talk Digger:
In-bound Links to "[推廣]請不要在標題使用HTML標籤"

以下是引用本文的記錄

Comments

那如果我要在標題弄兩種不同顏色的字怎麼辦呀?不能用<span>嗎?

Posted by: 於 2005年10月22日 16:02

您的做法會讓聯播網站上顯示的標題也變成兩種顏色,不建議這麼做。不過我也想不到兩全其美的方法。

但是推廣不在標題使用HTML標籤的原因是「防止標題中的HTML標籤隨著 RSS feed 傳播到別人的網站上」。如果可以找到防止HTML進入 RSS feed 的方法,標題中要放什麼東西都可以。所以,如果可以自己設定模版,或許可以想個辦法讓標題的資料在寫入 RSS feed 時就先去掉HTML標籤。

Posted by: FreeLeaf 於 2005年10月22日 18:19