form 標(biāo)簽 表單(重要)
表單用途
用于收集用戶信息俘枫,提交給服務(wù)器
基本使用
(action,method,enctype)
要提交的表單必須放到form里
input select textarea 這三種標(biāo)簽可以提交數(shù)據(jù)
action:提交地址,應(yīng)該是服務(wù)器的一個頁面
method:提交方法:get/post
了解input delete link unlink
enctype: 文件上傳的時候用 multipart/form-data(了解)
__get和post的區(qū)別__
1) get通過url傳參,地址欄可見匿情,大小有限制
2)post在header傳參荤堪,地址欄不可見管行,大小沒有限制
<form action='xxx.html method='get' >
屬性:
input屬性(type\name\value\readonly\disabled)
name 提交的時候必須要有name
readonly :只讀业舍,不能修改
value:默認(rèn)值
disabled:禁止使用赎懦,也不能修改起胰,背景變灰
單行文本框(maxlength\placehoder\size)
type='text'
maxlength:最大輸入的字符長度
placeholder:占位符
size 輸入框?qū)挾龋ǜ謹(jǐn)?shù)無關(guān))
提交/重置按鈕
提交type='submit' 把數(shù)據(jù)提交到服務(wù)器,本身有name久又,也可以提交
重置type='reset' 清空用戶輸入,恢復(fù)初始狀態(tài)
value 設(shè)置value可以修改按鈕上的文字
密碼框(同單行文本框)
type='password'
單選框(checked)
多選一的時候各個單選框的name一樣
必須要有value
checked 默認(rèn)選中
復(fù)選框(checkbox)
type='checkbox'
多個復(fù)選框的時候效五,每一個復(fù)選框的name = 'xxx[]'
必須給value的賦值
checked默認(rèn)選中地消,可以多個
文件上傳
type='file'
必須使用post方式上傳
隱藏按鈕(hidden)
用來上傳數(shù)據(jù),但不可見火俄,后端根據(jù)數(shù)據(jù)做相應(yīng)的業(yè)務(wù)處理
必須給name和value賦值(重要)
button(了解)
type='button' 和js配合使用才有用
下拉框 select(size,name,multiple)
size指定展示的項數(shù)犯建,以列表框展示
multiple 多選
option(selected,value)
selected 默認(rèn)選中,要設(shè)置value的值
多行文本輸入框textarea(cols,rows)
雙標(biāo)簽,但中間不要有任何內(nèi)容瓜客,否則會在輸入框中顯示
cols 列數(shù)
rows 行數(shù)
label
雙標(biāo)簽适瓦,可以提高用戶體驗,可以擴大選擇區(qū)域
內(nèi)容
<form action='http://www.baidu.com' method='get'>
<input type='text' size='40' maxlength='4' readonly disabled name='text' value='this is a text' placeholder='text'/>
<input type='radio' name='danxuan' value='dx' checked >
<input type='password' minlength='2' maxlength='8' size='40' name='pwd' value='0000'/>
<input type='submit'/>
<input type='reset'/>
<input type='checkbox' name='arr[]'value='0'/>
<input type='file'/>
<input type='button' value='按鈕'/>
<input type='hidden' name='hidden' value='hid'/>
<!-- 相當(dāng)于submit -->
<button>按鈕</button>
<select name='xl' multiple size='10'>
<option selected value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
<textarea cols='10' rows='20'>
</form>
頭元素標(biāo)簽<head></head>
1)鏈接外部的css樣式
<link rel="stylesheet" href="css/global.css">
2)堆積網(wǎng)站關(guān)鍵字,用來提高網(wǎng)站的排名
<meta name="keywords" content=“關(guān)鍵字”>
3)網(wǎng)站的描述信息
<meta name="description" content="描述信息">
4)頁面自動跳轉(zhuǎn)
<meta http-equiv="refresh" content="事件間隔";url="跳轉(zhuǎn)地址">
無意義標(biāo)簽
- div:無意義的塊標(biāo)簽谱仪,單獨占一行
- span:無意義行標(biāo)簽玻熙,大小有內(nèi)容決定,不單獨占一行
拓展:
我們假設(shè)請求www.baidu.com疯攒,其實我們的請求體百度服務(wù)器是通過三段發(fā)給我們的:
- 狀態(tài)碼 (200 成功 )
- 頭 發(fā)送了很多文件編碼嗦随、文件類型等
- 內(nèi)容 就是我們寫的頁面內(nèi)容
黑帽SEO
是使用一切不正當(dāng)?shù)氖侄危私馑阉饕娴奶貏e敬尺,使用相關(guān)辦法把排名排上去枚尼。這樣容易被搜索引擎降權(quán)(排名靠后)、K站(在搜索引擎當(dāng)中剔除掉你的搜索內(nèi)容)砂吞。
白帽SEO
使用搜索引擎友好的方式署恍,來進行排名提高
抓取(follow) 就是將當(dāng)前頁面的內(nèi)容給抓取到,入庫
索引(index) 就是訪問的當(dāng)前面面蜻直,還會有其他鏈接盯质,是否準(zhǔn)許連接到其他頁面
搜索引擎:
給用戶看的 前面的結(jié)果展示
搜索引擎公司內(nèi)部使用的:
蜘蛛(抓取網(wǎng)頁)
入庫
分類
中文分詞
人工干預(yù)
機器學(xué)習(xí)
.........
通常公司內(nèi)部的網(wǎng)站袁串,內(nèi)部系統(tǒng),不希望搜索引擎抓取呼巷,設(shè)置robots.txt囱修,
user-agent:*
Disallow:/
Robots協(xié)議百度百科地址
http://baike.baidu.com/view/9274458.htm?fr=aladdin&fromid=9518761&fromtitle=robots.txt&type=search
緩存(cache):
把需要訪問的內(nèi)容臨時存起來,取的時候王悍,從臨時的文件中取出來即可破镰。