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

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

news 2025/7/3 5:51:00

文档结构标签

  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

【入坑系列】TiDB 强制索引在不同库下不生效问题

文章目录 背景SQL 优化情况线上SQL运行情况分析怀疑1：执行计划绑定问题？尝试：SHOW WARNINGS 查看警告探索 TiDB 的 USE_INDEX 写法Hint 不生效问题排查解决参考背景 项目中使用 TiDB 数据库，并对 SQL 进行优化了，添加了强制索引。 UAT 环境已经生效，但 PROD 环境强制索…...

编程新知 2025/7/1 17:21:40

dedecms 织梦自定义表单留言增加ajax验证码功能

增加ajax功能模块&#xff0c;用户不点击提交按钮&#xff0c;只要输入框失去焦点&#xff0c;就会提前提示验证码是否正确。 一&#xff0c;模板上增加验证码 <input name"vdcode"id"vdcode" placeholder"请输入验证码" type"text&quo…...

编程新知 2025/6/26 11:26:17

Nginx server_name 配置说明

Nginx 是一个高性能的反向代理和负载均衡服务器&#xff0c;其核心配置之一是 server 块中的 server_name 指令。server_name 决定了 Nginx 如何根据客户端请求的 Host 头匹配对应的虚拟主机&#xff08;Virtual Host&#xff09;。 1. 简介 Nginx 使用 server_name 指令来确定…...

编程新知 2025/6/17 10:29:06

【OSG学习笔记】Day 16: 骨骼动画与蒙皮（osgAnimation）

骨骼动画基础 骨骼动画是 3D 计算机图形中常用的技术&#xff0c;它通过以下两个主要组件实现角色动画。 骨骼系统 (Skeleton)&#xff1a;由层级结构的骨头组成&#xff0c;类似于人体骨骼蒙皮 (Mesh Skinning)&#xff1a;将模型网格顶点绑定到骨骼上&#xff0c;使骨骼移动…...

编程新知 2025/6/24 2:02:57

蓝桥杯 冶炼金属

原题目链接 &#x1f527; 冶炼金属转换率推测题解 &#x1f4dc; 原题描述 小蓝有一个神奇的炉子用于将普通金属 O O O 冶炼成为一种特殊金属 X X X。这个炉子有一个属性叫转换率 V V V&#xff0c;是一个正整数&#xff0c;表示每 V V V 个普通金属 O O O 可以冶炼出 …...

编程新知 2025/6/21 11:16:25

并发编程 - go版

1.并发编程基础概念 进程和线程 A. 进程是程序在操作系统中的一次执行过程&#xff0c;系统进行资源分配和调度的一个独立单位。B. 线程是进程的一个执行实体,是CPU调度和分派的基本单位,它是比进程更小的能独立运行的基本单位。C.一个进程可以创建和撤销多个线程;同一个进程中…...

编程新知 2025/6/28 21:59:54

【Elasticsearch】Elasticsearch 在大数据生态圈的地位 实践经验

Elasticsearch 在大数据生态圈的地位 & 实践经验 1.Elasticsearch 的优势1.1 Elasticsearch 解决的核心问题1.1.1 传统方案的短板1.1.2 Elasticsearch 的解决方案 1.2 与大数据组件的对比优势1.3 关键优势技术支撑1.4 Elasticsearch 的竞品1.4.1 全文搜索领域1.4.2 日志分析…...

编程新知 2025/6/26 10:33:20

恶补电源：1.电桥

一、元器件的选择 搜索并选择电桥&#xff0c;再multisim中选择FWB&#xff0c;就有各种型号的电桥: 电桥是用来干嘛的呢&#xff1f; 它是一个由四个二极管搭成的“桥梁”形状的电路&#xff0c;用来把交流电&#xff08;AC&#xff09;变成直流电&#xff08;DC&#xff09;。…...

编程新知 2025/7/2 1:38:29

深入解析 ReentrantLock：原理、公平锁与非公平锁的较量

ReentrantLock 是 Java 中 java.util.concurrent.locks 包下的一个重要类，用于实现线程同步，支持可重入性，并且可以选择公平锁或非公平锁的实现方式。下面将详细介绍 ReentrantLock 的实现原理以及公平锁和非公平锁的区别。 ReentrantLock 实现原理 基本架构 ReentrantLo…...

编程新知 2025/6/24 1:12:36

【Vue】scoped+组件通信+props校验

【scoped作用及原理】 【作用】 默认写在组件中style的样式会全局生效, 因此很容易造成多个组件之间的样式冲突问题 故而可以给组件加上scoped 属性&#xff0c; 令样式只作用于当前组件的标签 作用&#xff1a;防止不同vue组件样式污染 【原理】 给组件加上scoped 属性后…...

编程新知 2025/7/2 12:16:51