干货!HTML面试题集合

HTML

  1. Doctype作用,HTML5 为什么只需要写

doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档.<!DOCTYPE>声明必须是HTML文档的第一行,位于html标签之前
HTML5不基于SGML,所以不需要引用DTD。在HTML5中<!DOCTYPE>只有一种

SGML: 标准通用标记语言,是现时常用的超文本格式的最高层次标准

  1. 行内元素有哪些,块级元素有哪些,空(void)元素有那些
    行内元素:a span i img input select b 等

块级元素:div ul ol li h1~h6 p table 等

空元素:br hr link 等

  1. 简述一下你对HTML语义化的理解
    简单来说,就是合适的标签做合适的事情,这样具有以下好处:

有助于构架良好的HTML结构,有利于搜索引擎的建立索引、抓取,利于SEO
有利于不同设备的解析
有利于构建清晰的机构,有利于团队的开发、维护
4. 常见的浏览器内核有哪些,介绍一下你对浏览器内核的理解

Trident内核:IE Gecko内核:NETSCAPE6及以上版本,火狐

Presto内核:Opera7及以上。[Opera内核原为:Presto,现为:Blink;]

Webkit内核:Safari,Chrome等。[Chrome的:Blink(WebKit的分支)]

浏览器内核又可以分成两部分:渲染引擎和JS引擎。 渲染引擎主要负责取得网页的内容、整理讯息、计算网页的显示方式等,JS引擎则是解析Javascript语言,执行javascript语言来实现网页的动态效果。

  1. html5有哪些新特性
    语义化标签: header footer nav section article aside 等
    增强型表单:date(从一个日期选择器选择一个日期) email(包含 e-mail 地址的输入域) number(数值的输入域) range(一定范围内数字值的输入域) search(用于搜索域) tel(定义输入电话号码字段) 等
    视频和音频:audio video
    Canvas绘图 SVG绘图
    地理定位:Geolocation
    拖放API:drag
    web worker:是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能
    web storage: localStorage sessionStorage
    WebSocket: HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议
  2. 描述一下 cookie,sessionStorage 和 localStorage 的区别. 在这里插入图片描述
  3. 如何实现浏览器内多个标签页之间的通信
    使用localStorage: localStorage.setItem(key,value)、localStorage.getItem(key)
    websocket协议
    webworker
  4. HTML5的离线存储怎么使用,解释一下工作原理
  5. 区别:src用于替代这个元素,而href用于建立这个标签与外部资源之间的关系
浏览器加载到这里的时候,html的渲染和解析不会暂停,css文件的加载是同时进行的 当浏览器解析到这句代码时,页面的加载和解析都会暂停直到浏览器拿到并执行完这个js文件
  1. 表单提交中Get和Post方式的区别
    Get一般用于从服务器上获取数据,Post向服务器传送数据
    Get传输的数据是拼接在Url之后的,对用户是可见的;Post的传输数据对用户是不可见的
    Get传送的数据量较小,不能大于2KB。Post传送的数据量较大,一般被默认为不受限制
    Get安全性非常低,Post安全性较高
    在FORM提交的时候,如果不指定Method,则默认为Get请求。

总结:对前端的出学者还说现在不止是只会"前端"的前端工作者可以找到理想工作,对web开发技术感兴趣的同学,欢迎加入新建的Q群:673858956,不管你是小白还是大牛我都欢迎,希望大家诚心交流!还有大牛整理的一套高效率学习路线和教程与您免费分享,与企业需求同步。好友都在里面学习交流,每天都会有大牛定时讲解前端技术!

猜你喜欢

转载自blog.csdn.net/cocoer_/article/details/88604537