个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
24
4
我运行的网站上的许多页面都有 http://www.site.co.uk/index.php#calendar 形式的本地化链接.这些按预期工作 - 将浏览器带到 calendar部分网页index.php在 IE 和 Chrome 中，但是较新版本的 Firefox 似乎存在问题，因为它们仅在页面上显示选定的 id 区域。
例如；我有一个包含以下 HTML 内容的页面(假设名称是 index.php ):
<!DOCTYPE html>
<html class="no-js" lang="en-GB">
<head>
<meta charset="utf-8">
<title>Control Panel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="canonical" href="http://www.site.co.uk/avail/index.php" >
<!-- JAVASCRIPTS -->
<script src="/includes/js/jquery-1.11.0.min.js"></script>
<!-- STYLE SHEETS -->
<link rel="stylesheet" href="/includes/css/normalize.css">
<link rel="stylesheet" href="/includes/css/sitewide.css">
<link rel="stylesheet" href="/includes/css/control.css">
</head>
<body>
<main>
<nav>...</nav>
<h1>A Heading</h1>
<section>
<h2>Heading H2 one</h2>
<p>some text</p>
<p>some more text</p>
<p>Bulking text, etc etc etc.</p>
</section>
<section>
<h2><a id='text1'></a>Section 2</h2>
<p>some text</p>
<p>some more text</p>
<p>Bulking text, etc etc etc.</p>
</section>
</main>
</body>
</html>
因此，当页面在 index.php 被访问时然后显示整个页面 - 2 个标题和 6 个段落 block 。当使用 index.php#text1 访问页面时只有第二个标题和段落 block 显示在 Firefox 上。
我在 HTML5 的几个不同网站上注意到了这一点。几点:
页面的呈现仅从出现 id 标记的 DOM 级别开始。例如如果 id 标记出现在 <section> 中然后只显示该部分和所有父元素。
这不受弃用 anchor 的影响 name属性。
这不受 id 标记位于何处或位于哪个元素中的影响。
此效果似乎不受 CSS/JS 基础样式器(如 normalize.css 或 bootstrap 的影响。 modernizer 中存在细微差别，页面加载时出现问题，但随后刷新页面会显示整个页面，但不会将浏览器窗口聚焦在 id 标记区域。
当通过 Firebug 查看站点时，整个站点源代码都存在(但未显示)，firebug 似乎也没有显示任何 display:none;我发现了。
根据从 W3C 验证器链接的 Nu-HTML 检查器，我的页面是 W3C HTML5 有效的。
所以，总结一下:
阅读本文后，您能告诉我如何回避甚至解决这个问题吗？或者，如果我犯了一些语法错误导致了这个问题，我该怎么做才能纠正这种行为？
最后:在测试站点页面上可以找到一个测试页面，该页面展示了我遇到的问题:http://www.walberswick.org.uk/index.php
最佳答案
问题似乎出在您的 CSS 上。单击时，所有浏览器都会出现一些奇怪的溢出错误。我玩了一会儿，改变了这些:
@media only screen and (min-width: 801px)
.leftSideText {
padding: 2px 2px 2500px 2px;
margin-bottom: -2500px;
float: left;
width: 48%;
}
@media only screen and (min-width: 801px)
.imgSideText {
padding: 1px 1px 2500px 1px;
margin-bottom: -2500px;
float: right;
width: 48%;
}
对这些:
@media only screen and (min-width: 801px)
.leftSideText {
padding: 2px 2px 2500px 2px;
display: inline-block;
width: 48%;
}
@media only screen and (min-width: 801px)
.imgSideText {
padding: 1px 1px 2500px 1px;
display: inline-block;
width: 48%;
vertical-align: top;
}
一切正常。
注意事项。使用 display: property 而不是 float: property 或 flexbox。确保每页只有一个 main 元素并将其包含在 role="main" 中。
关于html - 页内书签链接问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32788098/
24
4
0
我正在尝试创建一个在线书签系统。我已经设法从用户那里获取 URL 并将其存储到数据库中。但我也想采用“标题和标签”谁能帮我编写代码.. function add_bm($new_url) {
我目前正在开发一个动态使用数据库的应用程序。 这意味着它被设计为可以在任何时间、任何结构上与任何数据库一起使用。 我担心的是，我希望对某些记录进行“标记”或添加书签，因此我需要使用 Filter 属性
我正在创建一些许多人称之为书签栏的东西，但在网站本身内。基本上我有一个常规的 Bootstrap navbar很少有菜单项上有“图钉”。通过按图钉，用户可以固定该菜单项以快速访问我创建的侧边栏。 现在
我最近在聊天部分了解到，如果使用书签，则可以渲染 LaTeX: http://meta.math.stackexchange.com/a/3297 stackexchange 站点都渲染代码像这样。
我有这个可爱的 javascript 书签... javascript:var nam="blablabla&name"; var els=document.getElementsByName
我经常使用网页的三种变体，1) 开发网址，2) 预览/暂存网址，以及 3) 实时网址。 我想创建一个链接(小书签？)然后我可以添加到我的书签栏，这将更改部分 URL 字符串(基本上是页面名称)，然后将
这个问题在这里已经有了答案: Add to browser favorites/bookmarks from JavaScript but for all browsers (mine doesn'
我正在尝试编写一个小书签来检测用户是否在已解析的页面上，如果他不在，则应将值传递给 API。 if (window.location.indexOf("thequeue.org") >= 0) {
有没有人知道为什么下面的 JavaScript 代码在 Firefox 上没有任何问题，并且在 IE7 上也能正常工作，但在 IE8 上却不行了？我不知道，我很感激任何提示:-) 我已将该代码作为收藏
一个页面中有很多链接，我需要快速单击其中包含文本“删除”的链接。这会导致 AJAX 请求，因此需要稍微暂停一下。什么是 JavaScript 书签代码(没有库，例如 jQuery)，它将快速调用直接作
我需要一个可以单击按钮的 JavaScript 书签。问题是，页面上有 100 多个按钮，它们的值都相同。名字很独特，但是很长。 元素的全名类似于: actions[http://apps.faceb
我在制作 javascript 书签时遇到了问题，其中的代码同时包含 "" 引号和 '' 引号。举例来说，我的代码如下， Temporary HTML Doc
希望大家帮帮我。我似乎无法弄清楚如何制作一个小书签来选择网页下拉菜单中的选项。 希望实现:在我的chrome浏览器上做一个书签。当我在此页面上单击它时，它将选择下拉列表并在成员框中选择级别 2 网页的
当我浏览文件系统时，我设法在一个窗口中完成了繁琐的工作。 改善人体工程学，我决定为我最常用的目录创建书签，其短名称如:'lwt'、'eve' 等。但每次打开书签时，都会创建新的目录缓冲区，即使旧缓冲区
我正在努力了解 HATEOAS。 让我们通过一个例子来工作。客户端将浏览器加载到 getemails.com。为简单起见，让我们假设对 getemails.com 的调用访问了服务器并返回一个电子邮件
我想每周在 Safari 中备份一次。告诉我如何使用终端命令导出书签？谢谢你。 最佳答案 plutil -convert xml1 -o ~/Desktop/SafariBookmarks.xml ~
我想知道我们如何从 Mac OS X 上的另一个 Cocoa 应用程序访问 Safari 书签，以一种对 future 安全的方式。 您可能知道，检索 Safari 书签的常见机制有两种: 要么阅读
有谁知道如何通过 SDK 以编程方式访问“ map ”应用程序的书签？如果可能的话，我想阅读和书写书签。有想法吗？ 谢谢! 最佳答案 我很确定答案是否定的。我考虑了两种可能的解决方案: 您可以直接访问
谁能告诉我怎么转 Top 又名页面顶部链接到书签。 不太了解 JavaScript，无法实现我想要的效果。 或者，如果我使用了错误的代码，那么你能不能帮我修好它，然后把它变成小书签。 最佳答案 创建
如何在vim中设置书签？我想为一些行和函数添加书签。你如何在代码上做书签？我的代码是用 C 编写的。 最佳答案 如果您输入 ma ，它将在当前位置的当前行上创建书签，名称为 a . 例如，键入 ma在
我是一名优秀的程序员,十分优秀！