網頁元素
註釋
註釋爲代碼的閱讀者提供幫助,註釋不參與運行
在HTML中,註釋使用如下格式書寫:
<!--註釋內容 -->
元素
其他叫法:標籤、標記
<a href="http://www.duyiedu.com">渡一教育</a>
官方叫法 :element (元素)
元素 = 起始標記(begin tag) + 元素屬性 + 元素內容 + 結束標記 (end tag)
屬性 = 屬性名 + 屬性值
屬性的分類:
- 局部屬性:某些元素有的屬性 herf
- 全局屬性:所有元素通用 title
<meta charset="UTF-8">
有些元素沒有結束標記,這樣的元素叫做:空元素
空元素的兩種寫法:
<meta charset="UTF-8">
<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>
表示:文檔體,頁面上所有要參與顯示的元素,都應該放置到文檔體中。