©2020-2024 ioDraw All rights reserved
一、块级元素、行内元素、行内块元素
块级元素：
特点：可设置宽高边距，占满整行，会自动换行
示例：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语句来实现网页的动态效果
六、常见的浏览器及其内核
浏览器内核
谷歌 Chromium/Blink(chrome)
火狐Gecko(firefox)
IETrident
搜狐webkit(Safari)
七、浏览器的标准模式和怪异模式 （混杂模式）
标准模式：按浏览器支持的最高标准运行
混杂模式：页面是一种比较宽松的向后兼容的方式显示
八、优雅降级和渐进增强
优雅降级：一开始构建完整的功能，再针对低版本浏览器进行兼容
渐进增强：一开始保证最基本的功能，再改进和追加功能
九、<!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的区别
canvassvg
通过js绘制2D图形，按像素进行渲染，当位置发生改变会重新进行绘制使用XML绘制的2D图形，可以为元素添加js处理器
依赖分辨率不依赖分辨率
不支持事件处理器支持事件处理器
弱的文本渲染能力最适合带有哦大型渲染区域的应用程序（如谷歌地图）
能以.png或.jpg格式保存结果图像复杂度高会减慢渲染速度
最适合图像密集型游戏，其中的许多对象会被频繁重绘不适合游戏应用
十九、HTML和XHTML的区别
XHTML：重写了HTML规范，比HTML更严格
1、XHTML中所有的标记都必须有一个相应的结束标签；
2、XHTML所有标签的元素和属性的名字都必须使用小写；
3、所有的XML标记都必须合理嵌套；
4、所有的属性都必须用引号“”括起来；
5、把所有<和&特殊符号用编码表示；
6、给所有属性附一个值；
7、不要在注释内容中使用“--”；
8、图片必须使用说明文字。