資源描述：
《產(chǎn)品汪社區(qū)必懂web建站知識》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在應用文檔-天天文庫。
1、產(chǎn)品汪必懂web建站知識HTML與CSS你家電腦拿到一個html（就是上圖HTTP響應的body里的內(nèi)容）之后，就會對它進行解析渲染。HTML就是一種標記語言。類比一下，大家在論壇上經(jīng)常會用一些代碼來添加富文本內(nèi)容，舉一些栗子：產(chǎn)品汪由90后產(chǎn)品經(jīng)理奇客創(chuàng)立于2015年，并致力為產(chǎn)品新人、產(chǎn)品經(jīng)理等打造一個互動交流平臺。深度剖析國內(nèi)外互聯(lián)網(wǎng)業(yè)內(nèi)動態(tài)，分享精華問答、精品課程、交互設計、用戶體驗、行業(yè)動態(tài)、產(chǎn)品運營等專業(yè)產(chǎn)品知識；同時，為產(chǎn)品新人提供在線招聘實習平臺，讓產(chǎn)品新人能夠找到適合自己的工作！HTML與CSS你家電腦拿到一個html（就是上圖HTTP響應的body里的內(nèi)容）之后，就會對它進
2、行解析渲染。HTML就是一種標記語言。類比一下，大家在論壇上經(jīng)常會用一些代碼來添加富文本內(nèi)容，舉一些栗子：[img]圖片地址[/img]?用來貼圖[url]超鏈接[/url]?用來貼地址[del]呵呵[/del]?表示標簽里的文字應該被刪掉（默認添加刪除線效果）這種論壇代碼也是一種標記語言，HTML的作用就和它差不多。服務器返回給你的html文件里面，寫的是一些代碼，大概是這樣的：瀏覽器拿到這些代碼之后，分析一下給你渲染好頁面顯示出來，如果不用css，效果是這樣的，按照瀏覽器默認的樣式顯示出列表、圖片、超鏈接、輸入框、按鈕等等：是不是覺得默認樣式有點看瞎狗眼呢……所以很多時候我們需要自定義樣式
3、，現(xiàn)行通用的規(guī)定樣式的語言是CSS，我們可以用它寫一些定義樣式的代碼，然后在html文件里用一個標簽把這些規(guī)定樣式的CSS代碼與表達內(nèi)容語義的HTML代碼關聯(lián)起來，然后你就能看到一個符合人類正常審美的頁面了:CSS代碼的格式基本是第一個屬性對應的代碼翻譯成人話，就是它的位置（position）應該是不動（fixed）的，瀏覽器會兢兢業(yè)業(yè)地去實現(xiàn)這段代碼要求實現(xiàn)的效果，所以你在頁面上翻來翻去頂上那個導航條都會死死地黏在窗口頂部不跟著滾動。再拿里面的其他幾個屬性做栗子解釋一下就是：left和top為零指明這個導航條要緊貼著窗口的左上角width和height指定這個導航條的寬和高bac
4、kground指明這個導航條的背景是一種漸變的藍色HTML5與XHTML像人的語言一樣，網(wǎng)絡上的網(wǎng)頁里的HTML代碼也不一定是標準的，好比有時候你發(fā)音不太標準，別人會去猜測你說的到底是什么一樣，有些時候前端程序猿不小心寫錯了HTML，瀏覽器也會試圖猜測他們原來想寫的是什么，做對應的渲染，而猜是要有一個常識做依據(jù)的。加上有些瀏覽器支持一些標簽，有一些又不支持，以及其他混亂的情況，為了防止大家雞同鴨講，我們需要對HTML代碼里能有什么標簽，標簽怎么寫，標簽可以有什么屬性這些東西有一定的共識，建立一個通行的標準，HTML5就是其中一個比較新的標準。這個標準新加了很多可以用的標簽和屬性，然后各大瀏覽器
5、也吭哧吭哧按這個標準去實現(xiàn)了很多這些新加的標簽和屬性，本來前端程序員要寫一堆代碼去實現(xiàn)的效果，現(xiàn)在瀏覽器都給你實現(xiàn)好了，只要寫兩三行，調(diào)用一下瀏覽器給你實現(xiàn)的部分就能搞定，簡單愉快，所以很多人都在熱情地推廣這個標準~（當然新標準也不可能是完美的，總會有一些問題，怕跑題這里按下不表~）至于XHTML，就是HTML的近親XML和HTML自己的雜交品種，對語法要求比較嚴格，并且為了兼容XML，在語法上與HTML有一些不同~JavaScript與瀏覽器腳本有了表示內(nèi)容和語義的HTML，規(guī)定樣式的CSS，得到的是一個靜態(tài)的頁面，沒什么動畫（其實用CSS還是可以有一些動畫的，不過這個跑題了），按F5才會刷
6、新數(shù)據(jù)，都21世紀了，這么呆板單調(diào)的網(wǎng)頁怎么能展現(xiàn)我大智人種族的創(chuàng)造性口胡！于是我們有了Javascript（JS）來給頁面添加一些動態(tài)的效果，比如知乎問題的標簽，鼠標移上去會彈出一個小窗口，這個就是JS實現(xiàn)的效果啦。瀏覽器都會幫你實現(xiàn)一些JS可以用的工具（函數(shù)，對象什么的），你只要寫一些JS的代碼，保存在xxx.js里，在html文件中用
