recherche

Maison >interface Web >Tutoriel H5 >Résumé des balises au niveau du bloc H5

Résumé des balises au niveau du bloc H5

php中世界最好的语言
php中世界最好的语言original
2018-01-10 09:24:492850parcourir

Cette fois, je vous apporte un résumé des balises au niveau du bloc H5. Comment utiliser les balises au niveau du bloc H5 ? Quelles sont les précautions lors de l'utilisation de balises au niveau du bloc H5 ? Ce qui suit est un cas pratique, jetons un coup d'œil.

En termes simples, les éléments de niveau bloc sont des éléments qui occupent leur propre ligne. Ses fonctionnalités :

① commence toujours sur une nouvelle ligne ;

②Hauteur, hauteur de ligne et marges extérieures et marges intérieures sont disponibles Contrôle ;

③La largeur par défaut est 100 % de son conteneur, sauf si une largeur est définie.

④ Il peut accueillir des éléments en ligne et d'autres éléments de bloc

Le code récapitulatif est le suivant : 

<!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>

Je crois que vous le maîtrisez après avoir lu ces cas. Pour des méthodes plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment créer un effet glisser-déposer dans H5

À propos de l'ancienneté des versions des navigateurs compatible avec les méthodes H5 et C3

Comment dessiner des graphiques à l'aide de l'API CanvasAPI de H5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Balises en ligne avancées H5Article suivant：Balises en ligne avancées H5

Articles Liés

Voir plus