Web標準不是某一個標準,而是一系列標準的集合。網頁主要由三個部分組成:結構、表現和行為。
- 結構標準語言主要包括HTML、XHTML和XML。
- 表現標準語言主要包括CSS。
- 行為標準主要包括DOM(文檔對象模型)、ECMAscript。
DOM是一種與瀏覽器,平臺,語言的接口,使得你可以訪問頁面其他的標準組件。簡單理解,DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的沖突,給予web設計師和開發(fā)者一個標準的方法,讓他們來訪問他們站點中的數據、腳本和表現層對象。
1.HTML、XML、XHTML 有什么區(qū)別
(1).超文本標記語言 HTML(HyperText Markup Language)
- 它是一種用于創(chuàng)建網頁的標準標記語言,而不是一種編程語言。標記語言經過瀏覽器的解釋和編譯,雖然它本身不能顯示在瀏覽器中,但在瀏覽器中可以正確顯示HTML標記的內容。也就是說網頁瀏覽器可以讀取HTML文件,并將其渲染成可視化網頁。
- 它的語法松散,不規(guī)范,大小寫混亂,不利于開發(fā)和維護。且不能使用更多的網絡設備,比如手機。
(2).可擴展標記語言XML(The Extensible Markup Language)
- XML是一種能定義其他語言的語言,它是一種跨平臺語言,最初設計的目的是彌補HTML的不足,以強大的擴展性滿足網絡信息發(fā)布的需要,主要用于存儲數據和結構參考。
- 它嚴格區(qū)分大小寫。
(3).可擴展超文本標記語言XHTML(The Extensible HyperText Markup Language)
- 作用與HTML類似,但語法更為嚴謹純潔。對于HTML的元素和屬性,XHTML必須小寫。XML雖然數據轉換能力強大,完全可以代替HTML,但面對成千上萬已有的站點,直接采用XML還為時過早,因此在HTML4.0的基礎上,用XML的規(guī)則對其進行擴展,得到了XTHML。建立XHTML的目的就是實現HTML向XML的過渡。
- xhtml文檔具有良好完整的排版,體現在兩方面:a、元素必須要有結束標簽;b、元素必須嵌套;
2.怎樣理解 HTML 語義化
- 語義化HTML是一種編寫HTML的方式。根據內容的結構化(內容語義化),選擇合適的標簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析(有利于SEO,和搜索引擎建立良好溝通,PS:爬蟲依賴于標簽來卻傾上下文和各個關鍵字的權重)。
- 語義化的目的是為了沒有CSS的情況下,頁面也能呈現出很好的內容結構、代碼結構。
3.怎樣理解內容與樣式分離的原則
- HTML語言僅僅定義了網頁結構,對于文本樣式而沒有過多的涉及,(不允許出現屬性樣式?。┻@就需要一種技術對頁面布局、字體、顏色、背景和其他圖文效果的實現提供更加精確的控制,這種技術就是CSS。
- 寫JS的時候,盡量不要用JS去直接操作樣式,而是通過給元素添加刪除class來控制樣式變化。
- 如果把樣式單獨抽離出來,代碼會得到精簡和重用,清晰易讀且便于維護。只要寫一個class的樣式,就可以同時更改多個有相同class的元素的樣式;只要用一個CSS文件,就可以同時鏈接到多個HTML頁面上啦~