HTML5與CSS3基礎教程 前言筆記

2021-07-05 10:02:49 字數 548 閱讀 4095

漸進增強:一種最佳實踐。

全球資訊網的普適性——全球資訊網上的資訊應該能被所有人訪問。

漸進增強(progresive enhancement)的理念能幫助你構建具有普適性的**。這不是一門語言,而是一種建站方法,它由steve champeon於2023年提出(

乙個基本的html頁面,未對其應用任何自定義的css。通常只有較舊的瀏覽器才會以這種方式顯示。這個頁面可能並不是很好看,但資訊都是可訪問的,這一點非常重要。

同乙個頁面在支援css的瀏覽器中的顯示效果。資訊是相同的,只是呈現的方式不同。

這樣做的結果就是,那些只能訪問基本頁面的裝置和瀏覽器得到的是簡化的、預設的體驗。即便是20多年前全球資訊網剛剛誕生時的瀏覽器,也能顯示這個頁面,因此最早配備的web瀏覽器的手機也能顯示它。此外,螢幕閱讀器(可以為視障訪問者讀出網頁內容的軟體)也能輕鬆處理這個頁面。

同時,那些能夠瀏覽更健壯的**的裝置和瀏覽器將看到增強的版本。還有一些瀏覽器的處理能力介於二者之間,它們也能顯示這個頁面。不必要求**對所有人來說體驗都是一樣的,關鍵是**的內容是可訪問的。

本質上,漸進增強背後的涵義是共贏。

HTML5與CSS3基礎教程 筆記

1.構造塊 3.基本html結構 頁面字元編碼很重要,例如如果沒有設定utf 8,可能很多字元都會亂碼 語義化標籤 以下標籤為html5新引入 出於seo和可訪問性的目的,最好將重要的內容放在前面,通過css來改變他們在瀏覽器中的順序 4.文字 5.影象 無損 jpeg不支援透明,png gif均支...

HTML5與CSS3基礎教程 第7章 CSS構造塊

html5與css3基礎教程 第8版 第7章讀書筆記 rem單位 10.6章節。hsl rgba hsla格式是在css3引入的 rgb不是 css3還擴充套件了原有的16個基本顏色名稱。使用css優先順序適配老瀏覽器 p137 比如css的alpha透明度是在ie9之後才支援的,可以通過css的優...

HTML5與CSS3基礎教程 第16章 表單

html5與css3基礎教程 第8版 第16章讀書筆記 前端表單驗證,不能完全代替伺服器端驗證,因為舊的瀏覽器或禁用js的瀏覽器不會執行客戶端驗證。h5新增表單控制項 email,tel,url。fieldset和legend p324 327 如果表單上有很多資訊需要填寫,可以使用fieldset...