前端各種mate積累

2022-06-01 17:06:11 字數 3337 閱讀 5739

1

doctype html

>

h5標準宣告,使用 html5 doctype,不區分大小寫

2<

head

lang

=」en」

>

標準的 lang 屬性寫法

3<

meta

charset

=』utf-8′

>

宣告文件使用的字元編碼

優先使用 ie 最新版本和 chrome

5<

meta

name

=」description」

content

=」不超過150個字元」

/>

頁面描述

6<

meta

name

=」keywords」

content

=」」/>

7<

meta

name

=」author」

content

=」name,

[email protected]

/>

網頁作者

8<

meta

name

=」robots」

content

=」index,follow」

/>

搜尋引擎抓取

9<

meta

name

=」viewport」

content

=」initial-scale=1,

maximum-scale

=3,

minimum-scale

=1,

user-scalable

=no」

>

為移動裝置新增 viewport

10<

meta

name

content

=」標題」

>

ios 裝置 begin

11<

meta

name

content

=」yes」

/>

新增到主屏後的標題(ios 6 新增)

1213

<

meta

name

content

affiliate-data

=myaffiliatedata,

=myurl」

>

1415

<

meta

name

content

=」black」

/>

16<

meta

name

=」format-detection」

content

=」telphone=no,

email

=no」

/>

設定蘋果工具欄顏色

17<

meta

name

=」renderer」

content

=」webkit」

>

啟用360瀏覽器的極速模式(webkit)

避免ie使用相容模式

針對手持裝置優化,主要是針對一些老的不識別viewport的瀏覽器,比如黑莓

21<

meta

name

=」mobileoptimized」

content

=」320″

>

微軟的老式瀏覽器

22<

meta

name

=」screen-orientation」

content

=」portrait」

>

uc強制豎屏

23<

meta

name

=」x5-orientation」

content

=」portrait」

>

qq強制豎屏

24<

meta

name

=」full-screen」

content

=」yes」

>

uc強制全屏

25<

meta

name

=」x5-fullscreen」

content

=」true」

>

qq強制全屏

26<

meta

name

=」browsermode」

content

>

uc應用模式

27<

meta

name

=」x5-page-mode」

content

>

qq應用模式

28<

meta

name

content

=」no」

>

windows phone 點選無高光

29設定頁面不快取

前端學習積累

cellpadding 規定單元格邊沿與其內容直接的空白,預設為1畫素 cellspacing 規定單元格之間的空白,預設2畫素 1 盡量使用小寫字母提高 可讀性 2 屬性前面冒號後面保留乙個空格 3 選擇器和大括號之間保留乙個空格 4 多個單詞可以用短橫線進行分割 red car 5 不要使用純數...

CSS各種問題積累

1.background與background color 這兩者都可以這麼用 background red background color red 其實background color只是background的乙個子項而已。完整的background包括 background color bac...

前端常用演算法 積累

1.回文 function reversestrfn str let str11 reversestrfn hello 2.去掉陣列重複的值 function uniqfn arr let data for let i 0,len arr.length i len i return data let...