一、开发流程
网页设计师 ---> 前端工程师 ----> 后端工程师
根据需求设计网页 将设计做成静态页面 将静态页面做成动态界面
二、国内主流浏览器
1、IE浏览器内核：Trident内核，也是俗称的IE内核；
2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；
3、Firefox浏览器内核：Gecko内核，俗称Firefox内核；
4、苹果Safari浏览器内核：Webkit内核，特点是不受IE、Firefox等内核的约束，比较安全；
5、Opera浏览器内核：最初是自己的Presto内核，后来加入谷歌大军，从Webkit又到了Blink内核；
6、360浏览器、猎豹浏览器内核：IE+Chrome双内核；
7、搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；
8、百度浏览器、世界之窗内核：IE内核；
9、2345浏览器内核：好像以前是IE内核，现在也是IE+Chrome双内核了；
10、UC浏览器内核：这个众口不一，UC说是他们自己研发的U3内核，但好像还是基于Webkit和Trident，还有说是基于火狐内核。
三、结构，表现，行为
HTML负责结构
CSS负责表现
JS负责行为
四、请说一说两个强调标签，em和Strong标签的区别？
样式上看
em 斜体
strong 加粗
从语义上说
em 强调语音语调
strong 强调我们的内容
但我们在实际开发中不会区分这么细致
五、HTML5为什么只需要写 <!DOCTYPE HTML>，有什么作用？
HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），因此不需要对DTD（DTD 文档类型定义）进行引用，但是需要DOCTYPE来规范浏览器行为。
告诉浏览器，以下代码按h5规范编译（h5文档声明），不写浏览器会陷入怪异模式
六、常见的行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
行内元素：
a span img input select
块级元素：div ul ol li dl dt dd h1 p
空元素：<br> <hr> <link> <meta>
七、说一下音视频标签的使用？
audio和video标签
src 指向音频的引入路径、controls 控制是否允许用户点击播放、autoplay 自动播放、loop=‘true’ 循环播放
八、简述一下你对HTML语义化的理解？
1、去掉或丢失样式的时候能够让页面呈现出清晰的结构。
2、有利于SEO和搜索引擎建立良好沟通，有助于爬虫抓取更多的信息，爬虫依赖于标签来确定上下文和各个关键字的权重。
3、方便其它设备解析。
4、便于团队开发和维护，语义化根据可读性
九、说一下src和href的区别？
src是引入外部资源下载到文档，会暂停其他资源的下载
href是链接外部资源，不会暂停其他资源的下载
十、 div和span的区别
span和div的区别在于span元素是内联的，通常用于一行内的一小块，例如段落内。而div是块级，相当于在其前后有一个换行符，用于对较大的代码块进行分组。
十一、严格模式与混杂模式
严格模式：以浏览器支持的最高标准运行
混杂模式：页面以宽松向下兼容的方式显示，模拟老式浏览器的行为
十二、什么是静态页面？什么是动态页面？
静态页面是指没有数据交互的网页，就是没有数据库参与，没有服务器端数据的加载。
动态页面就是指有后台数据参与的网页，网页中的数据是从数据库中提取的，需要后台逻辑的支持
十三、超链接，锚点功能
功能
1、从一个页面跳到另一个页面
2、当前页面进行跳转（锚点功能）
3、下载
属性
1、herf 填写超链接跳转的地址
绝对地址 只要填写地址，都可以进行正确的跳转，不管文件本身在哪里
相对地址 关文件本身位置的影响
2、target 控制超链接打开的方式
_self 在当前页面打开超链接（默认）
_blank 用一个新页面打开超链接
锚点功能
1、回到顶部
href的属性值设置为#
2、回到底部
底部的标签<p id="1"></p>
<a href="#1">去底部</p>
注意：
id属性值不能是数字开头，最好不要是汉字，是独一无二的存在
补充：
空链接的两种写法
<a href="#"></a>
<a href="javascript:;"></a>