第一課:為什麼寫文章要用 HTML 語法?
今天上班時,發現公司前輩寫官網的文章時,都是存成 html 文章格式去撰寫,而非以 word 檔撰寫文案,讓我不經好奇為什麼要這麼做? 經過查詢後,我發現主要原因有二個,分別是「 程式碼肥大 」、「 樣式無法再調整 」。 先說第一點,通常我們偏好使用 word 等編輯器撰寫的原因,是由於這類軟體採用「所得即所見」( W hat Y ou S ee I s W hat Y ou G et,簡稱 WYSIWYG )的視覺化處理,讓我們寫出的每個字都能如列印到紙般明確易懂。 雖然這項技術能幫助我們更容易撰寫文件,但同樣限制了寫出來文件用途。 由於這項技術,讓我們所寫出的每行字都被套上編輯器內的 CSS 模板,同時會產生程式碼重複的問題,不利於後續網頁編輯。 舉例來說,當我在 WORD 上打這兩段文字: 段落段落段落 段落段落段落 它實際的程式碼長這樣: 這種情況就四個字形容:爆幹冗長。 若我們說仔細點,不利的因素常見有三點: 程式碼重複,增加網站讀取時間 程式碼過大,讓前端工程師讀取困難,需要花費很多時間理解 不利網頁排名,搜尋引擎需要花額外時間理解網站結構,降低瀏覽器的可讀性。 再說第二點,由於 CSS 樣式都已經被原先編輯器套用,同樣不利於文章的「版本控制」。 你問:「什麼是版本控制?」 我們以文章舉例,當我們今天設定好一個網站的格式後,發現有一個地方需要修正一下,若文件版本是「 WYSIWYG」格式,就需要 需要花費心力一行一行的針對文字調整。 更可能我們努力調整後,某主管卻又突然說想要改個顏色,一切的辛苦就會全部付諸流水。 因此,若我們能將「文檔」與「樣式檔」分開處理與製作,就能快速針對問題系統化調整,也不會因此勞民傷財了。 以上,就是今天的學習,謝謝大家!