HTML 튜토리얼

HTML에서 head 태그는 무엇을 의미하나요? 헤드 태그를 올바르게 사용하는 방법을 알려주는 기사

寻∝梦

Aug 25, 2018 pm 06:02 PM

baseheadhtmlmetatitle

이 글에서는 HTML의 head 태그가 무엇인지 소개합니다. , head 태그에는 어떤 요소가 있는지, 이 글을 읽고 나면 HTML의 head 태그 head에 대해 더 자세히 이해할 수 있습니다. 기사에서는 이러한 태그 사용 방법을 모두가 이해할 수 있도록 간단한 방법을 사용합니다. 이제 head 태그를 더 잘 사용할 수 있습니다.

#🎜🎜 #첫 번째 모두, 우리는 HTML의 head 태그가 무엇인지 알아야 합니다:

head 태그는 웹 페이지의 헤드에 작용하며 그 내용은 텍스트에 표시되지 않습니다.

html head 태그의 요소:

head 태그를 익히려면 내부 요소를 명확히 하는 것만큼 간단합니다. head 태그 여기에 사용할 수 있는 태그가 많이 있지만 텍스트의

및

태그는 여기서 사용할 수 없습니다.

html 헤드 태그,

가장 먼저 떠오르는 것은 확실히

태그입니다. : <title> 는 필수 태그이기도 합니다. 작성하지 않으면 웹페이지에서 자동으로 제목을 추가하는데, 이는 일반 웹페이지에서 볼 수 있습니다. 다음 그림은 전체 HTML에서 head 태그를 사용하는 코드를 보여줍니다. : (자세한 설명은 추후에) #🎜🎜 #<pre class='brush:php;toolbar:false;'><!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> <meta name="keywords" content="PHP,PHP中文网"> <meta name="description" content="网页描述的内容，这有不少字的，在搜索页面呈现的"> <meta http-equiv="refresh" content="5;http://www.php.cn"> </head> <body> hello world </body> </html></pre>Rendering: <img src="/static/imghwm/default1.png" data-src="https://img.php.cn//upload/image/172/278/695/1535184665914726.png?x-oss-process=image/resize,p_40" class="lazy" title="1535184665914726.png" alt="HTML에서 head 태그는 무엇을 의미하나요? 헤드 태그를 올바르게 사용하는 방법을 알려주는 기사">제목을 보여주는 제목 태그의 효과입니다. <meta> 태그에 대한 두 번째 이야기: 이 태그는 다음 네 가지 용도로 사용됩니다. #🎜🎜 #1 . 이 <mate> 태그는 head 태그의 첫 번째 줄에 표시되며 웹페이지 문서 인코딩을 설정하고 이를 방지할 인코딩 방법을 선언하는 데 사용됩니다. 잘못된 문자로 인한 브라우저. 사용 방법은 다음과 같습니다. <pre class='brush:php;toolbar:false;'><meta charset="utf-8"></pre>html5의 사양은 다음과 같습니다. HTML4.01의 사양은 다음과 같습니다. # 🎜🎜# <pre class='brush:php;toolbar:false;'><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></pre>2. 이 <mate> 태그는 </mate> 웹페이지 설정 키워드 에 관한 것으로, 검색엔진에 서비스를 제공하기 위해 특별히 제작되었습니다. Usage is: <pre class='brush:php;toolbar:false;'><meta name="keywords" content="PHP,PHP中文网"></pre>Explanation: name="keywords"는 고정된 작성 방법입니다. 키워드는 나중에 content 속성의 속성 값에 쉼표로 구분하여 설정됩니다. 열려 있는. 3.웹사이트를 설명하는 태그입니다. 여기에 해당 설명이 있으면 검색을 통해 해당 정보가 웹사이트에 표시됩니다. 소개에서 의 사용법은 다음과 같습니다. <pre class='brush:php;toolbar:false;'><meta name="description" content="网页描述的内容，这有不少字的，在搜索页面呈现的"></pre> 표시하기 어렵습니다. 사진을 보내주세요. #🎜 🎜#여기에 설정된 텍스트가 검색 시 이 상자의 텍스트로 표시됩니다. 4. 마지막 <mate> 태그는 <img src="/static/imghwm/default1.png" data-src="https://img.php.cn//upload/image/801/962/237/1535184715501457.png?x-oss-process=image/resize,p_40" class="lazy" title="1535184715501457.png" alt="HTML에서 head 태그는 무엇을 의미하나요? 헤드 태그를 올바르게 사용하는 방법을 알려주는 기사">웹사이트 리디렉션</mate>을 정의합니다. Usage: <pre class='brush:php;toolbar:false;'><meta http-equiv="refresh" content="5;http://www.php.cn"></pre>content 속성에는 세미콜론으로 구분된 두 개의 매개변수가 포함되어 있습니다. 즉, 5초 후에 대상 URL 페이지로 이동합니다. 세 번째는 HTML의 head 태그에 있는 <base> 태그에 대해 설명합니다. html head에 있는 기본 태그는 다음과 같습니다. 정의 창 웹페이지 헤더에 이 속성이 설정되어 있는 한 웹페이지는 이 대상 속성을 하이퍼링크에 추가할 필요가 없습니다. <base target="_blank">웹 페이지의 모든 하이퍼링크의 대상 주소가 새 창에서 열림을 나타냅니다. (이 속성은 각 링크의 대상 속성으로 덮어쓰여집니다.) #🎜 🎜# 기본 태그의 대상 속성의 두 가지 속성 값을 소개하겠습니다. #🎜 🎜#_blank: 새 창에서 대상 URL 열기 _self: 원래 창에서 대상 URL 열기(브라우저 기본값) <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li> target 속성이 설정되지 않은 경우 URL을 클릭하면 _self 설정과 마찬가지로 원래 URL의 대상 URL로 바로 이동합니다. </li> <li>다른 하나는 URL을 설정하는 데 사용되는 href 속성입니다. 이 속성을 사용하면 이 URL을 클릭하면 대상 URL이 new window,# 🎜🎜#</li>은 일반적으로 다음과 같이 사용됩니다: </ul><pre class='brush:php;toolbar:false;'><base href="http://www.php.cn" target="_blank"/></pre> 실제로 세 가지 요소가 있습니다 . 하지만 우리는 지금 HTML을 배우는 중이므로 거기까지입니다. 이건 알 필요 없고 그냥 head 태그에 다 써있어요 <style> 이 웹 페이지에 작성된 CSS 코드 </style> <link>이것은 CSS 코드를 연결하는 데 사용됩니다. 페이지) <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li><script>현재 웹페이지에 JavaScript 코드 조각을 삽입하는 데 사용됩니다. </script></li> <li>자, 이제 일반적으로 사용되는 head에 대한 소개가 거의 끝났습니다. 이 내용을 읽고 나면 HTML에서 head 태그를 올바르게 사용할 수 있을 것입니다. 궁금하신 점은 아래로 문의주세요 </li> [에디터 관련 추천] <li> <a href="http://www.php.cn/php-weizijiaocheng-409071.html" target="_blank">해커는 PHP나 Python을 배워야 할까요? PHP와 Python의 10가지 차이점에 대한 합리적 분석</a> <a href="http://www.php.cn/html5-tutorial-408225.html" target="_blank">HTML 파일이란 무엇인가요? HTML 파일에 대한 사전 이해</a> </li> </ul></mate>

