DOCTYPE作用
Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档
html 语义化的理解
HTML标签的语义化，简单来说，就是用正确的标签做正确的事情 语义化的优点如下：
- 在没有CSS样式情况下也能够让页面呈现出清晰的结构
- 有利于SEO和搜索引擎建立良好的沟通，有助于爬虫抓取更多的有效信息
- 方便团队开发和维护，语义化更具可读性
src和href的区别
src：全称source，它通常用于img、video、audio、script元素，通过src指向请求外部资源的来源地址，指向的内容会嵌入到文档中当前标签所在位置，在请求src资源时，它会将资源下载并应用到文档内，比如说：js脚本、img图片、frame等元素。当浏览器解析到该元素时，会暂停其它资源下载，直到将该资源加载、编译、执行完毕。这也是为什么将js脚本放在底部而不是头部的原因。 href：全称hyper reference，意味着超链接，指向网络资源，当浏览器识别到它指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理，通常用于a、link元素。
title 与 h1 、b 与 strong 、i 与 em 的区别
- title 属性表示网页的标题，h1 元素则表示页面内容标题，对页面信息的抓取也有很大的影响
- strong 是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时：strong会重读，而b是展示强调内容
- i 是italic(斜体)的简写，是早期的斜体元素，表示内容展示为斜体，而 em 是emphasize（强调）的简写，表示强调的文本
前端页面有哪三层构成
- 结构层：HTML
- 表示层：CSS
- 行为层：JS
img上 title 与 alt
- alt:无法显示图像，浏览器将显示alt指定的内容
- title:当鼠标移动到元素上时显示title的内容
HTML5新特性
- 语义化标签，如：article、footer、header、nav等
- 视频video、音频audio
- 画布canvas
- 表单控件，calemdar、date、time、email
- 地理API
- 本地离线存储，localStorage长期存储数据，浏览器关闭后数据不丢失，sessionStorage的数据在浏览器关闭后自动删除
- 拖拽释放
a元素除了用于导航外，还有什么作用
href属性中的url可以是浏览器支持的任何协议
- 所以a标签可以用来手机拨号
<a href="tel:110">110</a>， - 也可以用来发送短信
<a href="sms:110">110</a> - 还有邮件等等
SEO中的TDK
TDK其实就是title、description、keywords这三个标签
<title>标题<title/>表示标题标签
<meta name="description" content="">description是描述标签
<meta name="keywords" content="">keywords是关键词标签
