H5和CSS

参考文档:https://blog.csdn.net/caseywei/article/details/81105544

*)DOCTYPE的作用

如:<!DOCTYPE html>  标志当前所用的HTML的版本

*)行内元素、块级元素

*)对浏览器内核的理解(网页的加载方式):

主要分成两部分:渲染引擎(Layout Engine或Rendering Engine)和JS引擎。

渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。

JS引擎:解析和执行javascript来实现网页的动态效果。

最开始渲染引擎和JS引擎并没有区分的很明确,后来JS引擎越来越独立,内核就倾向于只指渲染引擎。
*)常见的浏览器内核:

IE内核

webkit内核(开源):如:Chrome,猎豹。

扫描二维码关注公众号,回复: 5885527 查看本文章

Opera内核

*)HTML语义化的理解:以前标签是:div+CSS,语义化标签是通过标签的名字就能看出元素存放的什么内容。比如新增的语义化标签:<article> <section> <nav> <aside>、<header> <footer>

*)iframe的优缺点:

iframe能够原封不动的把嵌入的网页展现出来。

如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷。

网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用。

如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决。

缺点:

搜索引擎的爬虫程序无法解读这种页面

框架结构中出现各种滚动条

使用框架结构时,保证设置正确的导航链接。

iframe页面会增加服务器的http请求
*)元素的alt和title的不同:

在alt和title同时设置的时候,alt作为图片的替代文字出现,title是图片的解释文字。

猜你喜欢

转载自www.cnblogs.com/mySummer/p/10705239.html