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

HTML 日常开发常用标签

news 2026/5/26 17:30:52

文章目录

  • 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、语义化标签&#xff08;HTML5新增&#xff09;10、框架和内联11、交互12、过时或不推荐使用的标签 HTML 日常开发常用标签 1、基本结…...

编程日记 2025/2/28 12:03:51

Spring事务失效六大场景

引言 Spring事务一般我们采用注解实现&#xff0c;但是我们构造事务实现的时候常常没察觉失效的情况&#xff0c;本篇文章总结事务失效的六大情况&#xff0c;帮助我们深刻理解事务失效的边界概念 1. 方法自调用 这个主要是针对声明式事务的&#xff0c;经过前面的介绍&…...

编程日记 2025/2/28 12:02:48

【缓冲区】数据库备份的衍生问题，缓冲区在哪里？JVMor操作系统？（二）

【缓冲区】数据库备份的衍生问题&#xff0c;缓冲区在哪里&#xff1f;JVMor操作系统&#xff1f;&#xff08;二 完结&#xff09; 缓冲区既属于操作系统&#xff0c;也属于 JVM&#xff0c;具体取决于你讨论的是哪个层面的缓冲区。下面我会详细解释这两者的区别和联系。 1. …...

编程日记 2025/2/28 12:01:47

如何免费使用稳定的deepseek

0、背景&#xff1a; 在AI辅助工作中&#xff0c;除了使用cursor做编程外&#xff0c;使用deepseek R1进行问题分析、数据分析、代码分析效果非常好。现在我经常会去拿行业信息、遇到的问题等去咨询R1&#xff0c;也给了自己不少启示。但是由于官网稳定性很差&#xff0c;很多…...

编程日记 2025/2/28 11:55:40

钉钉小程序(企业内部应用)开发--钉钉小程序web-view嵌套H5与小程序之间的通信（H5跳转钉钉小程序小程序postMessage）

钉钉小程序代码&#xff1a;嵌套H5 pages/login/index.axml <web-view src"{{urlH5}}" onMessage"test"></web-view> H5向小程序发送信息&#xff1a; H5代码&#xff1a; 通过以下代码我一直报错dd没有被定义 if (navigator.userAgent.to…...

编程日记 2025/2/28 11:53:37

超级免费/牛的图片格式转换工具jpg/jpeg/png

选择多次图片文件&#xff0c;并在所有图片选择完后进行批量转换。这种需求可以通过tkinter来实现&#xff0c;它是Python的标准GUI库&#xff0c;能够提供一个简洁的界面来选择文件和执行操作。您的代码要是网络运行不流畅可以试试它​​​​​​​ 下面是一个简单的GUI程序&a…...

编程日记 2025/2/28 11:52:35

毛泽东思想“活的灵魂”

关于毛泽东思想“活的灵魂”的构成及其内涵&#xff0c;综合历史文献与权威表述&#xff0c;核心内容整理如下&#xff1a; 一、毛泽东思想活的灵魂的权威定义 根据十一届六中全会《关于建国以来党的若干历史问题的决议》&#xff08;1981年&#xff09;&#xff0c;毛泽东思想…...

编程日记 2025/2/28 11:49:28

RabbitMQ系列（三）基本概念之Consumer

在 RabbitMQ 中&#xff0c;Consumer&#xff08;消费者&#xff09; 是负责从队列&#xff08;Queue&#xff09;中获取并处理消息的客户端角色&#xff0c;其核心机制与功能如下&#xff1a; 一、Consumer 的定义与核心作用 消息处理终端 Consumer 通过订阅或拉取队列中的消…...

编程日记 2025/2/28 11:47:26

天梯L2-003 月饼

L2-003 月饼 - 团体程序设计天梯赛-练习集 def slove():n,m map(float,input().split())z list(map(float,input().split()))y list(map(float,input().split()))n int(n)d []for i in range(n):d.append([z[i],y[i]])d.sort(key lambda x:x[1]/x[0],reverse True)cnt…...

编程日记 2025/2/28 11:46:24

使用DeepSeek/ChatGPT等AI工具辅助编写wireshark过滤器

随着deepseek,chatgpt等大模型的能力越来越强大&#xff0c;本文将介绍借助deepseek&#xff0c;chatgpt等大模型工具&#xff0c;通过编写提示词&#xff0c;辅助生成全面的Wireshark显示过滤器的能力。 每一种协议的字段众多&#xff0c;流量分析的需求多种多样&#xff0c;…...

编程日记 2025/2/28 11:45:23

常用的AI文本大语言模型汇总

