上一篇
html里的常用数据
HTML常用数据包括文本、超链接（href）、图片路径（src）、表单数据（action/method）、多媒体源（src）、CSS样式（style/class/id）及JavaScript
字符实体
HTML中常用字符实体用于显示特殊符号或避免与标签冲突,常见实体包括：
| 实体名称 | 对应符号 | 示例效果 |
|---|---|---|
< | < | <div> → <div> |
> | > | a > b → a > b |
& | & | AT&T → AT&T |
" | "hello" → "hello" | |
© | © 2023 → © 2023 |
颜色代码
颜色在HTML中可通过以下方式表示,常用格式包括：
| 表示方式 | 示例 | 说明 |
|---|---|---|
| 十六进制 | #FF0000 | 红色（RGB全值） |
| 缩写形式 | #F00 | 等价于#FF0000 |
| RGB值 | rgb(255,0,0) | 十进制红绿蓝通道 |
| RGBA值 | rgba(255,0,0,0.5) | 带透明度的红色 |
HTTP状态码
HTML页面加载时可能涉及的状态码,常见分类：
| 分类 | 状态码 | 含义 |
|---|---|---|
| 1xx | 100 | 继续请求（如WebSocket握手） |
| 2xx | 200 | 请求成功 |
| 3xx | 301 | 永久重定向（如域名变更） |
| 4xx | 404 | 资源未找到 |
| 5xx | 500 | 服务器内部错误 |
URL编码
特殊字符在URL中需转义为加十六进制格式：
| 原始字符 | 编码后 | 场景示例 |
|---|---|---|
| 空格 | %20 | https://example.com/a%20b |
%23 | 锚点符号需转义 | |
%3F | 查询参数分隔符需转义 | |
& | %26 | 参数连接符需转义 |
Meta标签常用属性
HTML头部<meta>标签用于设置页面元信息,常见属性：
| 属性名 | 作用 | 示例 |
|---|---|---|
charset | 定义字符编码 | <meta charset="UTF-8"> |
viewport | 控制移动端布局 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
keywords | 搜索引擎关键词 | <meta name="keywords" content="HTML, CSS, JavaScript"> |
description | 页面摘要 | <meta name="description" content="学习HTML常用数据"> |
表单输入类型
<input>标签的type属性决定输入控件类型,常用类型：
| 类型 | 功能描述 | 示例场景 |
|---|---|---|
text | 普通文本输入 | 用户名、搜索框 |
password | 隐藏输入内容 | 登录密码 |
email | 验证邮箱格式 | 注册邮箱输入 |
number | 限制数字输入 | 年龄、数量选择 |
date | 日期选择器 | 生日、预约日期 |
file | 上传文件 | 图片/文档上传 |
checkbox | 多选框 | 同意条款、兴趣选择 |
radio | 单选框 | 性别、选项切换 |
问题与解答
问题1：为什么需要HTML字符实体？
解答：字符实体用于显示键盘无法直接输入的特殊符号（如版权符号©），或避免与HTML标签冲突（如<会被解析为标签开始），直接写<script>会执行脚本，而<script>仅显示文本。
问题2：如何选择合适的颜色表示方式？
解答：优先使用十六进制（如#FF0000）或rgb()函数，兼容性最佳；若需透明度则用rgba()，缩写形式（如#F00）可缩短代码，但建议在团队中统一规范，CSS预处理器（如Sass）支持变量管理颜色，适合大型项目
