空行和縮進(jìn)
不要無(wú)緣無(wú)故添加空行 。
為每個(gè)邏輯功能塊添加空行,這樣更易于閱讀 。
縮進(jìn)使用兩個(gè)空格,不建議使用 TAB 。
比較短的代碼間不要使用不必要的空行和縮進(jìn) 。
不必要的空行和縮進(jìn):
<body>
<h1>菜鳥(niǎo)教程</h1>
<h2>HTML</h2>
<p>
菜鳥(niǎo)教程,學(xué)的不僅是技術(shù),更是夢(mèng)想 。
菜鳥(niǎo)教程,學(xué)的不僅是技術(shù),更是夢(mèng)想 。
菜鳥(niǎo)教程,學(xué)的不僅是技術(shù),更是夢(mèng)想,
菜鳥(niǎo)教程,學(xué)的不僅是技術(shù),更是夢(mèng)想 。
</p>
</body>
推薦:
<body>
<h1>菜鳥(niǎo)教程</h1>
<h2></h2>
<p>菜鳥(niǎo)教程,學(xué)的不僅是技術(shù),更是夢(mèng)想 。
菜鳥(niǎo)教程,學(xué)的不僅是技術(shù),更是夢(mèng)想 。
菜鳥(niǎo)教程,學(xué)的不僅是技術(shù),更是夢(mèng)想 。
菜鳥(niǎo)教程,學(xué)的不僅是技術(shù),更是夢(mèng)想 。</p>
</body>
表格實(shí)例:
<table>
<tr>
<th>Name</th>
<th>Description</th>
</tr>
<tr>
<td>A</td>
<td>Description of A</td>
</tr>
<tr>
<td>B</td>
<td>Description of B</td>
</tr>
</table>
列表實(shí)例:
<ol>
<li>London</li>
<li>Paris</li>
<li>Tokyo</li>
</ol>
省略 <html> 和 <body>?
在標(biāo)準(zhǔn) HTML5 中, <html> 和 <body> 標(biāo)簽是可以省略的 。
以下 HTML5 文檔是正確的:
實(shí)例:
<!DOCTYPE html>
<head>
<title>頁(yè)面標(biāo)題</title>
</head>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落 。</p>
嘗試一下 ?
不推薦省略 <html> 和 <body> 標(biāo)簽 。
<html> 元素是文檔的根元素,用于描述頁(yè)面的語(yǔ)言:
<!DOCTYPE html>
<html lang=”zh”>
聲明語(yǔ)言是為了方便屏幕閱讀器及搜索引擎 。
省略 <html> 或 <body> 在 DOM 和 XML 軟件中會(huì)崩潰 。
省略 <body> 在舊版瀏覽器 (IE9)會(huì)發(fā)生錯(cuò)誤 。
省略 <head>?
在標(biāo)準(zhǔn) HTML5 中, <head>標(biāo)簽是可以省略的 。
默認(rèn)情況下,瀏覽器會(huì)將 <body> 之前的內(nèi)容添加到一個(gè)默認(rèn)的 <head> 元素上 。
實(shí)例
<!DOCTYPE html>
<html>
<title>頁(yè)面標(biāo)題</title>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落 。</p>
</body>
</html>
嘗試一下 ?
現(xiàn)在省略 head 標(biāo)簽還不推薦使用 。元數(shù)據(jù)
HTML5 中 <title> 元素是必須的,標(biāo)題名描述了頁(yè)面的主題:
<title>菜鳥(niǎo)教程</title>
標(biāo)題和語(yǔ)言可以讓搜索引擎很快了解你頁(yè)面的主題:
<!DOCTYPE html>
<html lang=”zh”>
<head>
<meta charset=”UTF-8″>
<title>菜鳥(niǎo)教程</title>
</head>
HTML 注釋
注釋可以寫(xiě)在 <!– 和 –> 中:
<!– 這是注釋 –>
比較長(zhǎng)的評(píng)論可以在 <!– 和 –> 中分行寫(xiě):
<!–
這是一個(gè)較長(zhǎng)評(píng)論 。這是 一個(gè)較長(zhǎng)評(píng)論 。這是一個(gè)較長(zhǎng)評(píng)論 。
這是 一個(gè)較長(zhǎng)評(píng)論 這是一個(gè)較長(zhǎng)評(píng)論 。這是 一個(gè)較長(zhǎng)評(píng)論 。
–>
長(zhǎng)評(píng)論第一個(gè)字符縮進(jìn)兩個(gè)空格,更易于閱讀 。
樣式表
樣式表使用簡(jiǎn)潔的語(yǔ)法格式 ( type 屬性不是必須的):
<link rel=”stylesheet” href=https://www.520longzhigu.com/shenghuo/”styles.css”>
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問(wèn)題,請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對(duì)您有所幫助:- http的默認(rèn)端口號(hào)了解 https的端口號(hào)是多少
- dll文件打開(kāi)編輯的方法 dll文件怎么打開(kāi)
- 免費(fèi)虛擬主機(jī)控制面板 linux虛擬主機(jī)控制面板
- rar轉(zhuǎn)換成zip格式的方法 rar怎么轉(zhuǎn)換成zip格式
- html視頻代碼講解 html視頻代碼怎么用
- js刪除class屬性操作 js刪除class屬性
- cad打開(kāi)圖紙缺少shx文件 cad缺少shx文件怎么辦
- 修復(fù)驅(qū)動(dòng)器的意思解釋 修復(fù)驅(qū)動(dòng)器是什么意思
- win7取消開(kāi)機(jī)自檢知識(shí)點(diǎn) win7取消開(kāi)機(jī)自檢怎么辦
- 清潔工讓你學(xué)到了什么作文
