HTML 메타 태그의 일반적인 용도 모음

高洛峰
풀어 주다: 2017-02-14 16:11:16
원래의
1348명이 탐색했습니다.

웹 헤드에 적힌 mata 태그는 눈에 띄지 않는 것처럼 보이지만 실제로는 페이지 인코딩 및 기타 중요한 설정을 포함한 다양한 기능을 설정할 수 있습니다. 여기서는 HTML 메타 태그의 일반적인 사용법을 요약해 보겠습니다. 🎜>

마타 태그란
요소는 검색 엔진에 대한 설명, 키워드, 업데이트 빈도 등 페이지에 대한 메타 정보(메타 정보)를 제공할 수 있습니다.
태그는 문서의 헤드에 있으며 내용이 없습니다. 태그의 속성은 문서와 관련된 이름/값 쌍을 정의합니다.
meta는 html 언어의 헤드 영역에 있는 보조 태그입니다. 우리는 거의 모든 웹 페이지에서 메타 태그를 볼 수 있지만 브라우저의 표시 페이지에서는 볼 수 없습니다. 아마도 이러한 코드가 필요하지 않다고 생각할 수도 있습니다. 실제로 메타 태그는 매우 중요하며 웹 사이트에 실질적인 효과를 가져옵니다. 예를 들어 웹 사이트 설명()은 검색 엔진 색인에 반영됩니다. 예를 들어 메타 태그를 사용하여 웹 사이트의 인코딩을 설정합니다. gbk2312 또는 utf-8 메타 태그 설정 키 Word

기본 구문


XML/HTML 코드클립보드에 콘텐츠 복사


<메타 이름="키워드" content="키워드 1, 키워드 2, 키워드 3...."> 


키워드 태그의 기능은 검색 엔진에 웹 사이트의 내용을 알려주어 검색 엔진이 웹 사이트를 쉽게 정의하고 색인화할 수 있도록 하는 것입니다. 키워드는 일반적으로 100자를 넘지 않습니다.

예를 들어, 저희 웹사이트는 웹 개발 기술을 배우는 사이트입니다.


XML /HTML 코드클립보드에 콘텐츠 복사


<메타 이름="키워드" 콘텐츠="html 튜토리얼, CSS 튜토리얼, 자바스크립트 튜토리얼" >


사용자가 검색 엔진에서 이러한 키워드를 검색하면 결과에 귀하의 웹사이트가 나타납니다. 그러나 많은 사기꾼(검은 모자 SEO)이 키워드를 사용했기 때문입니다. 초창기에는 스터핑, 이제는 검색 엔진(바이두)이 더 이상 키워드에 민감하지 않습니다.

메타태그 설정 설명
문법 형식:


XML/HTML 코드클립보드에 콘텐츠 복사


<메타 이름=“설명” 내용=“설명 내용”>


웹페이지에 대한 설명은 매우 중요하며 검색엔진에 바로 반영될 수 있습니다. 예를 들어 바이두 웹사이트를 열고 "시나"를 검색하면 다음 페이지를 볼 수 있습니다

메타 태그 설정 문자 집합
문법 형식 :


XML/HTML 코드클립보드에 콘텐츠 복사


<meta http-equiv = “content-type” content="text/html; 문자 집합="인코딩 형식">


일반적인 인코딩 형식에는 중국어 인코딩(gbk2312)이 포함됩니다. ) 및 국제 인코딩(UTF-8), gbk2312 웹 사이트 콘텐츠가 모두 중국어로 되어 있는 경우 UTF-8은 전 세계 텍스트(중국어 및 영어 포함)에 대한 범용 인코딩입니다. 차이점은 gbk2312는 중국어용으로 특별히 제작되었으며 한자가 2자를 차지한다는 점입니다. UTF-8은 3바이트를 차지하는 범용 한자입니다. 초기에는 네트워크 대역폭 리소스가 부족했기 때문에 gbk2312 인코딩을 사용하면 절약할 수 있습니다. 대역폭을 높이고 웹 페이지 열기 속도를 향상시키지만 이제 홈 대역폭은 4M 이상이고 해당 바이트를 완전히 무시합니다.

예:


XML/HTML 코드클립보드에 콘텐츠 복사


<메타 http-equiv="콘텐츠 유형" 콘텐츠= "text/html; charset=utf-8" >


웹을 탐색할 때 우리 대부분은 제가 본 인코딩 형식은 브라우저가 설정된 편집 형식으로 구문 분석하도록 하기 위한 것이므로 인코딩 형식이 올바르지 않으면 전세계 모든 브라우저에서 액세스할 수 있도록 범용 UTF-8 인코딩을 사용하는 것이 좋습니다. . 당사 웹 페이지는

메타 태그가 자동 새로 고침 시간을 설정합니다
문법 형식


XML/HTML 코드클립보드에 콘텐츠 복사


<메타 http-equiv=“새로 고침” content=“새로 고침 간격 시간”>


새로 고침 시간(초) , 예를 들어 포럼 페이지는 새로 고친 후에만 새 게시물을 볼 수 있습니다. 이렇게 빠르게 업데이트되는 페이지는 최신 페이지를 볼 수 있도록 자동 새로 고침 코드를 추가할 수 있습니다.


XML/HTML 코드


클립보드에 콘텐츠 복사

<


메타

http-equiv=“새로 고침” 콘텐츠=“3”> 여기에서는 시간을 3초로 설정하는 방법을 설명합니다. 직접 테스트해 보세요.


메타 태그 설정은 자동으로 새 페이지로 이동

구문 형식


XML/HTML 코드


클립보드에 콘텐츠 복사

<


meta

http-equiv="새로 고침" content="점프 간격(초), URL ="새 웹페이지 주소"> 예:


XML/HTML 코드


클립보드에 콘텐츠 복사

<


meta

http-equiv="새로고침" 콘텐츠="3; URL="http://www.adminwang.com" > 브라우저에서 이 페이지를 열면 3초 후에 자동으로 당사 웹사이트의 홈페이지로 이동합니다.


메타태그 설정이 비활성화되어 있습니다

구문 형식


XML/HTML 코드


클립보드에 콘텐츠 복사

<


메타

http-equiv="cache-control" 콘텐츠 =" no-cache" /> 우리는 브라우저에 캐싱 메커니즘이 있다는 것을 알고 있습니다. 이는 일정 시간 내에 다시 방문할 때 캐시에 있는 파일을 직접 호출하여 액세스 속도를 향상시키기 위한 것입니다. 그러나 포럼과 같이 자주 변경되는 페이지의 경우에는 원하지 않습니다. 이 코드 위에는 프로그램 개발에 또 다른 용도가 있습니다. 프로그램을 디버깅할 때 항상 코드 수정의 효과를 확인해야 합니다. 다른 방법도 있습니다. 쓰기:



XML/HTML 코드


클립보드에 콘텐츠 복사

<


메타

http-equiv="pragma" content="아니요 -cache" > ; HTML 메타 태그의 일반적인 사용법에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트에 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