關(guān)鍵詞
標(biāo)簽屬性 <a>標(biāo)簽 <p>標(biāo)簽 列表標(biāo)簽 <table>標(biāo)簽
知識(shí)點(diǎn)
1. Doctype
文檔類型，定義不同的文檔類型，瀏覽器提供不同的支持。
2. 規(guī)范的HTML文件
<!Doctype html>
<html>
<head></head>
<body></body>
</html>
規(guī)范的HTML文件必須包括這四個(gè)標(biāo)簽。
3. 標(biāo)簽分類
雙標(biāo)簽
雙標(biāo)簽包括開始標(biāo)簽和結(jié)束標(biāo)簽。如下
<div></div>
<ul></ul>單表簽
<img src="" alt="">
<img src="" alt=""/>
上面的寫法是規(guī)范寫法，在html5中兼容下面寫法為上面的寫法。
4. 標(biāo)簽屬性
- 公有屬性
所有標(biāo)簽都有的屬性，如id、class、style等。 - 建議屬性值都用引號(hào)包著。
- 結(jié)束標(biāo)簽
<與/之間不能有空格。 - 大小寫敏感
- 不敏感：標(biāo)簽名、屬性名。
- 敏感：屬性值。
5. <a>標(biāo)簽
- 寫法
<a href="xxxxx">...</a> - 特有屬性
href- 絕對(duì)路徑
Linux：以/開頭
window：以盤符如C:\開頭
href=/absolute/path.html - 相對(duì)路徑
只要以目錄名開始的就是相對(duì)路徑
href=relative/path.html - 網(wǎng)址
以//或者http開頭
href=//www.baidu.com
href=http://www.baidu.com - 偽協(xié)議
javascript:JS代碼
href=javascript:alert(1) -
#id
- 絕對(duì)路徑
- 默認(rèn)樣式
: link
: hover
: visited
: active - 默認(rèn)動(dòng)作
跳轉(zhuǎn)頁(yè)面 - target屬性
屬性值有以下幾種- _blank
- _parent
- _top
- _self
6. <h1>到<h6>標(biāo)簽
- 表達(dá)頁(yè)面、文章的邏輯層次
- 默認(rèn)樣式
加粗、大小、line-height
7. <strong>標(biāo)簽
- 表示邏輯上著重、強(qiáng)調(diào)
- 默認(rèn)樣式
加粗 -
<b>標(biāo)簽效果一樣，但無(wú)語(yǔ)義，不推薦使用
8. <em>標(biāo)簽
- 表示語(yǔ)氣上的強(qiáng)調(diào)
- 默認(rèn)樣式
斜體 -
<i>標(biāo)簽效果一樣，但無(wú)語(yǔ)義，不推薦使用
9. <p>標(biāo)簽
- 表示一個(gè)段落
- 默認(rèn)樣式
段落間距 -
可以不閉合
<p>元素緊跟著 address, article, aside, blockquote, div, dl, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, nav, ol, p, pre, section, table, ul元素時(shí)結(jié)束標(biāo)簽可以省略。
10. 列表標(biāo)簽
-
有序列表
- 表示有順序的列表
<ol>
<li></li>
<li></li>
</ol> - 默認(rèn)樣式
按照阿拉伯?dāng)?shù)字1、2、3順序排序
- 表示有順序的列表
-
無(wú)序列表
- 表示無(wú)順序的列表
<ul>
<li></li>
<li></li>
</ul> - 默認(rèn)樣式
<li>里內(nèi)容的前面加個(gè)小圓點(diǎn)
- 表示無(wú)順序的列表
-
<dl>列表
<dl>
<dt></dt>
<dd></dd><dt></dt> <dd></dd> </dl>
dd標(biāo)簽的內(nèi)容對(duì)dt標(biāo)簽里的術(shù)語(yǔ)進(jìn)行定義、描述
11. <table>標(biāo)簽
- 寫法
<table>
<colgroup>
<col width=100>
<col width=200>
<col>
</colgroup>
<thead>
<tr>
<td>表頭1</td>
<td>表頭2</td>
<td>表頭3</td>
</tr>
</thead>
<tbody>
<tr>
<td>數(shù)據(jù)1</td>
<td>數(shù)據(jù)2</td>
<td>數(shù)據(jù)3</td>
</tr>
<tr>
<td>數(shù)據(jù)1</td>
<td>數(shù)據(jù)2</td>
<td>數(shù)據(jù)3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>匯總</td>
<td>總數(shù)</td>
</tr>
</tfoot>
</table>
<table>標(biāo)簽包括表頭<thead>、主體<tbody>、尾部<tfoot>三部分，如果沒(méi)寫默認(rèn)都屬于主體。
<td>表示表格數(shù)據(jù)，如果不是表示數(shù)據(jù)可用<th>代替。
<colgroup>標(biāo)簽用于定義列寬，但有違結(jié)構(gòu)、樣式分離的原則。
12. 瀏覽器如何識(shí)別HTML
- file協(xié)議
該協(xié)議下瀏覽器通過(guò)文件后綴來(lái)識(shí)別。 - http協(xié)議
該協(xié)議下瀏覽器根據(jù)MIME類型識(shí)別。 - 瀏覽器如何識(shí)別HTML類型
文檔類型<!doctype>標(biāo)簽聲明，若未聲明瀏覽器靠猜。
拓展知識(shí)
參考
本文章著作權(quán)歸饑人谷_九霄和饑人谷所有，轉(zhuǎn)載須說(shuō)明來(lái)源
