메타는 HTML 언어의 헤드 영역에서 보조 레이블입니다. 어쩌면이 코드가 선택 사항이라고 생각할 수도 있습니다. 실제로 좋은 메타 태그를 만들 수 있다면 메타 레이블의 역할은 다음과 같습니다. 검색 엔진 최적화 (SEO), 페이지 페이지를 정의하고 자동으로 새로 고쳐서 새 페이지를 가리키십시오. 동적 동적 웹 페이지 변환, 제어 페이지 버퍼, 웹 페이지 레벨 평가, 창 디스플레이 창이 표시 될 때!
HTML의 메타 요약메타 레이블 구성 : 메타 태그에는 HTTP-equiv 속성이 있습니다.
<!-html5 doctype를 사용하십시오. -> <meta charset = 'utf-8'> <!-최신 버전의 IE 및 Chrome-> <meta http-equiv = x- UA 커뮤니티 컨텐츠 = ie = ater, chrome = 1/> < !-페이지 설명-> <메타 이름 = 설명 내용 = 150 자 이하/<!-페이지 키워드-> <메타 이름 = 키워드 내용 =/> <!-웹 author-> <meta name = author content = name [email protected]/> <!-검색 엔진 캡처-> <메타 이름 content = index, pollow/> <!-viewport-> <meta name = viewport content = initial-scale = 1, maximum-scale = 3, 최소 스케일 = 1, 사용자-스케일 가능 = no> <! -----! -----! --------`width`는 iPhone 5가 기본 화면에 추가하고 페이지를 열게됩니다. WebApp Full-Screen 모드를 사용하여 시작-> <meta name = Apple-Mobile-Weight-Access-Comple Content = title> <!-메인 화면에 추가 된 제목 (새로 추가 된 iOS 6)-> <Meta name = apple-mobile- 웹-애플 컨트라 가능 컨텐츠 = 예/> <!-웹 앱 전체 화면 모드를 활성화할지 여부, Apple의 기본 도구 모음 및 메뉴 bar-> <meta name = apple-itunes-app content = myappstore , Affil Iate -data = MyAffiliateEdata, app-ragument = myurl> <!-스마트 앱 배너 추가 (iOS 6+ safari)-> <meta name = apple-mobile-app-status 스타일 conten t = black/<! -Apple Toolbar의 색상을 설정합니다.> <meta name = 형식-감지 내용 = telphen = no, email = no/> <!-페이지의 디지털 인식을 전화로 무시하고 이메일 식별을 무시하십시오-> <! -360 브라우저의 속도 모드 (webkit)-> <메타 이름 = 렌더러 컨텐츠 = webkit> <!-즉, 호환 모드 사용을 피하십시오-> <meta http-equiv = x-uaa -compatible content = ee = Edge> <-baidu transcoding-> <meta http-equiv = cache-control content = no-sizeapp /> <! <!-Microsoft의 구식 브라우저-> <메타 이름 = MobileOptimized Content = 320> <!-UC 강제 강제 수직 스크린-> <메타 이름 = 화면-지향 내용 = 초상화> <!-QQ 강제 수직 스크린-> < 메타 이름 = x5- 지향 내용 = 초상화> <!-UC 강제 전체 화면-> <메타 이름 = 전체 화면 내용 = 예> <!-qq 强制全屏-> <meta name = x5-fullscreen content = true > <!-uc--> <meta name = browsermode content = application 모드-> <meta name = x5-page-mode content = app> <! > <meta name = msapplication-tap-highlight = no> <! > <!-iPhone 및 iTouch, 기본 57x57 픽셀은-> <link rel = Apple-Touch-Icon-Procommocompoycomcomposed 크기 = 114x114 href =/apple-touch-icon-114x114 -pong/> <!-Retina Itouch, 114x114 픽셀 번호는 아니지만 권장됩니다. 144x144 1 1, 可以没有, 可以没有-> <!-iOS 아이콘 end-> <!-iOS 시작 화면 시작-> <link rel = apple-touch -Startup-Image size = 768x1004 href =/splast-screen- 768x1004.png/> <! -ipad 수직 화면 768 x 1004 (표준 해상도)-> <링크 rel = Apple-Touch-Startup-Image 크기 = 1536x2008 href =/splast-screen-1536x2008.png/> <! 수직 스크린 1536x20088 (Retina)-> <link roth = apple-t -Startup-Image 크기 = 2048x1496 href =/splash-screen-2048x1496.png/> <!-iPad viagra 2048x1496 (Retina)-> <링크 rel = Apple-Touch- startup-Image href =/splash-screen-320x480. PNG/> <!-iPhone/iPod Touch 수직 화면 320x480 (표준 해상도)-> <Link Rel = Apple-Touch-Startup-Image 크기 = 640x960- 화면 -640x960.png/> <!-iPhone/iPod 터치 수직 스크린 640x960 (retina)-> <링크 r = Apple-Touch-Startup-Image 크기 = 640x1136 href =/splash-screen-640x113 6.png/> <! -iphone 5/ipod touch 5 수직 스크린 640x1136 (retina)-> <!-iOS 시작 화면 엔드-> <!-iOS 장치 end-> <메타 이름 = msapplication-tilecolor content =#000000 /<!-Windows 8 자기 스티커-> <메타 이름 = msapplication-tileimage content = icon.png /> <!-Windows 8 자기 스티커 아이콘-> <link rel = application/rss +xml <!-rss 구독-> <link rel = 단축 컷 아이콘 유형 = 이미지/ico href =/favicon.ico/> <! -add favicon icon-> <!-sns 소셜 레이블 시작-> <!-weibo api-> <meta property = oog : type content = type/> <meta property = oog : url content = url wasse/> 참조 <meta property = oog : title content = title/> <meta property = oog : image content = image/<meta property = oog : 설명 내용 = description/<!-sns 소셜 태그 end-> <title> 제목 </title > </head>
일반적으로 사용되는 메타 속성 중 일부는 위에 나와 있으며 메타에 대한 이해는 다음과 같습니다.
메타는 HTML 언어의 헤드 영역에서 보조 레이블입니다. 어쩌면이 코드가 선택 사항이라고 생각할 수도 있습니다. 실제로 좋은 메타 태그를 만들 수 있다면 메타 레이블의 역할은 다음과 같습니다. 검색 엔진 최적화 (SEO), 페이지 페이지를 정의하고 자동으로 새로 고쳐서 새 페이지를 가리키십시오. 동적 동적 웹 페이지 변환, 제어 페이지 버퍼, 웹 페이지 레벨 평가, 창 디스플레이 창이 표시 될 때!
메타 레이블 구성 : 메타 태그에는 HTTP-equiv 속성이 있습니다.
1. 이름 속성이름 속성은 주로 웹 페이지를 설명하는 데 사용됩니다.
메타 레이블의 이름 속성 문법 형식은 다음과 같습니다.
<메타 이름 = 매개 변수 내용 = 특정 매개 변수 값>.
이름 속성에는 주로 다음 매개 변수가 있습니다.
A, 키워드 (키워드)참고 : 키워드는 웹 페이지에 대한 검색 엔진의 키워드를 알려주는 데 사용됩니다.
예:
<meta name = keywordscontent = meta summary, html meta, meta 속성, 메타 점프>
B. 설명 (웹 사이트 내용 설명)
참고 : 설명은 웹 사이트의 주요 내용을 검색 엔진에 대해 알리는 데 사용됩니다.
예:
<meta name = descriptionContent = Haorooms 블로그, HTML의 메타 요약, 메타는 HTML 언어 헤드 영역의 보조 레이블입니다. "C. 로봇 (로봇 마법사)
참고 : 로봇은 검색 로봇 페이지에 색인을 알려주고 색인이 필요하지 않은 페이지를 알려줍니다.
컨텐츠 매개 변수는 모두, 없음, 색인, noindex, follow, nofollow입니다. 기본값이 전부입니다.
예:
<meta name = robotsContent = none>
특정 매개 변수는 다음과 같습니다.
정보 매개 변수는 모두 다음과 같습니다. 파일이 검색되고 페이지의 링크가 쿼리 될 수 있습니다.
정보 매개 변수는 없음 : 파일은 검색되지 않으며 페이지의 링크를 쿼리 할 수 없습니다.
정보 매개 변수는 색인입니다. 파일이 검색됩니다.
정보 매개 변수는 다음과 같습니다. 페이지의 링크는 쿼리 될 수 있습니다.
정보 매개 변수는 nondex입니다 : 파일은 검색되지 않지만 페이지의 링크는 쿼리 될 수 있습니다.
정보 매개 변수는 nofollow입니다 : 파일이 검색되지만 페이지의 링크는 쿼리 할 수 없습니다.
D, 저자 (저자)참고 : 웹 페이지의 저자
예:
<meta name = authorContent = root, [email protected]>E, 생성기
<메타 이름 = GeneratorContent = 정보 매개 변수/>
메타 레이블의 정보 매개 변수는 웹 사이트에서 사용되는 소프트웨어 제작을 나타냅니다.
F, 저작권<메타 이름 = CopyrightContent = 정보 매개 변수>
메타 태그의 저작권 정보 매개 변수는 웹 사이트의 저작권 정보를 나타냅니다.
g, Revisit-after<meta name = Revisit-afterContent = 7days>
Revisit-After는 7 일을 다시 방문하여 웹 사이트를 대표하며, 이에 따라 밀려납니다.
2. http-equiv 속성HTTP-equiv는 이름에서 알 수 있듯이 HTTP의 파일 헤더와 동일합니다. 브라우저에 유용한 정보를 보내 각 매개 변수의 컨텐츠 값을 올바르게 표시 할 수 있습니다.
메타 태그의 http-equiv 속성 형식은 다음과 같습니다.
<meta http-equiv = 매개 변수 내용 = 매개 변수 변수 값>;
HTTP-equiv 속성에는 주로 다음 매개 변수가 있습니다.
A, 만료 (마감일)참고 : 웹 페이지의 만료 시간을 설정하는 데 사용할 수 있습니다. 웹 페이지가 만료되면 서버에서 다시 전송해야합니다.
용법:
<meta http-equiv = expirescontent = fri, 12jan200118 : 18 : 18gmt>
참고 : GMT의 시간 형식을 사용해야합니다.
B. Pragma (캐시 모드)참고 : 로컬 컴퓨터 캐시에서 페이지 콘텐츠를 방문하는 것은 금지되어 있습니다.
용법:
<meta http-equiv = pragmacontent = no-cache>
참고 : 이런 식으로 방문자는 탐색 할 수 없습니다.
C. 새로 고침 (새로 고침)참고 : 새 페이지를 자동으로 새로 고치고 가리 킵니다.
용법:
<meta http-equiv = refreshContent = 2; http://www.vevb.com> //
참고 : 그 중 2 개는 2 초 동안 머무른 후 URL 웹 사이트에 대한 자동 새로 고침을 나타냅니다.
D. 세트 쿠키 (쿠키 설정)설명 : 웹 페이지가 만료되면 매장 쿠키가 삭제됩니다.
용법:
<meta http-equiv = 쿠키 값 = xxx;
참고 : GMT의 시간 형식을 사용해야합니다.
e, 창문-표적참고 : 강제 페이지는 현재 창의 독립 페이지에 표시됩니다.
용법:
<meta http-equiv = Window-TargetContent = _top>
참고 : 다른 사람들이 프레임 워크에서 자신의 페이지를 호출하는 것을 방지하는 데 사용됩니다.
f, 컨텐츠 유형 (디스플레이 문자 세트 설정)참고 : 페이지에서 사용하는 문자 세트를 설정하십시오.
용법:
<meta http-equiv = content-typecontent = 텍스트/html;
세부 사항은 다음과 같습니다.
GB2312와 같은 메타 레이블의 숯불의 정보 매개 변수가 웹 사이트에서 사용하는 코드가 중국어를 단순화했음을 의미합니다.
Big5와 같은 메타 레이블의 정보 매개 변수가 웹 사이트에서 사용하는 코드가 전통적인 중국인임을 의미합니다.
ISO-2022-JP와 같은 메타 레이블의 문자의 정보 매개 변수는 웹 사이트가 일본어로 사용된다는 것을 의미합니다.
메타 태그의 정보 매개 변수가 KS_C_5601과 같은 경우 웹 사이트가 한국어로 사용됨을 의미합니다.
메타 태그의 숯불의 정보 매개 변수가 ISO-8859-1 인 경우, 웹 사이트 코딩이 영어임을 의미합니다.
메타 태그의 정보 매개 변수가 UTF-8 인 경우 세계의 언어 인코딩을 나타냅니다.
G, 내용 언어 (언어 설정 설정)용법:
<meta http-equiv = content-languagecontent = zh-cn/>H, 캐시 제어는 요청의 캐시 메커니즘과 다음 응답을 지정합니다.
캐시 제어 요청의 캐시 메커니즘과 다음 응답을 지정합니다. 요청 메시지 또는 응답 메시지에서 캐시 제어를 설정하면 다른 메시지 처리 프로세스 중에 캐시 프로세스가 수정되지 않습니다. 요청 중 캐시 지침에는 캐시가 없음, 무게, 최대 시대, 최대 스테일, 최소 프레 쉬가 포함됩니다.
응답에 따른 LY-IF 캐시, 지침에는 공개, 개인, 캐시가 없음, 매장 없음, 변형 없음, 꼭 봐야 할 프록시-리발리데이트, 최대 시대가 포함됩니다. 각 메시지의 지침의 의미는 다음과 같습니다.
공개 표시 응답은 모든 캐시 영역에서 캐시 할 수 있습니다.
개인은 단일 사용자의 전체 또는 부분 응답 메시지를 캐시에서 공유 할 수 없음을 나타냅니다. 이를 통해 서버는 사용자의 응답 부분이 응답 할 때만 응답 메시지 만 설명 할 수 있습니다.이 응답 메시지는 다른 사용자의 요청에 대해 유효하지 않습니다.
캐시 없음 요청 또는 응답 메시지는 캐시 할 수 없음을 나타냅니다.
중요한 정보가 의도하지 않게 출판되는 것을 방지하는 데 사용되지 않습니다. 요청 메시지를 보내면 요청이 필요하며 응답 메시지는 캐시를 사용하지 않습니다.
Max-Age는 클라이언트가 생존 기간이 지정된 시간보다 크지 않다는 응답을받을 수 있음을 나타냅니다 (초)
Min-Fresh는 클라이언트가 현재 시간보다 적은 응답 시간과 지정된 시간 응답을받을 수 있음을 나타냅니다.
Max-Stale은 클라이언트가 시간 초과 기간을 넘어 응답 메시지를받을 수 있음을 나타냅니다. Max-Stale 메시지의 값이 지정되면 클라이언트는 시간 초과의 지정된 값 내에서 응답 메시지를받을 수 있습니다.
J, http-equiv = imagetoolbar<meta http-equiv = imagetoolbarcontent = false/>
그림 도구 모음이 표시되는지 여부를 지정하고 잘못된 대표자로 표시되지 않으며 실제 대표자로 표시됩니다.
K, 내용 스크립트 유형<meta http-equiv = content-script-typecontent = text/javaScript>
W3C 웹 사양은 페이지의 스크립트 유형을 나타냅니다.
html <base> 라벨페이지의 모든 링크에 대한 기본 개방 방법을 지정하십시오.
예를 들어:
<베이스 대상 = _self>
지정된 페이지의 모든 레이블 이이 페이지에서 열립니다!