這篇教學文的主要目的有兩個:
1. 請不要在標題使用HTML標籤
2. 不用HTML標籤,改變標題樣式的正確方法
1. 請不要在標題使用HTML標籤
在裝修部落格的時候,有些人會在標題﹝本文指「部落格的名稱」﹞上做些花樣。裝飾標題的方法很多,玩過的人都知道,在此就不詳加說明。不過有些人會用直接在「blog基本設定>標題」的欄位中加入HTML標籤,用此來改變標題呈現在頁面上的樣式;如圖一。不過這是錯誤的方法。
圖一. 錯誤的方法:在標題欄中直接加入HTML標籤
圖一的方法雖然可以改變標題在頁面上呈現的樣子,例如從預設的字體變成指定的標楷體。不過這串加入HTML標籤的標題文字也會被插入你的 RSS feed 中,變成圖二這樣:
圖二. 在標題欄中直接加入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標籤。在「標題」這一欄上,永遠只用純文字(圖三)。
圖三. 在標題欄中請用純文字
2. 不用HTML標籤,改變標題樣式的正確方法
如果不在標題欄中直接插入HTML標籤,要怎麼做才能改變標題的樣式呢?正確的方法是在「網頁樣式設定>個人化設定」中修改樣式表。樣式表是決定網站呈現樣式的檔案,一般來說都會和網頁分開。在大部分的部落格架站服務/程式中,「內容」都是不具樣式的純文字,所有的樣式都交由樣式表調整。所以我們只要調整樣式表就能改變標題的樣式,不需要在「blog基本設定>標題」的欄位中加入HTML標籤就可以改變標題的樣式。
Yam-Roodo 的樣式表的格式並不十分一致,所以找負責標題樣式的部分要花點時間。在Yam-Roodo 的樣式表中,負責標題樣式的段落是「.blogtitle」。在已經載入的樣式中,這一段已經有一些寫好的樣式。如果要改大小,請修改「FONT-SIZE」;如果要改字型,請修改/加入 FONT-FAMILY,例如:「FONT-FAMILY: "標楷體"」。
圖四. 正確的作法─修改樣式表
用樣式表還可以玩很多不同的呈現樣式,而且不會動到 RSS feed。更深入的資料可以參考下面幾個網站:
CSS 語法〝小〞解析 ( 上 )
CSS 語法〝小〞解析 ( 下 )
Cascading Style Sheets (串接樣式表)的基本介紹
樣板管理者日誌
那如果我要在標題弄兩種不同顏色的字怎麼辦呀?不能用<span>嗎?
Posted by: 光 於 2005年10月22日 16:02