HTML 헤더
HTML 헤더
코드 시작 부분에 <!DOCTYPE> 문이 있습니다.
<!DOCTYPE> 문은 브라우저가 웹 페이지를 올바르게 표시하는 데 도움이 됩니다.
<!DOCTYPE> 선언문
웹 세계에는 다양한 문서가 있습니다. 문서 유형을 이해해야만 브라우저가 문서를 올바르게 표시할 수 있습니다.
HTML에도 다양한 버전이 있습니다. 페이지에 사용된 정확한 HTML 버전을 완전히 이해해야만 브라우저가 HTML 페이지를 완전히 올바르게 표시할 수 있습니다. 이것이 바로 <!DOCTYPE>의 목적입니다.
<!DOCTYPE>은 HTML 태그가 아닙니다. 이는 작성된 HTML 버전에 대한 정보(문)를 브라우저에 제공합니다.
다음 코드는 모두 <head>...</head> 사이에 있습니다. 구체적인 내용은 다음과 같습니다.
1.<title>…</title>
제목 요소는 사용자가 파일을 더 잘 식별하는 데 도움이 됩니다. HTML/XHTML 문서에는 하나만 필요합니다. 홈페이지나 컬렉션으로 사용시 파일명을 만들어주세요.
2.<link>…</link>
이 문서와 다른 문서 간의 관계 표시: <link rel="stylesheet" href="s.css" > ; 외부 스타일 시트에 대한 연결.
rel은 html 파일과 url 문서 간의 관계를 설명하고, href는 문서 이름을 설명합니다.
3.<style>…</style>
문서에 스타일 페이지를 포함할 수 있습니다. 문서 자체의 내부 스타일.
4.<base>…</base>
<base> 태그는 모든 링크 태그의 기반으로 사용되는 기본 링크 주소/링크 대상을 설명합니다. HTML 문서 기본 링크:
5.<script>…</script>
는 Javascript일 수 있는 스크립트(스크립팅 언어로 작성된 일련의 명령)를 포함하는 데 사용됩니다. 또는 VbScript.
6.<meta>…</meta>
meta 태그는 몇 가지 기본 메타데이터를 설명합니다.
<meta> 태그는 메타데이터도 페이지에 표시되지 않지만 브라우저에서 구문 분석됩니다.
META 요소는 일반적으로 웹페이지 설명, 키워드, 파일의 마지막 수정 시간, 작성자 및 기타 메타데이터를 지정하는 데 사용됩니다.
메타데이터는 브라우저(콘텐츠 표시 또는 페이지 새로고침 방법), 검색 엔진(키워드) 또는 기타 웹 서비스에서 사용될 수 있습니다.
<meta> 일반적으로 <head> 영역
<meta> 태그 사용 - 검색 엔진용 키워드 정의:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
웹페이지 설명 콘텐츠 정의:
<meta name= "description" content="HTML 및 CSS에 대한 무료 웹 튜토리얼">
웹 작성자 정의:
<meta name="author" content="Hege Refsnes">
30초마다 현재 페이지를 새로 고칩니다.
<meta http-equiv="refresh" content="30">
实例:
<!DOCTYPE html> <html> <head> <meta name="description" content="php html css" charset="utf-8"> <link rel="stylesheet" type="text/css" href=""> <script> </script> <title>标题测试</title> <style type="text/css"> body {background-color:pink} </style> </head> <body> <a href="http://ask.php.cn/" target="_blank" >这个是连接哦</a> </body> </html>