当前位置：首页 > article >正文

HTML 日常开发常用标签

article 2026/4/2 17:20:51

文章目录

HTML 日常开发常用标签
- 1、基本结构标签
- 2、内容标签
- 3、多媒体标签
- 4、表单标签
- 5、列表和定义标签
- 6、表格标签
- 7、链接和图像
- 8、元数据
- 9、语义化标签（HTML5新增）
- 10、框架和内联
- 11、交互
- 12、过时或不推荐使用的标签

HTML 日常开发常用标签

1、基本结构标签

<html>: 定义整个HTML文档。
<head>: 包含元数据，如标题、CSS链接和JavaScript链接。
<title>: 定义页面标题，显示在浏览器标签中。
<body>: 包含页面的内容，所有可视元素都在此内。

2、内容标签

<h1>到<h6>: 定义标题，层级从高到低。
<p>: 定义段落。
<div>: 无意义的分块，用于样式和布局。
<span>: 无意义的内联容器，用于文本内容。

3、多媒体标签

<img>: 嵌入图片。
<video>: 嵌入视频。
<audio>: 嵌入音频。
<source>: 定义媒体资源，如视频或音频文件。
<track>: 为媒体添加文本轨道，如字幕。

4、表单标签

<form>: 定义表单，用于收集用户输入。
<input>: 定义输入字段，类型包括:text、password、email、file、checkbox、radio等。
<textarea>: 定义多行文本输入框。
<select>:定义下拉选择框，包含 <option> 元素。
<button>: 定义按钮。
<label>: 定义表单字段的标签。
<fieldset>和<legend>: 组织表单元素，并为字段集合提供标题。

5、列表和定义标签

<ul>: 无序列表。
<ol>: 有序列表。
<li>: 列表项，用于<ul>和<ol>内。
<dl>: 定义列表。
<dt>: 定义列表中的术语。
<dd>: 定义术语的描述。

6、表格标签

<table>: 定义表格。
<tr>: 定义表格行。
<th>: 定义表头单元格。
<td>: 定义表格单元格。
<thead>: 定义表格头部。
<tbody>: 定义表格主体。
<tfoot>: 定义表格脚注。

7、链接和图像

<a>: 定义超链接。
<link>: 定义外部资源链接，如CSS文件。
<img>: 已在多媒体标签中提及。

8、元数据

<meta>: 提供页面的元数据，如字符集、 viewport设置和SEO信息。
<style>: 定义CSS样式。
<script>: 定义或引用JavaScript。

9、语义化标签（HTML5新增）

<header>: 页面或部分区域的头部。
<footer>: 页面或部分区域的底部。
<nav>: 导航链接区。
<section>: 独立的内容区。
<article>: 独立的文章内容。
<aside>: 侧边栏内容。
<details>: 提供额外细节。
<summary>: 定义 <details> 的标题。

10、框架和内联

<iframe>: 内嵌另一个HTML文档。
<u>、<ins>、<del>: 定义特殊的文本格式。

11、交互

<dialog>: 定义对话框（HTML5新增）。
<progress>: 显示进度条。
<meter>: 显示度量值。

12、过时或不推荐使用的标签

<center>: 文本居中（已废弃，推荐使用CSS）。
<font>:定义字体（已废弃）。
<strike> 或 <s>:划线文本（已废弃，推荐使用CSS）。
<applet>:Java小程序（已废弃）。
<embed>和<object>:嵌入外部内容（部分情况下使用）。
<b>和<i>:虽然仍可使用，但建议使用更语义化的标签如<strong>和<em>。

HTML 日常开发常用标签

文章目录 HTML 日常开发常用标签1、基本结构标签2、内容标签3、多媒体标签4、表单标签5、列表和定义标签6、表格标签7、链接和图像8、元数据9、语义化标签（HTML5新增）10、框架和内联11、交互12、过时或不推荐使用的标签 HTML 日常开发常用标签 1、基本结…...

