>  기사  >  웹 프론트엔드  >  html5의 메타 태그의 세 가지 요소는 무엇입니까? 메타 태그 사용 요약

html5의 메타 태그의 세 가지 요소는 무엇입니까? 메타 태그 사용 요약

寻∝梦
寻∝梦원래의
2018-08-30 15:05:0114890검색

이 글에서는 주로 html 메타 태그의 세 가지 요소에 대해 설명하는데, 세 가지 속성의 구성과 사용법을 소개하는데, 그 안에는 매우 유용한 중요한 속성 값이 많이 들어 있습니다. 이제 이 글을 함께 읽어볼까요

우선 메타태그의 3가지 요소가 무엇인지 알아야겠죠?

1. 필수 속성: 콘텐츠 속성. 이 속성은 http-equiv 또는 name 속성과 관련된 메타 정보를 정의하는 데 사용됩니다. 콘텐츠는 검색 로봇이 정보를 찾고 분류하는 데 사용됩니다.

2. 선택 속성: name 속성 이 속성은 주로 웹 페이지를 설명하는 데 사용됩니다. 이름 속성의 값은 작성자, 설명, 키워드, 생성기 등이 될 수 있습니다.

3 선택 속성: http-equiv 속성. 이 속성은 HTTP 헤더 파일과 동일하며 콘텐츠를 올바르고 정확하게 표시하는 데 도움이 되는 몇 가지 유용한 정보를 브라우저에 반환할 수 있습니다. http-equiv 속성의 값에는 콘텐츠 유형, 만료, 새로 고침 등이 포함될 수 있습니다.

이 세 가지 속성은 html5 메타 태그의 세 가지 요소를 구성합니다.

이제 이러한 속성의 구체적인 용도를 살펴보겠습니다.

하지만 웹사이트를 열면 메타 열이 있습니다. 헤드 태그에.

meta는 페이지 설명, 키워드, 마지막 수정 날짜 및 기타 메타데이터를 정의하는 데 자주 사용됩니다. 이 메타데이터는 브라우저(페이지 레이아웃 또는 다시 로드 방법), 검색 엔진 및 기타 웹 서비스에 제공됩니다.

meta 태그에는 http-equiv 속성과 이름 속성이라는 두 가지 속성이 있습니다.

HTML5 메타 태그의 이름 속성: #🎜🎜 ##🎜 🎜#name 속성은 주로 웹페이지의 키워드, 서사 등 웹페이지를 설명하는 데 사용됩니다. 해당 속성 값은 content입니다. content의 콘텐츠는 검색 엔진이 크롤링하는 데 편리한 이름 입력 유형에 대한 구체적인 설명입니다. 메타 태그의 name 속성 구문 형식은 다음과 같습니다.

<meta name="参数"content="具体的描述">。

name 속성은 가장 중요한 매개변수입니다.

HTML5 메타 태그 키워드(키워드)의 이름 속성 값:

설명: 검색 엔진에 키를 알려주는 데 사용됩니다. 귀하의 웹 페이지 문자. 예:

<meta name="keywords"content="Lxxyx,博客,文科生,前端">

HTML5 메타 태그 설명(웹사이트 콘텐츠 설명)의 이름 속성 값:

설명: 사용 검색 엔진에 웹사이트의 주요 콘텐츠를 알려주세요. 예:

<meta name="description"content="PHP中文网,编程学习的网站,在线视频教程">

HTML5 메타 태그의 이름 속성 값 작성자(작성자):

작성자 표시의 예 웹 페이지: #🎜🎜 #

<meta name="author"content="PHP中文网">

HTML5 메타 태그 http-equiv 속성:

http-equiv는 이름에서 알 수 있듯이 파일과 동일합니다. http의 헤더 함수.

은 일부 HTTP 매개변수를 정의하는 등 HTTP의 역할과 동일합니다.

메타 태그의 http-equiv 속성 구문 형식은 다음과 같습니다.

<meta http-equiv="参数" content="具体的描述">
The http-equiv 속성은 다음 중 하나에 대해 설명합니다. 매개변수 중 :

content-Type (웹 페이지 문자 집합 설정) (HTML5 사용 권장)

설명: 웹 페이지 문자 설정에 사용됩니다. 쉬운 탐색을 위해 설정 서버에 의한 페이지 구문 분석 및 렌더링의 예:

5d522330da77a9d44f6ea96e3bba5b8b /기존 HTML, 권장하지 않음

09477266eebbc8a01f42387ae29e71dd //HTML5에서 웹 페이지 문자 집합을 설정하는 방법은 UTF-8 사용을 권장합니다

# 🎜🎜#그게 다입니다. 메타 태그의 맞춤 속성이 너무 많습니다. 그래서 자주 사용되는 것, Window-target처럼 기본적으로 버려지는 속성들만 찾아보고 추가하지 않았습니다.

HTML5 메타 태그의 역할:

META 태그는 HTML 태그의 HEAD 영역에 있는 핵심 태그로, 문서를 제공하는 문자셋, 언어, 작성자 등의 기본정보는 물론 키워드, 웹페이지 수준 설정 등이 검색엔진최적화(SEO)에 가장 유용합니다.

【편집자 추천】


html p 태그는 단일 태그인가요? HTML p 태그 사용 소개(예제 포함)

입력 양식에서 여러 줄의 텍스트 입력 상자를 만드는 방법은 무엇입니까? 입력 태그 사용 방법을 알려주는 기사

위 내용은 html5의 메타 태그의 세 가지 요소는 무엇입니까? 메타 태그 사용 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.