标签: html-head

从HTML页面重定向

是否可以设置基本HTML页面以在加载时重定向到另一个页面?

html meta xhtml html-head

1523
推荐指数
22
解决办法
315万
查看次数

是否需要为favicon.ico添加链接标记?

是否有任何现代浏览器无法自动检测favicon.ico?是否有任何理由为favicon.ico添加链接标记?

<link rel="shortcut icon" href="/favicon.ico">
Run Code Online (Sandbox Code Playgroud)

我的猜测是,如果您决定使用GIF或PNG,则只需将其包含在HTML文档中...

html favicon html-head

145
推荐指数
3
解决办法
16万
查看次数

<STYLE>是否必须位于HTML文档的<HEAD>中?

严格来说,style标签是否需要在headHTML文档中?4.01标准意味着,但没有明确说明:

STYLE元素允许作者将样式表规则放在文档的头部.HTML允许文档的HEAD部分中的任意数量的STYLE元素.

我说"严格来说"因为我有一个应用程序将样式元素放在正文中,而我测试过的所有浏览器似乎都使用了样式元素.我只是想知道这是否合法.

html coding-style html-head

126
推荐指数
4
解决办法
8万
查看次数

应该将Modernizr文件放在头上吗?

应该是对Modernizr JavaScript文件的引用是否在页面的头部?我总是尝试将所有脚本放在页面底部,并希望保留它.如果它需要在头脑中,为什么?

javascript html-head modernizr

61
推荐指数
4
解决办法
3万
查看次数

规范链接是否需要完整的域名?

我想在我的网页上添加规范链接,但是我需要指定域名,还是相关网址呢?

换句话说,是:

<link rel="canonical" href="/item/1">
Run Code Online (Sandbox Code Playgroud)

足够好,还是我需要使用:

<link rel="canonical" href="http://mydomain.com/item/1">
Run Code Online (Sandbox Code Playgroud)

html seo html-head canonical-link

43
推荐指数
4
解决办法
2万
查看次数

谷歌分析应该放在HTML页面的顶部还是底部?

谷歌建议在关闭之前放置谷歌分析脚本</head>.

但是,我更愿意将它与其余的javascript结合起来,这些javascript现在都在一个缓存的外部文件中,它在HTML文件的底部加载.我能这样做吗?如果是这样,那么我冒什么风险/将下面的代码放在头部而不是HTML底部的成本是多少?

<script type="text/javascript">
 var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-22180365-1']);
  _gaq.push(['_setDomainName', 'none']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
Run Code Online (Sandbox Code Playgroud)

html javascript google-analytics html-head

21
推荐指数
2
解决办法
2万
查看次数

头部内的多个RSS链接标签,有效标记与否?

<head>标签中包含多个RSS源是否有效?

我的意思是,标签如下:

<link rel="alternate" type="application/rss+xml" title="feed one" href="/rss/feedone"/>
<link rel="alternate" type="application/rss+xml" title="feed two" href="/rss/feedtwo"/>

..... etc
Run Code Online (Sandbox Code Playgroud)

我们有一小部分(总共五个)RSS源,我们已经有一段时间了,但只在头标签中包含了'main'.

可以包括所有这些吗?

html rss html-head

12
推荐指数
1
解决办法
4551
查看次数

为什么要使用<link rel ="apple-touch-icon image_src"...>?

当我查看我最喜欢的网站的HTML源代码时,我注意到它正在使用

<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon image_src" href="apple-touch-icon.png">
Run Code Online (Sandbox Code Playgroud)

显然第二个链接与Apple的iOS有关,但为什么还<link rel="shortcut icon" href="favicon.ico">不够呢?iOS需要专用的快捷图标才有什么特别之处?

html html-head ios

11
推荐指数
3
解决办法
1万
查看次数

在加载并运行脚本之前,在<head>中编辑<script>标记

我在一个电子商务平台上,我可以编辑它<head>,但是一些注入头部的东西对用户来说是遥不可及的.因此,即使我们可以对其进行编辑<head>,也会出现无法触及的注射,因此通过传统方法无法移除.
PS:我可以在这些注入的JS脚本标记之前或之后放置脚本,这些脚本标记是与我的脚本一起生成和填充的.因此,如果我将脚本放在"标记注入行"之前,我的脚本将在注入标记之前运行.


问题

问题是,这个平台开始将分析和垃圾邮件注入头部,基本上是在向客户提供信息并将其出售给第三方.所以我想禁用他们糟糕的脚本.

<script type="text/javascript" async="" src="/some.JS.file.min.js"></script>
<script type="text/javascript" async="" src="/another.JS.file.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

问题

是否可以使用javascript或jquery编写一个脚本,在运行之前编辑标签? 我可以在注入标记之前插入此自定义脚本.我错了 - 不需要的<script>标签总是预先添加到第一个未评论的<script>标签,因此在运行之前没有javascript可以用来破解标签.


我迄今为止所做的一切

我发现这个不完整而且没有从这个SO问题回答.

当我运行完整的脚本并为我自己的网站输入正确的详细信息时,我会收到很多错误,很难知道从哪里开始,因为我不知道所有XHR的内容是什么或它做什么,以及一些错误是我以前从未见过的.

当我运行这部分时,我有点理解:

doc = document.implementation.createHTMLDocument(""+(document.title || ""));

scripts = doc.getElementsByTagName("script");
//Modify scripts as you please
[].forEach.call( scripts, function( script ) {
    if(script.getAttribute("src") == "/some.JS.file.min.js"
       || script.getAttribute("src") == "/another.JS.file.min.js") {

        script.removeAttribute("src");
    }
});
Run Code Online (Sandbox Code Playgroud)

编辑更新:

他们的脚本是在我的脚本之后插入的.也就是说,我可以将脚本插入到<head>脚本标记之前或之后.我们现在正在寻找新的平台,但我仍然需要在此期间解决这个问题,因为我们需要几个月才能切换.我希望有一些我不知道的JavaScript可以在运行之前编辑HTML脚本标记,如果这个脚本在它们运行之前运行的话.

编辑2:

尼特的答案 window.bcanalytics = function () {};非常有效,并且通过破坏打破了大部分,window.bcanalytics.push但不知何故,其中一些仍然存在.

在这个块中:

    <script …
Run Code Online (Sandbox Code Playgroud)

javascript jquery html-head bigcommerce

10
推荐指数
1
解决办法
3612
查看次数

如何在文档的<head>部分创建Angular指令?

我是新来的angular.js.我正在尝试创建一个指令,在<head>html文档部分添加一些标题和元标记,但我遇到了一些麻烦.

我的index.html文件如下:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <base href="/">
    <seo-title></seo-title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.4.1/angular-route.min.js"></script>
    <script src="/incl/js/myApp.js"></script>
</head>
<body >
    <div ng-view></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我的javascript是:

var app = angular.module ('myApp', ['ngRoute']);

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

    $routeProvider
        .when('/', { templateUrl: 'routes/home.html'})
        .when('/pageA', { templateUrl: 'routes/pageA.html'})
        .when('/pageB', { templateUrl: 'routes/pageB.html'})
        .otherwise({ redirectTo: '/' });

    $locationProvider.html5Mode({
        enabled: true
    });

}]);

app.directive('seoTitle', function() {
    return {
        restrict: 'E',
        template: '<title>{{seo.title}}</title>'
    };
});
Run Code Online (Sandbox Code Playgroud)

当我打开检查器时,指令已被移动到<body>并且未被模板替换:

在此输入图像描述

如何在标题中创建指令? …

html javascript html-head angularjs angularjs-directive

9
推荐指数
2
解决办法
5678
查看次数