3、网页开发中的元标签与CSS语法详解

网页开发中的元标签与CSS语法详解

1. 元标签的作用

元标签曾经主要用于网页的搜索引擎排名优化。搜索引擎算法会利用关键词和描述来判断网页与给定短语的匹配程度。然而如今，由于元标签的滥用以及可能导致无关内容的问题，很少有搜索引擎会关注指定页面关键词的元标签。搜索引擎现在更倾向于根据页面内容本身来生成搜索结果。例如，谷歌仅会使用元标签“description”来伴随搜索结果，而在判断页面排名时则完全忽略元标签，它主要依据内容、页面标题以及用于链接到该页面的术语来确定结果。

不过，元标签并非毫无用处。虽然在搜索引擎方面，它的影响力不如以往，但仍可用于传达有关页面的有用信息。即使某个应用程序不直接使用元标签，查看页面源代码的人仍能从这些信息中受益。元标签的名称属性常见值还有“copyright”，虽然搜索引擎或浏览器等不会直接使用它，但可以向普通观察者指出版权信息。在有多个开发者参与的大型网站中，还可以使用元标签来传达对外部世界无意义但对内部有帮助的页面信息。

2. 通用标签：div和span

在HTML中，大多数标签都有特定的用途，用于标记特定的元素，如图片、表格或引用。但有两个“通用”标签，它们本身含义较少，常用于将HTML部分组合在一起，并对这些组合应用CSS。
- div ：是一个块级元素，用于将一大块HTML组合在一起。示例代码如下：

<div id="content">
    <h1>How to make a falafel</h1>
    <p>Buy a falafel