[Back To Basic] HTML5 - span&div, id&class

span&div 顯示方式(display value)

絕大部分的HTML元素(elements)都有預設的顯示方式

• 直列(inline)

特性:

• 不會從新的一列開始
• 寬度會盡可能地只留必要的寬度

• 區塊(block)

特性:

• 從新的一行開始
• 寬度會盡可能的延展到最寬

id&class

• class
• 群組的概念，HTML元素(elements)都可以套用class
• 只要套用同一個class就會有同樣的格式和外觀
• 同一個HTML元素(elements)可以有多個class
• css用 .className來取得class群組
• js用 document.getElementsByClassName("className")來取得class群組

• id
• 唯一的概念，同一份HTML文件中id不可重複
• css用 #id來取得指定的HTML元素(elements)
• js用 document.getElementById("id")來取得指定的HTML元素(elements)
• id不可以有空白
• 記得可以搭配書籤的概念使用 e.g.

<p id="test">test text</p>

<a href="#test">Jump to test</a>