html入門初體驗(yàn)

一、認(rèn)識(shí)html頁面的文檔結(jié)構(gòu)

標(biāo)簽	結(jié)構(gòu)說明
-<!DOCTYPE html>	通知瀏覽器這是?個(gè) `HTML5` ?檔,應(yīng)始終寫在第??
-<html>…</html>	根標(biāo)簽,或叫根元素,整個(gè) hmtl ?檔內(nèi)容都必須寫到這對(duì)標(biāo)簽中
-<html lang="en">	通知搜索引擎 html ?檔使?的編寫語?,如果是中?建議改成:`<html lang="zh-CN">`
<head>…</head>	供瀏覽器和搜索引擎使?,描述字符編碼集,視?與??標(biāo)題,?戶并不感興趣
<meta>	設(shè)置??元素?cái)?shù)據(jù), 所謂元數(shù)據(jù), 就是描述某種特定信息的數(shù)據(jù)
<meta charset="UTF-8">	通知瀏覽器 html ?檔編寫語?所屬的字符編碼集,最流?的是`UTF-8`,已成?業(yè)標(biāo)準(zhǔn)
<meta name="viewport" content="..." />	下?三?是對(duì)它的解讀`name="viewport"` 設(shè)置視?(即可視區(qū)屏幕)如何顯示這個(gè)??, 例如是否允許縮放這個(gè)??initial-scale=1.0 設(shè)置??初始綻放?例,`1.0`表示原樣 1:1 顯示,不允許有任何綻放
<title>	顯示在瀏覽器標(biāo)簽上的?本, 指定當(dāng)前??的標(biāo)題, 這個(gè)標(biāo)簽對(duì) SEO ?常重要
<body>…</body>	??主體內(nèi)容,允許或希望?戶的內(nèi)容都應(yīng)該寫到這?,?戶也只對(duì)這?的內(nèi)容感興趣
<!— 注釋內(nèi)容 ->	注釋?來描述標(biāo)簽功能或?途,它的內(nèi)容不要出現(xiàn)在顯示的??中, 只會(huì)出現(xiàn)在 html 源代碼中

代碼	屬性名	js取值方式	style設(shè)置方式	優(yōu)先級(jí)
class	類屬性	document.GetelementsByClassName(“class名”)	.class名	最低
id	id屬性	document.GetelementById(“id名”)	#id名	中
style	內(nèi)聯(lián)樣式	無	無	最高

元素
1. 元素由開始標(biāo)簽元素名加結(jié)束標(biāo)簽/元素名組成
2. 元素分為置換元素，由雙標(biāo)簽組成，如<html>文檔內(nèi)容……</html>和非置換元素，由單標(biāo)簽組成，如<p 行內(nèi)容…… /p>
3. 元素內(nèi)可含有元素名、屬性、樣式、顯示內(nèi)容等具體信息，JS可以獲取及設(shè)置元素信息，用stlye來定義元素的樣式規(guī)則
類(class)
1. 類是指具體共同特征的元素集合，用class來表示，如：
```
<H1 class="h1_class">主題</H1>
<H2 class="h2_class">小節(jié)標(biāo)題</H2>
```
2. class的作用，JS可以取相同類名的元素集合，統(tǒng)一獲取及設(shè)置多元素信息。通過style設(shè)置多元素樣式。
id標(biāo)簽
1. id是指為一個(gè)元素設(shè)置一個(gè)標(biāo)簽名，為了能讓JS準(zhǔn)確獲取指定元素，用戶必須保證id的唯一性，如文檔中存在多個(gè)同名id,瀏覽器不會(huì)報(bào)錯(cuò)，但JS只能取第一個(gè)元素作為有效元素，注意：style可以準(zhǔn)確識(shí)別多個(gè)同名ID。

批改老師：

WJ

批改狀態(tài)：合格

老師批語：寫的很好，繼續(xù)加油。

本博文版權(quán)歸博主所有，轉(zhuǎn)載請(qǐng)注明地址！如有侵權(quán)、違法，請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理！

全部評(píng)論文明上網(wǎng)理性發(fā)言，請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議

0條評(píng)論

作者最新博文