使用div
<body>
2015-07-30 11:31 發佈
以 div 的情況，可能會看到
div id or class="header"
div id or class="body"
div id or class="footer"
div id or class="nav"
div id or class="navbar"
類似的寫法，但在 HTML5 新加入了一些新 tag，則可以更簡化原本的寫法。
再舉個例子：
b
strong
在視覺效果上，都是粗體字，但當你面對的是 HTML，何者會讓你更明白更直覺地想到粗體字呢？
再另一個例子：
address
這是用來定義地址，主要就是塞地址，以視覺效果，我要用什麼 tag 都能達到目的，但就 HTML 的語意，address 是不是更能清楚地瞭解，這是地址。
簡單來說，重點不在於「視覺效果」，而是語義、結構化……等部份。
舉例來說，在不使用 ID 及 Class 的情況。
< div >< a > itemA < /a >< a > itemB < /a >< a > itemC < /a >< /div >
< nav >< a > itemA < /a >< a > itemB < /a >< a > itemC < /a >< /nav >
搭配 CSS 的情況下，兩者的視覺效果可以完全一樣
但就語義上，就完全不一樣了，前者就只能看出這是一個 div 但後者就能看出這是網站的導覽列
video, audio 就是 div 所無法做到的。
內文搜尋
從 APP 打開
X
X
複製連結