HTML5 中卡片/卡片容器的元素?

2024-04-07

规格为article元素说:

The article元素表示页面的组成部分 文档、页面、应用程序或站点中的独立组成部分 并且旨在可独立分发或可重复使用, 例如在联合组织中。这可以是论坛帖子、杂志或 报纸文章、博客条目、用户提交的评论、 交互式小部件或小工具,或任何其他独立项目 内容。

因此,如果我正在构建一个网站,在其主页上有可点击的卡片并引导您进入文章页面,那么在语义上,如果这张卡片是一个section or an article元素?


可以适当地使用article后预告片的元素。这取决于你展示的内容。例如:

  • Yes:如果您显示标题、描述、图像、作者姓名和出版日期,则绝对应该使用article元素。
  • No:如果只显示标题,article元素不会得到保证,因为每个预告片都会成为文档大纲中的一个条目(如article是一个分段内容元素),但是如果大纲条目不包含任何其他内容,那么它就没有多大意义。
  • Maybe: 介于两者之间。标题和日期?可能不会。标题和描述?可能是。

如果您决定使用article(只有这样!),您可以使用bookmark链接类型 https://www.w3.org/TR/2016/REC-html51-20161101/links.html#link-type-bookmark获取完整文章页面的链接。这可能暗示您的article不是“完整的事情”。

