塊元素(block element)一般是其他元素的容器元素,塊元素一般都從新行開始,它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤'P”。“form”這個塊元素比較非凡,它只能用來容納其他區塊元素
。模式,把塊元素擺放到你想要的位置上去。者(不包括視力障礙者、盲人等)的角度來看這兩種佈局,除了頁面載入速度的差別外,沒有其他的差別。者所表現出來的差異就非常大了。
code應該
有更好的美學體驗。
雜誌總剪下來。
了
。
元素
,常見內嵌元素「a」。
叫怎麼叫吧
。 element)都是html規範中的概念。
差異了。 例如,
我們完全可以把內嵌元素cite加上display:block這樣的屬性,讓他也有每次都從新行開始的屬性。
基本概念就是他需要根據上下文關係來確定該元素是塊元素或內聯元素。可變元素還是屬於上述兩種元素類別,一旦上下文關係確定了他的類別,他就要遵循塊元素或內聯元素的規則限制。
html標籤的block、inline分類明細:
區塊元素(block element)
div css xhtml xml Example Source Code Example Source Code
◎ address - 地址◎ blockquote - 塊引用◎ center - 舉中對齊塊◎ dir - 目錄列表◎ div - 常用塊級輕易,也是css layout的主要標籤◎ dl - 定義列表◎ fieldset - form控制組◎ form - 交互表單◎ h1 - 大標題◎ h2 - 副標題◎ h3 - 3級標題◎ h4 - 4級標題◎ h5 - 5級標題◎ h6 - 6級標題◎ hr - 水平分隔線◎ isindex - input prompt
◎ menu - 選單清單◎ noframes - frames可選內容,(對於不支援frame的瀏覽器顯示此區塊內容◎ noscript - 可選腳本內容(對於不支援script的瀏覽器顯示此內容)
◎ ol - 排序表單◎ p - 段落◎ pre - 格式化文字◎ table - 表格◎ ul - 非排序清單
內聯元素(inline element)
div css xhtml xml Example Source Code Example Source Code
◎ a - 錨點◎ abbr - 縮寫◎ acronym - 首字◎ b - 粗體(不推薦)
◎ bdo - bidi override
◎ big - 大字體◎ br - 換行◎ cite - 引用◎ code - 電腦程式碼(在引用原始碼的時候需要)
◎ dfn - 定義欄位◎ em - 強調◎ font - 字型設定(不建議)
◎ i - 斜體◎ img - 圖片◎ input - 輸入框◎ kbd - 定義鍵盤文字◎ label - 表格標籤◎ q - 短引用◎ s - 中劃線(不建議)
◎ samp - 定義範例電腦程式碼◎ select - 專案選擇◎ small - 小字體文字◎ span - 常用內聯容器,定義文字內區塊◎ strike - 中劃線◎ strong - 粗體強調◎ sub - 下標◎ sup - 上標◎ textarea - 多行文字輸入框◎ tt - 電傳文字◎ u - 下劃線◎ var - 定義變數
可變元素
div css xhtml xml Example Source Code Example Source Code
可變元素為根據上下文語境決定該元素為塊元素或內聯元素。
◎ applet - java applet
◎ button - 按鈕◎ del - 刪除文字◎ iframe - inline frame
◎ ins - 插入的文字◎ map - 圖片區塊(map)
◎ object - object物件◎ script - 客戶端腳本