编程日记 2026/2/28 0:36:38

vue3表单验证的时候访问接口如果有值就通过否则不通过.主动去触发校验

页面有个身份证号码的校验。校验完身份证格式是否符合之后还要去访问接口查询这个用户是否存在。如果存在才通过验证。否则就校验不通过 <el-form ref"ruleFormRef" :model"form" label-width"140px" label-position"right" label…...

编程日记 2026/3/29 8:09:51

Cuppa CMS v1.0 任意文件读取（CVE-2022-25401）

漏洞简介： Cuppa CMS v1.0 administrator/templates/default/html/windows/right.php文件存在任意文件读取漏洞漏洞环境： 春秋云镜中的漏洞靶标，CVE编号为CVE-2022-25401 漏洞复现弱口令行不通直接访问administrator/templates/defau…...

编程日记 2026/3/24 13:42:05

C# Dictionary 使用指南

C# Dictionary 使用指南 1. 简介 Dictionary<TKey, TValue> 是 C# 中一个非常常用的泛型集合类，用于存储键值对（Key-Value Pair）。它可以根据键快速查找对应的值，因此在需要快速查找和检索数据的场景下非常高效。 2. 基本…...

编程日记 2026/2/18 12:18:08

基于Spark的电商供应链系统的设计与实现

目录 1.研究背景与意义 2、国内外研究现状 3、相关理论与技术 （一）分布式计算系统Spark （二）数据仓库Hive （三）读取服务器本地磁盘的日志数据Flume （四）分布式消息队列Kafka …...

编程日记 2026/4/2 10:07:56

MYSQL数据备份与恢复（mysqldump）

MySQL备份之mysqldump 表级别备份还原格式：mysqldump [OPTIONS] database [tables] 实例：把db_user数据库中的tb_student数据表进行备份备份：#mysqldump db_user tb_student > /tmp/sqlbak/tb_student.sql -p 还原：#mysql 数…...

编程日记 2025/8/12 22:43:31

从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(二)

1.安装mogondb数据库参考MongoDB安装配置教程（详细版）_mongodb安装详细步骤-CSDN博客安装mondbcompass数据库连接工具参考https://www.mongodb.com/zh-cn/docs/compass/current/connect/ 2.后端服务 1.创建src文件夹并在src文件夹下创建 index…...

编程日记 2026/3/3 9:23:13

server.servlet.session.timeout: 12h（HTTP 会话的超时时间为 12 小时）

从你提供的配置文件（应该是 Spring Boot 的 application.yml 或 application.properties 文件）来看，以下部分与会话超时时间相关： server:servlet:session:timeout: 12h # timeout: 30cookie:name: VENDER_SID会话超时时间的…...

编程日记 2026/3/25 22:59:46

MySQL--聚集索引、辅助索引、回表查询和覆盖索引的原理

在MySQL中，索引是提高查询性能的核心工具。理解聚集索引、辅助索引、回表查询和覆盖索引的原理，对于优化数据性能至关重要。以下是对这些概念的详细解释以及优化方法。一、聚集索引（Clustered Index） 聚集索引决定了表中数据的…...

编程日记 2025/11/15 2:42:13

使用vscode导出Markdown的PDF无法显示数学公式的问题

我的硬件环境是M2的MacBook air，在vscode中使用了Markdown PDF来导出md文件对应的PDF。但不管导出html还是PDF文件，数学公式都是显示的源代码。我看了许多教程，给的是这个方法：在md文件对应的html文件中加上以下代码&#xff1a…...

编程日记 2026/3/31 23:34:48

从“记住我”到 Web 认证：Cookie、JWT 和 Session 的故事

文章目录 1. 初识 HTTP：一场没有记忆的对话2. Cookie：网站的“记忆” 🍪3. Session：服务端的“记忆” 🎯4. JWT：让用户自己带着“身份证” 🔑5. Cookie vs Session vs JWT 总结 📊6.…...

