什么是语义标记,为什么我要使用它?

2024-03-12

就像它说的那样。


使用语义标记意味着您在页面中使用的 (X)HTML 代码包含描述其用途的元数据 - 例如,<h2>包含员工姓名的内容可能会被标记class="employee-name"。最初有人希望搜索引擎能够使用这些信息,但随着网络的发展,语义标记已主要用于为 CSS 提供钩子。

通过 CSS 和语义标记,您可以将页面的视觉设计与标记分开。这可以节省带宽,因为设计只需下载一次,并且可以更轻松地修改设计,因为它没有混合到标记中。


另一点是所使用的元素应该与其中包含的数据具有逻辑关系。例如,表格应该用于表格数据,<p>应用于文本段落,<ul>应该用于无序列表等。这与早期的网页设计形成鲜明对比,早期的网页设计经常使用表格来处理所有事情。

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

什么是语义标记,为什么我要使用它? 的相关文章

  • IPython Notebook Markdown——允许的 HTML 标签列表是什么以及如何更改它们?

    我正在使用 IPython Notebook markdown 创建一个文档 它确实允许一些 HTML 例如 img 例如但我添加了包含 SVG 文件 但它不会显示在 IPython Notebook 输出中 我仔细检查了 IPython
  • 相当于Outlook中的浮动

    我在尝试着float left一些表 但是刚刚遇到一个大问题 outlook不支持float 好吧 然后我尝试使用表格对齐等 但没有运气 桌子只是显示在彼此下方 而不是彼此并排 对此我们能做些什么吗 PS 它在其他设备上工作得很好 它只是
  • Electron 中的收据热敏打印机

    我需要找到一种在 javascript 中打印收据的方法Electron 我已经尝试过了QZ TRAY但由于 Electron 它不起作用 我也尝试过节点热敏打印机但它也从来没有对我有用 这里有人知道如何在 javascript Elect
  • 如何在 data-disable-with 上设置 html 到 Rails Submit_tag

    我有一个使用 bootstrap 的 RoR 应用程序 我正在尝试将 fontawesome html 图标标签应用于 Submit tag 帮助程序 但它似乎不受支持 当我单击 提交 时 禁用内容仅显示为字符串 而不是解释为 html 尽
  • firefox 不支持 mediastreamtrack.getsources,如何执行等效操作

    有没有等效的方法来获取连接到 PC 的视频设备列表 除了内置网络摄像头连接之外 我还有一个外部网络摄像头连接 mediastreamtrack getsources 在 Chrome 中工作 但 Firefox 报告 TypeError M
  • 如何使用 JQuery/Javascript 更改悬停时 div 的内容

    我正在尝试使用 JQuery 更改将鼠标悬停在 div 上时的内容 我已经看到了有关堆栈溢出的答案 但我似乎无法让它工作 我试过了 imgDiv mouseover function tdiv textContent hovering fu
  • 在 iframe/对象标签内运行时更新初始路由器 url

    我目前正在容器 主 Vue 应用程序的对象标签 iframe 也可以工作 内渲染 Vue 应用程序 首先 我设置一个文件服务器 为该容器或请求的子应用程序提供服务 以在 div 内呈现 为了简单起见 我将仅显示 Node Express 服
  • 如何从表格的下拉菜单中删除先前选择的选项?

    我正在 Angular 7 上制作一个项目 它有一个表格 其中有一列有下拉菜单 下拉列表包含各种语言 当在特定行中选择一种语言时 它不应出现在后续行的下拉列表中 我怎么做 我尝试使用 splice 从数组中删除所选语言 但是 当它删除对象时
  • IE6 CSS 显示:表格修复?

    我正在开发一个网络应用程序 不幸的是它必须与有史以来最糟糕的软件一起工作 是的 即 ie6 我真的很喜欢CSSdisplay table and display table cell属性 但当然它在 ie 中不起作用 有没有人找到解决这个问
  • 谷歌浏览器自动填充所有密码输入

    我的问题 我必须打开谷歌来自动填充我网站上的登录信息 但是现在每当我想编辑我的帐户信息或编辑其他用户帐户信息 作为管理员 时 它都会尝试自动填充该登录数据 它在奇怪的地方填充了我的数据 问题似乎是 Chrome 会自动用某种密码填充任何输入
  • CSS 停止表格行内的分页符

    我试图避免在可能超过一页的 HTML 表的行内出现分页符 我正在使用 Internet Explorer 打印预览以及 BCL EasyPDFSDK 转换为 PDF 来测试这一点 我将以下 CSS 样式以各种组合应用到 td 元素 但对于每
  • 美丽的汤从谷歌搜索中提取href

    谷歌搜索给出了以下 HTML 的第一个结果 h3 class r a href https rads stackoverflow com amzn click com 0470284889 class l vst em Quantitati
  • 如何使用 D3 (或只是 javascript)将表单选项设置为“选择”

    有没有一种方法可以搜索选择表单元素中的所有选项 并将具有匹配值的选项指定为 已选择 var xStat G var statOptions Points PTS Goals G Assists A Penalty Minutes PIM c
  • 如何制作 HTML/CSS/JS 变色背景(如 Kahoot.it 那样)

    如何使用 html 和 css 以及可能的 javascript 制作类似于 waht 的颜色变化 褪色背景https kahoot it https kahoot it has 你应该学会检查和获取 keyframes bgcolor 0
  • 在 HTML SELECT 标记中禁用键盘

    我想禁用 HTML SELECT 标记的键盘 以便用户只能使用鼠标来选择选项 我试过了event cancelBubble true on the onkeydown onkeyup and onkeypress没有运气的事件 有任何想法吗
  • 单击菜单外部以关闭菜单时,Bootstrap 导航栏“闪烁”

    我遇到了导航栏问题 当您单击菜单外部以关闭菜单时 导航栏会出现 闪烁 如果在单击菜单外时按住鼠标 则闪烁会持续存在 如下所示 我认为这可能与角度有关 而不是与CSS有关 主要是因为其他人未能在小提琴上复制它 上一个问题在这里 https s
  • jquery/javascript 处理后移至命名锚点

    在进行一些 jquery 处理后 如何将焦点移动到同一页面上的不同部分 名为锚点 函数 ABC 进行一些处理 然后 我需要将用户移动到同一页面上的某个部分 页面下方 您可以使用下面的代码将屏幕滚动到 div 只需更改选择器以匹配您要滚动到的
  • HTML5 拖放 - 没有透明度?

    当我将一个元素拖放到页面上时 该元素会变成 幻影 基本上它获得了一些透明度值 有什么办法可以做到吗opacity 1 看来是做不到了 拖动的元素被放入具有自己的不透明度 低于 1 的容器中 这意味着虽然您可以降低拖动元素的不透明度 但您无法
  • Safari 的 Javascript 与 document.write 的问题

    我的问题只发生在 Safari 上 IE FF Chrome 和 Opera 都可以完美运行 我正在向 DOM 添加一个对象 与 YouTube 的方式完全相同 具体取决于 ActiveX 或 NPAPI 因此在确定写入对象类型后 我通过以
  • 使用 php 变量更改 css 类

    这里需要您的帮助 正如标题所示 我正在尝试使用 PHP 变量更改 css 类 所以基本上我想创建一个回显某些代码的循环 但我希望第一个循环中的 div 类有所不同 它应该被隐藏 这是我为使问题变得清晰而编写的简化代码 我不知道错误在哪里 请

