html、css、js分工，內(nèi)核，html頭，html表單

Eidesen 發(fā)布于2019-08-29 16:26 / 2526人閱讀

摘要：內(nèi)容樣式交互內(nèi)核瀏覽器控制臺(tái)輸入回車(chē)顯示出內(nèi)核瀏覽器內(nèi)核瀏覽器內(nèi)核瀏覽器內(nèi)核之前受限制，自己新出的內(nèi)核瀏覽器內(nèi)核，后又站隊(duì)到頭頭表示文檔類(lèi)型是不加這句話在下會(huì)有兼容性問(wèn)題。這是介紹，也有助于搜索引擎優(yōu)化。

html:內(nèi)容
css:樣式
js：交互

內(nèi)核

瀏覽器控制臺(tái)輸入navigator.userAgent,回車(chē)顯示出內(nèi)核"Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36"
1.webkit(Safari、chrome瀏覽器內(nèi)核)
2.Trident(IE瀏覽器內(nèi)核)
3.Gecko（FireFox瀏覽器內(nèi)核）
4.blink(Google之前受Apple限制，自己新出的內(nèi)核）
4.Presto(Opera瀏覽器內(nèi)核，后又站隊(duì)到Google)

html頭

1.html頭表示文檔類(lèi)型是html,不加這句話在IE6下會(huì)有兼容性問(wèn)題。
2.meta表示源，charset表示字符集，不設(shè)置utf-8默認(rèn)是GB2312簡(jiǎn)體中文,在mac系統(tǒng)中不識(shí)別，打開(kāi)是亂碼。
viewport表示可視窗口，content="width=device-width"表示可視窗口寬度等于設(shè)備寬度。initial-scale=1表示初始縮放是一倍。user-scalable=no表示不允許用戶用手縮放。
這些設(shè)置我們看不見(jiàn)，是給搜索引擎看的，一些爬蟲(chóng)根據(jù)keywords、content查找。
這是介紹，也有助于搜索引擎優(yōu)化。這些都是給瀏覽器看的。

body

標(biāo)簽 alt表示沒(méi)有圖片是顯示的替換文字，title表示鼠標(biāo)在圖片上是給出的提示信息。

表單


    用戶名
    
    密碼:
    

加上標(biāo)簽，for和id的值一樣，會(huì)將用戶名與輸入框變成一個(gè)整體，點(diǎn)擊用戶名，輸入框就可以聚焦。

性別：
男 
女 
單選按鈕必須加上name屬性，說(shuō)明不同的單選按鈕是一組的，否則所有單選按鈕都可以選擇上。checked默認(rèn)被選中.

復(fù)選框
 愛(ài)好：
 唱歌   
 跳舞   checked默認(rèn)被選中
 
下拉框 
 省:   
 selected默認(rèn)被選中,數(shù)據(jù)傳給后臺(tái)的時(shí)候，傳的值是value，不是顯示的漢字。

多級(jí)下拉框
省:   
 
文本域 

郵箱：
個(gè)人網(wǎng)站：

點(diǎn)擊提交按鈕，會(huì)提示你輸入正確的格式

生日：瀏覽器自帶日歷

input框的type類(lèi)型number、search在移動(dòng)端會(huì)根據(jù)不同的type彈出不同的鍵盤(pán)更適合做不同的事兒。