AI文本【大语言模型】 1、文心一言https://yiyan.baidu.com/ 2、海螺问问https://hailuoai.com/ 3、通义千问https://tongyi.aliyun.com/qianwen/ 4、KimiChat https://kimi.moonshot.cn/ 5、ChatGPThttps://chatgpt.com/ 6、魔塔GPT https://www.modelscope.cn/studios/iic…...

编程日记 2025/2/28 11:43:21

《深度剖析：特征工程—机器学习的隐秘基石》

在机器学习的宏大版图中&#xff0c;特征工程宛如一座隐藏在幕后却又至关重要的基石。它默默发挥着作用&#xff0c;将原始数据雕琢成模型能够有效学习和理解的形态&#xff0c;深刻影响着机器学习模型的性能与表现。 特征工程&#xff1a;机器学习的关键前奏 特征工程是运用…...

编程日记 2025/2/28 11:37:09

解决npm run dev报错

解决&#xff1a;Node.js 版本更新后与 OpenSSL 不兼容导致的npm报错“Error: error:0308010C:digital envelope routines::unsupported” 方法一&#xff1a;更改系统环境变量方法二&#xff1a;更改项目环境变量方法三&#xff1a;更换 Node.js 版本方法四&#xff1a;升级依…...

编程日记 2025/2/28 11:33:04

教你通过腾讯云AI代码助手,免费使用满血版deepseek r1，还可以自定义知识库！

大家好&#xff0c;今天教大家如何通过腾讯云AI代码助手,免费使用全世界最牛逼的deepseek大模型的deepseek r1满血版&#xff01; 1. 环境准备 提前下载好下面任意的一款编程使用的代码编辑器 Visual Studio CodeJetBrains IDEsVisual Studio微信开发者工具 2. 下载安装 打…...

编程日记 2025/2/28 11:32:02

【C++/数据结构】栈的模拟实现

零.导言 栈是一种数据结构&#xff0c;在后续的学习中可能经常使用&#xff0c;因此我们今天就来学习如何实现栈&#xff0c;以更好地使用它。 一.栈的模拟实现 栈的形式如下&#xff1a; #include<iostream> #include<cassert>using namespace std;typedef int S…...

编程日记 2025/2/28 11:28:58

StarRocks 开发环境搭建踩坑指北之存算分离篇

前段时间碰到一个 StarRocks 物化视图的 bug: https://github.com/StarRocks/starrocks/issues/55301 但是这个问题只能在存算分离的场景下才能复现&#xff0c;为了找到问题原因我便尝试在本地搭建一个可以 Debug 的存算分离版本。 之前也分享过在本地 Debug StarRocks&#x…...

编程日记 2025/2/28 11:27:56

C++ Qt常见面试题（2）：QT中的文件流(QTextStream)和数据流(QDataStream)的区别

在 Qt 中，QTextStream 和 QDataStream 是两种常用的流类，用于通过文件或其他 I/O 设备（如网络、内存）读写数据。虽然它们都可以用来操作数据，但它们的设计目标和使用场景不同。以下是它们的主要区别和适用场景的详细说明： 1. QTextStream：文本流 QTextStream 是一种专门…...

编程日记 2025/2/28 11:26:55

Linux驱动学习(三)--字符设备架构与注册

1.内核如何维护设备号的&#xff1f; chrdevs指针数组 在内核中有一个重要的全局变量&#xff1a;chrdevs指针数组&#xff0c;位于char_dev.c文件中 chrdevs指针数组的每一个成员指向一个char_device_struct结构体&#xff0c;该结构体中&#xff0c;最重要的变量是cdev指针…...

编程日记 2025/2/28 11:23:51

软件工程应试复习（考试折磨版）

针对学校软件工程考试&#xff0c;参考教材《软件工程导论&#xff08;第6版&#xff09;》1-8章 学习的艺术&#xff1a;不断地尝试&#xff0c;我一定会找到高效用的方法&#xff0c;让学习变成一门艺术&#xff0c;从应试备考中解救出我的时间同胞们。 好嘞&#xff01;既然…...

编程日记 2025/2/28 11:22:49

【JAVAEE】多线程

【JAVAEE】多线程 一、进程1.1 进程的定义1.2 进程和线程的联系 二、线程2.1 JConsole工具2.2 创建线程2.2.1 Thread类&#xff0c;start&#xff08;&#xff09;&#xff0c;run&#xff08;&#xff09;2.2.2 继承Thread类2.2.3 实现Runnable接口2.2.4 匿名内部类2.2.5 使用…...

编程日记 2025/2/28 11:14:38

别再只用Service了！ROS1 Action通信保姆级教程：从导航进度条到任务取消，手把手教你实现带反馈的机器人任务

