HTML、CSS、網(wǎng)頁知識(shí)的初步認(rèn)知和看法
最近讀了本《Head First HTML與CSS、XHTML_ElisabethFreeman》，
一本2008年介紹HTML和CSS的書籍，一本圖文并茂的書籍，吸引寫作風(fēng)格，十分有趣。
書內(nèi)資料已不能訪問：http://www.headfirstlabs.com/books/hfhtml/ ?
參考此鏈接：https://resources.oreilly.com/examples/9780596101978??
HTML的歷史 （不全面）
HTML發(fā)展歷史在1989年有了HTML1.0，1991年有了HTML2.0，1995年有了HTML3。這段時(shí)間內(nèi)是沒有統(tǒng)一的標(biāo)準(zhǔn)，各家都想用自己的方案掌握Web的話語權(quán)。1998年4月世界萬維網(wǎng)聯(lián)盟(俗稱W3C)，用兩種語言分離出HTML的表達(dá)式和結(jié)構(gòu)。一種是規(guī)范結(jié)構(gòu)的語言(HTML 4.0)，另一種用于規(guī)范表達(dá)式(CSS)，并說服瀏覽器生產(chǎn)者去采用此標(biāo)準(zhǔn)設(shè)計(jì)產(chǎn)品。1999年推出了HTML4.01，到了2000年結(jié)合另外一種標(biāo)記語言XML的XHTML4.01被推出。意在替代HTML 4.01，可惜呀，到了2014年HTML5推出，CSS版本來到了CSS3。
基于不同HTML標(biāo)準(zhǔn)（如HTML4.01、XHTML）編寫文件，實(shí)現(xiàn)網(wǎng)頁結(jié)構(gòu)組織，結(jié)構(gòu)如鏈接、標(biāo)題、段落等。再采用CSS建立規(guī)則改變網(wǎng)頁的表現(xiàn)效果，顯示效果如改變網(wǎng)頁背景色、標(biāo)題字體等。通過軟件去校驗(yàn)文件判斷是否符合標(biāo)準(zhǔn)，可避免出現(xiàn)在不同瀏覽器顯示文件的差異。將編寫完畢的網(wǎng)頁放到Web服務(wù)器發(fā)布，朋友們即可通過瀏覽器請求獲取到頁面。
Web服務(wù)器是連接到互聯(lián)網(wǎng)的計(jì)算機(jī)，不知疲倦的處理瀏覽器的各種請求。Web瀏覽器請求HTML頁面，并在瀏覽窗口解析顯示它。
HTML語言
HTML是一種語言，它是你與web溝通的語言，告訴瀏覽器想法的語言，它能賦予文本結(jié)構(gòu)，顯示出鏈接、標(biāo)題等。語言基本組成是元素，元素一般是由開始標(biāo)記+內(nèi)容+結(jié)束標(biāo)記。標(biāo)記（標(biāo)簽）是用尖括號(hào)括起來的字母或者單詞，例如 `<head>,<h1>` 等。開始標(biāo)記和結(jié)束標(biāo)記的差異結(jié)束標(biāo)記帶有在于斜杠" / "。標(biāo)記告訴瀏覽器結(jié)構(gòu)，一般是成對(duì)包圍文本 `<h1>標(biāo)題1</h1>` ，也有例外的速記符號(hào)如圖片調(diào)用 `<img>` 、換行標(biāo)記 `<br>` 等會(huì)單獨(dú)出現(xiàn)。由HTML語言中元素所文件告訴瀏覽器，當(dāng)前文件的的結(jié)構(gòu)，指明了哪里是主體，哪里是標(biāo)題，哪里是段落，哪里需要強(qiáng)調(diào)等，創(chuàng)建出更具意義和可讀性的頁面。在得到以上信息后，瀏覽器會(huì)按照默認(rèn)的規(guī)則來顯示每個(gè)元素。然而，你不必勉強(qiáng)接受默認(rèn)的設(shè)置，通過CSS語言可以添加自己的樣式和格式規(guī)則，從而決定字體、顏色、大小及其他個(gè)性化的特征。
通過任一文本編輯器，采用標(biāo)準(zhǔn)內(nèi)的標(biāo)記書寫出的文件，由于HTML和CSS是基于工業(yè)標(biāo)準(zhǔn)的語言，這意味著所有的瀏覽器只要是支持HTML和CSS，顯示效果將大差不差，非常接近，瀏覽器可多選幾家對(duì)比如：Firefox、Chrome、Edge等。
文件編輯器可不用Dearmweaver,FrontPage和Golive等功能強(qiáng)大網(wǎng)頁設(shè)計(jì)軟件，即使記事本也能完成編寫，建檔的有助于提高HTML了解。標(biāo)準(zhǔn)總是會(huì)修改的，軟件工具不一定即使調(diào)整強(qiáng)大的工具能提供效率，功能太多反而不知所措。
CSS語言
CSS和HTML是兩門獨(dú)立的語言，HTML對(duì)網(wǎng)頁結(jié)構(gòu)調(diào)整，HTML默認(rèn)是會(huì)去關(guān)聯(lián)瀏覽器的默認(rèn)樣式，通過CSS對(duì)網(wǎng)頁樣式調(diào)整，分兩者工合作制作出效果更佳的頁面。CSS中簡單的表達(dá)式稱為規(guī)則，典型的規(guī)則包括一個(gè)選擇符、若干屬性和屬性值。
元素`<p>`和元素`h1`的樣式標(biāo)題修改，可采用下述的代碼。這是去除了尖框號(hào)的p、h1被稱作“選擇符”不同選擇符修改相同的屬性，則可疊加在一起書寫。
創(chuàng)建新的css文件，文件內(nèi)不需要復(fù)制元素`style`，增加對(duì)選擇符p、h1進(jìn)行修改。
在原來的HTML文件內(nèi)部網(wǎng)頁信息元素`<head>`，增加元素link到指定的CSS文件，額外的屬性rel和href。
元素`<p class="greentea">`增加屬性class（類），對(duì)此元素單獨(dú)段落進(jìn)行標(biāo)記，文件創(chuàng)建這個(gè)類的選擇符，可實(shí)現(xiàn)對(duì)這段樣式調(diào)整。如元素blockquote也要相同的調(diào)整，則可增加相同名稱的屬性，類類似下文對(duì)CSS文件內(nèi)容進(jìn)行編寫。
其實(shí)對(duì)于要對(duì)元素應(yīng)用相同的選擇符，則可以是 .classname 統(tǒng)一的樣式調(diào)整。
名詞
?HTML：HyperText Markup Language，超文本標(biāo)記語言
?CSS：cascading style sheet，層疊樣式表、級(jí)聯(lián)樣式表、串聯(lián)樣式表
XHML：EXtensible HyperText Markup Language，擴(kuò)展超文本標(biāo)記語言
XHTML是結(jié)合了HTML結(jié)合了可擴(kuò)展標(biāo)記語言XML
