>  기사  >  웹 프론트엔드  >  HTML 웹페이지 헤더코드 상세설명_HTML/Xhtml_웹페이지 제작

HTML 웹페이지 헤더코드 상세설명_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:39:233782검색

지식 1: 헤더 정보에 웹페이지의 기본 URL을 설정하세요

기본 URL의 핵심은 하이퍼링크의 속성을 균일하게 설정하는 것입니다. 기본 URL 태그는 href와 _target 두 가지 속성을 갖는 입니다. href는 기본 URL의 경로를 설정하는 데 사용되며, _target은 하이퍼링크 열기 방법을 설정하는 데 사용됩니다.

기본 URL을 추가하면 페이지의 모든 상대 웹사이트 루트 주소를 절대 주소로 변환할 수 있습니다. 브라우저는 페이지를 탐색할 때 태그를 통해 기본 URL 경로 뒤에 상대 웹사이트 및 디렉터리 주소를 추가하여 절대 주소로 변환합니다. 먼저 base.htm을 생성하고 다음과 같이 HTML 코드를 작성합니다.


코드 복사
코드는 다음과 같습니다.

>
기본 URL 설정
http:// www .jb51.net" _target="_blank" />





위 코드를 통해 기본 URL을 설정합니다. Base.htm 페이지의 하이퍼링크 주소 앞에는 "http://www.jb51.net"이 붙는데, 이는 절대 주소로 변환됩니다. 또한 페이지의 하이퍼링크가 새 창에서 열립니다.

지식 2: 헤더 정보의 메타정보 태그

메타 정보 태그는 헤더 정보에 대한 기본 태그입니다. 전문 웹 페이지 코드에는 메타 정보에 대한 세부 설정이 있습니다. 메타정보 태그는 로 단일 태그입니다. Meta 요소가 제공하는 정보는 탐색하는 사용자에게는 보이지 않으며 일반적으로 페이지 정보의 이름, 키워드, 작성자 등을 정의하는 데 사용됩니다. HTML 페이지에서 메타 태그에는 메타 콘텐츠가 포함되며 HTML 헤더 페이지에는 여러 개의 메타 요소가 있을 수 있습니다.

메타 태그 속성은 페이지 설명 속성(이름)과 http 제목 정보(http-equiv)의 두 가지 유형으로 구분됩니다.

이름 속성

name 속성은 주로 웹 페이지의 내용을 설명하는 데 사용되며 검색 엔진 최적화에 사용되므로 반드시 숙지해야 합니다. 검색 엔진(Google, Baidu 등)의 검색 로봇이 일반적으로 자동으로 메타 값을 찾아 웹 페이지를 분류할 수 있도록 이름 속성을 올바르게 설정합니다. name 값은 다음과 같습니다.

<1>키워드. 즉, 키워드는 웹 페이지에 포함된 키워드 및 기타 정보를 설명하는 데 사용되며, 이를 통해 검색 엔진에 의해 검색될 확률이 높아집니다. 작성 형식은 이며, content 속성의 값은 사용자가 설정한 특정 키워드입니다. (일반적으로 영어 반각 쉼표로 구분하여 여러 개의 키워드를 설정할 수 있습니다. 검색 엔진은 키워드 수를 제한하므로 키워드 내용은 간결하고 간결해야 합니다.)

<2>설명. 중국어로 '설명'을 의미하며 웹페이지의 주요 내용, 주제 등을 설명하는 데 사용됩니다. 합리적인 설정은 검색 엔진에서 검색될 확률도 높일 수 있습니다. 형식은 입니다. content 속성 값은 사용자가 설정한 페이지에 대한 구체적인 설명으로 최대 1024자까지 수용할 수 있지만 검색 시에는 엔진은 페이지의 전반부에만 175자를 표시합니다.

저자. 작성자(Author)는 웹 사이트 작성자의 이름을 설정하는 데 사용되며, 보다 전문적인 웹 사이트에서 자주 사용됩니다. 형식은

입니다.

<4>발전기. 웹사이트 편집 도구의 이름을 설정하는 데 사용되는 생성기는 보다 전문적인 웹사이트 페이지에서 자주 사용됩니다. 형식

<5>로봇. 페이지 검색 방법을 제한하는 데 사용되는 봇. 검색 엔진의 검색 로봇은 지속적으로 정보를 검색하고 웹 페이지의 링크(예: http 및 src 링크)를 따라 자체 데이터베이스를 구축합니다. 이 메타 태그는 검색 엔진에서 일부 콘텐츠를 감지하는 것을 제한하고 일부 정보의 공개를 줄일 수 있습니다. 쓰기 형식은 입니다. 이 속성의 값에는 index, noindex, follow, nofollow 4가지 명령이 포함되어 있으며 배열 및 조합에 따라 4가지 조합이 있습니다. Index와 Follow를 합친 것을 all이라고 할 수도 있고, noindex와 nofollow를 none이라고도 할 수 있습니다.

http-equiv 속성

http-equiv 속성의 값은 다음과 같습니다.

<1>content-type, 콘텐츠 카테고리, 페이지의 카테고리 및 언어 문자 집합을 설정하는 데 사용됩니다. 쓰기 형식 , content 속성의 값은 페이지가 HTML 코드로 출력됨을 나타내고 문자는 set은 gb2312 (Simplified Chinese) 이며, 국제적인 웹사이트 개발 시 문자 통일을 위해 charset은 utf-8을 사용하는 것을 권장합니다.

<2>새로고침. 새로 고침은 웹 페이지가 자동으로 새로 고쳐지는 시간을 설정하는 데 사용됩니다. 또는 일정 시간 내에 자동으로 다른 페이지로 이동합니다. 첫 번째 쓰기 형식 두 번째 쓰기 형식은 입니다. 이는 페이지가 30초 후에 자동으로 www로 이동함을 의미합니다. .google.com웹사이트

<3>expires는 중국어로 '만료'를 의미하며 페이지 만료 시간을 설정하는 데 사용됩니다. 웹페이지가 만료되면 서버에서 해당 웹페이지를 회수해야 합니다. 첫 번째 쓰기 형식은 이며, 콘텐츠 값은 웹페이지의 만료 시간, GMT 시간을 나타냅니다. 형식을 사용해야 합니다. 두 번째 쓰기 형식은 로 만료되는 시간(초)을 나타냅니다.

<4>캐시 제어, 캐시 제어. 캐시에서 웹페이지 호출을 금지하는 데 사용되며 쓰기 형식은 이며 no-cache는 캐싱이 허용되지 않음을 의미합니다.

<5>set-cookie, set cookie, 이 페이지의 쿠키가 만료되는 기간을 설정하는 데 사용됩니다. 쓰기 형식은 태그 쌍을 추가하세요. 샘플 코드는 다음과 같습니다

코드 복사
코드는 다음과 같습니다



CSS 설정