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

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

news 文章来源：https://blog.csdn.net/2302_77250325/article/details/144375500 2025/1/18 9:03:25

文档结构标签

  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

Qt之第三方库QCustomPlot使用（二）

Qt开发 系列文章 - qcustomplot&#xff08;二&#xff09; 目录 前言 一、Qt开源库 二、QCustomPlot 1.qcustomplot介绍 2.qcustomplot下载 3.qcustomplot移植 4.修改项目文件.pro 5.提升QWidget类‌ 三、技巧讲解 1.拖动缩放功能 2.等待更新 总结 前言 Qt第三方…...

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

JAVA-类与继承

啥是继承&#xff1f; 在JAVA中&#xff0c; 继承就是子类继承父类的特征和行为&#xff0c;使得子类拥有父类的特征和行为&#xff0c;同时还可以拥有父类所没有的特征和行为。 举个例子通俗来讲&#xff0c;兔子和羊是食草动物类&#xff0c;狮子和豹子是食肉动物类&#x…...

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

SSH连接报错，Corrupted MAC on input 解决方法

问题描述 客户在windows CMD中SSH连接失败&#xff0c;报错: Corrupted MAC on input ssh_dispatch_run_fatal: Connection to x.x.x.x port 22: message authentication code incorrect值得注意的是&#xff0c;客户通过别的机器做SSH连接可以成功&#xff0c;使用putty, mo…...

编程日记 2024/12/11 10:24:17

【C++】8___继承

目录 一、基本语法 二、继承方式 三、对象模型 四、继承中的构造与析构的顺序 五、继承中同名成员处理 六、多继承语法 七、菱形继承 一、基本语法 好处&#xff1a;减少重复的代码 语法&#xff1a; class 子类 &#xff1a; 继承方式 父类 子类 也称为 派生类 父类…...

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

C# 中的异常处理：构建健壮和可靠的程序

C#中的异常处理&#xff08;Exception Handling&#xff09;。异常处理是编程中非常重要的一部分&#xff0c;它允许开发者优雅地处理程序运行时可能出现的错误或意外情况。通过有效的异常处理&#xff0c;可以使应用程序更加健壮、可靠&#xff0c;并提供更好的用户体验。以下…...

编程日记 2024/12/11 10:15:03

基于智能合约的医院凭证共享中心路径探析

一、引言 随着医疗行业的不断发展和信息技术的进步&#xff0c;基于智能合约的医疗凭证共享中心解决方案成为了可能。在当今数字化时代&#xff0c;医疗领域面临着诸多挑战&#xff0c;如医疗数据的分散存储、信息共享的不便捷以及凭证管理的复杂性等问题。而智能合约的出现&am…...

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

vba学习系列(9)--按需求计数单元格数量

系列文章目录 文章目录 系列文章目录前言一、按需求计数单元格数量1.需求 二、使用步骤1.vba源码2.整理后 总结 前言 一、按需求计数单元格数量 1.需求 一个表中有多个类型的单元格内容&#xff0c;比如&#xff1a;文字、数字、特殊字符、字母数字…… 我们要计数字母数字的…...

编程日记 2024/12/11 10:09:56

scale index的计算

scale index定义 基本实现 需要注意&#xff0c;scale index的提出者分别构建了MATLAB和R语言的实现方式。 但是&#xff0c;需要注意&#xff0c;经过我向作者求证。 MATLAB编写的代码已经“过时了”&#xff0c;为了拥抱时代&#xff0c;作者构建了R语言包&#xff0c;名称为…...

编程日记 2024/12/11 10:08:53

鸿蒙实现Web组件开发

目录&#xff1a; 1、简介&使用场景2、加载网络页面3、加载本地页面4、加载HTML格式的文本数据5、设置深色模式6、上传文件7、在新窗口中打开页面8、管理位置权限 1、简介&使用场景 Web是一种基于互联网的技术和资源的网络服务系统。它是指由许多互连的计算机组成的全…...

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

Linux——linux系统移植

创建VSCode工程 1、将NXP官方的linux内核拷贝到Ubuntu 2、解压缩tar -vxjf linux-imx-rel_imx_4.1.15_2.1.0_ga.tar.bz2 NXP官方开发板Linux内核编译 1、将.vscode文件夹复制到NXP官网linux工程中&#xff0c;屏蔽一些不需要的文件 2、编译NXP官方EVK开发板对应的Linux系统…...

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

wordpress 页面别名/app推广是什么意思

之前一直是使用Eclipse创建Web项目&#xff0c;用IDEA和MyEclipse的创建SpringMVC项目的时候时不时会遇到一些问题&#xff0c;这里把这个过程记录一下&#xff0c;希望能帮助到那些有需要的朋友。我是用的是MyEclipse2017 CI 3&#xff0c;相近版本应该都差不多。至于其他版本…...

编程日记 2025/1/18 5:23:31

做cpa建什么网站好/智慧软文网站

主要函数开启线程 CreateThread 需要时时获取或步骤繁琐的建议开启线程 CreateThread(NULL, 0, (LPTHREAD_START_ROUTINE)调用写好的函数或者CALL, 这个可以是自定义的参数, 0, NULL); 封装调用call函数。就可以直接使用这个SendTextMessage函数 //************************…...

编程日记 2025/1/18 1:15:44

成品网站qq客服/百度口碑官网

[client]#password your_passwordport 3306socket /tmp/mysql.sock[mysqld]port 3306socket /tmp/mysql.sockuser mariadbbasedir 这里是你自己的路径(查安装后的默认配置文件)datadir 这里是你自己的路径(查安装后的默认配置文件)log_er…...

编程日记 2025/1/17 20:25:29

网站域名包括哪些/外链seo服务

前言hr面试可能是面试的最后一个环节&#xff0c;大多数同学以为到了这一环节就稳了&#xff0c;offer到手了&#xff0c;我一开始也是这样以为的&#xff0c;结果还是乖乖交了学费被上了一课&#xff0c;今天乔兄不收学费免费给大家上课啦~去哪儿秋招的第一家公司是去哪儿&…...

编程日记 2025/1/17 17:47:30

网上做翻译兼职网站好/国内看不到的中文新闻网站

###一、首先在[HCaaS官网](https://cubepaas.com/?spreadd1b6ce7d228b4363946da18b66fe8948qf7sneblgv "HCaaS官网")&#xff0c;注册账号(注册成功领取最高300元平台金)&#xff0c;进入主面板选择 容器虚拟机-->创建虚拟机------------![](/upload/images/2020…...

编程日记 2025/1/17 16:24:44

教育培训网站建站/seo模板建站

在前一个Post中&#xff0c;曾提到将要重点研究Dependency属性的三个方面&#xff1a;变化通知&#xff1b;属性值的继承&#xff1b;支持多个提供对象。下面&#xff0c;我将分别就这三个内容进行简单地说明。【变化通知】 在任何时候&#xff0c;只要Dependency属性的值发生了…...

编程日记 2025/1/17 16:10:31