1. 程式人生 > >html-03 Web標準

html-03 Web標準

Web標準不是某一個標準,而是由W3C和其他標準化組織制定的一系列標準的集合。主要包括結構(Structure)、表現(Presentation)和行為(Behavior)三個方面。
結構標準:結構用於對網頁元素進行整理和分類,咱們主要學的是HTML。

表現標準:表現用於設定網頁元素的版式、顏色、大小等外觀樣式,主要指的是CSS。
行為標準:行為是指網頁模型的定義及互動的編寫,咱們主要學的是Javascript

理想狀態我們的原始碼:.HTML .css .js

比如,以下是某國內知名電商平臺主頁:

京東

在Chrome中按快捷鍵:Ctrl+Shift+C 開啟檢查:

image

現在刪除

image

就變成了這個樣子:

image

以上叫做結構,在結構裡,圖片、文字尚存在,但是很不美觀(想當年諾基亞瀏覽網頁大概就是這個樣子的),好在我們有css,重新整理一下網頁:

image

啊~還是原來的樣子

而介面中的滾動:

image

以及下拉選單:

image

這互動式動作都是通過JS完成的