위 내용은 HTML에서 head 태그는 무엇을 의미하나요? 헤드 태그를 올바르게 사용하는 방법을 알려주는 기사의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

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

관련 기사

HTML 태그와 HTML 속성의 차이점은 무엇입니까?May 14, 2025 am 12:01 AM

htmltagsdefinestructureofawebpage, whiletributesdfunctionalityanddetails.1) tags, andoutlinethecontent'splacement.2) agtributessuchassrc, class 및 styleenhancetagsbysingingimages ources, styling, and mormore, mormor, 개선.

HTML의 미래 : 진화와 트렌드May 13, 2025 am 12:01 AM

HTML의 미래는보다 의미적이고 기능적이며 모듈 식 방향으로 발전 할 것입니다. 1) 의미화로 인해 태그가 콘텐츠를보다 명확하게 설명하여 SEO 및 장벽없는 액세스를 향상시킵니다. 2) 기능화는 사용자의 요구를 충족시키기 위해 새로운 요소와 속성을 소개합니다. 3) 모듈화는 구성 요소 개발을 지원하고 코드 재사용 성을 향상시킵니다.

HTML 속성이 웹 개발에 중요한 이유는 무엇입니까?May 12, 2025 am 12:01 AM

htmlattributesarecrucialinwebdevelopmentforcontrollingbehavior, 외관 및 기능. 접근성, 접근성, andseo.forexample, thesrcattributeintagspactsseo, whike whike whike whike whike whike thercattributeintagspactsseo

