建議<head>標籤流星

在我搜索教程和應用實例，我發現一個使用一個獨特的頭部結構：

<meta charset="utf-8"> 
    <title>Title</title> 
    <meta name="description" content="Top10"> 
    <meta name="viewport" content="width=device-width" /> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">

這個特殊的示例應用程序沒有甚至在任何地方都有<body>標籤，只是一個名爲head.html的文件包含上述代碼。我還了解到，流星似乎只是爲你自動製作一個身體標記，所以在技術上，只是一個head.html很好。

因此，它讓我想知道，有沒有人爲Meteor應用程序定義特定的頭標籤？基本原理是什麼？上面的代碼是一個很好的起點嗎？

來源

2015-04-30 ilrein

您可以輕鬆地設置使用鐵的動態標題：路由器例如：

onAfterAction: function(){ 
    document.title = 'my awesome site: ' + Router.current().route.getName(); 
}

我使用head.html cludes各種SEO設置：

<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"/> 
<meta name="fragment" content="!"/> 
<meta name="description" content="your description"/> 
<meta property="og:title" content="your site title"/> 
<meta property="og:type" content="website"/> 
<meta property="og:image" content="https://yourimageurl"/> 
<meta property="og:url" content="https://hostname"/> 
<meta property="og:description" content="your description"/> 
<meta name="twitter:card" content="summary"/> 
<meta name="twitter:url" content="https://hostname"/> 
<meta name="twitter:title" content="your site title"/> 
<meta name="twitter:description" content="your site description"/> 
<meta name="twitter:image" content="https://yourimageurl"> 
<noscript>You must have Javascript enabled in order to use this site</noscript> 
<link rel="shortcut icon" href="/your-ico" type="image/x-icon" /> 
</head>

來源

2015-05-01 05:15:03

當Meteor分析您的各種html文件時，任何包含<template></template>以外的<head></head>標記的文件都將在應用的每個頁面中連接成一個<head></head>標記。這對於在每個頁面上包含標題，各種元標記和第三方資源都很有用。然而，標題標籤的句柄支持在Meteor中仍然不存在，因此在你可以用它做什麼（無動態元信息）方面肯定受到限制。

在最後，如果你想動態信息，你就必須採用類似的jQuery

你可以找到更多的討論圍繞<head>標籤這裏循環：

https://github.com/meteor/meteor/issues/266

來源

2015-04-30 21:19:49 Curtis

展望https://github.com/kadirahq/meteor-dochead我找到了一個方法來動態數據添加到<head>標籤

var meta = '<div>just an example</div>' document.getElementsByTagName('head')[0].insertAdjacentHTML('beforeend', meta);
或者只是如果你需要更多的功能添加包

來源

2016-08-23 08:27:16

建議<head>標籤流星

回答

相關問題