HTML網頁元素

網頁元素

註釋

註釋爲代碼的閱讀者提供幫助,註釋不參與運行

在HTML中,註釋使用如下格式書寫:

<!--註釋內容 -->

元素

其他叫法:標籤、標記

<a href="http://www.duyiedu.com">渡一教育</a>

官方叫法 :element (元素)

元素 = 起始標記(begin tag) + 元素屬性 + 元素內容 + 結束標記 (end tag)

屬性 = 屬性名 + 屬性值

屬性的分類:

  • 局部屬性:某些元素有的屬性 herf
  • 全局屬性:所有元素通用 title
<meta charset="UTF-8">

有些元素沒有結束標記,這樣的元素叫做:空元素

空元素的兩種寫法:

  1. <meta charset="UTF-8">
  2. <meta charset="UTF-8" />" / ":閉合標記,可以省略,但XML不可以

元素的嵌套

元素不能相互嵌套
例如:

    <div>  
        <p>  
        </div> 
    </p>        

父元素、子元素、祖先元素、後代元素、兄弟元素(擁有同一個父元素的兩個元素)

標準的文檔結構

HTML: 頁面、HTML文檔

<!DOCTYPE html>

文檔聲明,告訴瀏覽器,當前文檔使用的HTML標準是HTML5.

不寫文檔聲明,講到時瀏覽器進入怪異渲染模式。

<html lang="en">
</html>    

根元素,一個頁面最多隻能一個,並且該元素是所有其他元素的父元素或祖先元素。

HTML5版本沒有要求書寫該元素。

lang屬性:language,全局屬性,表示該元素內部使用的文字使用哪一種自然語言(漢語還是英語)書寫而成的。

lang=“zh-CN” 已經過時,而取代它的是 lang= “cmn-hans” (意識是中國大陸官方用語;即:普通話)

<head>

</head>

文檔頭,文檔頭內部的內容,不會顯示到頁面上。

<meta>

文檔的元數據:附加信息。

charset:指定網頁編碼。

計算機中,低壓電(0~2 V)0,高壓電(2~5 V)1,表示2,使用10

計算機中,只能存儲數字

文字和數字進行對應

比如:a —— 97,A —— 64

該字典叫做字符編碼表,GB2312,GBK

UTF-8 是 Unicode 編碼的一個版本 (萬國碼)。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

表示的是網頁的視口,把視口的寬度設置爲設備寬度

<meta http-equiv="X-UA-Compatible" content="ie=edge">

表示解決IE瀏覽器的兼容性問題

<title>Document</title>

表示:網頁的標題

<body><body>

表示:文檔體,頁面上所有要參與顯示的元素,都應該放置到文檔體中。

IE瀏覽器的兼容性問題

<title>Document</title>

表示:網頁的標題

<body><body>

表示:文檔體,頁面上所有要參與顯示的元素,都應該放置到文檔體中。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章