移動HTML5頁面 head標簽內都寫點啥

設置 Viewport

創新互聯公司專業為企業提供仙游網站建設、仙游做網站、仙游網站設計、仙游網站制作等企業網站建設、網頁設計與制作、仙游企業網站模板建站服務，10年仙游做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

head

meta?name="viewport"?content="width=device-width,?initial-scale=1.0"

!--這是最常用的--

/head

什么是 Viewport?

viewport 是用戶網頁的可視區域。

viewport 翻譯為中文可以叫做"視區"。

手機瀏覽器是把頁面放在一個虛擬的"窗口"（viewport）中，通常這個虛擬的"窗口"（viewport）比屏幕寬，這樣就不用把每個網頁擠到很小的窗口中（這樣會破壞沒有針對手機瀏覽器優化的網頁的布局），用戶可以通過平移和縮放來看網頁的不同部分。

width：控制 viewport 的大小，可以指定的一個值，如 600，或者特殊的值，如 device-width 為設備的寬度（單位為縮放為 100% 時的 CSS 的像素）。

height：和 width 相對應，指定高度。

initial-scale：初始縮放比例，也即是當頁面第一次 load 的時候縮放比例。

maximum-scale：允許用戶縮放到的最大比例。

minimum-scale：允許用戶縮放到的最小比例。

user-scalable：用戶是否可以手動縮放。

html5 中head和body的區別

head元素內放著網頁中的元數據，比如頁面編碼，標題，樣式文件，js文件的鏈接，還有關鍵字，描述和頁面作者之類的

body元素沒放著整個頁面的內容代碼，所有在瀏覽器上顯示的東西的代碼都在那里寫的

html5中標簽和標簽有什么區別

一、指代不同

1、head標簽：是網頁的HEAD(頭)部分中包含有的內置標簽，用來申明使用的腳本語言，以及網頁傳輸時使用的方式等。

2、header標簽：header標簽是HTML5新增標簽元素。

二、瀏覽器支持不同

1、head標簽：瀏覽器都支持。

2、header標簽：舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。

三、支持屬性不同

1、head標簽：head 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。

2、header標簽：header 標簽支持?HTML 中的全局屬性。

參考資料來源：百度百科-head標簽

參考資料來源：百度百科-Header

文章名稱：headhtml5,head l5
網頁地址：http://www.yijiale78.com/article36/dsgodpg.html

成都網站建設公司_創新互聯，為您提供企業建站、網站排名、網站改版、網站收錄、動態網站、ChatGPT

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