HTML의 메타 태그는 무엇입니까? 메타태그 속성 소개-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML의 메타 태그는 무엇입니까? 메타태그 속성 소개

青灯夜游

Sep 11, 2018 pm 06:07 PM

html메타태그

이번 장에서는 HTML의 메타 태그가 무엇인지 소개하겠습니다. 메타 태그의 속성을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

메타태그란 무엇인가요?

메타 태그는 HTML 태그의 헤드 영역에 있는 핵심 태그입니다. HTML 문서의

와 ;제목>). 그것이 제공하는 정보는 비록 사용자에게 보이지는 않지만 문서의 가장 기본적인 메타정보입니다. 메타 태그는 작성자, 날짜 및 시간, 웹 페이지 설명, 키워드, 페이지 새로 고침 등과 같은 HTML 웹 문서의 속성을 설명하는 데 사용됩니다. 참고: 메타 정보는 정보에 대한 정보입니다. 메타 정보를 통해 서버는 전송된 데이터에 대한 정보를 제공할 수 있습니다. 예를 들어 http는 전송된 객체 언어를 개선할 수 있으며 조건부 요청을 구현하고 트랜잭션을 보고하는 데에도 사용할 수 있습니다. 완성. 데이터를 수신하는 브라우저는 메타 정보를 기반으로 서버가 어떤 콘텐츠를 전송하는지, 어떤 데이터가 예상되는지, 완전한 데이터가 수신되는지, 그 과정에서 오류가 있는지 여부를 판단하여 클라이언트가 전송되는 유형을 알 수 있습니다. 물체. 메타태그의 속성은 무엇인가요? <img src="/static/imghwm/default1.png" data-src="https://img.php.cn//upload/image/402/350/428/1536659975962189.jpg?x-oss-process=image/resize,p_40" class="lazy" title="1536659975962189.jpg" alt="HTML의 메타 태그는 무엇입니까? 메타태그 속성 소개"> 속성에 대한 자세한 설명: 1. http-equiv 은 http의 파일 헤더 기능과 동일합니다. 브라우저가 콘텐츠를 올바르게 표시하는 데 도움이 되는 몇 가지 유용한 정보를 반환할 수 있습니다. 웹페이지의 . 구문: <meta http-equiv="parameter" content="매개변수 값"> 매개변수: 1) content-Type(페이지에서 사용되는 문자 집합 설정)<pre class='brush:php;toolbar:false;'><metahttp-equiv="content-Type" content="text/html;charset=gb2312"></pre>http-equiv= Content -Type은 브라우저에 웹 페이지 정보를 묻는 HTTP 헤더 프로토콜을 나타냅니다. meta 태그의 문자 집합 정보 매개 변수가 GB2312인 경우 웹 사이트에서 사용하는 인코딩이 중국어 간체라는 의미입니다. 태그 문자 집합 정보 매개 변수가 BIG5와 같은 경우 웹 사이트에서 사용하는 인코딩이 중국어 번체라는 의미이고, meta 태그 문자 집합의 정보 매개 변수가 iso-2022-jp와 같은 경우 사용되는 인코딩을 의미합니다. meta 태그의 문자 집합은 다음과 같습니다. 정보 매개 변수가 ks_c_5601과 같은 경우 해당 웹 사이트에서 사용하는 인코딩이 한국어라는 의미입니다. ISO-8859-1은 웹사이트에서 사용하는 인코딩이 영어라는 것을 의미합니다. 메타 태그의 문자 세트는 UTF-8과 같은 정보 매개변수가 세계의 보편적 언어 인코딩을 나타냅니다. 2) content-Language; 언어 설정) <pre class='brush:php;toolbar:false;'><meta http-equiv="Content-Language" content="zh-cn"/></pre>3) 만료(기간, 웹 페이지의 만료 시간을 설정하는 데 사용할 수 있습니다. 일단 웹 페이지가 만료되었으므로 서버로 다시 전송해야 합니다)<pre class='brush:php;toolbar:false;'><meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT"></pre>참고: GMT의 시간 형식은 반드시 사용됩니다. 4) Pragma(캐시 모드, 브라우저가 로컬 컴퓨터 캐시의 페이지 콘텐츠에 액세스하는 것을 금지함)<pre class='brush:php;toolbar:false;'><meta http-equiv="Pragma" content="no-cache"></pre>참고: 이 설정을 사용하면 방문자가 오프라인으로 탐색할 수 없습니다. 5) 캐시 제어(캐시 설정) <pre class='brush:php;toolbar:false;'><meta http-equiv="cache-control" content="no-cache"></pre>요청 시 캐시 지침에는 응답 메시지에 no-cache, no-store, max-age, max-stale, min-fresh, only-if-cached가 포함됩니다. 지침에는 공개, 비공개, 캐시 없음, 저장 없음, 변환 없음, 재검증 필수, 프록시 재검증 및 최대 수명이 포함됩니다. 각 메시지에 포함된 지침의 의미는 다음과 같습니다. Public은 모든 캐시 영역에서 응답을 캐시할 수 있음을 나타냅니다. Private은 단일 사용자에 대한 전체 또는 부분 응답 메시지를 공유 캐시에서 처리할 수 없음을 나타냅니다. 이를 통해 서버는 사용자의 부분 응답 메시지만 설명할 수 있으며 이는 다른 사용자 요청에는 유효하지 않습니다. no-cache는 요청 또는 응답 메시지를 캐시할 수 없음을 나타냅니다. no-store는 중요한 정보가 저장되는 것을 방지하는 데 사용됩니다. 실수로 출시되었습니다. 요청 메시지에 이를 보내면 요청 메시지와 응답 메시지 모두 캐싱을 사용하게 됩니다. max-age는 클라이언트가 지정된 시간(초)보다 크지 않은 수명으로 응답을 받을 수 있음을 나타냅니다. min-fresh는 클라이언트가 현재 시간에 지정된 시간을 더한 것보다 짧은 응답 시간으로 응답을 받을 수 있음을 나타냅니다. max-stale 클라이언트가 제한 시간 이후에 응답 메시지를 수신할 수 있음을 나타냅니다. max-stale 메시지 값을 지정하면 클라이언트는 지정된 제한 시간 값을 초과하는 응답 메시지를 수신할 수 있습니다. 6) 새로고침(자동으로 새로고침하고 새 페이지를 가리킴)<pre class='brush:php;toolbar:false;'><meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)</pre>참고: 2는 2초 동안 머물렀다가 자동으로 URL을 새로 고치는 것을 의미합니다. 7) Window-target (현재 창에서 페이지를 강제로 독립 페이지로 표시) <pre class='brush:php;toolbar:false;'><meta http-equiv="Window-target" content="_top"></pre>참고: 프레임 내에서 다른 사람이 자신의 페이지를 호출하는 것을 방지하기 위해 사용됩니다. 8) set-cookie (쿠키 설정, 웹페이지가 만료되면 저장된 쿠키는 삭제됩니다) <pre class='brush:php;toolbar:false;'><meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/"></pre> 일반적으로 서버에서 페이지를 다시 얻기 위해 브라우저가 캐시를 설정하지 않도록 강제하는 방법은 다음과 같은 방법을 사용합니다. : <pre class='brush:php;toolbar:false;'><meta http-equiv=”pragma” content=”no-cache”> <meta http-equiv=”cache-control” content=”no-cache”> <meta http-equiv=”expires” content=”0″></pre> 2. name 속성 name 속성은 주로 웹 페이지를 설명하는 데 사용되며 해당 속성 값은 content 입니다. 콘텐츠에 포함된 콘텐츠는 주로 검색 엔진 로봇이 정보를 찾고 분류하는 데 사용됩니다. 구문: <pre class='brush:php;toolbar:false;'><meta name="参数" content="具体的参数值"></pre>Keywords(키워드) 설명: 키워드는 검색 엔진에 웹 페이지의 키워드가 무엇인지 알려주는 데 사용됩니다. <pre class='brush:php;toolbar:false;'><meta name="keywords" content=""></pre>description(网站内容描述) 说明：description用来告诉搜索引擎你的网站主要内容。<pre class='brush:php;toolbar:false;'><metaname="description" content=""></pre>robots(机器人向导) 说明：Meta robots标签管理着搜索引擎是否可以进入网页，你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。content的参数有all,none,index,noindex,follow,nofollow。默认是all。<pre class='brush:php;toolbar:false;'><metaname="robots" content="none"></pre>具体参数如下： 信息参数为all：文件将被检索，且页面上的链接可以被查询； 信息参数为none：文件将不被检索，且页面上的链接不可以被查询； 信息参数为index：文件将被检索； 信息参数为follow：页面上的链接可以被查询； 信息参数为noindex：文件将不被检索，但页面上的链接可以被查询； 信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询； author(作者) 说明：标注网页的作者<pre class='brush:php;toolbar:false;'><metaname="author" content="jesse131work@163.com"></pre>generator 说明：meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。<pre class='brush:php;toolbar:false;'><metaname="generator" content="信息参数"/></pre>copyright 　　说明：meta标签的copyright的信息参数，代表说明网站版权信息。<pre class='brush:php;toolbar:false;'><metaname="copyright" content="信息参数"></pre>revisit-after 　　说明：revisit-after代表网站重访,7days代表7天，依此类推，假如我设置，那这样搜索引擎就是7天来一次。使用这个标签的网站，通常是因为网站数据量非常大，被搜索引擎过于频繁的抓取，会占用过大的资源，影响网站的访问。所以，希望搜索引擎不要天天过来，抓取过一次了，那么等7天后再来。一般的网站是不需要这个标签的。 <meta name="revisit-after" content="7days"> view-point 　　说明：主要影响移动页面布局<pre class='brush:php;toolbar:false;'><meta name="viewport" content="width=device-width, initial-scale=1.0"></pre>content 参数： width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) initial-scale 初始缩放比例 maximum-scale 最大缩放比例 minimum-scale 最小缩放比例 user-scalable 是否允许用户缩放(yes/no) 3.content属性 content属性一般与name和http-equiv属性一起用，视它们的值而定。 4.charset属性 charset属性，是html5的属性，可替换<metahttp-equiv content="text/html;charset=gb2312">设置为<meta charset="utf-8"></metahttp-equiv> 设置meta属性的作用是什么？ meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。meta标签可用于缓存设置，还与SEO优化相关。SEO是指通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎检索原则并且对用户更友好（Search Engine Friendly），从而更容易被搜索引擎收录及优先排序从属于SEM（搜索引擎营销）。通俗理解是：通过总结搜索引擎的排名规律，对网站进行合理优化，使你的网站在百度和goog的排名提高，让搜索引擎给你带来客户。 seo优化常用语句如下<pre class='brush:php;toolbar:false;'> <title>your title</title>  <meta name="keywords" content="your keywords">  <meta name="description" content="your description">  <meta name="author" content="author,email address">  <meta name="robots" content="index,follow"></pre>

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

성명

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

관련 기사

HTML : 웹 페이지 구조 구축Apr 14, 2025 am 12:14 AM

HTML은 웹 페이지 구조를 구축하는 초석입니다. 1. HTML은 컨텐츠 구조와 의미론 및 사용 등을 정의합니다. 태그. 2. SEO 효과를 향상시키기 위해 시맨틱 마커 등을 제공합니다. 3. 태그를 통한 사용자 상호 작용을 실현하려면 형식 검증에주의를 기울이십시오. 4. 자바 스크립트와 결합하여 동적 효과를 달성하기 위해 고급 요소를 사용하십시오. 5. 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함되며 검증 도구가 필요합니다. 6. 최적화 전략에는 HTTP 요청 감소, HTML 압축, 시맨틱 태그 사용 등이 포함됩니다.

텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML은 초보자를 위해 쉽게 배우나요?Apr 07, 2025 am 12:11 AM

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

See all articles