前端面试题(HTML篇)

本文详细解答了前端面试中关于HTML的常见问题,包括图片格式、DOCTYPE的作用、HTML5的特性、标签分类、浏览器内核理解以及HTML5的新标签和语义化等核心知识点。此外,还讨论了HTML5的离线储存机制和CSS盒子模型,以及CSS3的新特性如边框、背景、渐变和文本效果等。
摘要由CSDN通过智能技术生成

1.网络中使用最多的图片格式有哪些?

JPEG,GIF,PNG

最流行的是JPEG格式,可以把文件压缩到最

在PS以JPEG格式存储时,提供11级压缩等级

2.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

声明文档类型

<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前

DOCTYPE不存在格式不正确会导致文档以兼容模式呈现。

标准模式(严格模式)浏览器按照W3C的标准解析执行代码

标准模式(严格模式)排版和JS运作模式都是以该浏览器支持的最高标准运行。

 兼容模式(混杂模式或怪异模式):浏览器根据自己的方式解析执行代码

在兼容模式(混杂模式或怪异模式)中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

随着标准一致性越来越重要,浏览器开发商不得不面临一个艰难的抉择:逐渐遵循w3c的标准是前进的方向。但是改变现有的css,完全去遵循标准,会使许多旧网站或多或少的收到破坏,如果浏览器突然以正确的方式解析现存的css,陈旧的网站的显示必然会受到影响。所以,所有的浏览器都需要提供两种模式,混杂模式服务于旧世规则,严格模式服务于标准规则。
 

3.HTML5 为什么只需要写 !DOCTYPE HTML

HTML5 基于 SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为

而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型

4.行内元素有哪些?块级元素有哪些?

行内元素:span、a、b、img、input、select、l、em、sub、sup、u、textarea

相邻的行内元素会排列在同一行,不会独占一行 ,设置宽高无效 

块级元素:div 、h1-h6、p、ul、ol、li、dl、dt、dd、table、address、blockquote、dir、from、menu

会独占一行 ,可以设置宽高等属性

可变元素:button、del、iframe、ins

根据上下文预警决定该元素为块元素还是内联元素

常见的元素:<br>、<hr>、<img>、<input>、<link>、<meta>

鲜为人知的是:

<area>、<base>、<col>、<command>、<embed>、<keygen>、<param>、<source>、<track>、<wbr>

5.页面导入样式时。使用link和@import有什么区别?

区别:
1.link是xhtml标签,除了加载css外,还可以定义RSS等其他事务,@import只能加载CSS
2.link引用CSS时候,页面载入的时候同时加载,@import需要页面网页完全载入后加载
3.link是XHTML标签,无兼容问题,@import是在CSS2.1提出的,低版本的浏览器不支持
4.link支持使用javascript控制DOM去改变样式,但是@import不支持。
 

6.对浏览器内核的理解:

浏览器内核主要分成两部分</

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值