최신 웹 개발 튜토리얼

HTML Head

❮ 이전 다음 장 ❯

HTML <head> 요소

<head> 요소는 메타 데이터를위한 컨테이너 (데이터에 대한 데이터)이다.

HTML의 메타 데이터는 HTML 문서에 대한 데이터입니다. 메타 데이터는 표시되지 않습니다.

메타 데이터는 일반적으로 문서 제목, 스타일, 링크, 스크립트 및 기타 메타 정보를 정의합니다.

다음 태그는 메타 데이터를 설명 : <title>, <style>, <meta>, <link>, <script>, and <base> .

생략 <html> 과 <body> ?

HTML5의 표준에서, <html> 태그는 <body> 태그와 <head> 태그는 생략 될 수있다.

다음 코드는 HTML5로 유효성을 검사합니다 :

예

<!DOCTYPE html>
<title>Page Title</title>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
»그것을 자신을 시도

w3ii는 생략하지 않는 것이 좋습니다 <html> 및 <body> 태그를.

<html> 요소는 문서 루트입니다. 이 페이지의 언어를 지정하기위한 권장 장소 :

<!DOCTYPE html>
<html lang="en-US">

언어를 선언하는 것은 내게 필요한 응용 프로그램 (스크린 리더)와 검색 엔진에 중요합니다.

생략 <html> 및 <body> 충돌 할 수 심하게 작성 DOM/XML 소프트웨어입니다.

마지막으로, 생략 <body> 이전 버전의 브라우저에서 오류를 생성 할 수 있습니다 (IE9) .

생략 <head>

HTML5의 표준에서, <head> 태그는 생략 될 수있다.

기본적으로 브라우저 전에 모든 요소를 추가합니다 <body> 기본으로, <head> 요소입니다.

당신은 생략하여, HTML의 복잡성을 줄일 수있다 <head> 태그를 :

예

<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
»그것을 자신을 시도

태그를 생략하면 웹 개발자들에게 익숙하다. 이 지침으로 확립 할 시간이 필요합니다.

html로 <title> 요소

<title> 엘리먼트는 문서의 제목을 정의한다.

<title> 요소는 모든 HTML / XHTML 문서가 필요합니다.

<title> 요소 :

  • 브라우저 탭에 제목을 정의
  • 이 즐겨 찾기에 추가 될 때 페이지 제목을 제공합니다
  • 검색 엔진 결과에서 페이지 제목을 표시합니다

단순화 된 HTML 문서 :

예

<!DOCTYPE html>
<html>
<title>Page Title</title>

<body>
The content of the document......
</body>

</html>
»그것을 자신을 시도

html로 <style> 요소

<style> 요소는 HTML 문서에 대한 스타일 정보를 정의하는 데 사용됩니다.

내부 <style> 요소는 HTML 요소가 브라우저에 렌더링하는 방법을 지정 :

예

<style>
body {background-color:yellow;}
p {color:blue;}
</style>
»그것을 자신을 시도

html로 <link> 요소

<link> 요소는 외부 자원에 대한 페이지의 관계를 정의한다.

<link> 요소는 가장 자주 스타일 시트에 연결하는 데 사용됩니다 :

예

<link rel="stylesheet" href="mystyle.css">
»그것을 자신을 시도

html로 <meta> 요소

<meta> 요소는 페이지 설명, 키워드, 제작자 및 다른 메타 데이터를 지정하는 데 사용된다.

메타 데이터는 브라우저에서 사용하는 (how to display content) , 검색 엔진 (keywords) , 및 기타 웹 서비스를 제공합니다.

검색 엔진 키워드를 정의합니다 :

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

웹 페이지에 대한 설명을 정의합니다 :

<meta name="description" content="Free Web tutorials on HTML and CSS">

사용되는 문자 집합을 정의합니다 :

<meta charset="UTF-8">

페이지의 저자를 정의합니다 :

<meta name="author" content="Hege Refsnes">

30 초마다 문서를 새로 고침 :

<meta http-equiv="refresh" content="30">

예 <meta> 태그 :

예

<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8">
»그것을 자신을 시도

html로 <script> 요소

<script> 요소는 클라이언트 측 자바 스크립트를 정의하는 데 사용된다.

이 스크립트는 아래 안녕하세요 자바 스크립트를 쓴다! 와 HTML 요소에 id="demo" :

예

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
»그것을 자신을 시도

자바 스크립트에 대한 모든 내용은 우리의 방문 자바 스크립트 튜토리얼 !

html로 <base> 요소

<base> 요소는 페이지에있는 모든 상대 URL의 기본 URL 및 기본 대상 지정

예

<base href="http://www.w3ii.com/images/" target="_blank">
»그것을 자신을 시도

HTML 헤드 요소

꼬리표 기술
<head> 문서에 대한 정보를 정의합니다
<title> 문서의 제목을 정의합니다
<base> 페이지의 모든 링크에 대한 기본 주소 또는 기본 대상을 정의
<link> 문서 및 외부 자원 사이의 관계를 정의
<meta> HTML 문서에 대한 메타 데이터를 정의합니다
<script> 클라이언트 측 스크립트를 정의
<style> 문서에 대한 스타일 정보를 정의

❮ 이전 다음 장 ❯