©2020-2024 ioDraw All rights reserved,
Privacy Policy
一、块级元素、行内元素、行内块元素
块级元素：
特点：可设置宽高边距，占满整行，会自动换行
示例：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、图片必须使用说明文字。