關鍵區別-塊與內聯元素
HTML代表超文本標記語言。是用來創建網頁的。每個網頁都使用超鏈接連接到其他網頁。這種語言由標記組成。標記用尖括號括起來。語法類似於<;tag name>;。大多數標記也有結束標記。當<;html>;是標記時,結束標記是<;/html>;。有些標記沒有結束標記。此類標記的示例有<;br>;和<;img>;。它們被稱為無效標籤。HTML元素是HTML文檔或網頁被解析為文檔對象模型(DOM)後的組件。DOM是web瀏覽器中的一種內部表示。它以樹狀結構表示每個文檔。在瀏覽器中,可顯示元素可以是塊元素,也可以是內聯元素。塊元素具有矩形結構。內聯元素可以嵌入到塊元素中。block和inline元素之間的關鍵區別在於,block元素佔據了可用的全寬,而inline元素採用了顯示元素內容所需的寬度。
目錄
1. 概述和主要區別
2. 什麼是塊元素
3. 什麼是內聯元素
4.塊和內聯元素之間的相似性
5. 並排比較-表格形式的塊與內聯元素
6. 摘要
什麼是塊元素(block elements)?
塊元素採用可用的全寬。這些元素總是以新行開始。塊元素的一些示例如下。用於定義段落。e、 這是一個段落。有六個標記用於定義標題。他們是。程序員可以相應地使用報頭。
有序列表由定義,而無序列表由定義。用於在網頁上顯示水平線。用於以表格格式排列數據。對於每個網站,都需要從網站訪問者那裡收集數據。HTML表單用於從用戶獲取數據。它也是塊級元素。這些是HTML中塊元素的一些示例。
什麼是內聯元素(inline elements)?
內聯元素只採用所需的寬度。這些元素不是以新行開始的。下面是一些內聯元素的示例。用於創建另一個頁面的鏈接。超鏈接是HTML的基本元素之一。它可以包含href屬性來創建指向目標的鏈接。e、 訪問谷歌。目標屬性為空。因此,新文檔將在新窗口中打開。如果目標屬性是“_self”,則鏈接的文檔將在同一窗口中打開。
用於加粗文本部分。標籤是將文本傾斜。網頁應該是可呈現的。因此,任何網頁都由多個圖像組成。用於在頁面上顯示圖像。此標記需要兩個屬性。它們是src和alt,'src'描述圖像的位置,'alt'描述圖像的內容。例如。下面是一些內聯元素的示例。
什麼是塊元素與內聯元素的相似性(the similarity between block and inline elements)?
- 塊和內聯元素用作HTML中的容器。
塊(block)和內聯元素(inline elements)的區別
塊與內聯元素 | |
塊元素是將跨越父元素的整個寬度的元素,並且不允許任何其他元素在放置時佔用相同的水平空間。 | 內聯元素是不能直接放置在body元素內部,並且嵌套在塊元素中的元素。 |
新線 | |
塊元素以新行開始。 | 內聯元素不以新行開頭。 |
所需空間 | |
塊元素具有所有寬度。 | 內聯元素將只採用所需的寬度。 |
總結 - 塊(block) vs. 內聯元素(inline elements)
HTML代表超文本標記語言。它是一種由標記組成的語言。每個標記都有一個特定的任務,並定義如何構造網頁。有些標記有起始標記和結束標記。有些標記沒有結束標記。它們被稱為無效標籤。句法分析是語法分析的過程。在解析步驟之後,這些標記將成為元素。內聯元素或塊元素可以是級別元素。塊元素和內聯元素之間的區別在於,塊元素佔用可用的全寬,而內聯元素採用顯示元素內容所需的寬度。
下載block vs inline元素的pdf版本
你可以下載這篇文章的PDF版本,並根據引文說明離線使用。請在這裡下載PDF版本:Block和Inline元素的區別