HTML
-
h標(biāo)簽
- <h1>標(biāo)簽在一個網(wǎng)頁中只允許出現(xiàn)一次
- <h1>標(biāo)簽一般用來包裹logo
- h標(biāo)簽和p標(biāo)簽不能嵌套塊級元素暴区，所有不是所有的塊元素都能夠嵌套塊元素
- h標(biāo)簽對搜索引擎友好，爬蟲會優(yōu)先找h標(biāo)簽里的內(nèi)容
-
meta標(biāo)簽
-
<meta charset="UTF-8">該屬性表示html文檔解析的格式航罗， UTF-8 是萬國碼靴寂，可以解析多個國家的語言塘揣，所以不會出現(xiàn)亂碼
-
-
span標(biāo)簽
- span標(biāo)簽主要用來修改行內(nèi)文本的樣式
- <em> <strong> <var>與<b> <i> <u>
- <em>與<strong>都表示強(qiáng)調(diào)內(nèi)容部分辛掠，搜索引擎會優(yōu)先查詢，所以此中內(nèi)容應(yīng)貼合主題
- <var>標(biāo)簽用來嵌套變量进陡，無強(qiáng)調(diào)作用货邓，且無實(shí)際意義
- <b><i><u>只會改變文本樣式，分別為加粗四濒，斜體换况，下劃線。<i>常用來包裹小圖標(biāo)
-
a標(biāo)簽
-
<a >a標(biāo)簽的href屬性表示引用內(nèi)容中的地址盗蟆，并不會下載到本地 -
<a target="_blank">a標(biāo)簽的target屬性表示戈二，點(diǎn)擊a標(biāo)簽后鏈接的跳轉(zhuǎn)方式，_blank表示打開新的頁面喳资，是_self表示在當(dāng)前頁面替換 -
<a title="我是鏈接">title屬性會在鼠標(biāo)懸浮時顯示其中的內(nèi)容
-
-
http觉吭、https、ftp仆邓、file
- http與https 都是網(wǎng)絡(luò)協(xié)議鲜滩，https使用需要申請證書伴鳖，且需付費(fèi)，經(jīng)過加密徙硅，比http安全
- ftp 局域網(wǎng)文件傳輸
- file 本地文件
-
錨鏈接
-
<a href="#id">榜聂，使用時將需要跳轉(zhuǎn)的部分使用id選擇器選擇，點(diǎn)擊后即可跳轉(zhuǎn)
-
-
<img>標(biāo)簽
- img標(biāo)簽為行內(nèi)塊元素
- 路徑可以為網(wǎng)絡(luò)或者本地地址
- 使用src屬性若為網(wǎng)絡(luò)地址則會將文件下載到本地嗓蘑，再次加載則會訪問緩存
- alt屬性须肆，當(dāng)圖片未加載出來時對圖片的說明，且對seo友好桩皿，alt中的內(nèi)容盡量與圖片切合
- title屬性 當(dāng)鼠標(biāo)懸浮在圖片上時對圖片的街市
-
行內(nèi)標(biāo)簽
1.在行內(nèi)顯示- 無法設(shè)置寬高豌汇，寬高被內(nèi)容撐開
- 行內(nèi)標(biāo)簽只能嵌套行內(nèi)標(biāo)簽，除非手動設(shè)置display:block/inline-block
-
表單
- form表單的屬性
-
<form action="http://www.baidu.com"></form>action屬性內(nèi)容為所提交的服務(wù)器地址 -
<form method="post/get">method表示數(shù)據(jù)的傳輸方式泄隔，post相比較get而已拒贱，所傳輸?shù)臄?shù)據(jù)多，相對安全佛嬉，而get傳輸少量數(shù)據(jù)逻澳，數(shù)據(jù)可以在地址欄看到
-
- form表單的屬性
-
控件 （提交時控件得有name和value屬性，即鍵值對）
- 單行文本輸入框 type="text"
- 密碼框 type="password"
- 單選框 type="radio" 所有單選按鈕的name必須一致
- 多選框 type="checkbox" 所有選項(xiàng)的name必須一致
- 隱藏域 type="hidden" 在頁面中不可見巷燥，常用來做用戶身份驗(yàn)證赡盘，來替代cookie
- 文件域 type="file" 用來上傳文件 value值為選擇的文件路徑号枕，不用設(shè)置默認(rèn)值
- 按鈕 type="button"
- 重置按鈕 type="reset" 重置當(dāng)前按鈕所在的所有控件
- 提交按鈕 type="submit" 提交當(dāng)前按鈕所在的表單
- 下拉菜單
<select> <option></option> </select>缰揪，下拉菜單的name寫在select中，value寫在option中 - 多行文本輸入框
<textarea></textarea>可以用cols設(shè)置列數(shù)葱淳，row設(shè)置行數(shù)钝腺，即設(shè)置寬高，用css可以代替（推薦） - label標(biāo)簽的使用
- 用來關(guān)聯(lián)輸入框赞厕，即點(diǎn)擊輸入框前的輸入內(nèi)容后輸入框也能獲取到焦點(diǎn)
方法一： <label>用戶名<input type="text"></label> 注意在方法一種 label標(biāo)簽不能書寫for屬性 方法二： <label for="username"><span>用戶名</span></label> <input type="text"></input>
-
表格
<table></table>-
<caption></caption>表格的標(biāo)題 -
<th></th>表頭 -
<tr><td></td></tr>tr為行艳狐，td為列 - 給table標(biāo)簽設(shè)置border屬性，會給所有的單元格全部設(shè)置上border皿桑，但是僅僅改變border的值毫目，內(nèi)部的單元格尺寸不會變
- 使用css的
border-collapse:collapse來合并單元格邊框，即將兩個相鄰的邊框合并成一條 - cellpadding 屬性诲侮，控制單元格中內(nèi)容與邊框的距離
- cellspacing 屬性镀虐，控制單元格與單元格之間的距離，即兩個單元格邊框之間的距離沟绪，若使用border-collapse:collapse 合并了單元格的邊框之后則無效
- 使用colspan合并列刮便，rowspan合并行，這兩個都是td的屬性绽慈，并不會將其他的單元格覆蓋
- 使用表格模式布局時恨旱，若表格的內(nèi)容部分過長辈毯，使用多個<tbody></tbody>包裹，將表格分段加載搜贤，若不分段則會等到所有的表格加載完畢才會顯示谆沃，同樣使用<thead><tfoot>包裹表格頭部和尾部
-
seo搜索引擎優(yōu)化
- 目的使網(wǎng)站的排名靠前
- 喂養(yǎng)爬蟲
- 使用盡可能多的a標(biāo)簽，且為有效的a標(biāo)簽入客，跳轉(zhuǎn)其他網(wǎng)站
- 提高網(wǎng)頁的加載速度管毙，優(yōu)化頁面讓頁面更快的顯示完全，使爬蟲在有限的時間內(nèi)訪問更多的內(nèi)容
- 使用a鏈接其他網(wǎng)站時務(wù)必真實(shí)桌硫，不然會被刪除排名
- SEM 付費(fèi)排名夭咬，花錢買排名
- html代碼seo優(yōu)化
- 標(biāo)簽語義化，文字用span铆隘，段落用p卓舵，標(biāo)題用h
- alt屬性盡量書寫符合主題
- 錨鏈接真實(shí)，不能寫空鏈接
- 爬蟲會查找的標(biāo)簽及屬性<title> <strong> <hx> <em> alt屬性
