HTML5元素总结

以下是对HTML5中块元素、行元素以及兼具两种属性的元素的总结。

（1）块元素

定义：块元素（Block-level element）通常会独占一行，其宽度默认会占满父容器的宽度。

常用块元素：

<p>： 用于显示大段文本。
<div>： 用于布局，可以包含其他元素。
<h1> 至 <h6>： 用于标题，表示不同级别的标题。
<ul>, <ol>, <li>： 用于列表。
<table>： 用于表格布局。
<form>： 用于表单。
<section>, <article>, <aside>, <footer>, <header>, <nav>： 用于语义化布局。

（2）行元素

定义：行元素（Inline element）不会独占一行，其宽度仅由内容决定。

常用行元素：

<a>： 用于超链接。
<span>： 用于对文本进行样式化。
<img>： 用于插入图片。
<strong>： 用于强调文本。
<em>： 用于强调文本。
<input>： 用于表单输入。
<br>： 用于换行。

（3）兼具块元素和行元素属性的元素

定义：某些元素可以通过CSS属性（如display）改变其默认的显示行为，从而兼具块元素和行元素的特性。

常见元素：

<button>： 默认为行内块元素（inline-block），可以设置为块元素。
<img>： 默认为行内元素，但可以通过CSS设置为块元素。
<input>： 默认为行内块元素，可以设置为块元素。
<span>： 默认为行内元素，但可以通过CSS设置为块元素。