HTML5笔记：标签、属性、实体详解

HTML5 笔记 HTML5 是最新的 HTML 标准，提供了许多新的特性和改进，以下是对 HTML5 的学习笔记。 **标签** HTML5 中的标签可以分为两种：块元素和行内元素。块元素占据一整行空间，例如 div、p、h1-h6 等，而行内元素则共享一行空间，例如 span、a、img 等。 **img 标签** img 标签用于添加图片，src 属性指定图片的地址，alt 属性指定如果图片没有加载出来所显示的文字，width 和 height 属性指定图片的宽和高。 **a 标签** a 标签用于添加超链接，href 属性指定链接的路径，href 可以是绝对路径、相对路径或锚点，例如： * 绝对路径：<a href="/">首页</a> * 相对路径：<a href="../index.html">上一页</a> * 锚点：<a href="#test">链接到 id 为 test 的元素</a> * 打开邮箱：<a href="mailto:chengyl@briup.com">发送邮件</a> **列表** HTML5 中有三种类型的列表：有序列表、无序列表和自定义列表。 * 有序列表：<ol>，可以使用 reversed 属性来倒序排列项目符号。 * 无序列表：<ul>，可以使用 type 属性来指定项目符号的样式，例如 type="circle" 或 type="square"。 * 自定义列表：<dl>，用于定义标题和描述，例如：<dl><dt>标题</dt><dd>描述</dd></dl> **空元素/单标签** HTML5 中有一些空元素或单标签，例如： * <hr/>：水平分割线 * <br/>：换行符 **核心属性** HTML5 中的一些核心属性包括： * id：唯一标识符，不能重复 * class：用于指定元素的样式，例如 class="header" * style：用于指定元素的样式，例如 style="color:red" * title：用于指定元素的工具提示，例如 title="这是一个工具提示" **实体** HTML5 中的一些特殊字符需要使用实体来表示，例如： * &nbsp;：空格 * &lt;：小于号 * &gt;：大于号 * &copy;：版权号 * &times;：删除符号 **表格** HTML5 中的表格由 table、tr 和 td 组成，例如： * <table> + <tr> - <td>单元格</td> + </tr> +</table> 表格还可以使用 rowspan 和 colspan 属性来跨行和跨列。 **表单** HTML5 中的表单由 form、input 和 textarea 组成，例如： * <form action="后台接口"> + <input type="text" /> + <textarea></textarea> +</form> **其他** HTML5 还提供了一些其他的特性和改进，例如： * <pre> 元素，用于显示预格式化的文本 * 超文本标记语言（HTML），用于搭建页面的骨架 HTML5 提供了许多新的特性和改进，帮助我们更好地构建 web 应用程序。