div和section有什么区别?在加一个article标签

2023-11-04

1)div在html早期版本就支持了,section和article是html5提出的两个语义化标签。如果只是针对一个块内容做样式化,三者并无区别。

2)作为语义化标签,section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一般来说,当元素内容明确地出现在文档大纲中时,section
 就是适用的。

3)对于article标签来说,无论从结构上还是内容上来说,article 本身就是独立的、完整的。有个最简单的判断方法是看这段内容脱离了所在的语境,是否还是完整的、独立的,
如果是,则应该用article标签。

4)div section article ,语义是从无到有,逐渐增强的。div 无任何语义,仅仅用作样式化或者脚本化,对于一段主题性的内容,则就适用 section,
而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article。原则上来说,能使用 article 的时候,也是可以使用 section 的,
但是实际上,假如使用 article 更合适,那么就不要使用 section。 
按照我的理解,div是一个没任何意义的标签,section就更具体些,带有标题之类的,而article算是一个特殊的section。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

div和section有什么区别?在加一个article标签 的相关文章

  • 如何使用 jQuery 在按下按钮后保持按钮处于活动状态

    我见过一些非常相似的问题 但一直无法找到我正在寻找的答案 我已经确定了解决方法 但想知道执行该任务的正确方法 我想要的是单击按钮并使活动状态保持不变 下一次单击将切换状态 这是所需的 我真正需要知道的是如何解决 uiButton activ
  • 在 Spring 中为 @Pathvariable 添加类级别验证

    在发布这个问题之前 我已经做了很多研究并尝试了很多可用的解决方案 这是我陷入的棘手情况 我有一个 Spring 控制器 它有多个请求映射 它们都有 PathVariables 控制器如下所示 Controller EnableWebMvc
  • 无需递归即可对可观察结果进行分页 - RxJava

    我有一个非常标准的 API 分页问题 您可以通过一些简单的递归来处理 这是一个捏造的例子 public Observable
  • 如何自定义舍入形式

    我的问题可能看起来很简单 但仍然无法得到有效的东西 我需要自定义 Math round 舍入格式或其他格式以使其工作如下 如果数字是 1 6 他应该四舍五入到 1 如果大于或等于 1 7 他应该四舍五入到 2 0 对于所有其他带有 6 的小
  • 按降序排序映射java8 [重复]

    这个问题在这里已经有答案了 private static
  • 如何使用 Jersey 将嵌套列表封送为 JSON?我得到一个空数组或一个包含数组的单元素字典数组

    我正在开发一个使用 Jersey 将对象转换为 JSON 的项目 我希望能够写出嵌套列表 如下所示 data one two three a b c 我想要转换的对象首先将数据表示为 gt gt 我认为 Jersey 会做正确的事情 以上输
  • 将字符串转换为正确的 URI 格式?

    有没有简单的方法可以将电子邮件地址字符串转换为正确的 URI 格式 Input http mywebsite com validate email 3DE4ED727750215D957F8A1E4B117C38E7250C33 email
  • 加载背景图像的图像不显示

    我真的很困惑 我正在尝试创建一个带有图标和一些按钮的登陆页面 但我无法设法使我正在使用的背景图像显示出来 即使它是根据 Chrome 的开发工具包加载的 我只有这些行 索引 html div class row div class tryh
  • Rails 中的 PDF 导出

    我需要将包含一些图表的 HTML 页面导出为 PDF 有哪些好的 gem 可以做到这一点 PDFKit http railscasts com episodes 220 pdfkit http railscasts com episodes
  • Azure Java SDK:ServiceException:ForbiddenError:

    尝试了基本位置检索器代码 如下所示 String uri https management core windows net String subscriptionId XXXXXXXX 5fad XXXXXX 9dfa XXXXXX St
  • Onblur 事件在另一个 div 的 onclick 之前触发

    如上所述 我有一个按钮 单击该按钮将打开子菜单 对于子菜单中的每个选项 都有三个元素 我认为实际上还有更多元素 但为了简单起见 将其保留为 3 我将焦点放在子菜单的主 div 白色 框架 上 Onblur 这个 div 然后我隐藏子菜单 这
  • Android计算两个日期之间的天数

    我编写了以下代码来查找两个日期之间的天数 startDateValue new Date startDate endDateValue new Date endDate long diff endDateValue getTime star
  • 使用 Apache 允许 Glassfish 和 PHP 在同一服务器中协同工作

    是否可以建立从 Java 到 php 文件的桥梁 我有一个用 Java 编写的应用程序 我需要执行http piwik org http piwik org 这是用 PHP 编写的 在服务器中 我正在运行 PHP 但无法从浏览器访问 php
  • Android ScrollView,检查当前是否滚动

    有没有办法检查标准 ScrollView 当前是否正在滚动 方向是向上还是向下并不重要 我只需要检查它当前是否正在滚动 ScrollView当前形式不提供用于检测滚动事件的回调 有两种解决方法可用 1 Use a ListView并实施On
  • Selenium 单击在 Internet Explorer 11 上不起作用

    我尝试在 Internet Explorer 上单击 selenium 但它不起作用 我努力了element click moveToElement element click build perform javascript没事了 事实上
  • 带缩略图的轮播和 bootstrap v4

    我看到了带有缩略图的轮播演示bootstrap 3 here http jsfiddle net talmand JS6JV 我正在尝试为 bootstrap v4 实现相同的功能 但无法弄清楚如何修复一些 UI 细节 例如左 右阴影覆盖整
  • 将下拉按钮和下拉菜单放在中心?

    div class dropup center block div
  • iframe 主体删除空间

    我的 iframe 风格为style width 100 几乎覆盖了页面宽度 但它在左侧和右侧留下了一个小边距 所以我添加了body margin 0px 删除空间 它有效 但问题是删除边距影响其他事物 例如段落 p inside 有没有办
  • Spring 作为 JNDI 提供者?

    我想使用 Spring 作为 JNDI 提供程序 这意味着我想在 Spring 上下文中配置一个 bean 可以通过 JNDI 访问该 bean 这看起来像这样
  • 在会话即将到期之前调用方法

    我的网络应用程序有登录的用户 有一个超时 在会话过期之前 我想执行一个方法来清理一些锁 我已经实现了sessionListener但一旦我到达public void sessionDestroyed HttpSessionEvent eve

