元标记的含义和用法

Question

我对meta标签有一些疑问。

1. 在标题顶部显示标题，旁边有一张图片。如何添加这样的图像？

2. <meta name="keywords" content="HTML, Questions,"元标记，是否还有任何用途？

3. 为什么<meta name="author" content="Firstname Lastname"被使用？它的用途是什么？

4. 您如何使用<meta viewport>？

Answer 1

看起来你没有做过很好的研究，因为所有这些答案都很容易找到。

元标记信息：https://github.com/joshbuchea/HEAD#meta

1-它叫做favicon。

2-曾经有目的但没有更多。

Google，Facebook甚至自定义等3个爬虫可以根据该信息识别页面的作者。

4- https://stackoverflow.com/a/14775557/2873889

Answer 2

Q1）。你需要一个图标。您可以在此处获得更多详细信息：https://www.w3.org/2005/10/howto-favicon

Q2）。是的，元标记仍然有用。

Q3）。这只是说明谁创建了网页。

Q4）。查看https://www.w3schools.com/css/css_rwd_viewport.asp

最后，看看w3schools.com和codeacademy。

Answer 3

1. 您可以使用<link rel="icon" href="#" sizes="16*16">添加图标，并在图片中插入您想要的图片。
2. 关键字标签用于搜索引擎索引。
3. 作者标签用于识别内容的创建者。是的，它们都仍然有用。
4. <meta name="viewport>用于设置不同浏览器中文档可见部分的大小： <meta name="viewport" content="width=device-width, intial-scale=1.0">

Answer 4

过去，搜索引擎使用元标记根据标题，描述甚至关键字对网页编制索引。然而，某些网站开始过度使用它们，填写热门关键词以期获得更好的搜索结果。谷歌认识到这一点，宣布他们不会在搜索算法中使用元关键字或描述来进行排名。 一次进入一个属性：

1）描述 - 搜索引擎根据内容属性生成描述。 当您将网页的网址分享给其他网站或平台时，请假设您在Whatsapp上共享博客，Whatsapp会向用户显示说明以及您的网址。你可以自己试试。

2）charset =＆＃34; UTF-8＆＃34; - 设置网页的编码。另一种编码是UTF-16。

3）关键字 - 关键字帮助其他应用程序更多地了解您的网站。虽然许多网站仍然使用name属性的关键字值，但Google在其搜索排名算法或显示搜索结果时并未考虑这一点。

4）作者 - 您可以使用作者属性设置页面的作者。

5） - 在平板电脑和移动电话之前，网页仅设计用于计算机屏幕，网页通常具有静态设计和固定大小。 然后，当我们开始使用平板电脑和手机上网时，固定大小的网页太大而无法容纳视口。要解决此问题，这些设备上的浏览器会按比例缩小整个网页以适应屏幕。

Meta标签可用于执行HTTP标头的任务，如重定向和刷新。

要了解有关元标记的详情，请参阅此链接https://www.sitepoint.com/meta-tags-html-basics-best-practices/