web網頁開發筆小知識

HTML中行內元素與塊級元素的區別：

在標準文檔流裏面，塊級元素具有以下特點：

①總是在新行上開始，佔據一整行；

②高度，行高以及外邊距和內邊距都可控制；

③寬帶始終是與瀏覽器寬度一樣，與內容無關；

④它可以容納內聯元素和其他塊元素

行內元素的'特點：

①和其他元素都在一行上；

②高，行高及外邊距和內邊距部分可改變；

③寬度只與內容有關；

④行內元素只能容納文本或者其他行內元素。

不可以設置寬高，其寬度隨着內容增加，高度隨字體大小而改變，內聯元素可以設置外邊界，但是外邊界不對上下起作用，只能對左右起作用，也可以設置內邊界，但是內邊界在ie6中不對上下起作用，只能對左右起作用。

常見的塊級元素與行內元素：

塊元素(block element)

1. * address - 地址

2.* blockquote - 塊引用

3.* center - 舉中對齊塊

4.* dir - 目錄列表

5.* div - 常用塊級容易，也是css layout的主要標籤

6.* dl - 定義列表

7.* fieldset - form控制組

8.* form - 交互表單

9.* h1 - 大標題

10.* h2 - 副標題

11.* h3 - 3級標題

12.* h4 - 4級標題

13.* h5 - 5級標題

14.* h6 - 6級標題

15.* hr - 水平分隔線

16.* isindex - input prompt

17.* menu - 菜單列表

18.* noframes - frames可選內容，（對於不支持frame的瀏覽器顯示此區塊內容

19.* noscript - 可選腳本內容（對於不支持script的瀏覽器顯示此內容）

20.* ol - 排序表單

21.* p - 段落

22.* pre - 格式化文本

23.* table - 表格

24.* ul - 非排序列表

行內元素(inline element)

1. * a - 錨點

2.* abbr - 縮寫

3.* acronym - 首字

4.* b - 粗體(不推薦)

5.* bdo - bidi override

6.* big - 大字體

7.* br - 換行

8.* cite - 引用

9.* code - 計算機代碼(在引用源碼的時候需要)

10.* dfn - 定義字段

11.* em - 強調

12.* font - 字體設定(不推薦)

13.* i - 斜體

14.* img - 圖片

15.* input - 輸入框

16.* kbd - 定義鍵盤文本

17.* label - 表格標籤

18.* q - 短引用

19.* s - 中劃線(不推薦)

20.* samp - 定義範例計算機代碼

21.* select - 項目選擇

22.* small - 小字體文本

23.* span - 常用內聯容器，定義文本內區塊

24.* strike - 中劃線

25.* strong - 粗體強調

26.* sub - 下標

27.* sup - 上標

28.* textarea - 多行文本輸入框

29.* tt - 電傳文本

30.* u - 下劃線

31.* var - 定義變量