HTML|<body> 的大小


Posted by vickyh1315 on 2021-04-16

<body> 是什麼

現在看到的網頁內容,是以HTML、CSS、JavaScript堆疊而成的,HTML負責了網站的結構,其中HTML元素就是構建網站的基石,並以標籤 (tag) 的形式(e.g. <html>)解釋網頁內容,也就為什麼稱作「超文本標記語言」(HyperText Markup Language) 而不是程式碼。

<body> 佔了網頁內容最主要部分,是文字 (<h1>~<h6>)、圖片 (<img>)、影片 (<video>) 等等元素的載體,幾乎都寫在 <body> 裡,使用到的CSS、JavaScript也藉著裡面的這些元素做連結。

<body> 的大小

簡單來說,尺寸沒有一定值
當打開空白網頁,所看到的空白處,就是 <body> 的最小大小,隨著內容的增加,再不斷擴大長度、寬度。

以上是二維的部分。

上面說到 <body> 是內容的「載體」:各種文字、圖片影片、表格…堆疊在 <body> 上面,組合而成我們看到的網頁結構,也就是說,網頁有所謂的「高」。

在預設(空白)的網頁,只有一層,也就是載體 <body>,一樣也是可以透過內容的增加擴大 <body> 的大小。

怎麼控制元素的層數順序?

我們在寫CSS也可以用 z-index 的功能,控制元素要顯示在哪一層,可以是正數,也可以是負數,數字越大越前面,也可以透過字符值、全局值,去設定 z-index 的屬性。

總結

  1. 網頁結構是透過HTML這個標記語言寫出來的, 屬於其中一個標籤,乘載著各種內容元素。
  2. 大小沒有一定的值域,尺寸最小就是我們打開空白網頁的大小,也有所謂的高 (1層),會隨著內容的擴增而增長。

#html







Related Posts

margin 與 padding 差別在哪裡?

margin 與 padding 差別在哪裡?

股癌

股癌

AI輔導室|不讓標點符號出現在段落前端

AI輔導室|不讓標點符號出現在段落前端


Comments