编程日记 2026/2/13 18:09:49

Idea编译项目很久之后，提示 Error:java:OutOfMemoryError:insufficient memory

项目挺老的的了，平常项目启动，也要挺久的，但是最起码能启动成功，今天下午的时候，项目启动了十几分，一直在转圈，后面控制台输出了这一行异常 Error:java:OutOfMemoryError:insufficient memory …...

编程日记 2026/3/28 1:26:39

wordpress使用CorePress主题设置项总结

宝塔面板设置软件商店中安装的软件有：（宝塔网站加速3.1）（Nginx 1.18.0）（MySql 5.6.50）（PHP-5.6）（phpMyAdmin 4.4）（Python项目管理器 …...

编程日记 2026/2/26 20:22:13

HTTP非流式请求 vs HTTP流式请求

文章目录 HTTP 非流式请求 vs 流式请求一、核心区别服务端代码示例（Node.js/Express）非流式请求处理流式请求处理客户端请求示例非流式请求（浏览器fetch）流式请求处理（浏览器fetch） Python客户端示例&…...

编程日记 2026/3/19 20:47:14

LSTM长短期记忆网络-原理分析

1 简介概念 LSTM（Long Short-Term Memory）也称为长短期记忆网络，是一种改进的循环神经网络（RNN），专门设计用于解决传统RNN的梯度消失问题和长程依赖问题。LSTM通过引入门机制和细胞状态，能够更…...

编程日记 2026/4/2 8:38:18

IP------PPP协议

这只是IP的其中一块内容PPP，IP还有更多内容可以查看IP专栏，前一章内容为网络类型，可通过以下路径查看IP---网络类型-CSDN博客，欢迎指正 3.PPP协议 1.PPP优点网络类型：p2p PPP---点到点协议兼容性会更强凡是接口或…...

编程日记 2026/3/20 1:26:01

Java 实现快速排序算法：一条快速通道，分而治之

大家好，今天我们来聊聊快速排序（QuickSort）算法，这个经典的排序算法被广泛应用于各种需要高效排序的场景。作为一种分治法（Divide and Conquer）算法，快速排序的效率在平均情况下非常高&#xff…...

编程日记 2025/8/2 15:28:29

令牌刷新优化方案的详细实现步骤： 1. 令牌服务层改造 1.1 JWT工具类增强 // JwtUtils.java 新增方法 public class JwtUtils {// 生成带动态过期时间的令牌public static String createToken(String subject, String userId, String username, long expirationMi…...

编程日记 2025/12/12 9:46:38

基于 C++ Qt 的 Fluent Design 组件库 QFluentWidgets

简介 QFluentWidgets 是一个基于 Qt 的 Fluent Designer 组件库，内置超过 150 个开箱即用的 Fluent Designer 组件，支持亮暗主题无缝切换和自定义主题色。编译示例以 Qt5 为例（Qt6 也支持），将 libQFluentWidgets.d…...

编程日记 2026/4/2 9:11:17

ClkLog里程碑：荣获2024上海开源技术应用创新竞赛三等奖

2024年10月，ClkLog团队参加了由上海计算机软件技术开发中心、上海开源信息技术协会联合承办的2024上海数智融合“智慧工匠”选树、“领军先锋”评选活动——开源技术应用创新竞赛。我们不仅成功晋级决赛，还荣获了三等奖！这一成就不仅是对ClkL…...

编程日记 2026/3/25 12:42:36

边缘计算收益低的三大指标

边缘计算收益低的三大指标主要包括以下方面： 1. 资源贡献不足： 边缘计算的收益通常基于所提供的带宽、存储和计算资源来计算。如果设备的网络带宽有限、在线时间短或提供的存储容量较小，可能无法满足平台设定的最低贡献标准，从而导…...

编程日记 2026/3/12 11:10:01

C# 确保程序只有一个实例运行

