Web標準不是某一個標準膳算,而是一系列標準的集合座硕。網(wǎng)頁主要由三個部分組成:結(jié)構(gòu)、表現(xiàn)和行為涕蜂。
- 結(jié)構(gòu)標準語言主要包括HTML华匾、XHTML和XML。
- 表現(xiàn)標準語言主要包括CSS机隙。
- 行為標準主要包括DOM(文檔對象模型)蜘拉、ECMAscript刊头。
DOM是一種與瀏覽器,平臺诸尽,語言的接口,使得你可以訪問頁面其他的標準組件印颤。簡單理解您机,DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的沖突,給予web設(shè)計師和開發(fā)者一個標準的方法年局,讓他們來訪問他們站點中的數(shù)據(jù)际看、腳本和表現(xiàn)層對象。
1.HTML矢否、XML仲闽、XHTML 有什么區(qū)別
(1).超文本標記語言 HTML(HyperText Markup Language)
- 它是一種用于創(chuàng)建網(wǎng)頁的標準標記語言,而不是一種編程語言僵朗。標記語言經(jīng)過瀏覽器的解釋和編譯赖欣,雖然它本身不能顯示在瀏覽器中,但在瀏覽器中可以正確顯示HTML標記的內(nèi)容验庙。也就是說網(wǎng)頁瀏覽器可以讀取HTML文件顶吮,并將其渲染成可視化網(wǎng)頁。
- 它的語法松散粪薛,不規(guī)范悴了,大小寫混亂,不利于開發(fā)和維護违寿。且不能使用更多的網(wǎng)絡(luò)設(shè)備湃交,比如手機。
(2).可擴展標記語言XML(The Extensible Markup Language)
- XML是一種能定義其他語言的語言藤巢,它是一種跨平臺語言搞莺,最初設(shè)計的目的是彌補HTML的不足,以強大的擴展性滿足網(wǎng)絡(luò)信息發(fā)布的需要菌瘪,主要用于存儲數(shù)據(jù)和結(jié)構(gòu)參考腮敌。
- 它嚴格區(qū)分大小寫。
(3).可擴展超文本標記語言XHTML(The Extensible HyperText Markup Language)
- 作用與HTML類似俏扩,但語法更為嚴謹純潔糜工。對于HTML的元素和屬性,XHTML必須小寫录淡。XML雖然數(shù)據(jù)轉(zhuǎn)換能力強大捌木,完全可以代替HTML,但面對成千上萬已有的站點嫉戚,直接采用XML還為時過早刨裆,因此在HTML4.0的基礎(chǔ)上澈圈,用XML的規(guī)則對其進行擴展,得到了XTHML帆啃。建立XHTML的目的就是實現(xiàn)HTML向XML的過渡瞬女。
- xhtml文檔具有良好完整的排版,體現(xiàn)在兩方面:a努潘、元素必須要有結(jié)束標簽诽偷;b、元素必須嵌套疯坤;
2.怎樣理解 HTML 語義化
- 語義化HTML是一種編寫HTML的方式报慕。根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化),選擇合適的標簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析(有利于SEO压怠,和搜索引擎建立良好溝通眠冈,PS:爬蟲依賴于標簽來卻傾上下文和各個關(guān)鍵字的權(quán)重)。
- 語義化的目的是為了沒有CSS的情況下菌瘫,頁面也能呈現(xiàn)出很好的內(nèi)容結(jié)構(gòu)蜗顽、代碼結(jié)構(gòu)。
3.怎樣理解內(nèi)容與樣式分離的原則
- HTML語言僅僅定義了網(wǎng)頁結(jié)構(gòu)突梦,對于文本樣式而沒有過多的涉及诫舅,(不允許出現(xiàn)屬性樣式!)這就需要一種技術(shù)對頁面布局宫患、字體刊懈、顏色、背景和其他圖文效果的實現(xiàn)提供更加精確的控制娃闲,這種技術(shù)就是CSS虚汛。
- 寫JS的時候,盡量不要用JS去直接操作樣式皇帮,而是通過給元素添加刪除class來控制樣式變化卷哩。
- 如果把樣式單獨抽離出來,代碼會得到精簡和重用属拾,清晰易讀且便于維護将谊。只要寫一個class的樣式,就可以同時更改多個有相同class的元素的樣式渐白;只要用一個CSS文件尊浓,就可以同時鏈接到多個HTML頁面上啦~