整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線：
使用2個(gè)空格縮進(jìn)
<ul>
<li>Fantastic</li>
<li>Great</li>
</ul>.example {
color: blue;
}只允許使用小寫(xiě)。
所有的代碼都用小寫(xiě)字母：適用于元素名，屬性，屬性值（除了文本和CDATA）， 選擇器，特性，特性值（除了字符串）。
<!-- 不推薦 -->
<A HREF="/">Home</A><!-- 推薦 -->
<img src="google.png"
alt="Google">建議刪除行尾白空格。
<!-- 不推薦 -->
<p>What? </p><!-- 推薦 -->
<p>Yes please.</p>如果沒(méi)有特殊需求，一般采用utf-8編碼。如果是cms站點(diǎn)，則遵守該站點(diǎn)的編碼規(guī)則。
<!-- 網(wǎng)頁(yè)編碼 -->
<meta charset="utf-8">盡可能的去解釋你寫(xiě)的代碼。說(shuō)明該代碼包括什么、目的是什么、能做什么、為什么使用它等。
注釋是否需要詳盡，取決于項(xiàng)目的復(fù)雜程度。
一般單行注釋?zhuān)?/p>
<!-- col -->模塊間注釋?zhuān)?/p>
<!-- news -->
<div class="news">
<h2>News</h2>
<p>...</p>
</div>
<!--/ news -->循環(huán)注釋?zhuān)?/p>
<ul>
<!-- loop: new list -->
<li>new's title 1</li>
<li>new's title 2</li>
<li>new's title 3</li>
<li>new's title 4</li>
<li>new's title 5</li>
<!-- /loop: new list -->
</ul>cms輸出注釋?zhuān)?/p>
<!-- cms: news list -->
<ul>
<li>new's title 1</li>
<li>new's title 2</li>
<li>new's title 3</li>
<li>new's title 4</li>
<li>new's title 5</li>
</ul>
<!-- /cms: news list -->Tab選項(xiàng)卡內(nèi)容注釋?zhuān)?/p>
<!-- tab: news list -->
<div class="tab"></div>
<!-- /tab: news list -->使用html5文檔聲明，不再使用XHTML（application/xhtml+xml）。
HTML5是目前所有HTML文檔類(lèi)型中的首選：
<!DOCTYPE html>編寫(xiě)有效、正確的HTML代碼，否則很難達(dá)到性能上的提升。
可以使用一些工具驗(yàn)證你的代碼，如 W3C HTML validator
根據(jù)HTML各個(gè)元素的用途而去使用它們。
<!-- 不推薦 -->
<div class="col">
<div class="title">
news</div>
<p>list1</p>
<p>list2</p>
<p>list3</p>
</div><!-- 推薦 -->
<div class="col">
<h2 class="title">
news</h2>
<p>list1</p>
<p>list2</p>
<p>list3</p>
</div>部分標(biāo)簽說(shuō)明：
不推薦使用的標(biāo)簽：
給多媒體元素，比如canvas、videos、 images增加alt屬性，提高可用性（特別是常用的img標(biāo)簽，盡可量得加上alt屬性，提供圖片的描述信息）。
<!-- 不推薦 -->
<img src="world.jpg"><!-- 推薦 -->
<img src="world.jpg"
alt="our world images">在樣式表和腳本的標(biāo)簽中忽略type屬性。
HTML5默認(rèn)type為text/css和text/javascript類(lèi)型，所以沒(méi)必要指定。即便是老瀏覽器也是支持的。
<!-- 不推薦 -->
<link rel="stylesheet"
href="//www.google.com/css/maia.css"
type="text/css">
<script src="
//www.google.com/
js/gweb/analytics/autotrack.js"
type="text/javascript">
</script><!-- 推薦 -->
<link rel="stylesheet"
href="//www.google.com/css/maia.css">
<script src="
//www.google.com/
js/gweb/analytics/autotrack.js">
</script>每個(gè)塊元素、列表元素或表格元素都獨(dú)占一行，每個(gè)子元素都相對(duì)于父元素進(jìn)行縮進(jìn)。按設(shè)計(jì)稿劃分模塊，盡量使頁(yè)面模塊化，模塊與模塊之前要有清晰的注釋。
如上面頁(yè)面框架，推薦寫(xiě)法：
<!-- hader -->
<div class="header">header</div>
<!-- /hader -->
<!-- nav -->
<div class="nav">nav</div>
<!-- /nav -->
<!-- main -->
<div class="main">
<!-- container -->
<div class="container">
<!--news-->
<div class="news">
<h2>news<h2>
<p>...</p>
</div>
<!--news-->
</div>
<!--/container-->
<!--sidebar-->
<div class="sidebar">
sidebar</div>
<!--sidebar-->
</div>
<!--/main-->
<!--footer-->
<div class="footer">
footer</div>
<!--/footer-->保證整個(gè)頁(yè)面在未加載樣式表時(shí)仍有較好的層次清晰的頁(yè)面結(jié)構(gòu)。
<!-- 不推薦 -->
<div class="logo">My Site</div>
<div class="nav">
<a href="#">Home</a>
<a href="#">News</a>
<a href="#">Mobile</a>
</div>
<div class="news">
<div>News</div>
<a href="#">
news list 1</a>
<a href="#">
news list 2</a>
<a href="#">
news list 3</a>
</div><!-- 推薦 -->
<h1 class="logo">My Site</h1>
<ul class="nav">
<li><a href="#">
Home</a></li>
<li><a href="#">
News</a></li>
<li><a href="#">
Mobile</a></li>
</ul>
<div class="news">
<h2>News</h2>
<ul>
<li><a href="#">
news list 1</a>
</li>
<li><a href="#">
news list 2</a>
</li>
<li><a href="#">
news list 3</a>
</li>
</ul>
</div>H標(biāo)簽使用
strong、b使用
將需要加粗的文字使用b標(biāo)簽來(lái)顯示。
將需要強(qiáng)調(diào)的文字（主要指包含關(guān)鍵詞的信息）使用strong標(biāo)簽來(lái)強(qiáng)調(diào)主要內(nèi)容。
注：b是粗體標(biāo)簽，屬于實(shí)體標(biāo)簽，它所包圍的字符將被設(shè)為bold（粗體）；strong 是加重語(yǔ)氣標(biāo)簽，屬于邏輯標(biāo)簽，它的作用是加強(qiáng)字符語(yǔ)氣。
在很多情況下，a都要使用title來(lái)說(shuō)明該鏈接的相關(guān)說(shuō)明或目的意義。
例如：當(dāng)使用overflow隱藏掉a中的溢出文字時(shí)，該a中的title是必不可少的，它可以告訴用戶(hù)被隱藏掉的文字內(nèi)容是什么；又或者當(dāng)一個(gè)圖片型鏈接出現(xiàn)時(shí)，該a中的title同樣是必不可少的，它可以告訴用戶(hù)這個(gè)圖片鏈接是做什么用的。
注：僅在img里添加alt標(biāo)簽在火狐提示文字是出不來(lái)的，alt是圖片加載失敗或未加載完全時(shí)顯示出來(lái)的提示文字，要想鼠標(biāo)移上去顯示提示信息應(yīng)該用title，嚴(yán)謹(jǐn)?shù)膶?xiě)法是img里加入alt和title這兩個(gè)標(biāo)簽。
代碼保持精簡(jiǎn)，最優(yōu)化，這樣搜索引擎才更喜歡。
.HTML 介紹
是網(wǎng)頁(yè)的后綴，txt 后綴是文本 ，py 后綴是 python ，html 后綴就是網(wǎng)頁(yè)的意思。我們?nèi)绻雱?chuàng)建一個(gè)網(wǎng)頁(yè)的話，可以直接將文本的后綴改為 html 。HTMLSHI 超文本標(biāo)記語(yǔ)言，是一種標(biāo)識(shí)性的語(yǔ)言。它包括一系列標(biāo)記標(biāo)簽，通過(guò)這些標(biāo)記標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。
1.html 的介紹
頁(yè)面整體分為兩部分：
一部分是head部分，主要是頁(yè)面的整體信息和配置，內(nèi)容不會(huì)出現(xiàn)在瀏覽器內(nèi)部。
一部分是body部分，這部分內(nèi)容則會(huì)在瀏覽器中展示出來(lái)
我們使用 pycharm 創(chuàng)建一個(gè) html ，打開(kāi)后就是下圖模樣。
（1）文檔類(lèi)型聲明（默認(rèn)的可以不用設(shè)置）
<!DOCTYPE html>（2）開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽
一般的標(biāo)簽是成對(duì)出現(xiàn)的，一般稱(chēng)第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽，第二個(gè)是結(jié)束標(biāo)簽。開(kāi)始和結(jié)束標(biāo)簽也稱(chēng)為開(kāi)放標(biāo)簽和閉合標(biāo)簽。
開(kāi)始標(biāo)簽：
<html lang="en">其中的 html 為根元素，是所有元素的基礎(chǔ)。lang 表示語(yǔ)言，en 表示英文。
結(jié)束標(biāo)簽：
</html>（3）頭部標(biāo)簽
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>其中 utf-8 表示字符編碼格式，如果沒(méi)有寫(xiě)這個(gè)就會(huì)發(fā)生亂碼。Title 表示文檔的標(biāo)題。
（4）身體標(biāo)簽
<body>
</body>身體標(biāo)簽是文檔的主題，可視化區(qū)域，所有的音頻，視頻，圖片，文字都可在其中搭建，相當(dāng)于我們打開(kāi)網(wǎng)頁(yè)時(shí)所看到內(nèi)容。
（5）標(biāo)簽的特點(diǎn)
標(biāo)簽是由一對(duì)尖括號(hào)包裹單詞構(gòu)成的，標(biāo)簽要使用小寫(xiě)。 一般的標(biāo)簽是成對(duì)出現(xiàn)的，一般稱(chēng)第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽，第二個(gè)是結(jié)束標(biāo)簽。開(kāi)始和結(jié)束標(biāo)簽也稱(chēng)為開(kāi)放標(biāo)簽和閉合標(biāo)簽。
二.標(biāo)簽
標(biāo)簽分為塊級(jí)標(biāo)簽和內(nèi)聯(lián)標(biāo)簽（運(yùn)行時(shí)點(diǎn)擊右上角的谷歌模式的小圓圈就可以）
1.內(nèi)容的書(shū)寫(xiě)
（1）塊級(jí)標(biāo)簽（p）
兩個(gè) p 中間可隨意書(shū)寫(xiě)內(nèi)容
<p>故事和酒，淘寶都有</p>（2）內(nèi)聯(lián)標(biāo)簽（span）
<span>故事和酒，淘寶都有</span>完整代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 塊級(jí)標(biāo)簽-->
<p>故事和酒，淘寶都有</p>
<!--內(nèi)聯(lián)標(biāo)簽-->
<span>故事和酒，淘寶都有</span>
</body>
</html>運(yùn)行后：
運(yùn)行后看不出塊級(jí)標(biāo)簽和內(nèi)聯(lián)標(biāo)簽的區(qū)別，所有我們使用檢查。右擊后點(diǎn)擊檢查
在點(diǎn)擊下圖中左上角的方框箭頭，變成藍(lán)色說(shuō)明正在運(yùn)行，之后就可以查看有關(guān)的數(shù)據(jù)了
無(wú)需點(diǎn)擊，只要將箭頭放在文字上就會(huì)出現(xiàn)相關(guān)內(nèi)容
上面兩圖可以明顯看出兩句話的寬度不相同。
塊級(jí)標(biāo)簽：在不設(shè)置寬度的情況下，寬度始終和瀏覽器寬度保持一致。
內(nèi)聯(lián)標(biāo)簽：寬度和內(nèi)容有關(guān)
2.設(shè)置高度寬度
<p style="width: 500px;height: 50px;">故事和酒，淘寶都有</p>
<span style="width: 500px;height: 50px;">故事和酒，淘寶都有</span>
如圖所示，只有塊級(jí)標(biāo)簽寬高改變了，內(nèi)聯(lián)標(biāo)簽不改變。由此可得，塊級(jí)標(biāo)簽設(shè)置寬高有效，內(nèi)聯(lián)標(biāo)簽設(shè)置寬高無(wú)效。
3.多個(gè)標(biāo)簽同時(shí)存在
<body>
<!-- 塊級(jí)標(biāo)簽-->
<p>故事和酒，淘寶都有</p>
<p>故事和酒，淘寶都有</p>
<!--內(nèi)聯(lián)標(biāo)簽-->
<span>故事和酒，淘寶都有22</span>
<span>故事和酒，淘寶都有22</span>
</body>
多個(gè)塊級(jí)標(biāo)簽同時(shí)存在的情況下，排列方式從上往下
多個(gè)內(nèi)聯(lián)標(biāo)簽同時(shí)存在的情況下，排列方式從左往右
4.是否包含
<body>
<!-- 塊級(jí)標(biāo)簽-->
<p>故事和酒，淘寶都有
<span>故事和酒，淘寶都有22</span>
</p>
<!--內(nèi)聯(lián)標(biāo)簽-->
<span>故事和酒，淘寶都有22
<p>故事和酒，淘寶都有</p>
</span>
</body>
由此可知，塊級(jí)標(biāo)簽可以包含內(nèi)聯(lián)標(biāo)簽，但內(nèi)聯(lián)標(biāo)簽不可以包含塊級(jí)標(biāo)簽，只可以包含內(nèi)聯(lián)標(biāo)簽。
5.塊級(jí)標(biāo)簽與內(nèi)聯(lián)標(biāo)簽相互轉(zhuǎn)換
（1）塊級(jí)轉(zhuǎn)內(nèi)聯(lián)
<body>
<!--將塊級(jí)標(biāo)簽轉(zhuǎn)化成內(nèi)聯(lián)標(biāo)簽-->
<p style="display: inline">故事和酒，淘寶都有</p>
<p style="display: inline">故事和酒，淘寶都有</p>
</body>
（2）內(nèi)聯(lián)轉(zhuǎn)塊級(jí)（display: block）
內(nèi)聯(lián)轉(zhuǎn)為塊級(jí)之后，具有了塊級(jí)的性質(zhì)。
<span style="display: block">故事和酒，淘寶都有222</span>
<span style="display: block">故事和酒，淘寶都有222</span>
（3）內(nèi)聯(lián)塊元素（display: inline-block）
內(nèi)聯(lián)塊元素包含了內(nèi)聯(lián)標(biāo)簽和塊級(jí)標(biāo)簽的部分特性。
<span style="display: inline-block">故事和酒，淘寶都有333</span>
<span style="display: inline-block;height: 50px">故事和酒，淘寶都有333</span>
（4）段落標(biāo)簽（p）
<!--段落標(biāo)簽-->
<p></p>（5）標(biāo)題標(biāo)簽（h）
html概述
HTML是 HyperText Mark-up Language 的首字母簡(jiǎn)寫(xiě)，意思是超文本標(biāo)記語(yǔ)言，超文本指的是超鏈接，標(biāo)記指的是標(biāo)簽，是一種用來(lái)制作網(wǎng)頁(yè)的語(yǔ)言，這種語(yǔ)言由一個(gè)個(gè)的標(biāo)簽組成，用這種語(yǔ)言制作的文件保存的是一個(gè)文本文件，文件的擴(kuò)展名為html或者h(yuǎn)tm，一個(gè)html文件就是一個(gè)網(wǎng)頁(yè)，html文件用編輯器打開(kāi)顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開(kāi)，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁(yè)，顯示的網(wǎng)頁(yè)可以從一個(gè)網(wǎng)頁(yè)鏈接跳轉(zhuǎn)到另外一個(gè)網(wǎng)頁(yè)。
html基本結(jié)構(gòu)
一個(gè)html的基本結(jié)構(gòu)如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>網(wǎng)頁(yè)標(biāo)題</title> </head> <body> 網(wǎng)頁(yè)顯示內(nèi)容 </body> </html>
第一行是文檔聲明，第二行“”標(biāo)簽和最后一行“”定義html文檔的整體，“”標(biāo)簽中的‘lang=“en”’定義網(wǎng)頁(yè)的語(yǔ)言為英文，定義成中文是’lang=“zh-CN”’,不定義也沒(méi)什么影響，它一般作為分析統(tǒng)計(jì)用。 “”標(biāo)簽和“”標(biāo)簽是它的第一層子元素，“”標(biāo)簽里面負(fù)責(zé)對(duì)網(wǎng)頁(yè)進(jìn)行一些設(shè)置以及定義標(biāo)題，設(shè)置包括定義網(wǎng)頁(yè)的編碼格式，外鏈css樣式文件和javascript文件等，設(shè)置的內(nèi)容不會(huì)顯示在網(wǎng)頁(yè)上，標(biāo)題的內(nèi)容會(huì)顯示在標(biāo)題欄，“”內(nèi)編寫(xiě)網(wǎng)頁(yè)上顯示的內(nèi)容。
HTML文檔類(lèi)型
目前常用的兩種文檔類(lèi)型是xhtml 1.0和html5
xhtml 1.0
xhtml 1.0 是html5之前的一個(gè)常用的版本，目前許多網(wǎng)站仍然使用此版本。
此版本文檔用sublime text創(chuàng)建方法： html:xt + tab
文檔示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title> xhtml 1.0 文檔類(lèi)型 </title> </head> <body> </body> </html>
html5
pc端可以使用xhtml 1.0，也可以使用html5，html5是向下兼容的
此版本文檔用sublime text創(chuàng)建方法： html:5 + tab 或者 ! + tab
文檔示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> html5文檔類(lèi)型 </title> </head> <body> </body> </html>
兩種文檔的區(qū)別
1、文檔聲明和編碼聲明
2、html5新增了標(biāo)簽元素以及元素屬性
html注釋?zhuān)?/strong>
html文檔代碼中可以插入注釋?zhuān)⑨屖菍?duì)代碼的說(shuō)明和解釋?zhuān)⑨尩膬?nèi)容不會(huì)顯示在頁(yè)面上，html代碼中插入注釋的方法是：
<!-- 這是一段注釋 -->
通過(guò)
、
、
、
、
,標(biāo)簽可以在網(wǎng)頁(yè)上定義6種級(jí)別的標(biāo)題。6種級(jí)別的標(biāo)題表示文檔的6級(jí)目錄層級(jí)關(guān)系，比如說(shuō)：
，再其次是
，以此類(lèi)推。搜索引擎會(huì)使用標(biāo)題將網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容編制索引，所以網(wǎng)頁(yè)上使用標(biāo)題是很重要的。
<h1>這是一級(jí)標(biāo)題</h1> <h2>這是二級(jí)標(biāo)題</h2> <h3>這是三級(jí)標(biāo)題</h3>
html段落標(biāo)簽
標(biāo)簽定義一個(gè)文本段落，一個(gè)段落含有默認(rèn)的上下間距，段落之間會(huì)用這種默認(rèn)間距隔開(kāi)，代碼如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落</title> </head> <body> <p>HTML是 HyperText Mark-up Language 的首字母簡(jiǎn)寫(xiě)，意思是超文本標(biāo)記語(yǔ)言，超 文本指的是超鏈接，標(biāo)記指的是標(biāo)簽，是一種用來(lái)制作網(wǎng)頁(yè)的語(yǔ)言，這種語(yǔ)言由一個(gè)個(gè)的 標(biāo)簽組成，用這種語(yǔ)言制作的文件保存的是一個(gè)文本文件，文件的擴(kuò)展名為html或者h(yuǎn)tm。 </p> <p>一個(gè)html文件就是一個(gè)網(wǎng)頁(yè)，html文件用編輯器打開(kāi)顯示的是文本，可以用文本的方 式編輯它，如果用瀏覽器打開(kāi)，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁(yè)，顯示的網(wǎng) 頁(yè)可以從一個(gè)網(wǎng)頁(yè)鏈接跳轉(zhuǎn)到另外一個(gè)網(wǎng)頁(yè)。</p> </body> </html>
html換行標(biāo)簽
代碼中成段的文字，直接在代碼中回車(chē)換行，在渲染成網(wǎng)頁(yè)時(shí)候不認(rèn)這種換行，如果真想換行，可以在代碼的段落中插入
來(lái)強(qiáng)制換行，代碼如下：
<p> 一個(gè)html文件就是一個(gè)網(wǎng)頁(yè)，html文件用編輯器打開(kāi)顯示的是文本，可以用<br /> 文本的方式編輯它，如果用瀏覽器打開(kāi)，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件<br /> 渲染成網(wǎng)頁(yè)，顯示的網(wǎng)頁(yè)可以從一個(gè)網(wǎng)頁(yè)鏈接跳轉(zhuǎn)到另外一個(gè)網(wǎng)頁(yè)。 </p>
html字符實(shí)體
代碼中成段的文字，如果文字間想空多個(gè)空格，在代碼中空多個(gè)空格，在渲染成網(wǎng)頁(yè)時(shí)只會(huì)顯示一個(gè)空格，如果想顯示多個(gè)空格，可以使用空格的字符實(shí)體,代碼如下：
<!-- 在段落前想縮進(jìn)兩個(gè)文字的空格，使用空格的字符實(shí)體： --> <p> 一個(gè)html文件就是一個(gè)網(wǎng)頁(yè)，html文件用編輯器打開(kāi)顯示的是文本，可以用<br /> 文本的方式編輯它，如果用瀏覽器打開(kāi)，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件<br /> 渲染成網(wǎng)頁(yè)，顯示的網(wǎng)頁(yè)可以從一個(gè)網(wǎng)頁(yè)鏈接跳轉(zhuǎn)到另外一個(gè)網(wǎng)頁(yè)。</p>
在網(wǎng)頁(yè)上顯示 “<” 和 “>” 會(huì)誤認(rèn)為是標(biāo)簽，想在網(wǎng)頁(yè)上顯示“<”和“>”可以使用它們的字符實(shí)體，比如：
<!-- “<” 和 “>” 的字符實(shí)體為 < 和 > --> <p> 3 < 5 <br> 10 > 5 </p>
html塊標(biāo)簽
1、
標(biāo)簽 塊元素，表示一塊內(nèi)容，沒(méi)有具體的語(yǔ)義。
2、 標(biāo)簽 行內(nèi)元素，表示一行中的一小段內(nèi)容，沒(méi)有具體的語(yǔ)義。
含樣式和語(yǔ)義的標(biāo)簽
1、 標(biāo)簽 行內(nèi)元素，表示語(yǔ)氣中的強(qiáng)調(diào)詞
2、 標(biāo)簽 行內(nèi)元素，表示專(zhuān)業(yè)詞匯
3、 標(biāo)簽 行內(nèi)元素，表示文檔中的關(guān)鍵字或者產(chǎn)品名
4、 標(biāo)簽 行內(nèi)元素，表示非常重要的內(nèi)容
語(yǔ)義化的標(biāo)簽
語(yǔ)義化的標(biāo)簽，就是在布局的時(shí)候多使用有語(yǔ)義的標(biāo)簽，搜索引擎在爬網(wǎng)的時(shí)候能認(rèn)識(shí)這些標(biāo)簽，理解文檔的結(jié)構(gòu)，方便網(wǎng)站的收錄。比如：h1標(biāo)簽是表示標(biāo)題，p標(biāo)簽是表示段落，ul、li標(biāo)簽是表示列表，a標(biāo)簽表示鏈接，dl、dt、dd表示定義列表等，語(yǔ)義化的標(biāo)簽不多。
html圖像標(biāo)簽
標(biāo)簽可以在網(wǎng)頁(yè)上插入一張圖片，它是獨(dú)立使用的標(biāo)簽，它的常用屬性有：
src屬性 定義圖片的引用地址
alt屬性 定義圖片加載失敗時(shí)顯示的文字，搜索引擎會(huì)使用這個(gè)文字收錄圖片、盲人讀屏軟件會(huì)讀取這個(gè)文字讓盲人識(shí)別圖片，所以此屬性非常重要。
<img src="images/pic.jpg" alt="產(chǎn)品圖片" />
絕對(duì)路徑和相對(duì)路徑
像網(wǎng)頁(yè)上插入圖片這種外部文件，需要定義文件的引用地址，引用外部文件還包括引用外部樣式表，javascript等等，引用地址分為絕對(duì)地址和相對(duì)地址。
絕對(duì)地址：相對(duì)于磁盤(pán)的位置去定位文件的地址
相對(duì)地址：相對(duì)于引用文件本身去定位被引用的文件地址
絕對(duì)地址在整體文件遷移時(shí)會(huì)因?yàn)榇疟P(pán)和頂層目錄的改變而找不到文件，相對(duì)路徑就沒(méi)有這個(gè)問(wèn)題。相對(duì)路徑的定義技巧：
“ ./ ” 表示當(dāng)前文件所在目錄下，比如：“./pic.jpg” 表示當(dāng)前目錄下的pic.jpg的圖片，這個(gè)使用時(shí)可以省略。
“ …/ ” 表示當(dāng)前文件所在目錄下的上一級(jí)目錄，比如：“…/images/pic.jpg” 表示當(dāng)前目錄下的上一級(jí)目錄下的images文件夾中的pic.jpg的圖片。
標(biāo)簽可以在網(wǎng)頁(yè)上定義一個(gè)鏈接地址，它的常用屬性有：
href屬性 定義跳轉(zhuǎn)的地址
title屬性 定義鼠標(biāo)懸停時(shí)彈出的提示文字框
target屬性 定義鏈接窗口打開(kāi)的位置
target="_self" 缺省值，新頁(yè)面替換原來(lái)的頁(yè)面，在原來(lái)位置打開(kāi)
target="_blank" 新頁(yè)面會(huì)在新開(kāi)的一個(gè)瀏覽器窗口打開(kāi)
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
