HTML5学习笔记
随着5G网络逐渐普及，手机已经成为了我们的一部分，从前出门要还要想着带个什么样子的包，现在的出门只要记得带好手机就足矣！以前手机要实现一个功能就需要安装相应的APP，而现在微信小程序等带给我们不一样的体验，我们不再需要安装各种各样的APP，很多都可以在微信小程序上完成。微信小程序的开发门槛虽然低了很多，但我们还是需要掌握一定的基础知识，而作为基础中的基础，HTML5是我们必须学习的。
一、HTML代码基础
1、HTML5的语法要求非常宽松，属性值可以用单引号、双引号包含起来，甚至可以不加引号。如：
id="wl" id='wl' id=wl 这三个是一样的效果。
但需要注意的是如果属性值中含有空格、单引号、大于小于号、反引号等字符时，则必须加引号，而当属性值中含有单引号时，可以加双引号，而值中有双引号时就可以 加单引号。为了养成一个好的习惯，建议好始终给属性值加双引号。
2、内容标签是标签中包含一段内容，如p和strong这样的元素；非内容标签（空元素）是指标签不包含内容，比如换行等，它只有起始标签，不需要结束标签，以HTML5以前为了强调结束，经常把非内容标签写成<br />样子，而在HTML5中规定，非内容标签不需要关闭。常见的非内容标签有：<meta>、<img>、<br>、<input>、<link>、<hr>、<embed>等。
3、注释：不论单选还是多行，只需要把注释放在<!-- 注释内容 -->。
4、HTML页面根元素，在整个页面中html是根元素，在这个元素中一般有两个属性，一个是lang，另一个是manifest。
<html lang="zh-cmn-Hans">：声明页面的语言为简体中文。（非标准写法为lang="zh-CN"）；manifest属性用于设定页面缓存，它一旦设置后，浏览器便会将需要缓存的文件保存在本地，主要适用于不依赖网络，且下载后不需要再次更新的HTML5游戏、应用等，如果页面内容需要频繁更新的应该少用该属性，具体用法可以查询HTML5手册，这里不详细说明。5、Head元素包含五个主要部分，分别是title、link、style、base和meta元素。title元素即网页的标题；link元素定义了文档与外部资源的关系，除了CSS外，还有许多的外部资源也通过这一元素引入页面；style元素用于在页面中定义样式；base元素用于标记文档的基础URL地址，还可被用于设置全局的浏览器打开方式，如：<base target="_blank">设置页面中所有的链接均在新窗口中打开
;meta元素是head中各类最丰富的一个元素，虽然它包含了多种多样的元数据，但它被规定了必须包含name（元数据名称），http-equiv（编译指令）和charset（字符编码）三种属性的其中一种。如不希望页面被抓取并公开时，我们可以在页面中添加名为robots的meta标记，如：<meta name="robots" content="none">，反之则所有都被检索到<meta name="robots" content="all">
。meta元素还能完成诸如刷新、重定向、缓存时间等功能。
6、HTML5新增了header元素，专门用来表述这样的头部区域，section元素对应不用的内容版块，文章可以用article元素来表示，页面的侧边栏可以用aside元素来表示 ，而且不仅可以放在整个页面的代表侧边栏区域，还能放入section或article中，来容纳一些与版块和文章相关的内容。
7、footer元素和header元素并非区块内容，在这两种元素之内不能再嵌套放入类似section之类的元素。
8、不是所有的文字段落都适用p元素，如一段文字为联系信息时，则应使用address元素。
9、定义列表的除了有ul和ol外，还有一种更加自定义的形式，它由三种元素的组合而成，分别是dl、dt和dd。
10、内容分组元素figure元素，它主要用于展示插图、图表、照片、代码列表等。
11、HTML5加入了一种新的内容分组元素，用来指定页面的主要内容，main元素，每一个页面中最多只能有一个main元素，另外还有像水平分隔线的hr,表示源代码的pre，代表引用的blockquote等都同样属于内容分组元素。
12、在过去HTML版本中，a还可以当成锚点，如<a name="a1"></a>，但在HTML5中把这一特性去掉了，当href属性缺失时，它被视作一个占位符，而不会显示为一个超链接。
13、span元素是一种常见的文本元素，但如果不对span设置样式，则spqn中的文本和其他的文本看上去不会有任何差异。
14、在HTML5中有两种表示强调的文本元素，分别为em和strong，em元素更多代表语义、语气的加强，而strong则更加强调页面文本的重要性、紧急程度等，浏览器中em默认的显示为斜体，而strong则显示为粗体。
15、big标记的文本显示大于普通的段落文本，而small标记的文本则小于普通 的段落文本；当需要插入某句被引用的话，或者某段文字摘录时，可以使用q元素，而当需要插入文献的标题、作者、链接时使用cite元素，q元素默认在头和尾加上双引号，而cite元素默认显示为斜体。
16、表单在制作时需要设置method和action属性，分别用来指定表单提交数据的方式和目的页面；数据提交的方式有两种，get和post，get是把数据放在URL中，以明文的方式发送给后台，它不能传输过大的数据，也不能传输文件类数据，而post是把数据放在数据体内再发给后台，数据不能直接被看到，可传输的数据量较大，所以一般都选择使用post方式。
17、在文本输入框可以加入placeholder（占位符）属性，值为框内显示的文本，也可以为input元素添加required属性使该表单项必填，也可以添加autofocus属性使其自动获得焦点，一般设置第一个字段。
18、HTML5为input元素增加了很多新的类型，如电话的tel，电子邮件的email，日期的date等。
19、radio表示单选按钮，同一组的单选按钮具有相同的name属性，它的值由value属性决定，checked属性表示该按钮默认选中。如：
<p>
<label for="sex">性别：</label>
<input type="radio" name="sex" value="male" checked>男
<input type="radio" name="sex" value="female">女
</p>还可以使用分区度更高的fieldset元素，它可以对表单内容的一部分进行打包，生成一组相关的表单字段，它使用legend元素指定标题。
checkbox的input元素为复选框，checked属性为选中状态；select元素生成下拉菜单，元素使用option元素标记。