HTML骨架:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8">
<title>哈哈哈</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
HTML骨架详解:
<!DOCTYPE html>(第一行):网页的声明头,术语叫做Document Type Definition,文档类型定义,简称DTD。网页声明头可以告诉浏览器,这是一个什么标准的页面。
<html> (第二行):是最大的html标签所有的网页内容,都要包裹在这个标签对里面。
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8"> (第四行):
meta标签:
字符集用meta标签定义,meta表示“元”。“元”配置,就是表示基本的配置项目。
charset就是charactor set“字符集”的意思。
中文能够使用的字符集两种:
第一种:UTF-8。UTF-8是国际通用字库,里面涵盖了所有地球上所有人类的语言文字,比如阿拉伯文、汉语
第二种:gb2312(也可以写作gbk)。gb2312 是国标,是中国的字库,里面仅涵盖了汉字和一些常用外文,比如日文片假名,和常见的符号。
字库规模:UTF-8 (字全)> gb2312(只有汉字)
总结:
UTF-8 字多,有各种国家的语言,但是保存尺寸大,文件臃肿;
gb2312字少,只用中文和少数外语和符号,但是尺寸小,文件小巧。
重点:同一个字在两种不同的字符集里面编码也不一样。用meta标签声明当前这个html文档的字库时,一定要和保存的类型一样,否则会乱码!
meta除了可以设置字符集,还可以设置关键字和页面描述。
设置关键字(以网易为例):
<meta name="Keywords" content="网易,游戏,邮箱,体育,新闻,娱乐,女性,亚运" />
这些关键词,就是告诉搜索引擎,这个网页的作用的,能够提高搜索命中率。
页面描述:
<meta name="Description" content="聚美优品是国内知名正品女性团购网站,也是领先……"
只要设置的Description页面,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO,search engine optimization,搜索引擎优化。
一个企业级的完完整整的HTML骨架(以聚美优品为例):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="Keywords" content="聚美优品,化妆品,美妆,正品,折扣" />
<meta name="Description" content="聚美优品是国内知名正品女性团购网站,也是领先的品牌化妆品团购和护肤品团购网,聚美优品团购化妆品每天有超值的化妆品和护肤品团购信息,详情登陆聚美优品官网:jumei..." />
<title>聚美优品-【极速免税店 品牌防伪码】正品化妆品团购网站SH,千万用户推荐,拆封30天无条件退货!</title>
</head>
<body>
大家能看到的部分,这里就是网站主题部分。
</body>
</html>