4 つのタグが必要です: 1. 「」、これは標準のユニバーサル マークアップ言語のドキュメント タイプ宣言です; 2. 「」、これは、ブラウザ自体は HTML ドキュメントです; 3. 「
」にはドキュメントのメタデータが含まれます; 4. 「」は訪問者が見ることができるコンテンツを含めるために使用されます。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
#html5 ドキュメントには 4 つのタグが必要です
#
HTML ドキュメントはドキュメントの説明です。固定された構造を持ち、多くの部分に分かれています。各部分には 1 つ以上の要素が含まれます。いくつかの要素はドキュメントの基本情報を記述するために使用され、いくつかはドキュメントの構造を記述するために使用されます。次は基本的な HTML ドキュメントの構造です
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html>
DOCTYPE はドキュメント タイプの略称です。 doctype 宣言は、標準のユニバーサル マークアップ言語でのドキュメント タイプ宣言であり、Web デザインで使用している XHTML または HTML のバージョンを示すために使用されます。
これはブラウザに 2 つのことを伝えます:
HTML ドキュメントを処理します;
はドキュメントのコンテンツをマークするために使用されます バージョン以下の記述方法はHTML5を使用していることを示します。
html5 doctype 宣言は 1 つだけです:
<!DOCTYPE HTML>
注: doctype 宣言は HTML タグに属しませんが、命令であるドキュメント タイプ タグです。
説明:
タグには終了タグがありません。
では大文字と小文字が区別されません。
タグは、HTML ドキュメントの最も外側の要素です。 タグは、他のすべての HTML 要素 ( タグを除く) のコンテナです。
ルート要素の機能は、 と の間のコンテンツが HTML タイプであることをブラウザに伝えることであり、ブラウザはコンテンツを HTML として解析します。
html 要素には、lang 属性、xmlns 属性、manifest 属性という 3 つの属性があります。
lang 属性は、ページ コンテンツに使用されるデフォルトの言語を指定します。文書が書かれている言語を指定すると、言語合成ツールが発音言語を選択したり、翻訳ツールが翻訳ルールを選択したりするのに役立ちます。たとえば、 は、このドキュメントが中国語であることを意味します。
xmlns 属性は XML 名前空間を割り当てます。 xmlns 属性は XHTML では必須ですが、HTML では必要ありません。
#manifest 属性は、オフライン キャッシュ ファイルの URL を指定します。 HTML5 ではアプリケーション キャッシュが導入されており、Web アプリケーションをキャッシュしてオフラインでアクセスできるようになります。たとえば、 は、オフライン キャッシュ ファイルが waibo.manifest であることを意味します。
簡単に言うと、ドキュメントの本文部分には、訪問者が見ることができるコンテンツが含まれています。
この基本構造を作成した後、後で HTML の他の要素を徐々に追加し、ドキュメントを継続的に強化して、最終的に必要なページを取得することができます。
<body> <p>一个段落</p> <img src="img/1.jpg" style="max-width:90%" / alt="HTML5 ドキュメントにはどのようなタグが必要ですか?" ><br><br> <button>一个按钮</button><br><br> <input type="text" value="输入框" /> </body>
#拡張知識: head タグに含めることができる要素
##1.
注意,在
在浏览器标题栏或者任务栏中显示标题;
当将页面添加到收藏夹(书签)时提供标题;
在搜索结果中显示页面标题。
下面的示例演示了如何在 HTML 文档中使用
<head> <meta charset="utf-8"> <title>php中文网-教程_手册_视频-免费php在线学习平台</title> </head>
2、
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title><base>标签演示</title> <base href="https://www.php.cn/"> </head> <body> <ul> <li><a href="course.html">视频教程</a></li> <li><a href="course/type/3.html">入门教程</a></li> </ul> </body> </html>
上面的示例中第一个
注意,HTML 文档中的
3、 标签
标签经常用于引用外部 CSS 样式表, 标签中包含两个主要的属性,分别是 rel 和 href。rel 属性用来指示引用文件的类型,href 属性用来设置外部文件的路径。示例代码如下:
<head> <title>此处书写标题</title> <link rel="stylesheet" href="common.css"> </head>
HTML
标签中可以包含任意数量的 标签。4、