别再只用Service了&#xff01;ROS1 Action通信保姆级教程&#xff1a;从导航进度条到任务取消&#xff0c;手把手教你实现带反馈的机器人任务当你的机器人正在执行一个长达10分钟的导航任务时&#xff0c;突然发现目标点设置错误&#xff0c;这时候如果只能干等着任务完成或者…...

编程新知 2026/5/26 2:59:49

2026年HR招聘偏好白皮书：这5项附加技能出现频率暴涨

2026 年的招聘市场&#xff0c;正在从“看你会什么岗位技能”&#xff0c;转向“看你能不能把岗位做得更智能”。HR筛简历时&#xff0c;越来越关注候选人的AI应用能力、数据化思维和业务落地能力。人社部近年发布的新职业中&#xff0c;已经出现生成式人工智能系统应用员、人工…...

编程新知 2026/5/26 2:47:45

从社交关系到分子结构：图解GCN（图卷积网络）到底在‘看’什么？

从社交关系到分子结构&#xff1a;图解GCN&#xff08;图卷积网络&#xff09;到底在‘看’什么&#xff1f;想象一下&#xff0c;你刚搬到一个新社区&#xff0c;想快速了解周围的邻居。最直接的方式是什么&#xff1f;不是挨家挨户敲门&#xff0c;而是通过社区活动认识几位关…...

编程新知 2026/5/26 2:11:27

孤舟笔记 互联网常用框架篇三 Dubbo是如何动态感知服务下线的？注册中心和服务端双保险

文章目录先说结论机制一&#xff1a;注册中心通知机制二&#xff1a;心跳检测机制三&#xff1a;连接事件感知机制四&#xff1a;定时拉取四种机制的协作回答技巧与点评加分回答面试官点评个人网站微服务环境下&#xff0c;服务实例随时可能上下线——重启、扩容、宕机……调用…...

编程新知 2026/5/25 23:41:42

打不开JupyterLab

因为安装某些依赖导致JupyterLab的依赖被动升级或降级&#xff0c;从而影响了JupyterLab的运行&#xff0c;此时可以SSH登录到实例&#xff0c;然后输入jupyter-lab命令进行确认&#xff0c;如果执行命令报错则说明是此问题&#xff0c;那么可以通过pip install jupyterlab再次…...

编程新知 2026/5/25 23:31:35

保姆级避坑指南：在Ubuntu 22.04上搞定ROS2 Humble、PX4与Gazebo的联合仿真（附Empy版本降级）

保姆级避坑指南&#xff1a;Ubuntu 22.04下ROS2 Humble与PX4联合仿真的21个关键陷阱当你在Ubuntu 22.04上第一次尝试搭建ROS2 Humble、PX4与Gazebo的联合仿真环境时&#xff0c;可能会遇到比预期更多的挑战。这不是一个简单的"复制粘贴命令就能完成"的任务——版本冲…...

编程新知 2026/5/25 23:12:51

DeepSeek重复代码识别失效了？5个被90%团队忽略的AST解析盲区及修复清单

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;DeepSeek代码重复检测失效的真相与影响 DeepSeek-R1 模型在代码理解任务中表现出色&#xff0c;但其内置的代码重复检测机制在特定场景下存在系统性失效。根本原因在于模型对语义等价但语法结构差异显著的代…...

编程新知 2026/5/25 20:38:11

别让依赖毁了你的实验：记一次Vision Mamba复现中causal_conv1d与mamba-ssm的版本“打架”事件

Vision Mamba复现实战&#xff1a;破解依赖冲突的工程化解决方案在深度学习项目的复现过程中&#xff0c;依赖管理往往是最容易被忽视却又最常导致问题的环节。最近在复现Vision Mamba模型时&#xff0c;我遭遇了一场典型的Python依赖"战争"——causal_conv1d与mamba…...

编程新知 2026/5/25 17:44:08

为开源项目OpenClaw配置Taotoken作为其大模型服务后端

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 为开源项目OpenClaw配置Taotoken作为其大模型服务后端 OpenClaw 是一个功能强大的开源工具&#xff0c;它允许开发者便捷地调用各类…...

编程新知 2026/5/25 15:35:32

Windows键盘重映射终极指南：如何使用SharpKeys专业解决方案告别误触烦恼

Windows键盘重映射终极指南&#xff1a;如何使用SharpKeys专业解决方案告别误触烦恼 【免费下载链接】sharpkeys SharpKeys is a utility that manages a Registry key that allows Windows to remap one key to any other key. 项目地址: https://gitcode.com/gh_mirrors/sh…...

编程新知 2026/5/25 15:32:48