欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端一些面试题

程序员文章站 2022-06-09 12:03:51
...

HTML

1 、前端需要注意哪些SEO

1. 合理的title、description、keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title要有所不同;description把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description有所不同;keywords列举出重要关键词即可
2. 语义化的HTML代码,符合W3C规范:语义化代码让搜索引擎容易理解网页
3. 重要内容HTML代码放在最前:搜索引擎抓取HTML顺序是从上到下,有的搜索引擎对抓取长度有限制,保证重要内容一定会被抓取
4. 重要内容不要用js输出:爬虫不会执行js获取内容
少用iframe:搜索引擎不会抓取iframe中的内容
5. 非装饰性图片必须加alt
6. 提高网站速度:网站速度是搜索引擎排序的一个重要指标

2 、的title和alt有什么区别

1、 通常当鼠标滑动到元素上的时候显示
2、 alt是<img>的特有属性,是图片内容的等价描述,用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性,除了纯装饰图片外都必须设置有意义的值,搜索引擎会重点分析。

3 、语义化的理解

1、 用正确的标签做正确的事情!
2、 HTML语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;
3、 在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的。
4、 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。
5、 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解

4 、html5有哪些新特性、移除了那些元素?

HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加

新增选择器 document.querySelector、document.querySelectorAll
拖拽释放(Drag and drop) API
媒体播放的 video 和 audio
本地存储 localStorage 和 sessionStorage
离线应用 manifest
桌面通知 Notifications
语意化标签 article、footer、header、nav、section
增强表单控件 calendar、date、time、email、url、search
地理位置 Geolocation
多任务 webworker
全双工通信协议 websocket
历史管理 history
跨域资源共享(CORS) Access-Control-Allow-Origin
页面可见性改变事件 visibilitychange
跨窗口通信 PostMessage
Form Data 对象
绘画 canvas
移除的元素:

纯表现的元素:basefont、big、center、font、 s、strike、tt、u
对可用性产生负面影响的元素:frame、frameset、noframes
支持HTML5新标签:

IE8/IE7/IE6支持通过document.createElement方法产生的标签
可以利用这一特性让这些浏览器支持HTML5新标签
浏览器支持新标签后,还需要添加标签默认的样式
当然也可以直接使用成熟的框架、比如html5shim

5 、HTML5的离线储存怎么使用,工作原理能不能解释一下?

在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件

原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示

如何使用:
	页面头部像下面一样加入一个manifest的属性;
	在cache.manifest文件的编写离线存储的资源
	在离线状态时,操作window.applicationCache进行需求实现