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

HTML常见标签列表，涵盖了多种用途的标签。

news 2026/2/10 1:36:35

文档结构标签

  1. <!DOCTYPE html>：声明文档类型，告诉浏览器使用HTML5标准。
  2. <html>：HTML文档的根元素。
  3. <head>：包含文档的元数据（meta-data），如标题、字符集、样式表链接、脚本等。
  4. <title>：设置网页的标题，显示在浏览器标签上。
  5. <meta>：提供文档的元数据，如字符集、作者、描述等。
  6. <link>：用于链接外部资源，如CSS文件。
  7. <style>：包含内部CSS样式。
  8. <script>：包含或链接外部JavaScript代码。
  9. <base>：指定页面中所有URL的基准URL。

内容分区标签

  1. <header>：定义文档或节的头部。
  2. <nav>：定义导航链接部分。
  3. <section>：定义文档中的节。
  4. <article>：定义独立、完整的内容块。
  5. <aside>：定义内容之外的内容，如侧边栏。
  6. <footer>：定义文档或节的页脚。
  7. <main>：定义文档的主要内容。
  8. <div>：通用容器，用于布局和样式化。
  9. <span>：行内容器，用于对文本的小块进行样式化。

文本格式化标签

  1. <h1> - <h6>：标题标签，<h1>最高级，<h6>最低级。
  2. <p>：段落。
  3. <blockquote>：长引用。
  4. <q>：短引用。
  5. <pre>：预格式化文本。
  6. <hr>：水平线。
  7. <br>：换行。
  8. <strong>：表示语气强烈的文本（通常为粗体）。
  9. <em>：表示语气强调的文本（通常为斜体）。
  10. <small>：小号文本。
  11. <sub>：下标文本。
  12. <sup>：上标文本。
  13. <mark>：高亮文本。
  14. <del>：删除文本（通常显示为带删除线的文本）。
  15. <ins>：插入文本（通常显示为带下划线的文本）。
  16. <code>：计算机代码文本。
  17. <kbd>：用户输入文本（通常是键盘输入）。
  18. <samp>：示例文本。
  19. <var>：变量文本。
  20. <abbr>：缩写。
  21. <cite>：引用标题。
  22. <dfn>：定义术语。
  23. <time>：日期或时间。

列表标签

  1. <ul>：无序列表。
  2. <ol>：有序列表。
  3. <li>：列表项。
  4. <dl>：定义列表。
  5. <dt>：定义列表中的术语。
  6. <dd>：定义列表中的描述。

链接和媒体标签

  1. <a>：超链接。
  2. <img>：图像。
  3. <map>：图像映射。
  4. <area>：图像映射中的区域。
  5. <audio>：音频内容。
  6. <video>：视频内容。
  7. <source>：媒体资源（用于<audio>和<video>）。
  8. <track>：为<audio>或<video>提供文本轨道（如字幕）。
  9. <embed>：嵌入外部内容（如插件）。
  10. <object>：嵌入多媒体对象。
  11. <param>：为<object>定义参数。
  12. <canvas>：用于绘制图形的画布。
  13. <svg>：可缩放矢量图形。

表格标签

  1. <table>：表格。
  2. <caption>：表格标题。
  3. <thead>：表格头部。
  4. <tbody>：表格主体。
  5. <tfoot>：表格尾部。
  6. <tr>：表格行。
  7. <th>：表头单元格。
  8. <td>：表格数据单元格。
  9. <col>：定义表格列的属性。
  10. <colgroup>：对表格中的列进行分组。

表单标签

  1. <form>：表单。
  2. <input>：输入控件（文本框、单选按钮、复选框等）。
  3. <textarea>：多行文本输入控件。
  4. <button>：按钮。
  5. <select>：下拉列表。
  6. <option>：下拉列表中的选项。
  7. <optgroup>：对下拉列表中的选项进行分组。
  8. <label>：表单控件的标签。
  9. <fieldset>：将表单中的元素分组。
  10. <legend>：为<fieldset>定义标题。
  11. <datalist>：规定输入字段的选项列表。
  12. <keygen>：用于生成密钥（不再推荐使用）。
  13. <output>：用于显示计算结果。

脚本和交互标签

  1. <script>：嵌入或链接JavaScript代码。
  2. <noscript>：在浏览器不支持或禁用JavaScript时显示的内容。
  3. <template>：用于存储客户端内容的HTML模板。

其他标签

  1. <meta>：用于指定网页的元数据，如作者、描述、关键词等。
  2. <base>：指定页面中所有URL的基准URL。
  3. <command>：用户可调用的命令（已废弃）。
  4. <progress>：表示任务进度。
  5. <meter>：表示已知范围内的测量值（如磁盘使用情况）。
  6. <details>：用于描述文档或文档片段的详细信息。
  7. <summary>：为<details>元素提供可见标题。
  8. <dialog>：显示对话框或窗口。

