修改 Blogger.com 模板的第一步
Blogger.com 所提供的預設模板,都算相當簡單而且美觀,而老實說,想要一個自己的blog,其實用系統內建的模板就已經很夠用了。但是,不管怎麼樣,就台灣人的使用來說,有一些調整算是相當必須的。
通常來說,預設的模板的開頭,經常是這個樣子:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
請修改成這個樣子:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<$BlogMetaData$>
<title><$BlogPageTitle$></title>
就Blogger.com所定義的模板中xml:lang="en"這一段的意思,是使用將語言設定為英文的XHTML標準,雖然這樣也可以正確顯示繁體中文,但是就許多的瀏覽器來說,特別是使用了Gecko引擎的瀏覽器如Mozilla、Netscape及Firefox等,往往就會使用簡體中文字體,套用到繁體中文上,比較明顯的差別是在台灣我們習慣標點符號位在每一行的中央,而簡體中文的標點符號則是對準基線(baseline),在閱讀的時候會比較不習慣。而如果拿掉這一行的定義,標點符號就會放在中央了。
另外,就是要將<$BlogMetaData$>放在<title>的前面,那是因為我們需要將XHTML的文字編碼定義,放在文件的標題之前。這是因為我們通常在Blogger.com上使用UTF-8文字編碼,而在微軟的Internet Explorer瀏覽器中存在著一個bug,中文的IE會預設以Big5開啟網頁,然後一行一行讀取設定,而不是先去偵測文件中使用標籤定義好的編碼,然後再去以這種編碼方式開啟網頁。
這造成的結果是,如果在title中使用了UTF-8的中文(在單篇文章彙整,或是您設定了
中文的站台名稱,就會出現這種狀況),而編碼的定義放在title之後,那麼因為IE還是以Big5解讀title,然後往往就會因為找不到title的還原標籤(close tag),而讓IE以為在title後面的全部內容都是title的範圍,也就出現了IE開啟UTF-8網頁時,出現一片空白的狀況。
通常來說,預設的模板的開頭,經常是這個樣子:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
請修改成這個樣子:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<$BlogMetaData$>
<title><$BlogPageTitle$></title>
就Blogger.com所定義的模板中xml:lang="en"這一段的意思,是使用將語言設定為英文的XHTML標準,雖然這樣也可以正確顯示繁體中文,但是就許多的瀏覽器來說,特別是使用了Gecko引擎的瀏覽器如Mozilla、Netscape及Firefox等,往往就會使用簡體中文字體,套用到繁體中文上,比較明顯的差別是在台灣我們習慣標點符號位在每一行的中央,而簡體中文的標點符號則是對準基線(baseline),在閱讀的時候會比較不習慣。而如果拿掉這一行的定義,標點符號就會放在中央了。
另外,就是要將<$BlogMetaData$>放在<title>的前面,那是因為我們需要將XHTML的文字編碼定義,放在文件的標題之前。這是因為我們通常在Blogger.com上使用UTF-8文字編碼,而在微軟的Internet Explorer瀏覽器中存在著一個bug,中文的IE會預設以Big5開啟網頁,然後一行一行讀取設定,而不是先去偵測文件中使用標籤定義好的編碼,然後再去以這種編碼方式開啟網頁。
這造成的結果是,如果在title中使用了UTF-8的中文(在單篇文章彙整,或是您設定了
中文的站台名稱,就會出現這種狀況),而編碼的定義放在title之後,那麼因為IE還是以Big5解讀title,然後往往就會因為找不到title的還原標籤(close tag),而讓IE以為在title後面的全部內容都是title的範圍,也就出現了IE開啟UTF-8網頁時,出現一片空白的狀況。
用你的方法改了,效果看起來不錯,至少進入部落格時比以前快了。
謝謝。
還有期待你的其他分享。
9:08 下午
你的idea 帮了我的大忙了。
之前我的homepage一直都是显示空白的。
thanks!
» 張貼留言