概述
跌跌撞撞进了前端的门，在学习过程中也懵懵懂懂写了一些博客，现在回过头来，审视之，重新汇总梳理一下，构建自己的知识结构体系。
千里之行，始于足下。每一项技能的习得，都离不开对于基础概念/术语的理解。这也叫做基础，基础也是最需要时间和专注，最容不得摸鱼的。
HTML与HTML5是什么？
HTML全名叫做超文本标记语言(Hyper Text Markup Language)，是一种描述网页的语言。他并不是编程语言，而是标记语言。
HTML 使用标记标签来描述网页，HTML 标记标签通常被称为HTML标签(HTML tag)。而 HTML5 是最新的 HTML 标准，是为了承载更加丰富的web内容而专门设计的，并且无需额外插件。现在我们写的网页基本都是HTML5标准的了，同时为了让浏览器知道这一点，我们需要在文档开头进行HTML5声明。
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
这里需要注意的是<!DOCTYPE>声明必须是文档的第一行，在<html>标签之前。<!DOCTYPE> 声明不是HTML标签，他是指示 web 浏览器选择适当的 HTML 版本而编写的指令。在 HTML 4.0.1 中有三种<!DOCTYPE>声明，而HTML5中只有一种 <!DOCTYPE>声明，那就是<!DOCTYPE html>。
HTML 标签，属性和元素是什么？
这里的HTML默认指的都是HTML5，我们已经知道HTML是通过标记标签来描述网页的。标记标签通常被直接叫做标签，是由尖括号包裹的关键词(keyword)，如<div>、<input>。并且标签一般是成对出现的，或者说由开始标签和结束标签共同组成，如<div></div>。当然也存在单个标签，如</input>、</br>，但发展的趋势和逻辑上面是倾向于成对标签的。
HTML 标签是基础，再来看看HTML元素。HTML元素指的是开始标签和结束标签之间的所有代码。从这里我们可以将html文档看成多个不同HTML元素的嵌套组合。
HTML 标签可以拥有属性，可以认为是被设计者赋予的。属性提供了关于元素更多的信息，是为了更加具体、确切的描述标签的。属性总是以名称/值对的形式出现的，如：class="header"。
<meta>标签做什么的？
慢慢地，开始写多了 HTML 文档代码，发现了html文档主要分为<head>头部与<body>主体部分。其中，在<head></head>中，会有很多<meta>标签，并且通常没有内容，而是具有不同的属性值。
我们从meta这个单词也可以略微猜得到，这个标签是用来描述文档元信息的。那么哪些信息是元信息呢？例如页面是否允许缩放等等。
因为文档的元信息是不被包括于文档内容的，所以<meta>标签是一直位于<head>内部。
web语义化是干什么的？
web 语义化就是为了让机器读懂文档内容，知道每个标签的作用。对于当前的Web而言，HTML是联系大多数Web资源的纽带，举个例子，利用搜索引擎查找web资源时，为了能够让机器快速找到或者网络爬虫快速找到，在文档中会设置相关的标签，表明内容形式，这就是一种语义化的行为。
随着web资源的越发庞大，目前推出的HTML5 进一步推进了Web语义化发展，采用了例如footer、section等语义化标签，弥补了采用id="footer"或者class="footer"形式的不足。
链接是什么概念，对应什么标签？
HTML 使用超链接与互联网上另一份文档相连，链接就是连接不同资源的方式，对应标签就是<a></a>。HTML超链接也被叫做链接，链接可以是一个字，一组词，甚至是一个图像。点击链接，可以跳转到其他文档或者当前HTML文档的其他部分。
我们使用<a></a>来创建链接，a是anchor(锚)的缩写。
有两种使用<a>标签的方式：
- href属性
使用href属性，创建指向另一份文档的链接。 - name属性
使用 name属性，创建本文档的书签。实例点击我
表单是什么？表单标签有哪些？
HTML 表单是抽象出来的一个概念，功能是收集用户填写的多种类型的信息，如单选，多选，文本输入等等。就好像办理银行业务时，我们需要填写的关于个人信息的表单一样。
一个表单有3个基本组成部分：表单元素、表单域、表单按钮。
-
表单元素
即<form></form> -
表单域
- 文本框
<input type="text"> - 密码框
<input type='password'> - 单选框
<input type='radio'> - 复选框
<input type='checkbox'> - 下拉框
注意：下拉框不能输入内容
添加selected默认选择该内容 selected="selected"
<select>
<option>苏州</option>
<option>扬州</option>
<option selected="selected">杭州</option>
</select>- 文本域
<textarea>
- 文本框
-
表单按钮
- 重置按钮
<input type='reset' value=‘重置’> - 提交按钮
<input type='submit' value='提交'>
注意点
提交到哪里去？<form>标签的action属性指定了提交地址。
数据的传输格式？name属性，以键值对的形式传输的。
- 重置按钮
-
HTML5 新增的输入类型标签
- 邮箱：
<input type='email'>
作用：自动验证输入框的内容，是否 符合邮箱格式。 - 域名：
<input type='url'>
作用：自动验证输入的URL是否正确 - 电话：
<input type='number'>
作用：输入框值允许输入数字
- 邮箱：
网友评论