如果您决定不使用article,不要使用section。如果选择article and section, article是预告片的正确选择。但如果article不合适,您不应该使用另一个分段内容元素,但类似p and/or ul(并且没有标题元素)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 中卡片/卡片容器的元素? 的相关文章

  • .class:hover 在 Firefox 中不起作用?

    所以我有一些html a class clicktext read more a 我想给它一个 hover 动画 如下所示 clicktext clicktext hover text decoration underline clickt
  • 在电子邮件中设置 html 样式

    我正在为有能力的客户发送 HTML 版本的电子邮件 现在这不是几乎全部吗 我担心的是如何设计它 我使用内联CSS吗 我可以在 html 中包含样式表吗 html 是否以 or 我可以阅读这方面的标准吗 我在造型方面能走多远 我有边框半径 背
  • 表单方法=“获取”漂亮的URL

    所以我使用这个 HTML 表单作为一个简单的搜索字段
  • “块样式”单选按钮适用于除 iPad 之外的所有设备

    我有一组单选按钮 并对它们进行了样式设置 以便它们显示 块 以便它们看起来像按钮 还隐藏了单选按钮本身 这在台式机和 Android 平板电脑上的 Chrome 和 Firefox 中效果很好 但在 iPad 上不起作用 在这里查看 htt
  • 标记内嵌套块级元素...对还是错?

    嵌套在语法和语义上是否正确 div 或任何其他块级元素内 p 标签 我说的是 HTML4 过渡 DTD 如果没有那么可以使用 span style display block 反而 从语法上来说 一个div里面一个p在所有 HTML 标准中
  • 在现有 HTML 输入字段中加载图像/徽标 - UIWebView

    因为我是编程新手 所以我做了这样的事情 void completeUserFieldsForWebView UIWebView webView withUsername NSString username TextField Which h
  • 将文本字段输入限制为仅数字

    我搜索过谷歌 但我能找到的所有解决方案都非常复杂和冗长 我需要的是将我正在进行的调查中的文本字段的输入限制为仅数字 最快 最干净的方法是什么 我使用的是严格的 HTML 4 01 和 ECMAScript 提前致谢 最快
  • jQuery UI .buttonset() 太慢

    我的 HTML 页面上有几千个按钮 运行需要10多秒 buttonset buttonset 文件准备好 有没有更快的方法来做到这一点 或者是我以某种方式限制按钮数量的唯一解决方案 创建buttonset在第一次显示之前按需进行 我刚刚测试
  • 从 iOS/Android 上的网络应用程序调用本机日期选择器

    我正在尝试探索使用 HTML5 在不同平台上运行本机 Web 应用程序的可能性 目前 一个
  • 打印 HTML 时删除默认浏览器页眉和页脚

    我得到了一个带有以下内容的 HTML 我想问的问题是 有什么方法可以删除网络浏览器添加到打印页面的字符串吗 Such as 打印页面的网站 页数 网页标题 印刷日期 这些通常是浏览器特定的打印设置 例如 在 IE 和 FireFox 中 您
  • Twitter REST API:可以热链接 Twitter 图像吗?为什么 Firefox 中不显示图像?

    我正在尝试从 Twitter REST API 中提取图像并显示这些图像 因此 我陷入了逻辑僵局 因为我的 PHP HTML 代码未在本地主机 PHP 内置开发服务器的浏览器中显示图像 我更喜欢 Firefox 因为它是更安全 私密 的浏览
  • Firefox 和 IE 在 元素上添加了内边距/边距。和clearfix的奇怪之处

    在很长一段时间里 我在 Firefox 和 IE 中遇到了一些垂直间距问题 我正在使用一个 我的 css 中的选择器将边距应用于某个容器元素内的所有内容 在 Chrome 中工作正常 但是在 FF 和 IE 中 我似乎不知从何而来得到了神秘
  • 广告过滤服务器端[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我正在开发一个 Web 应用程序 在其中显示来自其他网站的 HTML 在显示最终版本之前 我想去掉广告 关于如何实现这一目标有什么想法
  • 如何将 ng-repeat 与图像映射区域标签一起使用?

    我正在尝试使用 AngularJS 创建可点击的汽车配置文件 一旦我将区域标签属性移动到 auto parts json 并将它们与 ng repeat 中的适当属性绑定 那么它就无法工作 如何修复它 请在全页预览中测试元素 var app
  • 从 html 链接在移动设备上打开应用程序

    我有一个包含我的社交媒体帐户的 html 页面 我希望当我单击这些链接时可以转到我在这些社交媒体应用程序上的个人资料 例如 Skype a href My Skype a 当我在移动设备上点击此链接时 它会打开 Skype 并转到我的帐户
  • Javascript:使用箭头键导航表格输入

    我正在为客户制作 HTML 成绩册 我使用 PHP 生成成绩册 然后输出一个 HTML 表 如下例所示 每个 td 包含一个带有 td
  • 是否可以防止出现文件对话框?为什么?

    假设我有输入 类型 文件 元素 我想拦截 onclick 事件并防止在不满足条件时出现文件对话框 是否可以 如果不是的话 为什么 Soufiane 的代码要求您的页面上有一个名为 jQuery 的 Javascript 库 如果您没有 您可
  • Javascript - 如何从 location.href 中删除域

    我需要使用 Javascript 从 location href 中删除域名 我有类似的链接 http localhost App User UserOrder aspx id 949abc91 a644 4a02 aebf 96da3ac
  • 如何使用 rel=preload 预加载材质图标?

    我正在尝试使用谷歌灯塔优化我的网页 该报告指出 在导入 Material Design 图标的链接上使用 rel preloads 我尝试使用语法预加载它们 我也尝试过使用字体进行预加载 类型为 woff woff2 和 ttf 它们似乎都
  • 在 Bootstrap 导航栏后添加一些空间的最佳方法是什么?

    以下代码始终在页面顶部显示导航栏 我需要将第二个容器 内容 放置在导航栏的末尾而不是其下方 目前第二个容器位于导航栏下方 我可以在内容顶部添加一些空白 但我不确定这是一个好方法 知道如何解决吗 div class container div

随机推荐

  • 替换 Woocommerce 3.4 中的 woocommerce_add_order_item_meta 挂钩

    我有自定义代码使用 woocommerce add order item meta 挂钩 但 woocommerce 3 4 0 显示错误日志 自版本 3 0 0 起 woocommerce add order item meta 已弃用
  • StoreKit 的 SKStoreProductViewController 在导航栏和视图之间留有空间?

    我有 UIViewController 的子类 它显示SKStoreProductViewController 该视图控制器最初是为 iOS 5 创建的 不使用自动布局 我的问题是 当SKStoreProductViewController
  • Phonegap:在 Android 中调整键盘显示上的 webview 大小

    我有一个类似的模态 有固定定位 Facebook 在最新的 Android 版本中对 Messenger 中的 feed chat 中的评论有何评论 我想要的看起来类似于 因此 当您专注于输入时 键盘会打开并缩小网络视图 默认情况下它不起作
  • 如何检查 YouTube 上是否存在某个频道?

    如果我做一个curl请求此网址 https www googleapis com youtube v3 channels part snippet 2CcontentDetails 2Cstatistics id UC x5XG1OVP6u
  • 将唯一 ID 实现为 UUID 并将其保存在 Keychain 中

    我的应用程序中需要唯一 ID 我知道 我们不能再使用 UDID 因此根据我的研究 使用 UUID 作为设备唯一 ID 并将其保存在钥匙串中将确保即使用户重新安装我的应用程序 唯一 ID 仍保持不变 我从 stackoverflow 上类似问
  • Perl 正则表达式中缺少最后一个字符

    记录小狗 记录需求 log s log 它的工作原理是在末尾 s 处缺少字符 如下所示 狗 需要 log s log 你不需要否定
  • OAuth 2.0 中的客户端密钥

    要使用 google Drive api 我必须使用 OAuth2 0 进行身份验证 我对此有一些疑问 客户端 ID 和客户端密钥用于识别我的应用程序是什么 但如果是客户端应用程序 则必须对它们进行硬编码 所以 每个人都可以反编译我的应用程
  • Linearlayout 中的背景图像

    我正在为我正在使用的线性布局的背景设置图像 我遇到的问题是标题栏下方的白色边框 如果我将背景设置为某种颜色 则不会出现白色边框 有谁知道可能是什么原因造成的 我正在动态加载一些内容 但这是 xml
  • FFmpeg RTP 流媒体错误 [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我想通过 FFmpeg 播放视频文件 但出现此错误 RTP 复用器仅支持一种流 当我写这个时 我得到了这个错误 ffmpeg exe i SomeVi
  • 如何在二维数组中找到北、东、南、西和对角邻居?

    我正在开发一个 2D 程序生成的 Unity 游戏 我想知道如何获得四个基本方向 N E S W 以及四个基本方向 NE SE 西南 西北 我想要实现的目标的示例 如果我们将单元格坐标视为row and column 您可以通过查看我们正在
  • 如何在线程中使用 telethon

    我想在后台运行一个函数 所以我在我的代码中使用线程 但返回错误ValueError signal only works in main thread并且不知道两件事 主线程是什么 如何解决这个问题呢 views py def callbac
  • 资源、放置它们的位置以及如何在 C# 中引用它们

    我已经使用 C 和其他编程语言有一段时间了 很遗憾地说我不熟悉有关在哪里放置程序图标等资源以及如何在代码中引用它们的标准 具体来说 对于 C Windows 窗体应用程序 将我的图标资源放在哪里比较合适 以及将它们放在正确的位置后引用它们的
  • 评估树遍历递归算法中是否可能出现堆栈溢出错误 (Java)

    从理论上 即不实际执行 确定某种树遍历递归算法将在 Java 中产生堆栈溢出的情况的最佳方法是什么 为了澄清我的问题 请考虑以下示例 给定一个用 Java 实现的简单二叉树 public class Node private int val
  • 自动镜像 git 存储库

    使用外部 Subversion 存储库的副作用之一是在每次提交时都会自动进行异地备份 我想使用 Git 来实现同样的目标 即 对本地存储库的每次提交都会自动提交到外部存储库 因此这两个存储库始终保持同步 我认为提交后挂钩将是最佳选择 有人有
  • Android Studio不理解Log函数

    一般来说 我对 Android 编程相当陌生 并且在打印到我的日志时遇到问题 我正在使用 Log v 来执行此操作 但收到错误 无法解析符号 v 这是代码 import android util Log public class Dress
  • 检查 CBPeripheralManager.authorizationStatus() 现在它已被弃用

    CBPeripheralManager authorizationStatus and CBPeripheralManagerAuthorizationStatus根据苹果文档已弃用 现在检查用户是否已授予在后台使用蓝牙的权限的正确方法是什
  • 将 SQL 粘贴到 MySQL 命令行

    我有一个正在定义一些 SQL 代码的应用程序 mySql SELECT sq question qs title sq id as question id sq type qs id as option id sri title as ra
  • 将日期拆分为年、月、日,且分隔符不一致

    我正在尝试将我的日期列 现在是字符串类型 拆分为 3 列 年 月 和 日期 我使用 PySpark split date pyspark sql functions split df Date df df withColumn Year s
  • 由围绕矩形顺时针方向移动的数字组成的图案(长度和宽度每次都减小)[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我已经为许多模式编写了代码 但无法为此编写 甚至没有得到任何如何继续的提示 我想生成以下输出 1 2 3 4 5 16 17 18 1
  • HTML5 中卡片/卡片容器的元素?

    规格为article元素说 The article元素表示页面的组成部分 文档 页面 应用程序或站点中的独立组成部分 并且旨在可独立分发或可重复使用 例如在联合组织中 这可以是论坛帖子 杂志或 报纸文章 博客条目 用户提交的评论 交互式小部