相关文章：

HTML常见标签列表，涵盖了多种用途的标签。

文档结构标签 <!DOCTYPE html>&#xff1a;声明文档类型&#xff0c;告诉浏览器使用HTML5标准。<html>&#xff1a;HTML文档的根元素。<head>&#xff1a;包含文档的元数据&#xff08;meta-data&#xff09;&#xff0c;如标题、字符集、样式表链接、脚本等…...

编程日记 2024/12/11 11:15:27

FPGA 16 ，Verilog中的位宽：深入理解与应用

目录 前言 一. 位宽的基本概念 二. 位宽的定义方法 1. 使用向量变量定义位宽 ① 向量类型及位宽指定 ② 位宽范围及位索引含义 ③ 存储数据与字节数据 2. 使用常量参数定义位宽 3. 使用宏定义位宽 4. 使用[:][-:]操作符定义位宽 1. 详细解释 : 操作符 -: 操作符 …...

编程日记 2024/12/11 11:14:25

vue-生命周期

Vue 的生命周期是指 Vue 实例从创建到销毁期间经历的一系列阶段。每个阶段都有相应的钩子函数&#xff08;Lifecycle Hooks&#xff09;&#xff0c;允许开发者在这些关键时刻执行自定义逻辑。 一、钩子函数 1. 创建阶段 beforeCreate 在实例初始化之后&#xff0c;数据观测 …...

编程日记 2024/12/11 11:12:23

浅谈Kubernetes(K8s)之RC控制器与RS控制器

1.RC控制器 1.1RC概述 Replication Controller 控制器会持续监控正在运行的Pod列表&#xff0c;并保证相应类型的Pod的数量与期望相符合&#xff0c;如果Pod数量过少&#xff0c;它会根据Pod模板创建新的副本&#xff0c;反之则会删除多余副本。通过RC可实现了应用服务的高可用…...

编程日记 2024/12/11 11:11:21

本题要求采用选择法排序，将给定的n个整数从大到小排序后输出。

#include <stdio.h> #define MAXN 10 int main() { int i, index, k, n, temp; int a[MAXN]; scanf("%d", &n); for (i 0; i < n; i) { scanf("%d", &a[i]); } // 外层循环控制排序轮数&#xff0c;一共需要n-1轮 for (k 0; k < n…...

编程日记 2024/12/11 11:10:18

Linux: glibc: 频繁调用new/delete会不会导致内存的碎片

最近同事问了一个问题：频繁调用new/delete会不会导致内存的碎片。 下面是我想到的一些回答， glibc的内存处理机制，是在释放的时候会自动将小块内存整合成大块内存，为接下来满足大块的需求的可能。而且程序也不是一直占着内存不释放（如果是一直不释放，要考虑是不是内存泄漏…...

编程日记 2024/12/11 11:06:13

量子变分算法---损失函数

引子 关于损失函数&#xff0c;我们知道在强化学习中&#xff0c;会有一个函数&#xff0c;用来表示模型每一次行为的分数&#xff0c;通过最大化得分&#xff0c;建立一个正反馈机制&#xff0c;若模型为最优则加分最多&#xff0c;若决策不佳则加很少分或者扣分。而在神经网络…...

编程日记 2024/12/11 11:04:11

计算机的性能评估

目录 计算机的性能评估 确定性能指标 考虑通讯因素 考虑机器过热因素 综合评估模型 动态评估与调整 计算机的性能评估 在分布式计算机系统中，综合考虑各种因素来评估性能是一个复杂但重要的问题。以下是一种可能的方法来综合考虑评估分布式计算机性能，动态地考虑实际情…...

编程日记 2024/12/11 11:03:09

大数据之国产数据库_OceanBase数据库002_在centos7.9上_安装部署OceanBase001_踩坑指南_亲测可用

部署前最好看一下,部署前的要求, 主要是系统 以及系统内核版本,还有比如清理一下缓存等,按照做一做. 这些都是前置条件. 清一下缓存. 也就是说官网给的前置的条件,都要根据说明去执行一遍,如果不执行可能后面安装会报错. 然后用户最好也去创建一个用户. 注意前置...

编程日记 2024/12/11 11:02:08

【ETCD】【源码阅读】深入解析 EtcdServer.run 函数

EtcdServer.run 是 etcd 的核心运行逻辑之一&#xff0c;负责管理 Raft 状态机的应用、事件调度以及集群的核心操作。本文将逐步从源码层面分析 run 函数的逻辑&#xff0c;帮助读者理解其内部机制和设计思想。 函数签名与关键职责 func (s *EtcdServer) run() {... }关键职责…...

