HTML知識點(1)

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頁面上啦~
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1. HTML、XML、XHTML 有什么區(qū)別 HTML被設計用來顯示數據,焦點是數據的外觀XML被設計用來描述數...
    QQQQQCY閱讀 304評論 0 1
  • 一.HTML、XML、XHTML 有什么區(qū)別 什么是 HTML? HTML 指的是超文本標記語言 (Hyper T...
    Sunset125閱讀 737評論 0 1
  • 1. HTML、XML、XHTML 有什么區(qū)別: HTML(Hypertext Markup Language):...
    饑人谷_兔子君閱讀 773評論 0 2
  • 一、網頁亂碼的問題是如何產生的?怎樣解決? 產生原因:亂碼產生的根本原因是因為你保存的編碼格式和瀏覽器解析的解析格...
    hk_kh閱讀 780評論 0 0
  • 拎著母親快遞過來家鄉(xiāng)的潮汕丸子,踩著點踏上了歸窩的班車。坐在搖晃的車子內,追隨著窗外徐徐下沉的落日。那金黃色鵝蛋一...
    嫻了閑閱讀 183評論 0 0