html – Meteor标签的建议
发布时间:2020-12-14 21:13:30 所属栏目:资源 来源:网络整理
导读:Meteor用户, 在我搜索教程和示例应用程序期间,我找到了一个使用独特头部结构的应用程序: meta charset="utf-8" titleTitle/title meta name="description" content="Top10" meta name="viewport" content="width=device-width" / meta name="viewport" cont
Meteor用户,
在我搜索教程和示例应用程序期间,我找到了一个使用独特头部结构的应用程序: <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的文件,其中包含上述代码.我还了解到,Meteor似乎只是自动为你制作一个身体标签,所以从技术上讲,只需一个head.html即可. 所以,它让我想知道,有没有人定义Meteor应用程序的特定头标?理由是什么?以上代码是一个很好的起点吗? 解决方法
您可以使用iron:router来轻松设置动态标题,例如:
onAfterAction: function(){ document.title = 'my awesome site: ' + Router.current().route.getName(); } 我使用head.html,其中包括各种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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |