HTML頭的那點小事

2021-09-11 22:05:03 字數 1319 閱讀 5090

doctype文件型別

一句話說明,標準通用標記語言解析器(sgml),根據文件定義型別(dtd)來解析文件型別(doctype)。

文件型別分為一下幾種:

模式介紹

標準模式

html與css定義渲染,即我們常見的

怪異模式(quicks mode)

嘗試模擬更久的瀏覽器行為

部分標準模式(almost mode)

表單元格尺寸的怪異行為

元資訊

meta標籤用於提供有關頁面的元資訊,不會像中的元素顯示在頁面,但對於機器是可讀的,畢竟包含在html檔案中嘛。以名稱/值的形式成對傳遞。

eg:

告訴瀏覽器,charset的值是utf-8,即說明了頁面的編碼格式。

還有乙個http-equiv,將鍵值對新增到伺服器傳送到瀏覽器內容的頭部。

eg:

在傳送給瀏覽器內容的頭部增加過期時間

還有其他常用的屬性,比如keyword關鍵字,搜尋引擎經常利用改關鍵字用於分類.

viewport

用途:裝置適配。

介紹三個viewport

viewport說明

layout viewport網頁的預設視窗大小(不包括滾動條),即document.documentelement.clientwidth

visual viewport瀏覽器可視區域大小(包括滾動條),即window.innerwidth

ideal viewport完美適配裝置的視窗大小

所謂適配裝置,其實說白了就是使得layout viewport=ideal viewport。實現如下:

width可以理解為頁面設計的寬度,即ideal viewportinitial-scale=1為初始縮放比例,兩者同時存在的時候,取較大的那個。在這裡兩者的大小是一樣的。也就達到了適配的效果。

String的那點小事兒

1 比較的是什麼?1 package xupengwei.string 2 3 describe 4 author chenmo xpw 5 version 2014年5月22日 下午1 00 42 6 7 public class stringdemo 19 結果 true false 2 其實,...

Python 楊輝三角那點小事

性質 1 第n行有n項,n是正數 2 第n行數字和為2的n 1次方 3 除第乙個外,每乙個元素的值等於左上角和右上角的和 列印楊輝三角 方法一 num 10000 num 第幾層 for index in rang 0,num cur 1 if index 0 continue pre index ...

關於火狐瀏覽器那點小事

以前瀏覽網頁都是用的ie瀏覽器,對瀏覽器也沒有什麼研究,後來也忘記開始為什麼自己安裝上了火狐瀏覽器,只是慢慢的喜歡上了火狐,使用感覺很不錯,給我的最大感受就是開啟網頁速度快和擴充套件性,在這兒向朋友們推薦一下!火狐與ie乙個很大的區別,就是可以diy自己的瀏覽器,這也是很多使用者喜歡火狐的原因之一吧...