1简述一下你对HTML语义化 的理解
用正确的标签做正确的事
html语义化让页面的内容结构化,结构更清晰,便于浏览器,搜索引擎解析;
即使在没有样式 CSS的情况下也以一种文档格式显示,并且容易阅读;
搜索引擎的爬虫也依赖与THML标记确定上下文和各个关键字的权重,利于SEO;
阅读源代码的人对网站更容易将网站分块,便于阅读维护理解;
2标签上title与alt属性的区别是什么
alt是给搜索引擎识别, 在图像无法显示的代替文本
title视关于元素的注释信息,主要给用户解读
当鼠标放到文字后图片上时有title文字显示 (IE浏览器中 alt 起到了 title 的作用变成了提示文字)
在定义 img 对象时,将 alt 和 title 属性写全,可以保证浏览器中都正常使用
3 iframe 的优缺点
优点:
解决加载缓慢的第三方内容如图所示和广告等加载问题
Security sandbox
并行加载脚本
缺点
iframe 会阻塞主页面的Onload事件
即使内容为空,加载也需要时间
没有语意
4 href 与 src
href (Hypertext Reference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。(目的不是为了引用资源,而是为了建立联系,让当前标签能够链接到目标地址。)
src source(缩写),指外部资源的位置,指向的内容将会应用到文档中当前标签所在位置。
href 和 src的区别
1 请求资源类型不同:href指向网络资源所在的位置,建立当前元素(锚点)或当前文档之间的联系 , 在请求src资源会将其指向的资源下载并应用到文档中
2 作用结果不同:href 用于在当前文档和引用资源之间确立联系;src 用于替换当前内容
3 浏览器解析方式不同: 当浏览器解析到 src ,会暂停其他资源的下载和处理, 直到将该资源加载完毕,图片和框架也是如此, 类似的资源将指向资源应用到当前内容。这也是为什么建议吧 js 脚本放在底部而不是头部的原因