이번에는 H5 블록 수준 태그에 대한 요약을 가져왔습니다. H5 블록 수준 태그를 사용하는 방법은 무엇인가요? H5 블록레벨 태그 사용 시 주의사항은 무엇인가요? 다음은 실제 사례로 살펴보겠습니다.
간단히 말하면 블록 수준 요소는 자체 행을 차지하는 요소입니다. 기능:
①항상 새 줄에서 시작합니다.
②높이, 줄 높이, 여백 및 패딩을 모두 제어할 수 있습니다.
3너비를 설정하지 않는 한 기본 너비는 컨테이너의 100%입니다.
4 인라인 요소 및 기타 블록 요소
를 수용할 수 있습니다. 요약 코드는 다음과 같습니다.
<!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 및 C3과 호환되지 않는 이전 버전의 브라우저를 처리하는 방법에 대해
위 내용은 H5 블록 수준 태그 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
