HTML 基础标签——分组标签 ＜div＞、＜span＞ 和基础语义容器
文章目录
- 1. `<div>` 标签
- 特点
- 用途
- 示例
- 2. `<span>` 标签
- 特点
- 用途
- 示例
- 3. `<fieldset>` 标签
- 特点
- 用途
- 示例
- 4. `<section>` 标签
- 特点
- 用途
- 示例
- 5. `<article>` 标签
- 特点
- 用途
- 示例
- 总结
HTML中的分组（容器）标签用于结构化内容，将页面元素组织成逻辑区域，使页面更具可读性和易维护性。这些标签既有纯粹的结构性标签（如 <div> 和 <span>），也有提供语义信息的标签（如 <section>、<article> 和 <fieldset>）。
合理使用分组标签，不仅可以提高网页的可访问性，还能为样式和脚本操作提供便捷的选择器。本节将深入探讨 HTML 中常用的分组标签，分别介绍它们的特点、用途和常见用法。
1. <div> 标签
<div> 是一个无语义的块级容器标签，仅用于将内容分组，无特殊的含义。因为它没有特定的语义，常用于定义布局的结构，如分栏、分区等。
特点
- 默认是块级元素，占据整行，
相关文章：
HTML 基础标签——分组标签 ＜div＞、＜span＞ 和基础语义容器
文章目录 1. `<div>` 标签特点用途示例2. `<span>` 标签特点用途示例3. `<fieldset>` 标签特点用途示例4. `<section>` 标签特点用途示例5. `<article>` 标签特点用途示例总结HTML中的分组（容器）标签用于结构化内容，将页面元素组织成逻辑区域…...
SS928V100 ISP常见问题列表
下载链接： https://download.csdn.net/download/quantum7/89948226 1 FAQ 1 1.1 ISP 1 1.1.1 如何解决整体锐度不足 1 1.1.2 如何解决图像发蒙问题，提高通透性 2 1.1.3 如何解决低照度清晰度差 2 1.1.4 如何解决图像清晰度与物体边缘白边和黑边问题…...
AI写诗：自动版大唐宫体诗
大唐学子，手拿一本小卷（类书），从中挑选过去他们（权威）认为好的词来拼接一首诗，此类诗词称作“宫体诗”，在初唐时期甚是流行。 写“宫体诗”的过程有木有那么一丝丝的熟悉？…...
)
Java复习31（PTA)
sdust-Java-字符串集合求并集 分数 15 全屏浏览 切换布局 作者 张峰 单位 山东科技大学 从键盘接收N个英文字符串（其中不同的字符串数量大于10），从头开始取5个不同的字符串放入一个集合S1，然后接着取5个不同的字符串放入另一个…...
【Linux系列】Linux 系统中的软连接管理
💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…...
)
@layer(级联层)
在css样式表(文件)中声明layer为样式添加级联层,其意义在于可以使用它重新定义样式的叠层关系. layer后声明的级联层里面的样式将覆盖前声明的级联层里面的相同属性.在级联层外声明的样式会覆盖级联层里面的相同属性样式,同一层级里面的样式冲突,依然按照优先级来计算. 在级联层…...
nginx代理websocket服务
一、nginx代理websocket服务 一）nginx代理ws服务 在nginx中，可以通过proxy_pass指令来代理WebSocket服务。 以下是一个示例配置： map $http_upgrade $connection_upgrade {default upgrade; close; }upstream ws_backend {server 127.0.0.1:…...
第二十七章 Vue异步更新之$nextTick
目录 一、概述 二、完整代码 2.1. main.js 2.2. App.vue 一、概述 需求：编辑标题, 弹出显示编辑框自动聚焦 1. 点击编辑，显示编辑框 2. 让编辑框，立刻获取焦点 我们常规的思路可能会编写如下代码来实现： 问题：…...
【51 Pandas+Pyecharts | 深圳市共享单车数据分析可视化】
文章目录 🏳️🌈 1. 导入模块🏳️🌈 2. Pandas数据处理2.1 读取数据2.2 查看数据信息2.3 处理起始时间、结束时间2.4 增加骑行时长区间列2.5 增加骑行里程区间列 🏳️🌈 3. Pyecharts数据可视化3.1 各…...
【Clikhouse 探秘】ClickHouse 物化视图：加速大数据分析的新利器
👉博主介绍： 博主从事应用安全和大数据领域，有8年研发经验，5年面试官经验，Java技术专家，WEB架构师，阿里云专家博主，华为云云享专家，51CTO 专家博主 ⛪️ 个人社区&#x…...
线程相关题（线程池、线程使用、核心线程数的设置）
目录 线程安全的什么情况用？情况下用线程安全的类？ 线程池线程方面的优化 线程池调优主要涉及以下几个关键参数。 线程不安全原因? 1. 共享资源访问冲突 2. 缺乏原子操作 3. 内存可见性问题 4. 重排序问题 如何解决线程不安全的问题࿱…...
2181、合并零之间的节点
2181、[中等] 合并零之间的节点 1、问题描述： 给你一个链表的头节点 head ，该链表包含由 0 分隔开的一连串整数。链表的 开端 和 末尾 的节点都满足 Node.val 0 。 对于每两个相邻的 0 ，请你将它们之间的所有节点合并成一个节点ÿ…...
powerlaw：用于分析幂律分布的Python库
引言 幂律分布在游戏行业中非常重要。在免费游戏模式下，玩家的付费行为往往遵循幂律分布。少数“鲸鱼玩家”贡献了大部分的收入，而大多数玩家可能只进行少量或不进行付费。通过理解和应用幂律分布，游戏开发者可以更好地分析和预测玩家行为&a…...
工作管理实战指南：利用Jira、Confluence等Atlassian工具打破信息孤岛，增强团队协作【含免费指南】
如果工作场所存在超级反派，其中之一可能会被命名为“信息孤岛”，因为它们能够对公司的生产力和协作造成严重破坏。当公司决定使用太多互不关联的工具来完成工作时，“信息孤岛”就会出现，导致团队需要耗费大量时间才能就某件事情达…...
JAVA语言多态和动态语言实现原理
JAVA语言多态和动态语言实现原理 前言invoke指令invokestaticinvokespecialinvokevirtualinvokeintefaceinvokedynamicLambda 总结 前言 我们编码java文件，javac编译class文件，java运行class，JVM执行main方法，加载链接初始化对应…...
阿里云-防火墙设置不当导致ssh无法连接
今天学网络编程的时候，看见有陌生ip连接，所以打开了防火墙禁止除本机之外的其他ip连接： 但是当我再次用ssh的时候，连不上了才发现大事不妙。 折腾了半天，发现阿里云上可以在线向服务器发送命令，所以赶紧把2…...
使用WebAssembly优化Web应用性能
💓 博客主页：瑕疵的CSDN主页 📝 Gitee主页：瑕疵的gitee主页 ⏩ 文章专栏：《热点资讯》 使用WebAssembly优化Web应用性能 引言 WebAssembly 简介 安装工具 创建 WebAssembly 项目 编写 WebAssembly 代码 编译 WebAssem…...
软件测试模型
软件测试模型是在软件开发过程中，用于指导软件测试活动的一系列方法和框架。这些模型帮助测试团队确定何时进行测试、测试什么以及如何测试，从而确保软件的质量和稳定性。 一 V模型 V模型是一种经典的软件测试模型,它由瀑布研发模型演变而来的测试模型…...
动态规划——两个数组的dp问题
目录 一、最长公共子序列 二、不同的子序列 三、通配符匹配 四、正则表达式匹配 五、两个字符串的最小ASCII删除和 六、最长重复子数组 七、交错字符串 一、最长公共子序列 最长公共子序列 第一步：确定状态表示 dp[i][j]：表示字符串 s1 的 [0&am…...
视频QoE测量学习笔记(二)
目录 自适应比特率（ABH或ABS） HAS:HTTP adaptive streaming 自适应本质： HAS正在解决传统流协议中主要关注的几个方面： DASH标准化原因 HAS发展 编码： 影响HAS系统的四个主要问题： 一个健全的HAS方…...
)
椭圆曲线密码学(ECC)
一、ECC算法概述 椭圆曲线密码学（Elliptic Curve Cryptography）是基于椭圆曲线数学理论的公钥密码系统，由Neal Koblitz和Victor Miller在1985年独立提出。相比RSA，ECC在相同安全强度下密钥更短（256位ECC ≈ 3072位RSA…...
PHP和Node.js哪个更爽?
先说结论，rust完胜。 php：laravel，swoole，webman，最开始在苏宁的时候写了几年php，当时觉得php真的是世界上最好的语言，因为当初活在舒适圈里，不愿意跳出来，就好比当初活在…...
Java - Mysql数据类型对应
Mysql数据类型java数据类型备注整型INT/INTEGERint / java.lang.Integer–BIGINTlong/java.lang.Long–––浮点型FLOATfloat/java.lang.FloatDOUBLEdouble/java.lang.Double–DECIMAL/NUMERICjava.math.BigDecimal字符串型CHARjava.lang.String固定长度字符串VARCHARjava.lang…...
转转集团旗下首家二手多品类循环仓店“超级转转”开业
6月9日，国内领先的循环经济企业转转集团旗下首家二手多品类循环仓店“超级转转”正式开业。 转转集团创始人兼CEO黄炜、转转循环时尚发起人朱珠、转转集团COO兼红布林CEO胡伟琨、王府井集团副总裁祝捷等出席了开业剪彩仪式。 据「TMT星球」了解，“超级…...
Cinnamon修改面板小工具图标
Cinnamon开始菜单-CSDN博客 设置模块都是做好的，比GNOME简单得多！ 在 applet.js 里增加 const Settings imports.ui.settings;this.settings new Settings.AppletSettings(this, HTYMenusonichy, instance_id); this.settings.bind(menu-icon, menu…...
【Java_EE】Spring MVC
目录 Spring Web MVC 编辑注解 RestController RequestMapping RequestParam RequestParam RequestBody PathVariable RequestPart 参数传递 注意事项 编辑参数重命名 RequestParam 编辑编辑传递集合 RequestParam 传递JSON数据 编辑RequestBody …...
Unity | AmplifyShaderEditor插件基础（第七集：平面波动shader）
目录 一、👋🏻前言 二、😈sinx波动的基本原理 三、😈波动起来 1.sinx节点介绍 2.vertexPosition 3.集成Vector3 a.节点Append b.连起来 4.波动起来 a.波动的原理 b.时间节点 c.sinx的处理 四、🌊波动优化…...
Selenium常用函数介绍
目录 一，元素定位 1.1 cssSeector 1.2 xpath 二，操作测试对象 三，窗口 3.1 案例 3.2 窗口切换 3.3 窗口大小 3.4 屏幕截图 3.5 关闭窗口 四，弹窗 五，等待 六，导航 七，文件上传 …...
JS手写代码篇----使用Promise封装AJAX请求
15、使用Promise封装AJAX请求 promise就有reject和resolve了，就不必写成功和失败的回调函数了 const BASEURL ./手写ajax/test.jsonfunction promiseAjax() {return new Promise((resolve, reject) > {const xhr new XMLHttpRequest();xhr.open("get&quo…...
Python+ZeroMQ实战：智能车辆状态监控与模拟模式自动切换
目录 关键点 技术实现1 技术实现2 摘要： 本文将介绍如何利用Python和ZeroMQ消息队列构建一个智能车辆状态监控系统。系统能够根据时间策略自动切换驾驶模式（自动驾驶、人工驾驶、远程驾驶、主动安全），并通过实时消息推送更新车…...