BinaryDevelop
  1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLのブロックレベル要素と行レベル要素、特殊文字、ネストルール

2022-01-07 19:13:16

HTMLページの基本タグのネストルールを紹介するならば、まず、要素の分類が挙げられる。要素は、ブロックレベルの要素と行レベルの要素に分けられる。ブロックレベル要素は1行を占有し、その幅と高さを設定することができ、デフォルトでは100%です。ラインレベル要素はその逆で、その内容によって幅と高さが決まり、特殊文字に関してはテキストとして扱われます 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> HTML block-level, line-level elements, special characters, nesting rules</title>
</head>
<body>
    <! -- Block elements: exclusive line, can set width and height, default width 100% -->
    Block elements are divided into text class and container class
    Text block elements: p, h1--h6
    container class block elements: div, table, tr, td, frame, ul>li, ol, dl, dt, dd (sequence)
    <! -- line elements: not exclusive to a line, width and height depend on content -->
    Line elements: a img input strong em del span
    special characters: text br &nbsp hr
</body>
</html>

ネストのルールをまとめると、以下のようになります。

1. ブロック要素は行要素の中に入れ子にすることができる

2. 行要素は、行要素の中に入れ子にすることができます。

3. 行要素はブロック要素をネストしてはならない

4. テキストブロック要素は、ブロック要素の中に入れ子にすることはできません。

5. コンテナのようなブロック要素はブロック要素をネストすることができる

次のHTMLのWebページの基本的な概念は、HTMLのWebページの基本的な構造は、HTMLの基本タグの画像テキストハイパーリンクリストフォームの紹介、HTMLの基本タグは、相互作用の原則、単一のチェックボックス、チェックボックス、ドロップダウンボックス紹介、WebページDIV + CSSレイアウトと関連ブログ記事のIFAME従来のレイアウト比較はすべて、HTMLの学習は主にページのCSSや対話ロジックJSとしては、コンテンツを実践する次のされて、その意味入れ子にページを構築する規則を理解することである！ このように、HTMLの基本的な構造は、Webページが、その基本的な構造は、Webページが、その意味入れ子を理解し、Webページが、そのような意味入れ子を理解することです......そして、Webページが、そのような意味入れ子にページを構築することです。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します