這次的教材一樣是Amos老師的基礎網頁影片
金魚都能懂網頁設計入門
以下是課堂小筆記:
在寫程式的時候,
有時候雖然出來的結果是一樣的,
但背後的寫法跟意義卻不同。
例如要把字體加粗,
可以用'strong'或'b'(B在各種文字編輯器中也是字體加粗的意思);
想呈現斜體,
可以用'em'(emphasized)或'i';
加上刪除線則可用'del'或's'(strikethrough)。
(補充資料來源是5minReading網站,寫得很詳細喔)
上述用法的不同,
主要的差別是一種多是單純描述外觀,
加粗的,斜的,
另一種則是被賦予了意義,
“這是重要的(所以被加粗)”,
“這是重要的或是專有名詞(所以用斜體)”,“這個已經不正確的(所以畫了刪除線)”。
之所以要在語意上又加上一層語義,
是為了讓搜尋引擎可以更好地認識網站的結構。
就像你在為別人介紹一道菜,
你可以單純跟他說:
這裡是淡粉色的,這裡是甜的;
但如果要讓他更深入了解你的料理理念,
你可以更深入地解說:
因為想呈現春天櫻花溫柔的意象,
所以做成了淡粉色的甜口味。
用語義來架構你的網站,
就能讓搜尋引擎更深刻的了解你想呈現的東西,
seo也就可以更好了。