万丈高楼平地起,勿贪快,脚踏实地,才能仰望星空
一.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 httpequiv="ContentType"content="text/htmlcharset=UTF-8">
<title>Document</title>
</head>
<body> </body>
</html>
二.文档声明头
任何一个标准的HTML页面,第一行一定是一个以
<!DOCTYPE ……
开头的语句
这一行,就是文档声明头,DocType Declaration,此标签可告知浏览器文档使用哪种HTML或者XHTML规范
HTML5中极大简化了DTD:
<!DOCTYPE html> //HTML5中统一使用声明文档
三.字符集
<meta charset="UTF-8">
字符集用meta标签定义,meta表示"元 ","元"配置,就是表示基本的配置项目
charset 就是 charctor "字符集"的意思
中文HTML网页中可以使用两种字符集:
第一种:UTF-8常用, UFT-8字符集比较大(常用,国际通用)
<meta charset="UTF-8">
第二种:gb2312 字符集比较小,更加优化网页加载速度,(腾讯就是使用这个字符集)
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
两种字库规模: UTF-8（字全） > gb2312（只有汉字）
html文档中出现乱码多半是字符集问题:
meta标签可以声明的当前文档的字库,但是一定要和保存的类型一样,否则会出现乱码
sublime中设置保存类型:File -> set File Encoding to -> Chinese Simplified
四.关键字和页面描述
meta除了可以设置字符集,还可以设置关键字和页面描述
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、
搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。
" />
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
只要谁知的Description页面,百度搜索meta标签中的关键字,就会显示这些语句(搜索引擎优化)
title标签:
<title>网页的标题</title>
title标签也是有助于SEO优化的,title标签中的内容在浏览器窗口里面显示