关于面试的一些问题

目录

1.div+css的布局较table布局有什么优点?

2.img的alt属性与title属性有何异同?

3.网页标准和标准制定机构的意义?

4.简述一下 src与 href 的区别?

5.网页制作会用的图片格式有哪些?

6.微格式,前端中怎么考虑微格式?


1.div+css的布局较table布局有什么优点?

 div+css布局的好处:

a.符合W3C标准,结构、样式和行为分离,代码结构清晰明了,带来足够好的可维护性。

b.布局精准,网站版面布局修改简单。

c.加快了页面的加载速度(最重要的)。

d.用只包含结构化内容的HTML代替嵌套的标签,提高另外搜索引擎对网页的搜索效率。

table布局的好处

a.容易上手。

b.可以形成复杂的变化,简单快速。

c.表现上更加“严谨”,在不同浏览器中都能得到很好的兼容。

2.img的alt属性与title属性有何异同?

alt属性:在图片无法加载的时候才会显示的其值,

title属性:在图片正常加载鼠标划上去显示的值

3.网页标准和标准制定机构的意义?

网页标准的制定,使得web发展的更健康,提高网站的易用性。

a、开发者遵循统一的标准,降低了开发难度和开发成本

b、SEO优化网页也会更加方便,不会因为滥用代码出现各种bug和安全问题。

4.简述一下 src与 href 的区别?

src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系。

Src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在的位置。例如:js脚本,img图片,frame等。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,这也是为什么将js 脚本放在底部而不是头部。

href 是 Hypertext Reference 的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式来加载 css,而不是使用@import 方式。

5.网页制作会用的图片格式有哪些?

 Png,jpeg,gif,svg,webp

webp格式:谷歌开发的新的图片格式,体积小,质量好,但兼容性略差

6.微格式,前端中怎么考虑微格式?

微格式(Microformats)是建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式

作用:

a、在捉取Web内容时,能够更为准确地识别内容块的语义;

b、对内容进行操作,包括提供访问、校对,还可以将其转化成其他的相关格式,提供给外部程序和Web服务使用。

应用例子:

当用手机浏览某公司的网站时,手机浏览器识别出了网页中的 hCard 信息。这个 hCard 标记了该公司的多种联络方式,手机浏览器很聪明地提示我“是否保存到通讯录”,于是我很经松地保存了我所需要的信息

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值