이 글에서는 주로 HTML head 태그의 소개와 그에 포함된 4가지 요소에 대한 소개와 사용법, 그리고 웹 페이지에서 head 태그를 찾는 방법에 대한 튜토리얼을 설명합니다. 지금부터 글을 시작하겠습니다
먼저 앞의 문제를 해결해 볼까요?
HTML의 head 태그는 웹 페이지에서 볼 수 없는데 웹 페이지에서 head 태그를 찾는 방법은 무엇일까요? 먼저 웹 페이지에서 마우스 오른쪽 버튼을 클릭하고 보기를 클릭합니다. 소스 파일, 여기에서는 PHP 중국어 웹사이트를 예로 들어보겠습니다. 위의 두 사진, 이렇게 웹 페이지에서 head 태그를 찾으세요.
두 번째 질문인 헤드 태그에 포함된 요소를 살펴보겠습니다
오늘은 4가지의 공통 사용법을 주로 소개합니다. titlemetalinkbase 태그
1.
<p><strong></strong>title 태그는 기본 상태일 때 웹사이트 제목을 설정하는 데 사용됩니다. (설정되지 않음), 현재 웹 페이지에 대해 브라우저에 표시되는 웹 사이트의 제목은 파일 이름입니다. 세 가지 사용법</p>
<p>1. 브라우저에 알리는 데 사용되는 웹 페이지 인코딩을 설정합니다. 현재 웹페이지의 문자 깨짐 방지를 위한 인코딩 방식</p>
<p>Usage: <meta charset="utf-8 "><strong></strong>2. 웹페이지 키워드를 설정하여 서비스를 제공합니다. 검색 엔진의 경우 </p>
<p>Usage: <meta name="keywords" content="키워드 1, 키워드 2"></p>
<p>참고: name="keywords"는 고정작성방식; 콘텐츠의 속성값은 키워드로 설정되며, 키워드는 쉼표로 구분됩니다.<strong># 🎜🎜#3. 웹사이트 설명정보를 설정하여 검색엔진에 서비스를 제공합니다. 검색 인터페이스의 웹사이트 소개에 표시됩니다. </strong></p>Usage: <meta name="description" content="웹페이지 설명 콘텐츠">
<p></p>다음은 다음과 같습니다. Baidu를 사용하여 "news"라는 키워드를 검색하면 나타나는 결과 <p></p>
<p></p># 🎜🎜#<p> 3. <link> 🎜🎜#</p> 링크 태그는 일반적으로 다음 두 가지 용도로 사용됩니다<p></p>1. 외부 스타일 시트 참조#🎜 🎜#<p>사용법: <link rel="stylesheet" type="text/css" href="1.css"></p>
<p>참고: </p>#🎜🎜 #링크 태그를 통해 여러 외부 CSS 파일을 동시에 참조할 수 있습니다#🎜🎜 #<p>2. 웹 아이콘 설정</p>
<p>사용법: <link rel="icon" href="favicon.ico%20"></p>
<p>참고: href 포인트 일반적으로 아이콘은 검색 엔진 크롤링을 용이하게 하기 위해 웹사이트의 루트 디렉터리에 배치됩니다. <img src="https://img.php.cn//upload/image/431/834/311/1535616026667843.png" title="1535616026667843.png" alt="HTML에서 head 태그를 클릭하는 방법은 무엇입니까? head 태그에는 어떤 요소가 포함되나요?"></p>참고: 이미지는 필수가 아닙니다. ico 파일, . jpg 또는 png도 사용할 수 있습니다. <p><strong></strong> 4. <base> 태그 </p>
<p></p> 기본 태그는 웹페이지입니다. <p></p>Usage: <base target="_blank">
<p></p>위는 HTML의 헤드에 대한 이 기사의 전체 내용입니다. 태그에 포함된 요소에 (태그에 대해 더 알고 싶으시면 PHP 중국어 웹사이트에 오신 것을 환영합니다.) 궁금한 점이 있으시면 아래에서 질문하실 수 있습니다. <p></p>【에디터 추천】<p></p>
<p>html p 태그를 어떻게 포장하나요? br 줄 바꿈 태그를 추가하기 위해 html p 태그 적용</p>
<p></p>
<p></p>HTML에서 form 태그의 기능은 무엇인가요? HTML 양식 태그 사용법 설명<p></p>
<p></p>
위 내용은 HTML에서 head 태그를 클릭하는 방법은 무엇입니까? head 태그에는 어떤 요소가 포함되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
