Skip to main content

HTML 웹 페이지의 HEAD 요소 란 무엇입니까?

Atheist VS Agnostic - How Do They Compare & What's The Difference? (유월 2026)

Atheist VS Agnostic - How Do They Compare & What's The Difference? (유월 2026)
Anonim

웹상의 모든 HTML 문서는 다양한 요소로 구성됩니다. 요소의 대부분은 매우 일반적이며 단락, 제목, 이미지 및 링크와 같은 거의 모든 요소에서 발견됩니다. 그러나 이러한 요소들이 공통적 인 것처럼 선택 사항이 있습니다. 기술적으로 웹 페이지에 필요하지 않습니다. 이러한 요소가 누락 된 페이지는 아마도 매우 희소 할 것입니다.

이러한 선택적 HTML 요소 외에도 페이지에 실제로 필요한 요소가 있습니다. 이 요소의 대부분은 HTML 페이지의 영역. 이들 요소는 웹 페이지에 표시되지 않는 요소입니다 (대부분). 요소는 사용자 방문자의 사이트에 표시되지 않지만 웹 브라우저뿐만 아니라 해당 페이지에 대한 정보를 검색 엔진에 전달할 때도 매우 유용합니다.

기술적으로 모든 HTML 문서의 맨 위에 있어야하는 태그는 하나뿐입니다. 요소. 이 태그 쌍은 웹 페이지를 시작하고 끝내며 두 태그 사이의 모든 것이 HTML 내용임을 브라우저에 알립니다. 이전에 자주 볼 수있는 유일한 방법은 여는 태그는 doctype 페이지입니다. 이것은 다음과 같이 작성됩니다.

후 태그는 앞서 언급 한 것입니다. 태그 쌍. 이 태그 쌍 내부에는 여러 가지 중요한 요소가 추가됩니다. , 어떤 <meta> 태그뿐만 아니라 CSS와 자바 스크립트 링크.<p><div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <div id="adlk-embed-1"></div> </center></div> <a id="menu-1"></a><h2 id='D9MVVA4IB6'> TITLE 요소</h2> <p>항상 귀하의 웹 페이지. 여기에는 다음과 같은 여러 가지 이유가 있습니다.<p> <ol> <li> <p>검색 엔진은</p> <p>표제<p>사이트를 목록 화하는 주요 수단으로 당신의 웹 페이지가 기술적 인 제목이없는 경우에, 수색 엔진은 다른 페이지보다는 더 낮은 순위를 줄 것이다. 이것은 검색 엔진 결과 페이지 (SERP라고도 함)에 링크 텍스트로 표시되는 내용이기도합니다.</p> <div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <div id="adlk-embed-1"></div> </center></div></li> <li> <p>브라우저 창의 상단 또는 브라우저의 페이지를 설명하는 탭에 표시됩니다.</p> </li> <li> <p>그것은 누군가가 귀하의 사이트를 북마크 할 때 쓰여지는 것입니다. 사용자가 귀하의 사이트를 책갈피에 추가 한 경우, 사용자는 해당 사이트를 기억하기를 원합니다. 제목 태그를 사용하지 않으면 웹 개발 소프트웨어 플랫폼에서 사용되는 기본 페이지 제목 인 "제목없는 문서"가 사이트에 표시됩니다.</p> </li> </ol> <p>이후 태그는 해당 페이지의 개요를 표시하기위한 것이고 사이트의 모든 페이지는 고유해야합니다 사이트의 모든 페이지에는 고유 한 콘텐츠가 포함되어 있기 때문입니다. 이 태그의 내용을 60 자 이하로 유지하십시오. 더 많이 포함 할 수 있지만 검색 엔진은 해당 숫자를 초과하면 내용을 자릅니다.<p> <a id="menu-2"></a><h2 id='LO9IGC7TSS'> 메타 정보 또는 메타 데이터</h2> <p>메타 정보는 <head> 귀하의 웹 페이지에 대한 추가 정보를 웹 브라우저 및 기타 장치에 제공하는 HTML 문서. 작성자 이름, 페이지를 만드는 데 사용 된 프로그램, 페이지가 만료되는 날짜, 가장 중요한 것은 설명 및 페이지 자체와 관련된 키워드 등의 정보를 포함 할 수 있습니다.<p>가장 중요한</p> <p>메타<strong> <p>태그는 웹 문서에 포함시켜야합니다. 실제로 문자 세트 또는 문자 세트입니다. 이는 웹 페이지 보안에 중요합니다.</p> <p>문자 집합은 항상 당신의 첫 번째 줄이어야합니다.</p> <p>머리<strong> <p>따라서 해커가 침입 할 수 없습니다. 컨텍스트에서 우리가 다룬 태그의 나머지 부분에서는 다음과 같이됩니다.</p> <p><!doctype html> <html> <head><meta charset='utf-8'><title>제목 내용입니다.

메타 태그에 대해 자세히 알아보기

메타 태그는 검색 엔진에서 좋은 순위를 얻는 데 매우 중요하지만, 설명이 적절한 제목이나 메타 태그를 쓸 시간이있는 경우 제목을 작성하십시오. 문서의 제목은 메타 태그보다 검색 엔진 게재 위치에 더 가깝습니다. 메타 태그에 대한 추가 정보 :

  • Magic with Meta Tags - 메타 태그를 사용하여 더 나은 검색 엔진 배치
  • 메타 태그 추가 - 키워드와 설명을 넘어 메타 데이터를 최대한 활용하십시오.
  • 메타 태그 링크 - 메타 태그 도움말을위한 추가 링크

기타 요소

또한, 당신이 찾을 것입니다 다른 중요한 것들 는 JS 파일에 대한 링크 또는 인라인 Javascript 코드로서 사이트의 CSS 파일 Javascript에 대한 링크입니다.