编程日记 2024/12/11 11:00:06

springboot/ssm校内订餐系统Java代码web项目美食外卖点餐配送源码

springboot/ssm校内订餐系统Java代码web项目美食外卖点餐配送源码 基于springboot(可改ssm)vue项目 开发语言&#xff1a;Java 框架&#xff1a;springboot/可改ssm vue JDK版本&#xff1a;JDK1.8&#xff08;或11&#xff09; 服务器&#xff1a;tomcat 数据库&#xff…...

编程日记 2024/12/11 10:58:02

floodfill算法

目录 什么是floodfill算法 题目一——733. 图像渲染 - 力扣&#xff08;LeetCode&#xff09; 题目二——200. 岛屿数量 - 力扣&#xff08;LeetCode&#xff09; 题目三——695. 岛屿的最大面积 - 力扣&#xff08;LeetCode&#xff09; 题目四—— 130. 被围绕的区域 …...

编程日记 2024/12/11 10:50:55

【JAVA】六亮增加贴

James Gosling&#xff08;詹姆斯.高斯林&#xff09; Java 语言源于 1991 年 4 月&#xff0c;Sun 公司 James Gosling博士 领导的绿色计划(Green Project) 开始启动&#xff0c;此计划最初的目标是开发一种能够在各种消费性电子产品(如机顶盒、冰箱、收音机等)上运行的程序…...

编程日记 2024/12/11 10:48:52

git提交时出现merge branch main of xxx

git提交时出现merge branch main of xxx 原因&#xff1a; 1、同事commit了一个修改A&#xff0c;push到remote 2、我把这个修改直接pull了下来&#xff08;pull是fetchmerge的操作&#xff0c;自动合并到本地workspace&#xff09; 3、同事因为后续的commit有冲突&#xff0c…...

编程日记 2024/12/11 10:47:49

lstm 输入数据的形状是怎么样的，他有两种输入方式，通过参数 batch_first来设置 默认是False

lstm 输入数据的形状是怎么样的&#xff0c;他有两种输入方式&#xff0c;通过参数 batch_first来设置 默认是False 当batch_firstFalse时&#xff0c;LSTM输入的数据形状通常是一个三维张量&#xff0c;其维度顺序为[sequence_length, batch_size, input_size]。下面是对这些维…...

编程日记 2024/12/11 10:45:45

Apache Doris 数据类型

Apache Doris 已支持的数据类型列表如下&#xff1a; 数值类型​ 类型名存储空间&#xff08;字节&#xff09;描述BOOLEAN1布尔值&#xff0c;0 代表 false&#xff0c;1 代表 true。TINYINT1有符号整数&#xff0c;范围 [-128, 127]。SMALLINT2有符号整数&#xff0c;范围 …...

编程日记 2024/12/11 10:44:44

编译问题 fatal error: rpc/rpc.h: No such file or directory

在编译一些第三方软件的时候&#xff0c;会经常遇到一些文件识别不到的问题&#xff0c;这里整理下做个归总。 目前可能的原因有&#xff08;排序分先后&#xff09;&#xff1a; 文件不存在&#xff1b;文件存在但路径识别不了&#xff1b;…… 这次以常见的编译lmbench测试…...

编程日记 2024/12/11 10:43:42

linux 安装composer

下载composer curl -sS https://getcomposer.org/installer | php下载后设置环境变量&#xff0c;直接通过命令composer -v mv composer.phar /usr/local/bin/composer查看版本看是否安装成功 composer -v...

编程日记 2024/12/11 10:38:36

数据库公共字段自动填充的三种实现方案

背景介绍 在实际项目开发中,我们经常需要处理一些公共字段的自动填充,比如: createTime (创建时间)updateTime (更新时间)createUser (创建人)updateUser (更新人) 这些字段在每个表中都存在,如果每次都手动设置会很麻烦。下面介绍三种常用的解决方案。 方案一&#xff1a;M…...

编程日记 2024/12/11 10:35:32

《MySQL 入门：数据库世界的第一扇门》

一、MySQL 简介 MySQL 是一种开源的关系型数据库管理系统&#xff0c;在数据库领域占据着重要地位。它以其高效查询、高安全性、低成本和扩展性著称&#xff0c;广泛应用于网站、企业级应用、数据分析等领域。 MySQL 具有诸多优点。首先&#xff0c;它成本低&#xff0c;作为…...

编程日记 2024/12/11 10:32:29

SpringBoot-17-MyBatis动态SQL标签之常用标签

