Untitled

HTML页面结构
    HTML是用来描述网页的一种语言。

    HTML指的是超文本标记语言:Hyper Text Markup Language

    HTML不是一种编程语言，而是一种标记语言

    标记语言是一套标记标签（markup tag）

    HTML使用标记标签来描述网页

    HTML文档包含了HTML标签及文本内容

    HTML文档也叫做web页面

1 使用HTML标记文本。例如，定义标题文本、段落文本、列表文本和预定义文本等。
2 使用HTML语言建立超链接，通过超链接可以访问互联网上的所有信息，当使用鼠标单击超链接时，会自动转到链接页面。
3 使用HTML语言创建列表，把信息有序组织在一起，以方便浏览
4 使用HTML语言在网页中显示图、声音、视频等多媒体信息，八王爷设计的更富冲击力。
5 使用HTML语言制作表格，以便显示大量的数据
6 使用HTML语言制作变淡，允许在网页内输入文本信息登。


DOCTYPE声明了文档类型
html变迁描述了文档类型
head标签包含了所有头部标签元素
    title标签定义了浏览器工具栏的标题
    meta标签对页面的元信息进行设置
body标签为可视化网页内容

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <body> 和 </body>
标签中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
Eg：
<标签>我是内容</标签>

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示
浏览器并不是直接显示的HTML标签，单可以使用标签来决定如何展现HTML页面的内容是给用户；

**只有<body>区域会在浏览器中显示

<!DOCTYPE>声明有助于浏览器中正确显示网页。
网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的，以下方式均可：


    <!DOCTYPE html>
    <!DOCTYPE HTML>
    <!doctype html>
    <!Doctype Html>


<meta>标签位于head之内
meta元素可提供有关页面的元信息
meta常用的属性：charset   name   content
name 和 content属性必须配合使用，基本语法如下：
<meta name="参数" content="name属性值">


示例：
  <meta name="Keywords" content="关键字">
  <meta name="Description" content="描述">

 声明页面的编码格式：
    这句话来声明整个网页的字符串集的格式
   <meta charset="utf-8">
   utf-8 : 字符编码，又称万国码


  title标签：
    用来定义这个页面的标题，需要放在编码声明下面
   <meta charset="utf-8">
   <title> 页面标题 </title>

页面重构：简单的说就是“将设计稿转换成WEB页面”，这一过程可以很简单的直接把PSD从PS里导出成网页；也可复杂到需要考虑页面中每个标签的使用，考虑“页面性能”。