(三)文件結構(上)

2022-06-30 04:24:10 字數 2565 閱讀 2723

一、基本文件結構

1.1  文件元素有4種,任何html文件都需要這些元素。

1.1.1 doctype元素  

解析: 上述語句告訴瀏覽器: 1. 處理的是html文件。  2.用來標記文件內容的html所屬的版本。該元素沒有結束標籤,放於文件開頭即可。

1.1.2 html元素

...此處省略內容和元素...

1.1.3 head元素

1.1.4 body元素

我是第乙個文件

二、用元資料元素說明文件

2.1 元資料之title元素:設定文件標題

2.2 元資料之:base元素:設定相對url的解析基準

解析:第乙個a元素鏈結的目的位址是「www.baidu.com」,為相對url,瀏覽器會吧相對url與基準url(這裡是base元素中的url)拼湊成完整的url,即「 。    第二個a標籤的url是完整的url,瀏覽器就不會把這個url與基準url拼接。

注意: 如果不用base元素,或不用其href屬性設定乙個基準url,那麼瀏覽器會將當前文件的url認定為所有相對url的解析基準。例子如下:

解析: 如圖可知,上訴例子的文件url為「localhost:8080/test/index.html」,在這裡文件中的a元素的url為相對url,故訪問的時候會以當前文件url作為基準url,故相對url和基準url拼湊為「localhost:8080/test/www.baidu.com」 自然無法訪問。

2.3 元資料之meta元素

用法1:搜尋引擎優化(seo)

name屬性主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的。

meta標籤的name屬性語法格式是:

。其name的引數有:  

a、keywords(關鍵字) 

說明:keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。

舉例:b、description(**內容描述)

舉例:c、robots(機械人嚮導)

說明:robots用來告訴搜尋機械人哪些頁面需要索引,哪些頁面不需要索引。

content的引數有all,none,index,noindex,follow,nofollow。預設是all。

舉例:d、author(作者)

說明:標註網頁的作者

舉例:用法2:宣告字元編碼。

用法3:改寫http橋頭欄位的值。

本頁面5秒重新整理一次

解析:  http-equiv屬性還有乙個引數, 指定頁面優先使用的樣式表,對應的content屬性值應與同一文件中某個style元素或link元素title屬性值相同。

設定重新整理時間, 設定字元編碼的另一種形式。

2.4 元資料之style元素 

我是乙個段落

解析: style元素可以出現在html文件中的各個部分,乙個文件可以包含多個style元素,目前為止type屬性的值總是「text/css」

我是段落

縮小頁面(width<400px)

解析: 使用media屬性可用來表明文件在什麼情況下應該使用該元素中的定義的哪些樣式。 上述例子,media="print"  表示將樣式用於列印頁面預覽和列印頁面時, media的屬性還有如下:

我是段落

全屏時(width大於400px)

解析:  本例中使用了and來組合裝置和特性條件,除了and,還可以使用not和表示or的逗號(,)。

width等特定通常會跟限定詞min和max配合使用,若非特別指明,上述的特性都可以用min- 或 max- 修飾。值得注意的是min-width:400px  指的是最小長度400px即大於400px才會應用此樣式。

HTML5文件結構分析

html5規範將元素分為三大類 元資料元素,流元素和短語元素 指示 web 瀏覽器關於頁面使用哪個 html 版本進行編寫的指令。html版本有 html 5,html 4.01 strict,html 4.01 transitional,html 4.01 frameset,xhtml 1.0 s...

7 1文件更新

7.1.1通過替換修改 通過查詢獲取整個文件doc,設定doc的email屬性後,通過update更新整個文件。替換是更通用的做法。想象一下通過引用html表單來更新使用者user資料。使用文件替換時,資料從表單提交,一旦驗證,就可以傳遞給mongodb,不管那個欄位被更新,執行更新是相同的。但是這...

fastai v1 0文件學習(三)

learner通過lr find方法找到合適的學習率,通過fit one cycle來訓練網路,通過to fp16來轉換半精度。方法描述 learner data databunch,model module,opt func callable adam loss func callable non...