Title & Meta 标签
在 Web 开发中，Title 和 Meta 标签是非常重要的元素。Title 标签用于定义网页的标题，会显示在浏览器的标签栏中，同时也会影响搜索引擎对网页内容的理解。Meta 标签则用于提供关于网页的元数据信息，如描述、关键字等。
设置网页标题
在 Create React App 中，可以在 public/index.html 文件中找到 <title> 标签，通过修改其中的内容来设置网页的标题。例如：
<title>我的网页标题</title>
添加 Meta 标签
要添加 Meta 标签，需要在 public/index.html 文件中的 <head> 标签内添加相应的 <meta> 标签。以下是一些常用的 Meta 标签及其用途：
charset：指定网页的字符集viewport：控制网页在移动设备上的显示方式description：网页描述keywords：网页关键字author：网页作者robots：搜索引擎蜘蛛的行为控制og:title：Open Graph 协议中定义的标题og:description：Open Graph 协议中定义的描述
示例代码如下：
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="这是我的网页描述"> <meta name="keywords" content="React, 前端开发"> <meta name="author" content="John Doe"> <meta name="robots" content="index, follow"> <meta property="og:title" content="我的网页标题"> <meta property="og:description" content="这是我的网页描述">
在设置 Meta 标签时，需要注意每个标签的属性和取值，确保正确地提供关于网页的元数据信息。这样可以提升网页的可访问性和搜索引擎优化效果。