最新のWeb開発のチュートリアル

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>
»それを自分で試してみてください

タグを省略すると、Web開発者になじみのないです。 これは、ガイドラインとして確立されるには時間が必要です。


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">

あなたのWebページの記述を定義します。

<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>要素は、クライアント側のJavaScriptを定義するために使用されます。

スクリプトは以下のHello JavaScriptを書き込みます! HTML要素にid="demo"

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
»それを自分で試してみてください

すべてのJavaScriptを学ぶために、私たちの訪問JavaScriptのチュートリアルを


HTML <base>要素

<base>要素は、ページ内のすべての相対URLのベースURLとベースのターゲットを指定します。

<base href="http://www.w3ii.com/images/" target="_blank">
»それを自分で試してみてください

HTMLのhead要素

タグ 説明
<head> 文書に関する情報を定義します
<title> ドキュメントのタイトルを定義します
<base> ページ上のすべてのリンクのためのデフォルトアドレスまたはデフォルトのターゲットを定義します
<link> 文書と外部リソース間の関係を定義します
<meta> HTMLドキュメントに関するメタデータを定義します
<script> クライアント側のスクリプトを定義します
<style> 文書のスタイル情報を定義します