个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
27
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/
27
4
0
对于 JavaScript 项目的文档，需要脚本文件的大纲，类似于 Eclipse 中的这些示例或 Oxygen . 我只需要 JavaScript 文件的“树”结构，而不是完整的文档。是否有任何解析
我正在阅读 this question关于禁用 周围的虚线边框链接。 Some answers二手 outline: none , 而 some二手 outline: 0 使用 outline: n
我正在使用主/细节模板，当横向运行时，细节 View 上只有一个后退箭头。我期待一个带有主视图标题的按钮。我认为这是默认设置。我错过了什么？如何添加一个？ 最佳答案 您使用什么设备进行测试？我创建了一
我试图通过添加 outline: 4px solid green 来突出显示鼠标悬停时的元素，类似于 Chrome Inspector/Firebug使用 CSS。 使用 outline工作正常，因为
下面给出了我用来找出两张图片之间差异的代码。 #include "cv.h" #include "highgui.h" #include #include int main() { char a,b
我需要做与这个 Stack Overflow 问题几乎相同的事情:Renaming named destinations in PDF files但我的 PDF 充满了书签，而不是包含指定目的地的文本
我尝试应用新的 html5 元素。如果页面非常简单，只有一个 h1 和一个文本，我不确定从语义的角度来看最好的方法是什么，如何正确反射(reflect)页面的结构。 例如，如果文本是公司的理念(或关于
我最近在我的新计算机上安装了 Eclipse，这个安装在某种程度上过滤了类(class)成员。我认为它与 Outline 有某种关系，但我找不到任何与之相关的设置。 问题是，例如，当我在某个方法中有错
我有一个包含分割 View 的窗口。其中一个“分割”包含一个大纲 View 。我有一个窗口 Controller (它是窗口 XIB 的文件所有者)。窗口 Controller 是大纲 View 的委
今天简单说一下。 Eclipse 中的 Outline View 不再显示任何方法或字段。我选择了大纲 View 菜单中可用的几个选项来向我展示所有可能的内容，但仍然一无所获。 如果我在类编辑器中右键
如何在 cocos2d 中为基于 alpha 的纹理绘制轮廓？我有一个纹理，我想在 alpha 从 0 到非零交叉的任何地方画一条线，这样它就可以勾勒出所有东西。 最佳答案 我自己通过将图像复制到内存
所以我一直在尝试找出在被低级标题吸引后添加内容的最佳方式。 Title of Section Related 1 Related 2 I NEED THIS TO BE PAR
在新的Xcode 4 Documentation Organizer中，我找不到侧边栏大纲，该大纲可以让您浏览给定类的内容，例如类和实例方法，属性等。去哪了 最佳答案 您可以在任何文档中执行以下操作:
如何从 Java 或 JavaEE 的 Eclipse 大纲 View 中隐藏 @Deprecated 注释方法？ 最佳答案 恕我直言，这是不可能的。您只能通过注释方法/字段来隐藏它们。如果您没有访问
我正在尝试在我的一个 android 应用程序中实现 TextView 大纲 here 我已经制作了自定义的 textView 类，没有任何错误。我正在尝试在我的 Activity 中使用它，但正如我
使用超时修复动画抖动，我正在尝试在 javascript 中切换大纲。动画完成后，我想重置轮廓以恢复正常... I thought inherit but not working :c. modalE
我正在尝试通过添加专用类在我的一些按钮上设置动画。我创建了一个动画，它在 Chrome 中有效，但在 Safari 中无效(我使用的是 SCSS，所以它会自动为我添加前缀)。 当我尝试其他属性(例如旋
遗憾的是，IE7 不支持 CSS 大纲，所以我只能使用边框。但是为页面上的任何元素添加边框会占用空间并可能移动页面。 如果我要添加一个 2px 的边框，然后我设置一个 -2px 的边距，它仍然不是完美
我一直想知道在我网站上的 Logo 周围使用标题标签的最佳做法是什么，尤其是使用 HTML5 分段标签时。 我在许多网站和论坛上了解到，如果我想在我的 Logo 周围添加标题，我应该执行以下操作:
我正在学习 flutter 。我使用抽屉小部件使用 UserAccountsDrawerHeader 小部件，但是在设置 Radius 时，下面出现了不必要的行。如何删除它？ 这是我的代码 drawe
我是一名优秀的程序员,十分优秀！