學習程式之路遇到的坑之1-load default HTML file in sublime text 3

近期我正在學習HTML+CSS課程,課程老師都會教你下載免費的sublime 來打code,可惜課程總會是一兩年先預錄好,會遇到課堂上,老師所說的跟實際上還是會有些差距(冏),不是老師的錯,都是這個世界太千變萬化了,新的事物更新速度就宛如火箭那般飛快(誇張了)

回到正題,我遇到明明照著老師教得打,但實際上卻沒有出現跟老師一樣的畫面後,內心的挫折感瞬間爆表,因為已經是看code如天書,看天書照做卻還不一樣的效果,當下瞬間淚奔棄電腦而去,去廁所面壁思過冷靜下來,在stackoverflow查找原因,發現sublime text 3已經更新,針對空的文件要下載預設的HTML格式,需要輸入不一樣的格式。

sublime text 3下載預設的html文件時,已經不是'!+tab'就會出現html預設,以下為過往下載的html預設格式。

而是,先在右下選擇HTML之後,

接著,再輸入html並按下tab鍵,即可呈現預設html格式,

但你有沒有發現,還是少了一些code需要輸入

新版sublime text 3更新後,與舊版的sublime text 3預設html差異:

  1. 語系:記得在<html >後面加上語系,因為我們人在台灣需要輸入繁體中文語系,所以輸入完整格式是<html lang="zh-Hant-TW">
  2. 沒有meta charset="UTF-8",需要記得加上

因為正在學習之路,會將所遇到的坑坑洞洞或者心得打上來分享,如果你跟我同樣是在這路上的人,感謝你跟我一起討論~

如果文章有不正確的地方,也歡迎 不吝指教