HTML知识点-01头部标签

卓而欣然

于 2021-09-28 13:51:44 发布

阅读量233

点赞数

分类专栏： HTML 文章标签： html html5 css

本文链接：https://blog.youkuaiyun.com/a136352/article/details/120527590

版权

HTML 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了HTML5文档的基本结构，包括文档声明、html、head和body标签的作用。在<head>部分，重点讲解了meta标签的用途，如设置字符编码、页面描述和关键词，以及如何定义页面标题和图标。此外，还提及了SEO优化的相关内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 HTML文档结构

VS中生成的html页面为我们提供了一个（HTML5）标准的html文档框架：

HTML欢迎您！

以这种格式组织的html文件被称之为HTML文档。严格的说，一个HTML文档才是一个网页。

这被称之为：文档声明。显示这是一个html文档类型（Document Type），这是HTML 5的写法。

然后，三个标签：

html：
head：头，里面的内容一般不予显示
body：正文，由浏览器显示的内容

head元素

<head>
    <!-- 编码格式utf-8 -->
    <meta charset="utf-8" />
    <!-- tab上标题 -->
    <title>HTML欢迎你</title>
    <!-- tab上图标 -->
    <link rel="shortcut icon" type="image/ico" href="/Images/logo.ico" media="screen" />
</head>

<head>
    <!-- SEO用的描述和关键字 -->
    <meta name="description" content="菜鸟入门，这是HTML最基础的材料……" />
    <meta name="keywords" content="菜鸟 HTML" />
    <!-- tab上标题 -->
    <title>首页·一起帮</title>
</head>