4 HTML檔案結構相關解釋

2021-10-02 11:04:33 字數 1405 閱讀 7793

相關解釋:

1、<

!doctype html>

: 了解html的發展史的就知道,html有許多的版本,

其中應用廣泛的有3個:xhtml,h5,h4

.為了讓瀏覽器知道我們

使用的是哪個html版本,需要在網頁的最上面加上乙個doctype宣告,

用來告訴瀏覽器這裡使用的html的版本。注意:html4與xhtml的文件

的宣告都十分複雜,但是h5的文件宣告卻很簡單:<

!dactype html>

編寫網頁時一定要將h5的文件宣告寫在網頁的最上面。

如果不寫文件宣告,則會導致一些瀏覽器進入乙個怪異模式,

瀏覽器進入怪異模式後,會導致網頁無法正常顯示。

文件宣告使用大小寫都是無所謂的。

怪異模式:為了相容一些舊的頁面,瀏覽器設定了兩種模式,標準模式,和 怪異模式,怪異模式可能會產生一些不可預期的後果。所以盡可能加入doctype 避免。

2、

'en'

>

<

/html>:

是body標籤和head標籤的父標籤。除了文件宣告,其他的**都

要寫在html標籤裡面。

lang = 『en』 則表示這個網頁是英文網頁。

lang是language 的縮寫,en是english的縮寫,是中文的html

可以將en 改為 zh。即

'zh'

>

3、

<

/head>

: head標籤代表網頁的頭部,通常使用meta標籤設定一些描述性的資訊

使用title標籤設定網頁的標題。是body標籤的兄弟標籤。

4、

<

/body>

: 代表網頁的主體,所有網頁上可以看見的資訊,都是寫在這裡面的

5、mate標籤

一般用來做seo,charset用來設定字符集。

比如:"utf-8"

>

"keywords" content=

"html教程"

>

"description" content=

"從頭再來,html學習"

>

6、

<

/title>:

title標籤是用來設定網頁的標題。

4 HTML標籤分類

塊級元素特點 display block 1 每個塊級元素都從新的一行開始,並且其後的元素也另起一行。獨佔一行 2 元素的高度 寬度 行高以及頂和底邊距都可設定。3 元素寬度在不設定的情況下,是它本身父容器的100 和父元素的寬度一致 除非設定乙個寬度。行內元素特點 display inline 1...

4 HTML基本結構和常用標籤

html lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle head body html 網頁的整理檔案,根元素 網頁的頭部資訊,不會顯示在網頁中 網頁的元資訊...

4 HTML 屬性與使用

例如 href 這是乙個鏈結a 效果 這是乙個鏈結 html 屬性的使用 另外,屬性和屬性值對大小寫不敏感。不過,推薦小寫的屬性 屬性值。並且新版本的 x html 要求使用小寫屬性。下面列出了適用於大多數 html 元素的屬性 屬性描述 class 為html元素定義乙個或多個類名 classna...