前端基礎之頭部幾個基礎標籤解析

2021-10-02 10:14:47 字數 1170 閱讀 2749

< meta name=「viewport」 content=「width=device-width,initial-scale=1.0」> 這個標籤中的name屬性是告訴瀏覽器,這個標籤起什麼作用,viewport的意思是檢視視窗,也就是說這個標籤是用來控制一些關於檢視視窗的操作的。

content屬性:

- width:控制網頁檢視寬度,可以是具體的數字,為device-width代表裝置寬度

- height:控制網頁檢視高度,值與width一樣

- initial-scale:頁面初始縮放級別,為1.0代表網頁實際尺寸,無縮放

- maximum-scale:允許使用者最大縮放值,值為數字,可帶小數

- minimum-scale:允許使用者最小縮放值,值為數字,可帶小數

- user-scalable:是否允許使用者進行縮放操作,值有yes或no,yes為允許,no為不允許

-target-densitydpi :這個屬性一般用於手機頁面上,且安卓系統才支援(據說快要廢棄,少用),值可以為high-dpi,medium-dpi,

low-dpi,分別對應高畫素密度,中畫素密度,低畫素密度,這個屬性的預設屬性值為中畫素密度,當值為中畫素密度時,在高畫素密度

裝置上這個頁面會放大,低畫素頁面會縮小,其它兩個值的效果按這個邏輯推。

< meta http-equiv=「x-ua-compatible」 content=「ie=edge」> 這個標籤是專門針對ie瀏覽器起作用的乙個標籤,x-ua-compatible就是針對ie8,告訴ie8採用何種ie版本去渲染網頁,而content屬性的值就是對應的ie版本,模式edge是以最高端模式渲染文件,通俗來說就是什麼版本ie就用什麼版本的標準模式渲染,還有一些其他值如ie=emulateie7,就代表用ie7版本渲染文件。

< title>網頁標題< /title> 這個雙標籤用於設定網頁標題

< link rel=「stylesheet」 type=「text/css」 href=「***」/> 這個標籤的作用是引入其他檔案,常用於引入css樣式配置

-rel:rel 屬性指示被鏈結的文件是乙個樣式表

-type:type 屬性規定被鏈結文件的 mime 型別。為text/css說明引入的是css描述樣式表

-href:該屬性指引入文件的路徑

前端基礎八之文字標籤

1 strong與em標籤 strong表示乙個強調內容,重要內容,該標籤內容一般有個加粗的效果.em表示強調內容,但是沒有strong那麼強烈,一般以斜體表示。2 b標籤與i標籤 b標籤用來設定加粗的文字,顯示效果和strong是一樣的 i標籤用來設定斜體字,顯示效果和em是一樣的。但是注意的是,...

HTML基礎入門之標籤解析

html常用的標籤不多,牢牢掌握以下幾個標籤就事半功倍啦 1.標題 內容,其中n為1 6,n值越大,內容標題字型越小 2.換行 3.段落標籤 內容 4.水平線段標籤 5.文字設計標籤 內容 附加 字型加粗 字型加下劃線 著重文字 斜體小號字 加重語氣 插入字刪除字 內容設定為下標 如 23 2 內容...

前端 HTML基礎,標籤

web端的組成 html是超文字標記語言,它不是一種程式語言,是一種描述性的標記語言,用於描述超文字內容的顯示方式.比如字型.顏色,大小等.超文字 音訊,視屏稱為超文字.標記 英文單詞或者字母 稱為標記,乙個html頁面都是由各種標記組成。11.1.1 html的結構 11.1.2 標籤的分類 塊級...