2017-02-15 113 views
1

最近我一直在教導自己的HTML,我試圖從頭開始測試我的新知識,創建一個實際的HTML文件。在瀏覽器中顯示爲純文本的html代碼

我正在使用Mac,因此在閱讀了許多在線指南後,我使用TextEdit來管理和編輯我的代碼。

所以我寫我的所有代碼。將其保存爲name.html(確保文件確實是HTML而不是name.html.txt),然後使用google chrome啓動它,以發現我的代碼不會被解釋爲HTML,而是作爲純文本解釋。

爲什麼會發生這種情況,我該如何將HTML解釋爲HTML?

我試着通過去除一些空間也再次確認的一切是正確的我即使使用其他瀏覽器,但沒有成功嘗試修改我的代碼...

因此,這裏是我的代碼:

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title>This is a test</title> 
 
    </head> 
 
    <body> 
 
    <h1>This is a quick test</h1> 
 
    <p>This website is made for personal use so I can try out my new knowledge on HTML5 and CSS.</p> 
 
    </body> 
 
</html>

當我在瀏覽器中啓動它時,會顯示與此完全相同的代碼: (Browser screenshot)

+0

你用瀏覽器打開你的html文件而不是文本編輯器嗎?你的代碼是正確的。那麼別的東西就是錯的。 – Stony

+1

你確定最後沒有添加一個.txt擴展名,但是在文件管理器中看不到它?嘗試點擊輸入重命名Finder中的文件,並確保結尾/擴展名是真正的.html而不是.html.txt – Dan

+3

看到這個:http://stackoverflow.com/a/14439919/1052906 – larrylampco

回答

2

這是一個問題與TextEdit。用另一個編輯器打開它並再次保存。看看是否修復它。

您還可以編輯TextEdit,以便它可以與HTML一起使用。你可以學習做那here

+0

我想建議使用括號,這也可以讓您預覽您的代碼 –

0

在google chrome中打開文件,右鍵單擊屏幕中的任意位置,然後單擊「查看頁面源代碼」。

,你會看到一個新的選項卡

開闢了開始查看源代碼的URL欄中的URL文件:

如果你看到一堆東西,本來不是你鍵入到您的文件中,那麼發生的事情是,即使文件擴展名爲.html,TextEdit可能已將文件保存爲某種形式的富文本而不是純文本。我查看了TextEdit的wikipedia article,它告訴我TextEdit可用於生成富文本文檔。如果發生這種情況(我不能100%確定,因爲我不是一個mac人,我從來沒有使用過TextEdit程序),那麼你會想使用不同的文本編輯器來編輯源代碼你的html文件。

+1

請不要給出軟件建議的答案,因爲它們可能被視爲垃圾郵件。正如你所做的那樣,只需用代碼或理論回答問題,並省略主動提供的產品建議。 – Adriaan