<頭>
HTML <head> タグ
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html>
インスタンスの実行»
オンラインの例を表示するには、[インスタンスの実行] ボタンをクリックしてください
ブラウザのサポート
すべて すべての主要ブラウザをサポート<head> タグ。
タグの定義と使用方法
<head> 要素はすべての head 要素のコンテナーです。
<head> 要素にはドキュメントのタイトルを含める必要があり、スクリプト、スタイル、メタ情報、その他の詳細情報を含めることができます。
以下の要素は <head> 要素内で使用できます:
<title> (head では、この要素は必須です)
<style>
HTML 4.01 と HTML5 の違い- HTML5 は profile 属性をサポートしなくなりました。 属性
- 属性値
- 説明
URL
HTML5はサポートされていません。
ドキュメントの URL を指定する一連のルール。これらのルールはブラウザによって認識され、 タグの content 属性内の情報を正確に読み取ります。グローバル属性<head> タグは HTML グローバル属性をサポートします。 試してみる - 例 <head> での <base> タグの使用 インスタンス<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <base href="http://www.php.cn//images/" target="_blank"> </head> <body> <p><img src="logo.png" > - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "http://www.php.cn/images/logo.png"</p> <p><a href="http://www.php.cn/">php.cn</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</p> </body> </html> インスタンスを実行します 「インスタンスを実行」ボタンをクリックしてオンラインインスタンスを表示します <head> で <style> タグを使用します インスタンス<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>インスタンスを実行する» オンラインインスタンスを表示するには、[インスタンスを実行]ボタンをクリックします <head> で <link> タグを使用します インスタンス<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>我是通过样式文件 styles.css 渲染后显示的。</h1> <p>我也是。</p> </body> </html> インスタンスの実行 » 「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します 関連記事HTMLチュートリアル: HTMLヘッダー |
|---|
