正文

HTML5常用基本符号与元素速查手册

/0 浏览量
1008

在构建网页时，熟悉HTML5的基本符号和元素是至关重要的。以下是一个详尽的速查手册，涵盖了HTML5中常用的符号和元素，旨在帮助开发者快速查阅和掌握。

基本符号

字符实体

字符实体用于表示无法直接使用的字符，例如版权符号（©）、注册商标符号（®）等。以下是一些常见的字符实体：

字符 描述 实体名称 实体编号
版权 版权符号 © © ©
商标 注册商标符号 ® ® ®
非破折号 hyphen 非破折号 - - ­
版权信息 版权信息 ©© 版权信息 ©©
超链接 超链接 href 超链接 & hyperlink;

编码声明

HTML5文档通常使用UTF-8编码。以下是如何在HTML文档中声明编码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <!-- 其他头部信息 -->
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

元素速查

基础结构元素

元素 描述 示例
<!DOCTYPE html> 声明文档类型 <!DOCTYPE html>
<html> 根元素，包含整个文档 <html>
<head> 包含文档的元信息 <head>
<body> 包含文档的主体内容 <body>
<title> 页面标题 <title>我的页面</title>

文档元信息元素

元素 描述 示例
<meta charset="UTF-8"> 设置文档的字符编码 <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 设置视口，适应移动设备 <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css"> 引入外部样式表 <link rel="stylesheet" href="styles.css">
<script src="script.js"></script> 引入外部JavaScript文件 <script src="script.js"></script>

标题和段落元素

元素 描述 示例
<h1> 至 <h6> 标题元素，<h1> 是最大的标题 <h1>一级标题</h1>
<p> 段落元素 <p>这是一个段落。</p>

文本格式元素

元素 描述 示例
<b> 加粗文本 <b>加粗文本</b>
<i> 斜体文本 <i>斜体文本</i>
<em> 强调文本 <em>强调文本</em>
<strong> 强调文本，比 <em> 更强调 <strong>强调文本</strong>
<mark> 高亮显示文本 <mark>高亮文本</mark>

链接元素

元素 描述 示例
<a href="url"> 超链接 <a href="https://www.example.com">访问example</a>
<link> 用于链接外部资源，如样式表或图片 <link rel="icon" href="favicon.ico">

图片元素

元素 描述 示例
<img src="image.jpg" alt="描述"> 插入图片 <img src="image.jpg" alt="这是一张图片">

列表元素

元素 描述 示例
<ul> 无序列表 <ul><li>项目1</li><li>项目2</li></ul>
<ol> 有序列表 <ol><li>项目1</li><li>项目2</li></ol>
<li> 列表项 <li>列表项</li>

表格元素

元素 描述 示例
<table> 创建表格 <table>
<tr> 表格行 <tr>
<td> 表格单元格 <td>
<th> 表头单元格 <th>

表单元素

元素 描述 示例
<form> 表单元素 <form>
<input type="text"> 文本输入框 <input type="text" name="username">
<input type="submit"> 提交按钮 <input type="submit" value="提交">
<select> 下拉列表 <select><option value="1">选项1</option><option value="2">选项2</option></select>
<option> 下拉列表中的选项 <option value="1">选项1</option>

其他元素

元素 描述 示例
<div> 隔离内容的容器 <div class="container">内容</div>
<span> 文档中的内联容器 <span class="text">文本</span>
<br> 换行 <br>
<pre> 预格式化文本 <pre>这是一个预格式化的文本。</pre>

这个速查手册提供了一个关于HTML5常用符号和元素的全面概述。通过这些基础元素，你可以开始构建复杂的网页和应用。记住，实践是学习的关键，不断地编写和测试代码将帮助你更好地掌握HTML5。

-- 展开阅读全文 --