草庐IT

NAVIGATION

全部标签

html - 如何偏移我的固定导航栏带我去的地方?

我的网站上有一个固定的导航栏,它位于顶部,带有将我带到页面下方不同部分的链接。但是,因为我的固定导航栏有40px的高度,每个部分开始的40px都被覆盖了。我如何使用HTML或CSS将我的链接带我的位置偏移40px?谢谢。 最佳答案 您可以尝试将“虚拟”anchor绝对定位在每个部分顶部上方40像素处。您可以为它们提供零宽度/高度和隐藏可见性,以确保这些anchor不会影响您的页面显示方式。当用户单击固定导航栏中的链接之一时,窗口将滚动到虚拟anchor的顶部,即实际部分开头上方40像素处。示例HTML:Anchor1Anchor2A

html - 如何偏移我的固定导航栏带我去的地方?

我的网站上有一个固定的导航栏,它位于顶部,带有将我带到页面下方不同部分的链接。但是,因为我的固定导航栏有40px的高度,每个部分开始的40px都被覆盖了。我如何使用HTML或CSS将我的链接带我的位置偏移40px?谢谢。 最佳答案 您可以尝试将“虚拟”anchor绝对定位在每个部分顶部上方40像素处。您可以为它们提供零宽度/高度和隐藏可见性,以确保这些anchor不会影响您的页面显示方式。当用户单击固定导航栏中的链接之一时,窗口将滚动到虚拟anchor的顶部,即实际部分开头上方40像素处。示例HTML:Anchor1Anchor2A

javascript - Facebook 如何在加载不同页面时保持页眉和页脚固定?

浏览Facebook页面时,页眉和固定页footer分在页面加载之间保持可见,并且地址栏中的URL会相应更改。至少,这是我的错觉。从技术上讲,Facebook如何实现这一目标? 最佳答案 请参阅MarkBrittingham的回答以了解如何设置样式,但我认为这不是您在这里要问的。我将向您提供有关它如何工作的技术细节(以及为什么它相当出色)。将鼠标悬停在标题中的个人资料链接上时查看状态栏...http://www.facebook.com/profile.php?id=514287820&ref=profile那是标签指向的地方。现在

javascript - Facebook 如何在加载不同页面时保持页眉和页脚固定?

浏览Facebook页面时,页眉和固定页footer分在页面加载之间保持可见,并且地址栏中的URL会相应更改。至少,这是我的错觉。从技术上讲,Facebook如何实现这一目标? 最佳答案 请参阅MarkBrittingham的回答以了解如何设置样式,但我认为这不是您在这里要问的。我将向您提供有关它如何工作的技术细节(以及为什么它相当出色)。将鼠标悬停在标题中的个人资料链接上时查看状态栏...http://www.facebook.com/profile.php?id=514287820&ref=profile那是标签指向的地方。现在

html - 防止 <nav> 在 html5 网站上显示为 "untitled section"

我正在尝试使用html5分区元素和标题实现正确的分区,同时实现我的客户要求的设计/布局(包括某些限制)。总体布局是这样的:pagetitlevisualtitlesponsorArticletitleArticletitleArticletitleArticletitleFooterstuff我现在关心的是,如果我使用html5outliner,我得到面包屑导航和主导航显示为无标题部分。按照层次结构的标题结构,我不能给他们h2以下的标题,自然我根本不会给他们“标题”,用css隐藏标题来“标题”他们感觉不对。保持语义正确、符合SEO标准并防止这些部分显示为无标题部分的最佳方法是什么?

html - 防止 <nav> 在 html5 网站上显示为 "untitled section"

我正在尝试使用html5分区元素和标题实现正确的分区,同时实现我的客户要求的设计/布局(包括某些限制)。总体布局是这样的:pagetitlevisualtitlesponsorArticletitleArticletitleArticletitleArticletitleFooterstuff我现在关心的是,如果我使用html5outliner,我得到面包屑导航和主导航显示为无标题部分。按照层次结构的标题结构,我不能给他们h2以下的标题,自然我根本不会给他们“标题”,用css隐藏标题来“标题”他们感觉不对。保持语义正确、符合SEO标准并防止这些部分显示为无标题部分的最佳方法是什么?

html - 管理静态 HTML 网站中重复代码的最佳方法是什么

我正在管理一个包含大量静态HTML网站的遗留网站,没有服务器端脚本,只有纯HTML/CSS,最少的javascript。我发现在不同的页面中多次更改同一段代码非常浪费时间。例如,当菜单中的某些内容发生变化时,由于菜单只是每个文档中的静态文本,我必须多次进行相同的更改。我想知道最小化这种开销的最佳策略是什么,换句话说,您会推荐什么来管理跨多个静态HTML页面的导航代码等内容。我知道你可以使用:服务器端脚本(如PHP),但没有其他理由在该特定站点使用脚本。框架(但这很糟糕,因为它..好吧,框架:))服务器端包含(这似乎在更改服务器时可能会导致麻烦)javascript(不利于SEO)你会推

html - 管理静态 HTML 网站中重复代码的最佳方法是什么

我正在管理一个包含大量静态HTML网站的遗留网站,没有服务器端脚本,只有纯HTML/CSS,最少的javascript。我发现在不同的页面中多次更改同一段代码非常浪费时间。例如,当菜单中的某些内容发生变化时,由于菜单只是每个文档中的静态文本,我必须多次进行相同的更改。我想知道最小化这种开销的最佳策略是什么,换句话说,您会推荐什么来管理跨多个静态HTML页面的导航代码等内容。我知道你可以使用:服务器端脚本(如PHP),但没有其他理由在该特定站点使用脚本。框架(但这很糟糕,因为它..好吧,框架:))服务器端包含(这似乎在更改服务器时可能会导致麻烦)javascript(不利于SEO)你会推

HTML5 导航元素与角色 ="navigation"

以下所有内容都具有相同的语义吗?如果不是,请解释您的答案。1.linklinklinklink2.linklinklinklink3.linklinklinklink 最佳答案 作为Alohcinoted,根据HTML5,示例3是notallowed.但是示例1和示例2在语义上不是等效的。nav是一个分段元素,div不是。因此示例1创建了一个无标题部分(类似于空标题),更改了整个文档outline.此外,nav始终属于其父节内容(分别为节根),因此您可以为整个站点提供导航,为主要内容提供导航,主要内容第3章的导航,和/或侧边栏中次要

HTML5 导航元素与角色 ="navigation"

以下所有内容都具有相同的语义吗?如果不是,请解释您的答案。1.linklinklinklink2.linklinklinklink3.linklinklinklink 最佳答案 作为Alohcinoted,根据HTML5,示例3是notallowed.但是示例1和示例2在语义上不是等效的。nav是一个分段元素,div不是。因此示例1创建了一个无标题部分(类似于空标题),更改了整个文档outline.此外,nav始终属于其父节内容(分别为节根),因此您可以为整个站点提供导航,为主要内容提供导航,主要内容第3章的导航,和/或侧边栏中次要