html5 헤더 콘텐츠에는 일반적으로 다음이 포함됩니다. 1. 제목 태그로 정의된 웹 페이지 제목 2. 파비콘(작은 웹사이트 아이콘) 4. 웹사이트 설명 6. 페이지 작성자; (모바일 단말기 적응) 8. CSS 스타일 시트 9. JavaScript 스크립트.
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
필요에 따라 HTML 헤더에 많은 양의 메타데이터를 정의할 수도 있고, 메타데이터를 거의 또는 전혀 정의하지 않을 수도 있습니다. head 태그는 HTML 문서의 일부이지만 해당 내용은 브라우저에 표시되지 않습니다.
html5 헤더 콘텐츠
1. 웹 페이지 제목--
예:
<head> <title>PHP中文网</title> </head>
2. Favicon
경로를 지정하지 않으면 브라우저는 루트에서
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
3을 찾습니다.
인코딩 방법 지정은 헤더 앞쪽에 있습니다. 지정하지 않으면 브라우저도 서버의 헤더를 기준으로 결정하지만 정확하지 않을 수 있습니다.
<head> <meta charset="UTF-8"> </head>
태그는 페이지 유효 기간, 페이지 작성자, 키워드 목록, 페이지 설명 등과 같은 HTML 문서에 대한 메타데이터를 제공하는 데 사용됩니다. 태그로 정의된 데이터는 페이지에 표시되지 않지만 브라우저에서 구문 분석됩니다.
charset 속성은 HTML 문서의 문자 인코딩을 지정하는 데 사용됩니다. 위 예에서는 문서의 문자 인코딩을 "UTF-8"로 설정합니다.
4. 웹사이트 설명
<meta name="description" content="这里是对网站的描述">
페이지의 설명 정보를 정의하면 검색 엔진에 도움이 됩니다.
5, PageKeywords
<meta name="keywords" content="HTML, HTML教程, HTML入门">
키워드는 검색 엔진에 페이지에 대한 정보를 제공하는 데 사용됩니다.
6, 페이지 작성자
<meta name="author" content="作者名">
일부 콘텐츠 관리 시스템을 통해 작성자 정보가 자동으로 추출될 수 있습니다.
7. 뷰포트(모바일 적응)
이것은 일반적으로 모바일 적응에 사용됩니다. 페이지는 뷰포트를 사용하지 않는 경우 나타납니다. 모바일 브라우저를 열면 매우 작으며 이동 및 확대/축소도 가능합니다. 뷰포트를 사용하면 웹 개발자가 크기를 통해 웹 콘텐츠의 제어 요소 크기를 동적으로 설정할 수 있습니다. 브라우저 웹 페이지와 동일한 효과(크기 감소)가 달성됩니다. , 반응형 웹사이트를 더 효과적으로 지원하는 데 사용됩니다.
<meta name="viewport" content="width=device-width, initial-scale=1">
width: 뷰포트의 크기를 제어합니다. 일반적으로 장치 너비(단위는 100%로 조정된 CSS 픽셀)로 지정됩니다. 600과 같은 고정 값을 지정할 수도 있습니다. height: 및 width 그에 따라 높이를 지정합니다.
initial-scal: 초기 크기 조정 비율, 페이지가 처음 로드될 때의 크기 조정 비율.
maximum-scale: 사용자가 확대/축소할 수 있는 최대 비율입니다.
minimum-scale: 사용자가 확대/축소할 수 있는 최소 비율입니다.
user-scalable: 사용자가 수동으로 확대/축소할 수 있는지 여부입니다.
위 내용은 html5 헤더 내용에는 일반적으로 무엇이 포함됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!