一、块级元素、行内元素、行内块元素

块级元素：
特点：可设置宽高边距，占满整行，会自动换行
示例：div、 p、 h1 、h6、ol、ul、dl、table、address、blockquote、form

行内元素：
特点：无法设置宽高边距，不会占满整行，不会自动换行
示例：a、strong、b、em、i、del、s、ins、u、span

行内块元素：
特点：可设置宽高，占满整行，但不会自动换行
示例：img、input

二、html语义化的了解

介绍： 正确的标签做正确的事

好处：
1、内容结构化，结构更清晰
2、便于搜索引擎解析
3、便于阅读理解维护

三、src和href的区别

src： 引用资源，替换当前元素，用在img，script，iframe上
当浏览器解析到 src ，会暂停其他资源的下载和处理（图片不会暂停其他资源下载和处理），直到将该资源加载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容。这也是为什么建议把 js 脚本放在底部而不是头部的原因。
href： 在当前元素和引用资源建立联系，用在link和a等元素上
若在文档中添加 href ，浏览器会识别该文档为 CSS 文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式加载 CSS，而不是使用 @import 方式。

四、img标签的title和alt是什么

title：解释信息，鼠标移上去显示的信息
alt：替换信息、图片不能显示时的信息

五、浏览器内核

介绍：浏览器（内核）引擎分为两部分渲染引擎和js引擎

分类：
1、渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（如加入的css等）以及计算网页的显示方式，然后输出至显示器或打印机。
不同的浏览器内核对网页语法解释会有不同，所以渲染的效果也会不同。
2、js引擎：解析执行js语句来实现网页的动态效果

六、常见的浏览器及其内核

七、浏览器的标准模式和怪异模式 （混杂模式）

标准模式：按浏览器支持的最高标准运行
混杂模式：页面是一种比较宽松的向后兼容的方式显示

八、优雅降级和渐进增强

优雅降级：一开始构建完整的功能，再针对低版本浏览器进行兼容
渐进增强：一开始保证最基本的功能，再改进和追加功能

九、< !DOCTYPE>的作用

告诉浏览器用什么文档标准来解析这个文档

十、label的作用

介绍：定义表单控件间的关系，当用户选择该标签时，浏览器会将焦点转到和标签相关的表单控件上
方法一：id绑定
方法二：嵌套

示例：
方法一：

    <label for="Name">Number:</label>
    <input type=“text“name="Name" id="Name"/>

方法二：

    <label>Date:<input type="text" name="B"/></label>

十一、浏览器（客户端）存储方式

● cookie
● localstorage
● sessionstorage

十二、html5新特性

一、语义化标签：比如 article、footer、header、nav、section;
二、表单控件：calendar、date、time、email、url、search;
三、媒体元素video和audio元素
四、本地存储：localStorage sessionStorage
五、新的技术，websocket

十三、seo的TDK是什么

TDK：title description keywords

十四、web标准和w3c标准

web标准：分为结构、表现和行为
W3C标准：提出了更规范的要求

1、结构方面：标签字母要小写，标签要闭合，标签要正确嵌套
2、css和js方面：尽量使用外链写法，少用行内样式，属性名要见名知义

十五、前端页面由哪三个部分组成

● html：页面结构，布局
● css：样式
● js：行为交互

十六、div+css布局和table布局有什么优点

1、表现和结构分离
2、页面加载速度更快，结构化清晰，页面显示简洁
3、修改样式方便，只要改css文件
4、易于优化，搜索引擎更友好

十七、前端需要注意哪些SEO

1、合理的title、description、keywords：搜素时对这三项的权重逐个减少，title强调重点，重要关键词不要超过两次，而且要靠前，不同页面title要有所不同， description高度概括页面内容，长度合适，不过分堆砌关键词，不同页面description有所不同，keywords列出重要关键词即可
2、语义化的html代码，符合W3C标准
3、提高网站速度
4、重要HTML代码放前面
5、重要内容不要用js输出：爬虫不会执行js获取内容
6、少用 iframe：搜索引擎不会抓取 iframe 中的内容
7、非装饰性图片必须加 alt

十八、canvas和svg的区别

十九、HTML和XHTML的区别

XHTML：重写了HTML规范，比HTML更严格
1、XHTML中所有的标记都必须有一个相应的结束标签；
2、XHTML所有标签的元素和属性的名字都必须使用小写；
3、所有的XML标记都必须合理嵌套；
4、所有的属性都必须用引号“”括起来；
5、把所有<和&特殊符号用编码表示；
6、给所有属性附一个值；
7、不要在注释内容中使用“–”；
8、图片必须使用说明文字。