web網頁開發面試筆試必備小知識(必看)

2024-08-30 08:35:59

字體：大中小

來源：轉載

供稿：網友

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 - 定義變量