2015-05-01 66 views
3

我創造了我的響應表的表頭的CSS是這樣的:打印出突變元音與CSS

td:nth-of-type(1):before { content: "Abfahrtszeitpunkt"; } 
td:nth-of-type(2):before { content: "Startort"; } 
td:nth-of-type(3):before { content: "Zielort"; } 
td:nth-of-type(4):before { content: "Karte"; } 
td:nth-of-type(5):before { content: "Bewertung"; } 
td:nth-of-type(6):before { content: "Fahrt löschen"; } 

但是,當我在我的網頁瀏覽器加載此表中的「ö」不顯示在得到正確的方法。網站只打印出帶有問號的菱形。我已經嘗試使用html和javascript修復它,但它不起作用。有沒有簡單的方法來解決我的問題?

+1

Unicode編碼問題? – Huey

+3

有沒有什麼理由讓你這樣做,而不是把你的內容放在HTML中,它屬於哪裏? –

+1

是的。我試圖創建一個響應表,其中表頭中的信息(在最小量的px之後)用作表的列,這是它對我來說唯一的方式。 – Encanis

回答

5

如果沒有更多的繼續,很難具體說明,但在某個地方某些東西正在被解釋爲一種字符編碼,而實際上它是另一種字符編碼。確保整個堆棧使用相同的編碼(例如UTF-8)很有用。強制性鏈接:The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!)

作爲解決方法,您可以使用\f6在你的CSS ö(在HTML中,你會使用ö),但是這是一個解決方法,而不是解決方案。解決方案是確保您的文件編碼一致,並且您的服務器正在爲它們提供必要的標題以說明該編碼是什麼。這裏有一個清單:

  • 選擇一個編碼。 UTF-8是西方文本非常受歡迎的選擇,得到了工具的大力支持。
  • 您的編輯器和其他內容生成工具:確保他們知道您希望以UTF-8工作,而不是您的操作系統的默認編碼(這一點各不相同;對於許多現代* nix系統,它是UTF-8或ISO-8859-1;對於Windows,它是ISO-8859-1或Windows-1252 [其中非常類似於])。
  • 您的數據庫:如果您的堆棧中有數據庫,則需要確保表格中的文本列使用正確的編碼。
  • 您的Web服務器:確保其設置爲一個正確和完整Content-Type頭傳送文件,如Content-Type: text/html; charset=UTF-8(HTML文件)
  • 我始終把<meta charset="UTF-8"> meta標籤在我的HTML文件head頂部。這主要是因爲如果我通過瀏覽器(而不是通過服務器)直接從文件系統打開它們,瀏覽器就知道我正在使用哪種編碼。一些HTML編輯器很聰明,可以看到它,並確保它們以指定的編碼工作。
+1

感謝您長時間的詳細發佈,我會盡力用所有這些信息修復它! – Encanis