웹페이지를 만들다 보면 웹페이지 제목, 작성자 등 웹페이지의 기본 정보를 설정해야 하는 경우가 많습니다. 이를 위해 HTML은 웹페이지 정보를 설정하기 위한 일련의 태그를 제공하는데, 이러한 태그는 일반적으로 다음 형식으로 작성됩니다.
HTML이라고도 하는 <head> 태그 내 문서 헤더 관련 태그입니다. 다음은 일반적으로 사용되는 HTML 문서 헤더 태그의 <title> 및 <meta> 태그를 소개합니다.
(1)<제목> 태그
<title> 태그는 HTML 페이지의 제목을 설정하는 데, 즉 웹 페이지에 이름을 지정하는 데 사용됩니다. 웹페이지 구조에서 <title> 태그는 <head> 태그 내에 위치해야 합니다. HTML 문서에는 하나의 <title> 태그만 포함될 수 있으며 <title></title> 태그 사이의 내용은 브라우저 창의 제목 표시줄에 표시됩니다. 예를 들어, 페이지 제목을 "쉽게 HTML.5 배우기"로 설정하려면 샘플 코드는 다음과 같습니다.
<title>轻松学习HIML.5</title>
위 코드에 해당하는 페이지 효과는 다음과 같습니다.
(2)<메타> 태그
<meta> 태그는 페이지의 메타 정보를 정의하는 데 사용되며(메타 정보는 최종 페이지 효과에 표시되지 않음) 태그에 반복적으로 나타날 수 있습니다. HTML에서 <meta> 태그는 콘텐츠를 포함하지 않고 웹 페이지에 대한 관련 정보만 나타내는 단일 태그입니다. 태그 속성을 통해 페이지의 관련 매개변수를 정의할 수 있습니다.
예를 들어 검색 엔진에 웹 페이지의 키워드, 작성자 이름, 콘텐츠 설명을 제공하고 웹 페이지의 새로 고침 시간을 정의합니다. 다음은 아래에 자세히 설명된 대로 <meta/> 태그에 일반적으로 사용되는 몇 가지 설정 세트를 소개합니다.
<meta name-"name" content-"value">: <meta> 태그에 name 속성과 content 속성을 사용하면 검색 엔진에 정보를 제공할 수 있습니다. 그 중 name 속성은 검색 내용의 이름을 제공하고, content 속성은 해당 검색 내용 값을 제공하며, 이들 속성의 구체적인 적용은 다음과 같습니다.
이미지 웹사이트의 키워드 설정 등 웹페이지 키워드를 설정합니다. 샘플 코드는 다음과 같습니다.
<meta name=“keywoxds”content=“千图网，免费素材下载，千图网免费素材图库，矢量图，矢量图库，图像素材，网页素材，
免费素材，PS素材，网站素材，设计模板，设计素材，网页模板免费下载，千图，素材中国，素材，免费设计，图像”/>
위 예제 코드에서 nare 속성의 속성값은 "keywonds"로 검색 내용의 이름을 웹페이지 키워드로 정의하는데 사용되며, content 속성의 속성값은 검색 내용의 특정 내용을 정의하는데 사용됩니다. 여러 키워드 내용 중 키워드는 ","로 구분할 수 있습니다.
이미지 웹사이트의 설명 정보 설정 등 웹페이지 설명을 설정합니다.샘플 코드는 다음과 같습니다.
<meta name=”description”content=”专注免费设计素材下裁的网站！提供矢量图素材，矢量青景图像，矢量图库，还有
psd素材，PS素材，设计模板，设计素材，PPT素材，以及网页素材，网站素材，网页图标免费下载”/>
위의 예제 코드에서 name 속성의 속성 값은 "deseription"으로, 검색 콘텐츠 이름을 웹 페이지 설명으로 정의하는 데 사용되며, content 속성의 속성 값은 설명의 특정 콘텐츠를 정의하는 데 사용됩니다. . 웹페이지 설명은 명확하게 설명할 수 있다면 너무 많은 단어를 사용할 필요는 없습니다.
웹 페이지의 작성자를 설정합니다. 웹 사이트에 작성자 정보를 추가할 수 있는 경우 샘플 코드는 다음과 같습니다.
<meta name-"author" content="网络部"/>
위 예제 코드에서 name 속성의 속성값은 "author"로, 검색 콘텐츠 이름을 웹 페이지의 작성자로 정의하는데 사용되며, content 속성의 속성값은 특정 작성자 정보를 정의하는 데 사용됩니다.
<meta http-equiv=”name” content=”value”>태그에서 http-equiv 속성과 content 속성은 서버가 브라우저에 보내는 HTTP 헤더 정보를 설정하여 브라우저에 관련 매개변수 표준을 제공합니다. 페이지를 표시합니다. . 그 중 http-equiv 속성은 매개변수 유형을 제공하고, content 속성은 해당 매개변수 값을 제공하며, 이러한 속성의 구체적인 적용은 다음과 같습니다. 공식 이미지 사이트의 문자셋과 같은 문자셋을 설정하며, 샘플코드는 다음과 같습니다.
<meta http-equiva"Content-Type" content="text/html; charset=gbk"/>
위 샘플 코드에서 hitp-epuiv 속성의 속성값은 "Content-Type"이며, content속성의 속성값은 "test/html", "charset=gbk"이고, 두 속성값은 ":"으로 구분됩니다. 이 중 "text/html"은 현재 문서 유형이 HIML임을 나타내기 위해 사용되고, "charset=gbk"는 문서 문자 집합이 GBK(중국어 인코딩)임을 나타내기 위해 사용됩니다.
현재 가장 일반적으로 사용되는 국제 문자 집합 인코딩 형식은 UTF-8이고, 일반적으로 사용되는 중국어 문자 집합 인코딩 형식은 GBK 및 GB2312입니다. 사용자가 사용하는 문자 집합 인코딩 형식이 현재 브라우저와 일치하지 않으면 웹 페이지 콘텐츠가 깨집니다. HTML.5의 새 버전은 문자 집합 작성을 단순화합니다. 샘플 코드는 다음과 같습니다.
<meta charset="utf-g">
페이지가 자동으로 새로고침되어 이동하도록 설정합니다.예를 들어 10초 후에 바이두 홈페이지로 이동하도록 페이지를 정의합니다.샘플 코드는 다음과 같습니다.
<meta http-equiv""refresh" content="10; url- httpa://sww.baidu.com/"/>
위 예제 코드에서 http-equiv 속성의 속성값은 "refresh"이고, content 속성의 속성값은 숫자값과 URL이다. 두 속성 값은 ":"으로 구분되며 각각 점프 시간과 대상 페이지의 URL을 지정하는 데 사용됩니다. 점프 시간의 기본값은 초입니다.