个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
28
4
我一直想知道在我网站上的 Logo 周围使用标题标签的最佳做法是什么，尤其是使用 HTML5 分段标签时。
我在许多网站和论坛上了解到，如果我想在我的 Logo 周围添加标题，我应该执行以下操作:
<!DOCTYPE html>
<html>
[...]
<body>
<div id="outer-wrapper">
<header id="header" class="main-header clearfix">
<h1>
<img src="logo" src="[...]" alt="text goes here" />
</h1>
</header>
<div id="inner-wrapper">
[...]
</div>
</div>
</body>
</html>
但是现在，我网站上的每个页面都将 Logo 的 alt 属性中指定的文本作为其主标题，我可以想象，这并不理想。我的意思是，H1 标签旨在提供 «文档的主要主题»，但大多数时候不是我在 Logo 的 alt 标签上指定的文本。
但是，如果 Logo 的 alt 标记包含公司名称(因为它是公司 Logo )，我希望将它放在标题中(以赋予它一些相关性和重要性)，只是不在 h1 标题中。
您认为以下是解决此问题的有效方法吗:
<!DOCTYPE html>
<html>
[...]
<body>
<div id="outer-wrapper">
<header id="header" class="main-header clearfix">
<h2>
<img src="logo" src="[...]" alt="text goes here" />
</h2>
</header>
<div id="inner-wrapper">
<article>
<h1>Main topic</h1>
</article>
</div>
</div>
</body>
</html>
最佳答案
这两个片段在语义上是相同的。如果使用分段元素，标题排名通常(但不总是)不再重要。
你可以自己测试一下，在 HTML5 outliner 中检查这两个片段(例如，在这个 online demo 中):
<body>
<h1>document heading</h1>
<article>
<h2>main content heading</h2>
</article>
</body>
<body>
<h2>document heading</h2>
<article>
<h1>main content heading</h1>
</article>
</body>
它们产生相同的轮廓:
1. document heading
1. main content heading
但是，HTML5 规范 encourages作者使用正确排名的标题元素，因此您应该坚持使用第一个片段。
HTML5 规范没有定义(第一个)h1 元素特别重要，或者它应该用于文档的“主要主题”。该规范定义了 rank, not importance .
我想你should use a heading for the logo如果此 Logo 代表站点(通常是这种情况)，并且对 have this as the first heading 有意义(即，节段根 body 的标题)和 following sections should be in scope of it .
关于HTML5 大纲 – 带有标题围绕 Logo 的页眉，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32603923/
28
4
0
这是一种复杂的情况。我正在重构(从头开始)c++，它必须用作 CGI 脚本和独立应用程序的核心。 遗憾的是，我从大学开始就没有写过C++，对c#/Java比较熟悉。所以我打算将 WPF 用于 GUI。
您好，我正在尝试找出与此线程中提出的问题相同的问题 How to use CSS to surround a number with a circle? 但是 - 每次我这样做时，形状都会变成椭圆形，
如果您在单个语句中执行某些操作，例如“abc”+ stringval +“abc”，那么是一个不可变的字符串副本，还是两个(注意 abc 和 123 在编译时是常量) 奖励回合:使用像下面这样的 St
我正在尝试创建一个查询，该查询只会在满足某些条件的情况下添加 AND 子句。 这就是我所追求的: SELECT DISTINCT id name active FROM team WHER
在使用 Google 的出色绘图工具进行了一些试验后，我正在使用 Gnuplot 绘制几个 3D 图形。我喜欢 Google 工具的一件事是它在表面周围绘制的“边界框”，这让我更容易看到大小。 有没有
我们最近从solr迁移到 Elasticsearch 。 因此决定以自定义查询格式编写一个包装器，该包装器将转换为 Elasticsearch 查询。将来，如果我们更改为另一个数据存储，则只需要修改此
我有以下内容将音频剪辑的频率绘制为条形音箱: const drawSinewave = function() { requestAnimationFrame(drawSinewave);
我试图围绕其父矩形的中心旋转一个矩形。 child 到 parent 边界的距离必须始终保持不变。我几乎成功了，但我的方法似乎有一个小错误。我似乎找不到问题所在。 示例: http://jsfiddl
我有一个帮助类来将用户对象保存到共享首选项。我用过 serialize(): String函数和 create(serializedString: String)我的 User 中的函数数据模型。他们
是否可以围绕 UIBezierPath 的可见部分绘制路径？ 这是我的问题的一个例子 这是我想要完成的 这是我到目前为止得到的: - (void)drawRect:(CGRect)rect { C
这里，AsciiChecker启用文本形式的矩阵规范。 abstract class AsciiChecker extends AlgoritmicChecker { String[] asc
目前，我有十个不同的查询，它们通过 JDBC 处理，并包装在返回 ResultSet 的函数中。这些 ResultSet 对象中的每一个都由外部程序进行迭代，并将通过其索引而不是根据要求的列名进行访问
围绕 finder 方法启动事务是否明智: @Transactional public E getParticularEvent(final String id) { return (E)em
我需要一个围绕 Canvas 边缘移动的圆圈。向右然后向下移动可以正常工作，但是当它需要向左移动时，它会跳到右下角并开始一次又一次地向右移动。我不知道如何解决这个问题。 var can = doc
我正在尝试我的第一个 jQuery 插件。 (耶……时间到了!) 我很难思考如何让一个可公开访问的函数正常启动。 代码 (function($, doc, win){ "use strict"
在阅读了很多关于绕相机旋转的指南并询问了一些关于 SO 的其他问题后，我想到了 SSCCE我到目前为止所拥有的。也许这样其他人会更容易理解我需要什么，对我来说答案是什么。 到目前为止它看起来像这样:
这里是 Java 菜鸟!我正在努力为我正在编写的 Android 应用程序画龙点睛。本质上，它是一个 RSS 阅读器。异步任务获取 RSS 提要。然后对其进行解析，我想做的最后一点是使用已解析的 RS
我有以下代码，从数据库的“类(class)”表中选择标题和图像。 setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
我正在尝试实现一个表盘，其中一只手的位图图像围绕 Canvas 上的表盘中心旋转。 基本上在 onDraw() 方法中，我希望能够将图像资源放到 Canvas 上，然后每秒旋转一次。 我有每秒触发一次
我从 SwingX 找到了一个名为 JXLoginPane 的组件在 WindowBuilder 中可用，这似乎是我尝试做的事情的一个很好的起点，但我需要有关如何使用它的更多信息。到目前为止，我发现唯
我是一名优秀的程序员,十分优秀！