web標準之道 筆記

2021-09-07 08:27:30 字數 1808 閱讀 4786

字型設定

sans和sans-serif為通用字型,具體哪個字型被最終應用由瀏覽器決定,通用字型只有在其他字型都無效時才會被當作代替方案。通用字型應該放在最後面

sans襯線字型

容易閱讀,一般使用在正文內容或字型比較小的情況下

sans-serif無襯線字型

容易疲勞,一般在文章標題中使用

如果在正文中使用無襯線字型,那麼必須保證字型設定的足夠大

monospace等寬字型

指每個字元寬度都一致,使用它可以特別容易對齊,另外它可以是襯線的或非襯線字型。

缺字元當有指定的字型但因為裡面沒有找到對應的字元時,會顯示成缺字元,一般表現為 「口」

字型名加引號和不加引號的區別就是,中文會忽略字型名稱左右的空白字元,英文會將多個空格合併成乙個空格。

html與xhtml

html與xhtml非常像,不過xhtml比html更加嚴格,因為xhtml想往xml方向發展,但html太過於鬆散,導致如果將html放到xml中,將會無法執行。

doctype

一些瀏覽器為了相容早期的**,避免和web標準起衝突,於是一些瀏覽器廠商想出了乙個辦法,他們認為如果那些不知道web標準的人,他們寫的**一定也不符合標準,於是他們把沒有寫doctype或者doctype寫錯的頁面,用怪異模型來渲染頁面。但是到了這個年代,web標準已然成為了潮流,因此通過doctype來判斷以及不再適合。

設定content-type

當伺服器端忘記設定返回content-type時,瀏覽器會嘗試使用頁面設定的content-type來設定字元編碼

ie6 overflow bug

ie6有overflow:visibile bug,會父元素會自適應子元素,因此高度自適應可以使用_height

div與table

div不是用來布局的, css才是。也不是div比table合理,而是看你要做什麼。

擴充套件的趁勢是產生列的時候,使用table

排隊,排隊

多列布局的網頁十分多見,別的不說,就是現在我使用的的這個風格就是個兩列的布局。左面的side,右面的是main。依照大家的閱讀習慣,html裡面當然應該先寫左面的side,然後再寫右面的main。其實,這樣做是不合理的。因為瀏覽器的解析是從上到下的。先解析出來的先顯示,後解析出來的後顯示。而左面的導航欄並不是使用者急於想看到的,使用者急於想看到的是main裡面的文章的內容。所以正確的寫法是側邊欄寫在下面,網頁主題寫在上面,然後利用float樣式,讓它們出現在左邊或者右邊。

不是所有的標籤都是能自閉合

比如:

h1 - h6的不合理性

究竟是h1大還是h6大,就算拋開這一點,如果有更多的子集那麼用h幾?因此在html5中,新增了乙個section標籤,每個section就是乙個塊。

xmlhtml想往xml上靠,主要是因為他們想讓html更加結構化

attachevent

attachevent中的this是指window,因為它相當於是引用了乙個函式

監聽模式

將所有需要繫結事件的,push到乙個陣列中,迴圈

函式中的變數

如果將函式當做建構函式或者閉包來使用,那麼只有物件銷毀的時候,裡面的變數才會銷毀(代驗證,chrome不存在這個問題)

瀏覽器認為在js指令碼中可能會輸出html內容,導致頁面錯亂,因為順序問題,而使用defer屬性,則是告訴瀏覽器,這個指令碼中不會輸出html內容

一些問題

1、在分配id和類名時,盡可能保持與表現形式無關,例如contleft有可能以後希望出現在右邊。

2、不要動態修改 dom 裡面的 id 屬性,ie低版本,id修改後並不會自動去重新匹配css規則

Web開發敏捷之道Rails(筆記一)

1 mvc中的模型 model 模型攜帶者資料,還負責執行施加於這些資料上的業務規則,比如,對於20元以下的訂單不予打折 這一約束就要由模型來確保。也即,模型是資料的容器,也是資料的監護者。2 mvc中的檢視 view 負責生成使用者介面,根據模型中的資料生成。3 mvc中的控制器 controll...

Web開發敏捷之道Rails(筆記二)

1 新增資料庫缺失字段 先建立乙個遷移任務,取乙個一目了然的名字,一般用create來建立表,add來給表增加字段。ruby script generate migration add price add price為遷移任務名字 開啟這個遷移任務原始檔,在up方法內插入字段 向表裡新增字段 add...

Web開發敏捷之道Rails(筆記四)

1 session 用法 應用程式將瀏覽器傳送的請求與本地儲存的session資料進行匹配。cookie來實現session。cookie是指web應用傳遞給瀏覽器的一組資料,瀏覽器會將cookie儲存在本地計算機上,當瀏覽器向web應用傳送請求時,會根據cookie資料的資訊將這一請求與伺服器儲存...