HTMLプログラミングのマークアップと文書構造を詳しく解説_HTML/Xhtml_Webページ制作

HTML でコンテンツをマークする目的は、Web ページにセマンティクスを与えることです。言い換えれば、Web ページのコンテンツに、ユーザー エージェントが理解できる何らかの意味を与える必要があります。

HTML では、コンテンツに異なるマークを付けるためのタグのセットを指定します。各タグは、そのタグに含まれる内容の説明です。最も一般的に使用される HTML 記述は、タイトル、段落、リンク、画像です。現在、HTML には合計 114 個のタグがありますが、80/20 の原則によれば、そのうち約 25 個を使用することでマークアップのニーズの 80% を満たすことができます。

HTML の最新バージョンである HTML5 では、構造化タグの新しいバッチが規定されています。これは、Web ページの全体的な構造をより標準化するために関連コンテンツのタグをグループ化するために使用されます。これらの新しいタグには、 、 (ナビゲーション)、 、 、 、および が含まれます。

1. タグの閉鎖

コンテンツ (タイトル、段落、画像など) を含む要素ごとに、含まれるコンテンツがテキストであるかどうかに応じて、要素にタグを付ける方法が 2 つあります。1 つは終了タグを使用する方法、もう 1 つは終了タグを使用する方法です。 is 非終了タグを使用します。

1.1 テキストに終了タグを使用する

例: Hello, CSS! 1.2 参照されるコンテンツに自己終了タグを使用する

例: <img src="images/dog.jpg" alt="これは私の犬です。"

ヒント: 自己終了タグの場合、XHTML 要件は次のように記述する必要があります:

XML/HTML コード コンテンツをクリップボードにコピー img src = "images/dog.jpg " alt = 「これは私の犬です。」 /> HTML5 では、最後の終了スラッシュを省略して次のように書くことができます:

XML/HTML コード コンテンツをクリップボードにコピー img src = "images/dog.jpg " alt = 「これは私の犬です。」 >

2. 属性

ヒント: 視覚障害のあるユーザーが使用するスクリーン リーダーは、alt 属性の内容を読み上げるため、タグの alt 属性には、一目で (または一目で) 理解できる内容を必ず追加してください。

3. タイトルと段落 4. 複合要素

HTML では、タイトル、画像、段落などの基本的なコンテンツ タグだけでなく、リスト、テーブル、フォームなどの複雑なユーザー インターフェイス コンポーネントを作成するためのタグも指定されています。これらは、いわゆる複合要素です。複数の タグで構成されます。

5. ネストされたタグ

簡単に言うと、あるタグを別のタグの中に入れ子にすることです。 6.HTML5 テンプレート

XML/HTML コード コンテンツをクリップボードにコピー > html > 頭 > meta charset = "utf- 8" /> title > HTML テンプレート タイトル > 頭 > ボディ > ボディ > html > 7.块级元素和行内元素

文の流れの結果: HTML 元素は、それぞれの自由マーク中に表示される先のシーケンスに従って、順番にトップ面の上方から下方に流れます。

すべての HTML 元素の表示プロパティはブロック、インラインである必要があります。最大の例外はテーブル元素であり、独自の表示値を持っています。

ブロック要素 (マークやセグメントなど) は、各要素がそれぞれ 1 つずつ占有しながら、面に沿って一緒に並んでいきます。 の状況下では次の行が表示されます。

無论你想理解哪个 HTML 元素、第一要问的问题都应该是:它是块级要素，又是行内要素?知道了此点之後,就可能在编書标记的時,念對或者要素は初期状態でどのように配置されているかに応じて決定されるため、CSS を使用して要素を再配置することはさらに望ましくありません。 二点要知道的：

块列元素盒子は父元素と同じように展開します。

行内要素のカセットは、その内容を受信し、可能な限り包含します。

7.嵌合要素

マーク内で挿入されるのは HTML スクリプトですが、画面上で挿入されるのは 1 つの子です。 テキスト オブジェクト モデル (DOM と呼ばれます) は、ビューアの視野から、セクション内の要素と各要素の属性を観察し、要素のファミリーを取得します。 CSS 内で DOM 内の特定の位置を参照すると、対応する HTML 元素を選択し、その形式のプロパティを変更できます。 CSS で DOM を操作する手順は、要素の 1 つまたは複数を選択し、次にそれらの要素のプロパティを再修正することです。たとえば、強度を変更したり、要素をマークに追加したりすると、すぐにこれらの変更が行われます。 DOM 内で発生し、ボディがトップに表示されます。

簡単に言うと、HTML マークによって DOM が構築され、その後、最初にダウンロードされ、ユーザーがトップページとやり取りするときに、CSS を使用して DOM が変更されます。