随机推荐

  • 找不到实体框架 4 注释

    我正在尝试使用注释将 POCO 类映射到我的数据库表 我需要使用Table注释来指定我的表的名称 但我无法解析Table注解 注 我导入了System Data Entity命名空间 但它不起作用 我必须导入哪个命名空间才能使用 EF 注释
  • Flutter Admob AppID 使用 Android 还是 iOS?

    当我们在admob控制台中制作AdMob应用程序时 我们可以选择Android或iOS应用程序 这意味着有 2 个不同的 ID 我们应该在 Flutter AdMob 插件中使用哪一个 FirebaseAdMob instance init
  • 如何将 Rails 视图助手提取到 gem 中?

    我有一组经常使用的 Rails 视图助手 并且想将它们打包成一个 gem 这样我就可以在 Gemfile 中添加一行 并从我的视图中访问这些助手 我在使用 Bundler 和 Jeweler 之前已经创建了 gem 但是 我不太清楚如何在
  • 从回溯的角度解释BFS和DFS

    关于深度优先搜索的维基百科 深度优先搜索 DFS 是一种 遍历或搜索的算法 树 树结构或图 一 从根开始 选择一些 节点作为图例中的根 并尽可能地探索回溯之前的每个分支 那么什么是广度优先搜索呢 一种选择起始点的算法 节点 检查所有节点回溯
  • 通过代码隐藏加载silverlight到aspx页面

    我需要通过单击该页面上的按钮在 aspx 页面的一部分中加载 silverlight 应用程序 一些初始化参数需要根据单击按钮时主机页面上的用户输入传递到 silverlight 应用程序 怎么做 我想我需要从代码隐藏创建 silverli
  • python中用于列表操作的plus和append有什么区别? [复制]

    这个问题在这里已经有答案了 可能的重复 Python的append 与列表上的 运算符 为什么它们会给出不同的结果 https stackoverflow com questions 2022031 python append vs ope
  • 如何查看 nginx 尝试访问文件的实际文件路径?

    现在我已经设置了 Nginx 来提供我确信是有效的文件路径的服务 但是 它给了我一个 404 未找到 我看过 var log nginx access log它向我展示了 05 Oct 2016 19 15 50 0500 GET menu
  • PagedListAdapter 不使用 DiffUtil 使数据无效

    每次我调用无效数据时 我的 DIFF UTIL 都不会被使用 日志未显示 整个列表已更新为新数据 导致屏幕移动位置等 不确定这里的问题是什么 I have PagedListAdapter with a LiveData
  • 平方根元函数?

    是否可以使用具有以下签名的元函数计算整数的平方根 template
  • Pandas DataFrame 删除 groupby 中的行

    我有一个包含三列的 DataFrameDate Advertiser和身份证 我首先对数据进行分组 看看某些广告商的列是否太小 例如当count 少于 500 然后我想将这些行删除到组表中 df groupby Date Advertise
  • android 如何动态改变进度条背景颜色

    我想动态改变android中进度条的背景颜色 我遵循本教程页面末尾附近的 奖励 部分 http colintmiller com 2010 10 how to add text over a progress bar on android
  • java Swing 背景图像

    我正在使用 JFrame 并且在框架上保留了背景图像 现在的问题是图像的大小小于框架的大小 所以我必须在窗口的空白部分再次保留相同的图像 如果用户单击最大化按钮 我可能必须在运行时将图像放在框架的空白区域 谁能告诉我如何实现这个目标 听起来
  • 多个服务的WCF之间的共享类型

    我有一个 Java Web 服务器 它有 2 个端点 系统管理和用户管理 两个端点使用相同的库 因此 这两个端点中的几乎所有类都是相同的 我有一个使用这两个服务的 C 客户端 我知道WCF可以共享类 所以我创建了一个新项目 并让我的客户项目
  • [Excel][VBA] 如何在图表中画一条线?

    Please view this image to get my clearly question Sub Tester Dim s d d 4 18 2011 1 a bit of a hack since I could figure
  • 如何使 Flask/保持 Ajax HTTP 连接处于活动状态?

    我有一个 jQuery Ajax 调用 如下所示 tags keyup function event ajax url terms type POST contentType application json data JSON strin
  • JavaScript 中嵌套函数的需求和用途是什么

    我理解什么是嵌套函数 但我不明白为什么我们首先需要嵌套函数 JavaScript 中是否存在只能使用嵌套函数才能解决的问题 我看到的所有创建嵌套函数的示例都可以在无需在函数内部创建函数的情况下进行编码 并且结果相同 那么哪些问题需要创建嵌套
  • 尝试使用转义字符时 OCaml 正则表达式有问题

    我正在尝试使用 OCaml 为 C 的变体编写一个词法分析器 对于词法分析器 我需要匹配字符串 和 分别作为幂和或符号 这两个都是正则表达式中的特殊字符 当我尝试使用反斜杠转义它们时 没有任何变化 代码运行时就好像 仍然是行首而 仍然是 或
  • 如何在Eclipse中添加GitLab存储库?

    如何在Eclipse中添加Gitlab 这样我就可以从 GitLab 推送或获取 我是这方面的新手 请给予更多解释 一 准备工作 确保 Eclipse 中有 eGit 帮助 gt 安装详细信息 看到 Eclipse Git Team 提供者
  • 将路径数组转换为 UL 列表

    我的数据库中有一个表 其中包含我网站页面的各种路径 每条路径仅列出一次 我目前有一系列非常长且复杂的查询和 PHP 来提取所有这些并将数据重写到无序列表中 为我的网站创建菜单 似乎有一种相对简单的循环方法可以更有效地工作 但我似乎无法让任何
  • 什么是语义标记,为什么我要使用它?

    就像它说的那样 使用语义标记意味着您在页面中使用的 X HTML 代码包含描述其用途的元数据 例如 h2 包含员工姓名的内容可能会被标记class employee name 最初有人希望搜索引擎能够使用这些信息 但随着网络的发展 语义标记