HTML 头部学习笔记

HTML头部通常用于指定文档元数据,如文档标题,字符集,关键词和描述。头部可以通过<head>标签定义。

文档标题

文档标题可以通过<title>标签定义,它应该放在<head>标签内。此标签是非常重要的,因为它显示在浏览器的标签页上,并且也被搜索引擎用来索引页面内容。

示例

htmlCopy Code
<!DOCTYPE html> <html> <head> <title>这是一个示例页面</title> </head> <body> <h1>欢迎来到我的网站!</h1> <p>这是一个示例页面。</p> </body> </html>

字符集

字符集定义了文档使用的字符编码。一般情况下,我们推荐使用UTF-8字符集。

示例

htmlCopy Code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>这是一个示例页面</title> </head> <body> <h1>欢迎来到我的网站!</h1> <p>这是一个示例页面。</p> </body> </html>

关键词和描述

关键词和描述是用于描述页面内容的元数据,可以提供给搜索引擎使用。

示例

htmlCopy Code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>这是一个示例页面</title> <meta name="description" content="这是一个示例页面。"> <meta name="keywords" content="示例, 页面, HTML"> </head> <body> <h1>欢迎来到我的网站!</h1> <p>这是一个示例页面。</p> </body> </html>

以上是HTML头部的一些常见元素,它们有助于使页面更具可读性和SEO友好。