메타 태그는 HTML 언어의 헤드 영역에서 보조 태그입니다. HTML 문서의 헤드에 헤드 태그와 제목 태그 사이에 있습니다. 사용자에게는 보이지 않는 정보를 제공합니다.
메타 : 즉, 메타 데이터는 데이터의 데이터 정보입니다.
메타 데이터는 브라우저 (콘텐츠 표시 또는 페이지를 다시로드하는 방법), 검색 엔진 (키워드) 또는 기타 웹 서비스에서 호출 할 수 있습니다.
우리의 평범한 말로, 그것은 쓸모없는 태그 자체이지만, 일단 다른 속성을 통해 일부 효과가 내부에 설정되면, 우리는 그것을 메타 데이터라고 부릅니다.
<!-문서의 문자 인코딩을 정의합니다-> <meta charset = utf-8 /> <!-360 브라우저, QQ 브라우저 등과 같은 국내 듀얼 코어 브라우저에서 작용하는 Chromium 커널을 강제로 강제합니다. <meta name = renderer content = webkit /> <!-다른 Deual kernel에 대한 Chromium Kernel의 렌더러 컨텐츠 = webkit /> <!-Meta chernel의 힘. Content = WebKit/<!-Google Chrome 프레임 플러그인이 설치되면 Chromium 커널이어야합니다. 그렇지 않으면 기계에서 지원하는 IE 커널의 가장 높은 버전은 IE 브라우저에서 사용해야합니다.> <Meta http-equiv = x-ua-compatible content = ie = edge = 1/> set the winder set the winder set the wind. 양의 정수 또는 문자열 너비 부호 초기 스케일 페이지의 초기 스케일링 값을 숫자로 설정하면 사용자의 최소 스케일링 값을 숫자로, 사용자의 최대 스케일링 값을 취할 수 있습니다. 사용자의 최대 스케일링 값은 사용자의 최대 스케일링 값을 취할 수 있습니다. 이전 속성을 사용해야하는 경우 레이아웃 뷰포트의 높이를 설정하려면이 높이를 추가해야합니다. 이 속성은 우리에게 중요하지 않습니다. 사용자가 스케일을 확장 할 수 있는지 여부에 관계없이 사용하는 데 거의 사용되지 않으며, 값은 아니오 또는 예 또는 예, 아니오 수단 허용, 예의 평균 viewport 컨텐츠 = width = width = initial-scale = 1.0, shrink-to-fit = no, minimum-scale = 1.0, maximum-scale = 1.0, no incalable = no/<! 문자/> <!-페이지 키워드-> <meta name = 키워드 내용 =/> <!-웹 저자-> <meta name = author content = name, [email protected]/> <!-검색 엔진 크롤링 모든 내용 : 파일이 검색되고 페이지의 링크를 쿼리 할 수 있습니다. 없음 : 파일은 검색되지 않으며 페이지의 링크를 쿼리 할 수 없습니다. 색인 : 파일이 검색됩니다. 다음 : 페이지의 링크를 쿼리 할 수 있습니다. NoIndex : 파일이 검색되지 않습니다. Nofollow : 페이지의 링크를 쿼리 할 수 없습니다. -> <meta name = robots content = index, pollow/> <!-전화로 인식 할 페이지의 숫자를 무시하고, 이메일 인식을 무시합니다-> <meta name = format-detection content = telphone = no, email = no/> <!-iOS 시작-> <!-홈 화면을 추가 한 후 (iOS 6에서 새로인) <apple-web-mapp tolete to-map-mop-tolete ele. 홈 화면에 추가되며 주소 표시 줄은 숨겨 질 수 있으며 iOS 사파리에만 해당됩니다 (iOS7.0 버전 후에는 사파리에서 효과가 더 이상 표시되지 않습니다)-> <meta name = apple-mobile-web-app 가능 컨텐츠 = 예/> <! content = yes/> <!-스마트 앱 AD 바 스마트 앱 배너 (iOS 6+ safari)-> <meta name = apple-itunes-app content = app-id = myAppStoreid = myAffiliateTA, app-argument = myurl> <!-Apple 툴바 색상 설정 (흰색) (검은 색) 및 translucent (검은 색) 및 translucent로 설정할 수 있습니다. -> <meta name = apple-mobile-web-app-status-bar 스타일 내용 = black /> <!-baidu가 트랜스 코드를 트랜스 코드로 허용하지 마십시오-> <meta http-equiv = cache-control 컨텐츠 = no-siteApp /> <! content = true> <!-Microsoft의 오래된 브라우저-> <meta name = mobileOptimized content = 320> <!-UC 힘 수직 화면-> <meta name = screen-orientation content = portrait> <!-QQ 힘 수직 화면-> <메타 이름 = x5- 지향적 내용 = pairlat> <!-UC Force Full Screen = ul-QQ Force Content = Quc Force Content = Quc Force Full Screen. -> <meta name = x5-fullscreen content = true> <!-uc 응용 프로그램 모드-> <meta name = browsermode content = application> <!-qq 응용 프로그램 모드-> <meta name = x5-page-mode content = app> <!-Windows Phone Clicks없이 하이라이트가 없음 = msapplication-tap-highlight = no> <!-ios icon whay the whay the the who -> <!-iPhone 및 iTouch, 기본 57x57 픽셀, 꼭 가져야합니다-> <link rel = apple-touch-icon-precommocomposed 크기 = 57x57 href = table_ico57.png> <!-Retina iPhone 및 Retina itouch, 114x114 픽셀, 114x114 픽셀이 없지만, <plink rel = Apple-Toouch-icon-precome href = table_ico72.png> <link rel = apple-touch-icon-precomcomposed 크기 = 114x114 href = table_ico114.png> <!-retina ipad, 144x144 픽셀, intive rel = apple-touch-icon-precomcomcomcomation 크기 = 144x144 href = table_ico144.png> <!-iOS 시작 화면 시작-> <!-iPad 세로 화면 768 x 1004 (표준 해상도)-> <link rel = apple-touch-startup-image 크기 = 768x1004 href =/splash-screen-768x1004.png/> <!-Ipad Horizontal 1024x748 Rel = Apple-Touch-Startup-Image 크기 = 1024x748 href =/default-portrait-1024x748.png/> <!-iPad 수직 스크린 1536x2008 (Retina)-> <link rel = Apple-Touch-Startup-Image 크기 = 1536x2008 href =/splast-screen-1536x2008.png>. 수평 스크린 2048x1496 (Retina)-> <Link Rel = Apple-Touch-Startup-Image 크기 = 2048x1496 HREF =/Splash-Screen-2048x1496.png/> <!-iPhone/iPod 수직 화면 320x480 (표준 해상도)-> 링크 Rel = Apple-Touch-Startup-image href =/splast-screen-320x480.png/> <!-iPhone/iPod Touch 세로 화면 640x960 (Retina)-> <link rel = apple-touch-startup-image 크기 = 640x960 href =/splash-screen-640x960.png/> <!-iPhone 5/iPhone 5/iPhone 5/iPhone 5/iPhone 5/iPhone 5/iPhone. -> <link rel = Apple-Touch-Startup-Image 크기 = 640x1136 href =/splash-screen-640x1136.png/> <!-iOS end-> <!-Windows 8 타일 색상-> <메타 이름 = msapplication-tilecolor content =#000/> <! content = icon.png/> <!-rss 구독 추가-> <link rel = allaste type = application/rss+xml title = rss href =/rss.xml/> <!-sns 소셜 태그 시작-> <!-참조 weibo api-> <meta property = oog : type 컨텐츠 = type /> <meta 속성 = org : url = url = url = ug : url ug : url content. content = title/> <meta property = oog : image content = image content = picture/> <meta property = oog : description content = description/> <!-SNS 소셜 태그 종료->IE 브라우저의 낮은 버전에 대한 액세스 문제
WebKit 커널을 강요하는 코드를 추가하십시오. 웹 사이트에 액세스하기 위해 국내 브라우저를 사용하는 것과 관련하여 IE 호환성 문제가 없으며 IE 방문자 수가 크게 줄어 듭니다. 그러나 일부 오래된 컴퓨터는 IE 브라우저의 하위 버전을 통해 액세스 할 수 없습니다. 이 소수의 사용자를 위해 특별히 CSS 해킹을 수행하면 작업량이 심각하게 증가합니다.
또한 2016 년 1 월 이후 Microsoft는 아래 IE11에 대한 지원 및 업데이트 제공을 중지했습니다. 오랫동안 업데이트되지 않았습니다. 저하 인 IE는 CSS3 및 HTML5 지원에 문제가있을뿐만 아니라 보안 문제도 있습니다.
따라서 저희가 저비전을 지원하지 않으면이 소수의 사용자는 어떻게해야합니까?
IF IE 문을 사용하여 IE 업그레이드 프롬프트를 웹 사이트에 추가하여 사용자에게 브라우저를 업그레이드하거나 액세스하기 전에 고급 브라우저로 전환하도록 프롬프트 할 수 있습니다.
방금 메타 태그 아래 IE 업그레이드 프롬프트 페이지로 점프하기 위해 코드를 추가 할 수 있습니다 (IE 버전이 IE11보다 낮을 때 점프) IE 버전의 사용자가 액세스 할 때 브라우저를 업그레이드하거나 변경하라는 메시지가 표시됩니다.
WebKit 커널을 강제하고 사용자에게 아래와 같이 저급 액세스 사용자의 전체 코드를 업그레이드하도록 프롬프트하십시오. 이 코드를 헤드 템플릿 파일 <Head> 태그에 추가하십시오.
<meta name = renderer content = webkit/> <meta name = force-endering content = webkit/> <meta http-equiv = x-ua 호환 콘텐츠 = ie = edge, chrome = 1/> <cript>/*@cc_on Window.location.href = http : //support.dmeng.net/upgrade-your-browser.html? referrer =+encodeUricomponent (window.location.href); @*/</script>
(@CC_ON은 IE10 및 이전 버전의 IE에 고유 한 조건부 편집문이므로 IE11 이외의 다른 IE 버전을 결정하는 데 사용될 수 있습니다.)
저급 IE는 종종 CSS3 및 HTML5 웹 사이트와 호환되지 않기 때문에 위의 코드가 추가되며 저급 사용자가 액세스 할 때 불필요한 리소스로드를 피하고 웹 사이트 서버 오버 헤드를 줄이기 위해 업그레이드 프롬프트 페이지로 이동합니다.
테스트 코드<! doctype html> <html lang = en> <head> <head> <meta charset = utf-8/> <meta name = viewport content = width = device-width, feation-scale = 1.0/> <title> 문서 </title> <meta name = renderer content = webkit/> <meta name = force-rendering content = webkit/> http-equiv = x-ua-catible content = ee = edge, ater, chrome = 1/> <cript>/*@cc_on window.location.href = http : //support.dmeng.net/upgrade-your-browser.html? referrer =+EncodeUricomponent (window.locod.href); @*/</script> </head> <body> <h1> Hello World </h1> </body> </html>
IE 11은 정상적으로 출력됩니다
IE 10에는 다음 페이지가 표시됩니다
참조하십시오프론트 엔드 메타 사용 요약 -MR_LIXP
브라우저가 메타 코드를 통해 WebKit 커널 속도 모드를 사용하도록 강제 (메타 이름 = 렌더러 컨텐츠 = WebKit이 작동하지 않음)- [ai Huanhuan]
모바일 웹 페이지의 메타 설정 -Tianya Passerby
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.