常规需求 C#程序只能运行一次,不能多开: using System; using System.Collections.Generic; using System.Linq; using System.Windows.Forms; using System.Threading; using System.Runtime.InteropServices; using System.Security.Principal; namespace BallLocation {sta…...

编程日记 2025/8/3 20:50:52

有没有什么免费的AI工具可以帮忙做简单的ppt？

互联网各领域资料分享专区(不定期更新)： Sheet 正文 1. 博思AIPPT 特点：专为中文用户设计，支持文本/文件导入生成PPT，内置海量模板和智能排版功能，涵盖商务、教育等多种场景。可一键优化布局、配色，并集成AI绘图功能（文生图/图生图）。适用场景：职场汇报、教育培训、商…...

编程日记 2026/2/11 19:52:15

TCP基本入门-简单认识一下什么是TCP

部分内容来源：小林Coding TCP的特点 1.面向连接一定是“一对一”才能连接，不能像 UDP 协议可以一个主机同时向多个主机发送消息，也就是一对多是无法做到的 2.可靠的无论的网络链路中出现了怎样的链路变化，TCP 都可以保证一个…...

编程日记 2026/4/1 6:34:55

ollama提问命令行程序demo（python）

import requests import json# 定义请求的 URL 和数据 url http://localhost:11434/api/generate data {"model": "deepseek-r1:1.5b","prompt": "写一首关于春天的诗" }# 发送 POST 请求并以流式方式接收响应 response requests.p…...

编程日记 2025/3/29 23:36:56

校园快递助手小程序毕业系统设计

系统功能介绍管理员端 1）登录：输入账号密码进行登录 2）用户管理：查看编辑添加删除学生信息 3）寄件包裹管理：查看所有的包裹信息，及物流信息 4）待取件信息：查看已到达的…...

编程日记 2026/4/2 9:44:26

基于MATLAB红外弱小目标检测MPCM算法复现

摘要：本文详细介绍了一种基于人类视觉系统特性的红外弱小目标检测算法——Multiscale patch-based contrast measure (MPCM)。该算法通过增强目标与背景的对比度，有效检测红外图像中的弱小目标，并在MATLAB环境中进行了复现与实验验证。关键…...

编程日记 2026/3/2 19:25:47

MySQL 的存储引擎有哪些？它们之间有什么区别？

MySQL 支持多种存储引擎，每种存储引擎都有其独特的特性和适用场景。以下是 MySQL 中常见的存储引擎及其主要区别： 1.常见存储引擎及其特点 (1)InnoDB • 事务支持：支持完整的 ACID 特性，适用于需要事务处理的场景。 • 锁机制&…...

编程日记 2026/2/12 14:54:11

windows下适用msvc编译ffmpeg 适用于ffmpeg-7.1

需要的工具: visual studio 2019 (可以是其他版本，只是本人电脑上装的为2019) msys2 ffmpeg-7.1源码 1. 修改msys2_shell.cmd 在msys2目录修改msys2_shell.cmd 打开后找到行set MSYS2_PATH_TYPEinherit 删除开头的rem 2. 运行msys2 运行x64 Native Tools Command …...

编程日记 2025/8/4 10:34:08

Docker快速使用指南

docker pull ubuntu:22.04 //先拉取一个基础镜像，一般是操作系统创建一个Dockerfile，放在任意目录下，内容如下 # 使用 Ubuntu 22.04 作为基础镜像 FROM ubuntu:22.04# 设置环境变量，避免安装过程中出现交互提示 ENV DEBIAN_FRONT…...

编程日记 2026/2/10 0:16:28

文章目录

HTML 日常开发常用标签

1、基本结构标签

2、内容标签

3、多媒体标签

4、表单标签

5、列表和定义标签

6、表格标签

7、链接和图像

8、元数据

9、语义化标签（HTML5新增）

10、框架和内联

11、交互

12、过时或不推荐使用的标签

相关文章：