前端常用技术基础「html篇」

做为前端最基础的知识，这些内容简单，但是不容忽视，没有按照规范书写，往往出现各种异常的问题

HTML的定义

HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。

HTML标签元素

HTML元素由开始标签和结束标签组成。

html
    <p>/<p>
    <h1><h1/>

虽然现在我们还不知道具体标签代表的意思，但标签一定是这样的格式：有一对开始<>和结束</>。一般标签名推荐用小写。标签具有属性，属性用来表示标签的特征。比如，我们用大小这个属性，来衡量一个苹果。所以，大小可以用来表示苹果的特征。属性时写在标签里面的，而且是开始标签内。

HTML 的基本结构

结构由网页的头部和网页的身体组成。如下例子：

html
<html>
    <head>
        <title>这是标题</title>
    </head>
    <body>
      这是内容
    </body>
</html>

在上面的例子中，第一个标签<html>是告诉浏览器这是html文档的开始。Html文档的最后一个标签是</html>，是告诉浏览器这是html的终止。标签<head></head>之间的文本是头部信息，在<title></title>之间的文本是文档标题，会显示在浏览器的窗口的标题栏。<body></body>之间的文本是正文。

规范的html页面

1、文档声明 - 在<html>前，要写文档声明语句: <!DOCTYPE HTML>，当然也可以用小写表示。文档声明的作用是告诉浏览器该文档遵循html规范。
2、标题 - 一般情况下，我们都会设定html文档的标题。这样的作用是使用户看起来感觉友好。标签为<title></title>,标签内放标题名称。
3、页面编码 - 编码的种类有多种，但常用的是utf-8和gb2312。utf-8为多国语言编码，gb2312为中文简体编码。对于编码的详细问题，可以浏览博客。设置网页编码的语句为<meta charset= "utf-8" />，是在<head></head>标签内定义的。
4、页面关键字，内容 - 我们可以在文档中设置一些关键词，内容介绍。这样的好处是，当我们的网页发布在网上，用户可以通过在搜索框中输入关键字，找出一些比较符合的网页。这样一来，我们的网页便可以更容易地被别人访问。

目录

HTML的定义

HTML标签元素

HTML 的基本结构

规范的html页面

html进阶内容

canvas的认知与使用

输入框的各种使用场景与常见问题

浏览器调试页面代码

dom节点的认知