持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第2天，点击查看活动详情。

doctype 的意义是什么

让浏览器以标准模式渲染、让浏览器知道元素的合法性。 doctype是一种标准通用标记语言的文档类型声明。目的是告诉浏览器当前 HTML 是用什么版本编写的。

声明必须是HTML文档的第一行，位于html标签之前。用来指示web浏览器关于页面使用哪个HTML版本进行编写的指令。 H5 的 doctype： !DOCtype html

HTML、XHTML、HTML5的区别

HTML 属于 SGML
XHTML 属于 XML，是 HTML 进行 XML 严格化的结果
HTML5 不属于SGML，也不属于 XML（HTML5有自己独立的一套规范），比 XHTML 宽松。

HTML学习笔记

textarea 标签： 一大段文本

下拉选框

Canvas 中如何处理跨域图片： img.setAttribute("crossOrigin","anonymous");

Data URL

Data URL 是将图片转换为 base64 直接嵌入到了网页中，使用<img src="data:[MIME type];base64"/>这种方式引用图片，不需要再发请求获取图片。

缺点：base64 编码后的图片会比原来的体积大三分之一左右。 Data URL形式的图片不会缓存下来，每次访问页面都要被下载一次。可以将 Data URL 写入到 CSS 文件中随着 CSS被缓存下来

HTML5 有什么新的变化

新的语义化元素: header 头部 nav 导航栏 section 区块 main 主要区域 aside 侧边栏 article 文章详情 footer 底部

表单增强 input新增type类型： type=“email” 邮箱 type=“number” 输入框只能输入数字 type=“search” 搜索框 type="date" 日期 type="time" 时间

input 标签 type类型

input type属性： text：文本框 password：密码输入框 radio：单选按钮 checkbox：复选框 button：普通按钮 submit：提交按钮 reset：重置按钮 iamge：图像按钮 hidden：隐藏域 file：文件 H5新增： search：搜索框 url：输入URL字段 tel：输入电话号码 email：输入email 地址 data：日期

name：表单提交时的”键“ value：表单提交时对应的值 checked：radio 和 checkbox 默认被选中的项 readonly：text 和 password 设置只读 disabled：所有input适用，禁用input 元素，被禁用的input 元素，即不可用，也不可点击

label：标签 for属性可以把label 绑定到另外一个元素 placeholder:提示用户输入