今回は、H5 ブロックレベルのタグの概要をお届けします。H5 ブロックレベルのタグの使用方法。 H5 ブロックレベルのタグを使用する際の 注意事項 は何ですか? 以下は実際のケースです。見てみましょう。
ブロックレベル要素は、簡単に言うと、独自の行を占有する要素です。その特徴:
①常に新しい行で開始します。②高さ、行の高さ、
マージンとパディングはすべて制御できます ③幅を設定しない限り、デフォルトの幅はコンテナの100%です。
④
インライン要素や他のブロック要素に対応できます概要コードは次のとおりです:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 块状元素 独占一行 --> <!-- div无语义,称它为盒子 --> <div>盒子</div> <!-- h1-h6语义 定义标题 --> <h1>标题1</h1> <h2>标题2</h2> <h6>标题3</h6> <!-- p 语义 段落标签 写文字--> <p>文章</p> <!-- 列表多数用来存一系列的相似的数据 --> <!-- 有序列表 --> <ol> <li>导航1</li> <li>导航2</li> <li>导航3</li> </ol> <!-- 无序列表 --> <ul> <li>导航1</li> <li>导航2</li> <li>导航3</li> </ul> <!-- 定义列表 解释某个名词 --> <dl> <dt>名词</dt> <dd>解释名词的位置</dd> </dl> <!-- 表格 渲染性能不好 少用 --> <table> <caption>表格头部</caption> <!-- tr是行 --> <tr> <!-- th表头 --> <th>星期一</th> <th>星期二</th> </tr> <tr> <!-- td单元格 --> <td>上课</td> <td>上课</td> </tr> </table> </body> </html>
これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い内容については、他の関連記事に注目してください。 PHP中国語ウェブサイトで!
関連記事:
H5 でドラッグ アンド ドロップ効果を作成する方法H5 および C3 と互換性のない古いバージョンのブラウザの処理方法について でグラフィックを描画する方法H5のCanvasAPI以上がH5 ブロックレベルのタグの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。