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>
지속적인 학습
||
<!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="//m.sbmmt.com/" target="_blank" >这个是连接哦</a> </body> </html> 同学们可以试试其他的。
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~