文章目录 1 代码1.1 实体User.java1.2 接口UserMapper.java1.3 映射UserMapper.xml1.3.1 标签if1.3.2 标签if和where1.3.3 标签choose和when和otherwise1.4 UserController.java2 常用动态SQL标签2.1 标签set2.1.1 UserMapper.java2.1.2 UserMapper.xml2.1.3 UserController.ja…...

编程新知 2026/2/7 23:18:39

基于ASP.NET+ SQL Server实现（Web）医院信息管理系统

医院信息管理系统 1. 课程设计内容 在 visual studio 2017 平台上&#xff0c;开发一个“医院信息管理系统”Web 程序。 2. 课程设计目的 综合运用 c#.net 知识&#xff0c;在 vs 2017 平台上&#xff0c;进行 ASP.NET 应用程序和简易网站的开发&#xff1b;初步熟悉开发一…...

编程新知 2026/1/23 12:16:56

对WWDC 2025 Keynote 内容的预测

借助我们以往对苹果公司发展路径的深入研究经验&#xff0c;以及大语言模型的分析能力&#xff0c;我们系统梳理了多年来苹果 WWDC 主题演讲的规律。在 WWDC 2025 即将揭幕之际&#xff0c;我们让 ChatGPT 对今年的 Keynote 内容进行了一个初步预测&#xff0c;聊作存档。等到明…...

编程新知 2026/2/6 23:56:39

python执行测试用例，allure报乱码且未成功生成报告

allure执行测试用例时显示乱码&#xff1a;‘allure’ &#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;ڲ&#xfffd;&#xfffd;&#xfffd;&#xfffd;ⲿ&#xfffd;&#xfffd;&#xfffd;Ҳ&#xfffd;&#xfffd;&#xfffd;ǿ&#xfffd;&am…...

编程新知 2026/2/7 4:21:44

Spring是如何解决Bean的循环依赖：三级缓存机制

1、什么是 Bean 的循环依赖 在 Spring框架中，Bean 的循环依赖是指多个 Bean 之间‌互相持有对方引用‌，形成闭环依赖关系的现象。 多个 Bean 的依赖关系构成环形链路，例如： 双向依赖：Bean A 依赖 Bean B，同时 Bean B 也依赖 Bean A（A↔B）。链条循环： Bean A → Bean…...

编程新知 2025/7/25 1:21:53

论文阅读笔记——Muffin: Testing Deep Learning Libraries via Neural Architecture Fuzzing

Muffin 论文 现有方法 CRADLE 和 LEMON&#xff0c;依赖模型推理阶段输出进行差分测试&#xff0c;但在训练阶段是不可行的&#xff0c;因为训练阶段直到最后才有固定输出&#xff0c;中间过程是不断变化的。API 库覆盖低&#xff0c;因为各个 API 都是在各种具体场景下使用。…...

编程新知 2026/2/9 16:59:34

es6+和css3新增的特性有哪些

一&#xff1a;ECMAScript 新特性&#xff08;ES6&#xff09; ES6 (2015) - 革命性更新 1&#xff0c;记住的方法&#xff0c;从一个方法里面用到了哪些技术 1&#xff0c;let /const块级作用域声明2&#xff0c;**默认参数**&#xff1a;函数参数可以设置默认值。3&#x…...

编程新知 2025/11/26 7:13:37

Neko虚拟浏览器远程协作方案：Docker+内网穿透技术部署实践

前言&#xff1a;本文将向开发者介绍一款创新性协作工具——Neko虚拟浏览器。在数字化协作场景中&#xff0c;跨地域的团队常需面对实时共享屏幕、协同编辑文档等需求。通过本指南&#xff0c;你将掌握在Ubuntu系统中使用容器化技术部署该工具的具体方案&#xff0c;并结合内网…...

编程新知 2026/2/9 22:04:22

篇章二 论坛系统——系统设计

目录 2.系统设计 2.1 技术选型 2.2 设计数据库结构 2.2.1 数据库实体 1. 数据库设计 1.1 数据库名: forum db 1.2 表的设计 1.3 编写SQL 2.系统设计 2.1 技术选型 2.2 设计数据库结构 2.2.1 数据库实体 通过需求分析获得概念类并结合业务实现过程中的技术需要&#x…...

编程新知 2026/2/5 5:58:30

webpack面试题

面试题&#xff1a;webpack介绍和简单使用 一、webpack&#xff08;模块化打包工具&#xff09;1. webpack是把项目当作一个整体&#xff0c;通过给定的一个主文件&#xff0c;webpack将从这个主文件开始找到你项目当中的所有依赖文件&#xff0c;使用loaders来处理它们&#x…...

编程新知 2025/10/19 1:38:36