ALT 속성의 목적은 무엇입니까? 왜 중요한가요?May 11, 2025 am 12:01 AM

ALT 속성은 HTML에서 태그의 중요한 부분이며 이미지에 대한 대체 텍스트를 제공하는 데 사용됩니다. 1. 이미지를로드 할 수 없으면 ALT 속성의 텍스트가 표시되어 사용자 경험을 향상시킵니다. 2. 스크린 리더는 ALT 속성을 사용하여 시각 장애가있는 사용자가 그림의 내용을 이해하도록 도와줍니다. 3. 검색 엔진 인덱스 텍스트 텍스트는 웹 페이지의 SEO 순위를 향상시키기 위해 ALT 속성의 텍스트를 색인 텍스트입니다.

HTML, CSS 및 JavaScript : 예제 및 실제 응용 프로그램May 09, 2025 am 12:01 AM

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 구축하는 데 사용됩니다. 2. CSS는 웹 페이지의 모양을 아름답게하는 데 사용됩니다. 3. JavaScript는 동적 상호 작용을 달성하는 데 사용됩니다. 태그, 스타일 및 스크립트를 통해이 세 가지는 함께 현대 웹 페이지의 핵심 기능을 구축합니다.

태그에서 Lang 속성을 어떻게 설정합니까? 이것이 중요한 이유는 무엇입니까?May 08, 2025 am 12:03 AM

태그의 Lang 속성을 설정하는 것은 웹 접근성 및 SEO를 최적화하는 핵심 단계입니다. 1) 태그에 LANG 속성을 설정하십시오. 2) 다국어 컨텐츠에서는 다른 언어 부품에 대한 LANG 속성을 설정하십시오. 3) "en", "fr", "zh"와 같은 ISO639-1 표준을 준수하는 언어 코드를 사용하여 LANG 속성을 올바르게 설정하면 웹 페이지 및 검색 엔진 순위의 접근성을 향상시킬 수 있습니다.

HTML 속성의 목적은 무엇입니까?May 07, 2025 am 12:01 AM

htmlattributesearsentialforenhancingwebelements'functionalityandAmpearance.theyaddinformationTodeFineBehavior, 외관 및 간호, WebsITESITERACTIVE, RAPITIVE 및 VVESILLY -CAMENTION.ATTRIBUTESLIKESRC, HREF, 클래스, 유형 및 디스티브 트랜스포트

HTML에서 목록을 어떻게 만드나요?May 06, 2025 am 12:01 AM

ToCreateAlistInhtml, useUnorderEdListandForOrdLists : 1) forUnderedList, wrapitemSinanduseForeachitem, renderingasabulletedList.2) forOrderEdlists, useandfornumberedLists, useandfornumberedlists, useandfornumberedlists, useandfornumberedlists, withTheyPeatTributeFferentNumberingStyles.

See all articles