H5 ブロックレベルのタグの概要

php中世界最好的语言
リリース: 2018-01-10 09:24:49
オリジナル
2786 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート