html5骨架

• DTD
  不同版本的DTD是不一样的，只需要记住html5的即可
  html5：
• html标签对
  图中没有注明
  lang = "en" lang表示网页的语言，en表示英文，zh表示中文
  在标签对中的标签对，用tab进行缩进
• head标签对
  网页的配置
• body标签对
  网页的内容

字符集

它是一个单标签

• meat
  表示网页的基础配置
• charset
  字符集
• "UTF-8"
  是字符集的一种

utf-8和gb2312

• 只用中文和英文的就用gb2312，一个汉字占2个字节
• 用其他语言就用utf-8，一个汉字占3个字节
  注意：字符集类型要和文件类型一致否则会出现乱码

title

用来设置网页的标题

• 也是搜索引擎收录的网页标题，所以要好好设置

SEO

• 标题
  
• 关键字
  
• 描述
  
• 这些东西都会被搜索引擎识别所以要好好设置

认识标签

标签对

• 成对出现的标签就是标签对
• div标签
  像是一个盒子，网页就是由一个一个盒子组成的，百度的网页：
  
• p标签 段落
• h1 一级标题

单标签

• 只有起始标签

空白折叠现象

• 如果文字中有多个空格，网页上只显示一个
• 文字和标签对有空格，会直接被忽略

转义字符

• <
• >
•  
• ©

常见的类名

• 页头 header
• logo logo
• 导航条 nav
• 横幅 banner
• 内容区域content
• 页脚 footer