vue 使用meta标签_使用META标签固定应用

vue 使用meta标签

If there's one thing I want you to learn from the wide range of blog posts I've written, it's that it's the small things matter when you're creating your websites. Whether it's a one-page showcase, a business website, or an enterprise web application, there are always small details you can add that will really help someone out...even if that someone is on a Windows PC. One of those small details is setting your website up for "pinning", a functionality that debuted in Windows 7. Let me show you what it is and how you can implement it on your websites!

如果我想让您从我撰写的大量博客文章中学习到一件事，那就是在创建网站时，这只是一件小事。 无论是单页展示，企业网站还是企业Web应用程序，总可以添加一些小细节，这些细节确实可以帮助某人……即使某人在Windows PC上。 这些小细节之一是将您的网站设置为“固定”，该功能在Windows 7中首次亮相。让我向您展示它的含义以及如何在您的网站上实现它！

META标签 (META Tags)

There are a variety of META tags used. Here are the base tags:

使用了多种META标签。 以下是基本标签：

<meta name="application-name" content="David Walsh Blog" />
<meta name="msapplication-tooltip" content="David Walsh Blog" />
<meta name="msapplication-starturl" content="/" />

These initial tags provide basic information about the site to be pinned. With those self-explanatory tags in place, you can now add "tasks" which can be links to any URL:

这些初始标签提供有关要固定的站点的基本信息。 有了这些不言自明的标记，您现在可以添加“任务”，这些任务可以链接到任何URL：

<!-- format:  name={};action-uri={};icon-uri={} -->
<meta name="msapplication-task" content="name=David Walsh Blog;action-uri=https://davidwalsh.name;icon-uri=https://davidwalsh.name/favicon.ico" />
<meta name="msapplication-task" content="name=David Walsh on Twitter;action-uri=http://twitter.com/davidwalshblog;icon-uri=http://twitter.com/favicon.ico" />
<meta name="msapplication-task" content="name=David Walsh on Facebook;action-uri=http://www.facebook.com/pages/David-Walsh-Blog/186644584869;icon-uri=https://s-static.ak.facebook.com/rsrc.php/yi/r/q9U99v3_saj.ico" />
<meta name="msapplication-task" content="name=David Walsh on LinkedIn;action-uri=http://il.linkedin.com/in/davidjameswalsh;icon-uri=http://linkedin.com/favicon.ico" />

For the purposes of a blog like mine, the tasks could be links to my Twitter feed, Facebook page, and my LinkedIn profile. For a business website, tasks could be shortcuts to the user's cart, different store departments, or a store locator!

对于像我这样的博客而言，任务可以是指向我的Twitter feed，Facebook页面和LinkedIn资料的链接。 对于商业网站，任务可以是用户购物车，不同商店部门或商店定位器的快捷方式！

As I mentioned above, this isn't a groundbreaking website addition but it can be just another small detail that makes your website a bit more useful than the rest. Providing users quick ways to accomplish tasks on your website makes your web application a bit more useful!

正如我上面提到的，这不是开创性的网站添加，但是它可能只是另一个小细节，使您的网站比其他网站有用。 为用户提供快速的方法来完成您网站上的任务，使您的Web应用程序更加有用！

翻译自: https://davidwalsh.name/msapplication-task

vue 使用meta标签