首页 > 代码库 > 博客第一弹—聊聊HTML里的head部分

博客第一弹—聊聊HTML里的head部分

HTML(HyperText Markup Language),即超文本标记语言。它的结构包括head部分和body部分,其中head部分用于描述网页的一些关键信息,这些信息本身不作为内容来显示,但对网页的解析和显示至关重要,比如网页的标题、链接、元数据等。


1:<title></title>网页的标题,显示在浏览器选项卡上面的文字。

实例:<title>这是我的第一个网页</title>

技术分享

 

2:<link> 标签定义文档与外部资源的关系,常见的用途是链接样式表。

实例:<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/theme.css" />

还可以用于链接网页的小图标。

实例:<link rel="icon" href="http://www.mamicode.com/img/001.jpg"/>

其中rel="icon"表示当前link的作用,是链接网页图标;

href="http://www.mamicode.com/img/001.jpg" 是图标地址。

 

3:<mate>定义文档中的元数据。

实例:<mate charset="utf-8">表示编码格式为万国码 。

常见的中文编码格式:

GB2312:国标码,简体中文;

GBK:扩展的国标码,简体中文;

UTF-8:兼容各种语言编码,常用!

 

实例:<mate name="keywords" content="HTML,head,元数据"/>

设置网页关键字,有助于搜索引擎搜索。

name="keywords"表示这个meta标签设置的是网页的关键字;

content=""表示关键字的详细信息,用英文逗号分开。

 

实例:<mate name="description" content="这是我开发的第一个网页">

设置网页的描述信息,搜索引擎搜索时,标题下面的一段文字。

name="description" 表示这个meta标签设置的是网页的描述信息;

content=""表示描述信息的详细内容。

 

PS:head部分还包括<base>、<script>、<style>等。

博客第一弹—聊聊HTML里的head部分