H5的區塊級標籤匯總
- php中世界最好的语言原創
- 2018-01-10 09:24:492742瀏覽
這次帶給大家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的區塊級標籤匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：H5的進階段內聯標籤下一篇：H5的進階段內聯標籤