HTML 区块
在 HTML 中,区块(Block)元素是那些通常会形成新的行(即“块”)的元素,并且会在其前后都生成“换行符”的元素。区块元素通常用来组织大块的内容,如段落、标题、列表、表格等。
以下是一些常见的 HTML 区块(块级)元素:
<div>:这是一个通用的容器元素,经常用于样式和布局。
<p>:段落元素。
<h1> 到 <h6>:标题元素,从 <h1>(最大)到 <h6>(最小)。
<ul>, <ol>, <li>:无序列表、有序列表和列表项元素。
<header>, <footer>, <section>, <article>, <nav>, <aside>:HTML5 引入的语义化区块元素。
<form>:表单元素。
<table>, <tr>, <td>, <th>:表格元素。
<blockquote>, <pre>, <address>:引用、预格式化和地址元素。
例如,如果你有两个 <div> 元素,它们会各自占据一行(除非设置了浮动、内联或其他布局属性):
<div>这是第一个div元素。</div> <div>这是第二个div元素。</div>
这些区块元素在页面上通常会占据一整行或多行,并且可以通过CSS来设置它们的宽度、高度、内边距、外边距等样式属性。
与块级元素相对的是内联元素(inline elements),如 <span>, <a>, <img> 等,它们不会在其前后生成换行,而是与其他元素并排显示。