Day2-关键字和页面描述
2.3 关键字和页面描述
meta除了可以设置字符集，还可以设置关键字和页面描述。
设置页面描述：
|
1 <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" /> |
只要设置的Description页面面熟，那么百度搜索结果，就能够显示这些语句，这个技术叫做SEO，search engine optimization，搜索引擎优化。
抽象一下：
|
1 <meta name=”” content=”” /> |
name就是“名字”的意思，content是“内容”的意思。
也就是说，我们定义了一个名字是“Description”（描述）的meta。内容是网易是中国领先……
定义关键词：
|
1 <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" /> |
这些关键词，就是告诉搜索引擎，这个网页是干嘛的，能够提高搜索命中率。让别人能够找到你，搜索到你。
Keywords就是“关键词”的意思。
所以，一个比较完整的骨架是这样：
|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 5 <meta name="Keywords" content="牛逼，很牛逼，特别牛逼" /> 6 <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" /> 7 <title>Document</title> 8 </head> 9 <body> 10 11 </body> 12 </html> |
第4行 ： 字符集设置
第5行： 关键词
第6行： 描述
2.4 title标签
|
1 <title>网页的标题</title> |
title也是有助于SEO搜索引擎优化的：
|
1 <title>传智播客官网-传智播客提供java培训、web前端培训、php培训、C/C++培训、iOS培训、网页设计培训、平面设计培训、UI设计培训、游戏开发培训、网络营销培训服务</title> |
网页的head标签里面，表示的是页面的配置，有什么配置？
字符集、关键词、页面描述、页面标题。
今后我们还能看见一些配置：IE适配、视口、iPhone小图标等等……