随机推荐

  • JAVA子类继承父类的成员变量以及方法

    Dog继承Animal class Animal protected String name protected String description protected String say return 一只动物 class Dog e
  • 计算机网络中seq,计算机网络B卷及参考答案

    计算机网络 试卷B 卷 考试方式 闭卷 考试时间 120分钟 卷面总分 100分 一 单项选择题 本题共20题 每题2分 共40分 1 局部地区的通信网络简称局域网 英文缩写为 A WAN B LAN C MAN D PAN 2 因特网的正
  • 6-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案安全篇(Wi-Fi模块SSL连接MQTT)

    5 STM32物联网开发WIFI ESP8266 GPRS Air202 系统方案安全篇 配置MQTT的SSL证书 验证安全通信 首先确定自己的固件打开了SSL 升级篇里面的固件我打开了SSL 如果自己下载的是这个固件SSL就打开了 如果自
  • 快速定位java系统线上问题

    原文 https blog csdn net GitChat article details 79019454 一 前言 Java 语言是当前互联网应用最为广泛的语言 作为一名 Java 程序猿 当业务相对比较稳定之后平常工作除了 codi
  • 设计模式简述

    定义 设计模式是为解决某个问题的一套解决方案 优点 1 为某个问题提供了最优解决方案 2 A君以设计模式的思路写的代码 懂设计模式的B君 就很容易读懂A君的代码 设计模式类型 1 创建型模式 创建对象的同时隐藏创建逻辑的方式 2 结构型模式
  • Python爬取、存储、分析、可视化豆瓣电影Top250

    Python爬取 存储 分析 可视化豆瓣电影Top250 网站链接 https movie douban com top250 文章目录 前言 一 python爬取目标数据 并写入csv文件 二 pymysql数据存储 三 pandas数据
  • SSM框架用Ajax增删改查一个页面(简单易懂)

    目录 一 最终页面效果 二 Ajax回顾 2 1 ajax是什么 2 2 ajax有什么特点 2 3 具体编程内容 三 Jquery实现Ajax 3 1 导入Jquery库 3 2 释放Jquery静态资源 3 3 属性display no
  • 日常总结 -- verdaccio搭建npm私有仓库

    verdaccio搭建npm私有仓库 参考 verdaccio https github com verdaccio verdaccio readme 搭建NPM私有库 https www jianshu com p 1d0e85d1423
  • 【华为OD机试】求最多可以派出多少支团队【2023 B卷

    华为OD机试 真题 点这里 华为OD机试 真题考点分类 点这里 题目描述 用数组代表每个人的能力 一个比赛活动要求参赛团队的最低能力值为N 每个团队可以由1人或2人组成 且1个人只能参加1个团队 请计算出最多可以派出多少支符合要求的团队 输
  • 学习日志-《掘金/知乎-前端智能化》笔记

    前言 本文记录了学习掘金 知乎 前端智能化过程中的所有笔记 2021前端智能化的总结和展望 https juejin cn post 6966404264633565215 智能化效果图 流程图 前端智能化看 低代码 无代码 https j
  • docker search 镜像超时 使用dig解决

    安装dig yum install bind utils docker search mysql 时候报错 root dockermaster docker search mysqlError response from daemon Ge
  • 机器翻译——英译中

    1 前言 本文使用飞桨 PaddlePaddle 训练机器翻译模型 实现将英文翻译成中文的神经网络翻译机 本人全部文章请参见 博客文章导航目录 本文归属于 自然语言处理系列 本系列实践代码请参见 我的GitHub 前文 BERT与ERNIE
  • 全球网络加速的五个方法

    一 全球网络加速的定义 全球网络加速是指通过使用各种技术和服务来提高全球范围内的网络连接速度和性能 随着全球化的发展 跨国企业 云服务提供商和全球用户之间的网络通信变得越来越重要 全球网络加速旨在克服跨国网络连接中的延迟 带宽限制和数据包丢
  • 什么是测试开发?现阶段找工作能否抢救一下?

    前言 最近开始投简历 除了开发 唉看到了测试开发这一职位 那这是个什么岗位的 像我这种开发干不过别人 但又会一点的应届生能否抢救一下 1 我对测试开发的首先印象 听名字就是测试跟开发的结合嘛 估计是测试的基础上 进行一些开发任务 提高测试的
  • 关于学习JPA出现的问题(1)——不允许有匹配 “[xX][mM][lL]“ 的处理指令目标(Unable to locate persistence units)

    这个错误比较简单 而且触发的条件很多 主要就是你的XML文件错了 导致读取不到文件信息 这个时候第一个要检查的是文件的格式 然后再检查标签 一般都能排查出来
  • 搭建国产化统信UOS操作系统虚拟机

    统信UOS作为国产化操作系统的生力军 近年来异军突起 我使用过银河麒麟 飞腾麒麟 最后还是推荐给大家这款UOS操作系统 一 下载镜像 首先需要登录统信操作系统的官方网站https www chinauos com resource down
  • 跨平台发布文章测试

    跨平台发布文章测试 跨平台发布文章测试 跨平台发布文章测试 跨平台发布文章测试 跨平台发布文章测试 本文由博客群发一文多发等运营工具平台 OpenWrite 发布
  • WPF 事件转命令

    WPF中不是所有的控件都有Command属性的 如果窗体我需要在ViewModel中处理Loaded事件命令 或者其他事件的命令时 很难都过绑定Command完成 必须要注册依赖属性或事件等 使用System Windows Interac
  • 时序预测

    时序预测 MATLAB实现PSO BiLSTM 粒子群优化双向长短期记忆神经网络 时间序列预测 目录 时序预测 MATLAB实现PSO BiLSTM 粒子群优化双向长短期记忆神经网络 时间序列预测 预测效果 基本介绍 模型介绍 PSO模型
  • div和section有什么区别?在加一个article标签

    1 div在html早期版本就支持了 section和article是html5提出的两个语义化标签 如果只是针对一个块内容做样式化 三者并无区别 2 作为语义化标签 section 应用的典型场景有文章的章节 标签对话框中的标签页 或者论