全局标签在网页设计中起着重要的作用，它们可以在整个网站范围内使用，为页面提供通用功能和样式。以下是一些常见的全局标签：

  1. HTML标签：

    • <html>：整个HTML文档的根元素。

    • <head>：包含页面的元数据，如标题、样式表链接和脚本引用。

    • <title>：设置网页的标题，显示在浏览器的标签页上。

    • <meta>：定义网页的元数据，如字符集、视口设置和搜索引擎优化（SEO）信息。

    • <link>：链接外部资源，如样式表。

    • <script>：嵌入或引用JavaScript代码。

    • <body>：包含页面的主要内容。

  2. CSS标签：

    • <style>：内联CSS样式表，用于定义页面的样式。

    • <link>：外部CSS样式表链接，用于应用外部样式表。

  3. JavaScript标签：

    • <script>：嵌入或引用JavaScript代码，用于添加交互性和动态内容。

  4. Favicons：

    • <link rel="icon" href="/favicon.ico">：定义浏览器标签页上的小图标。

  5. Favicons（可选）：

    • <link rel="apple-touch-icon" href="/apple-touch-icon.png">：定义iOS设备的启动图标。

    • <link rel="manifest" href="/manifest.json">：定义PWA的清单文件。

  6. Web字体标签：

    • <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">：引入Google字体。

  7. 结构化数据标记：

    • <header>、<nav>、<main>、<article>、<section>、<aside>、<footer>：这些标签用于结构化页面内容，帮助搜索引擎和辅助技术更好地理解页面内容。

  8. 响应式设计标签：

    • <meta name="viewport" content="width=device-width, initial-scale=1.0">：设置视口，使页面适应不同设备的屏幕大小。

  9. SEO相关标签：

    • <meta name="description" content="...">：定义页面的简短描述。

    • <meta name="keywords" content="...">：定义页面的关键词（已废弃，不推荐使用）。

    • <meta name="author" content="...">：定义页面的作者。

    • <meta name="robots" content="...">：控制搜索引擎的抓取和索引行为。

请注意，随着HTML5和CSS3的发展，一些标签的使用已经变得不那么普遍，或者被更现代、更灵活的技术所取代。例如，CSS现在通常通过外部样式表链接使用，而不是内联样式。同样，JavaScript也更多地使用外部脚本文件而不是内联脚本。