参考学习:https://www.cnblogs.com/liuxu-xrl/p/8656803.html .h5提出的新规范:
1.新增HTML文档类型 2.新增语义化标签,如<header>,<footer><article><section> 3.新增表单空控件search,email,url,number,tel,calendar、date、time、等 4.新增自定义属性 data- 5.新增了用于多媒体回放的元素 6.新增了用于绘画的元素 7.新增拖拽上传图片 8.离线 & 存储,对本地离线存储的更好的支持,localStorage,Cookies等 9.新的技术webworker, websocket, GeolocationCSS3有哪些新特性?
1.对文字加特效(text-shadow(文本阴影)) 2. CSS3实现圆角(border-radius),阴影(box-shadow) 3. css3颜色渐变(gradient) 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 径向渐变(Radial Gradients)- 由它们的中心定义 4.添加多重背景图像 border-image 5.transform: translate(0px,-30px) rotate(9deg) scale(0.85,0.90) skew(-9deg,0deg); //定位,旋转,缩放,倾斜 6.增加了更多的CSS选择器(属性选择器,伪类选择器) 7.在CSS3中唯一引入的伪元素是 ::selection.(改变选中文本颜色) 8.媒体查询 9.多栏布局css3新增选择器(属性选择器,伪类结构选择器): 参考学习 http://www.php.cn/css-tutorial-355320.html https://blog.csdn.net/wuzhe128520/article/details/511727631.如何区分html与html5
DOCTYPE声明 新增的结构元素、功能元素
2.html5文档类型与字符集
HTML5文档类型:<!doctype html> HTML5使用的编码<meta charset=”UTF-8”>
3.支持html5新标签(兼容性问题)
IE8/IE7/IE6支持通过 document.createElement 方法产生的标签,可以利用这一特性让这些浏览器支持 HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式. 2.(当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架):<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>4.html5移除的元素
纯表现的元素:basefont,font , big,center,s,strike,tt,u;对可用性产生负面影响的元素:frame,frameset,noframes;5.css新增伪类 参考学习:https://blog.csdn.net/qq_28506819/article/details/72846680
p:first-of-type 选择的每个 p 元素是其父元素的第一个 p 元素 p:last-of-type 选择每个p元素是其母元素的最后一个p元素 p:only-of-type 选择所有仅有一个子元素为p的元素 p:only-child 选择所有仅有一个子元素的p元素 p:nth-child(2) 选择所有p元素第二个为p的子元素 :enabled 选择可用的表单元素、 :disabled 选择禁用的表单元素。 :checked 选择被选中的表单元素6.src与href的区别
1.href 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。 2.src是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。
7.响应式设计
响应式设计是让所有的人能在这些设备上让网站运行正常。8.如何实现浏览器内多个标签页通信
调用localstorge、cookies等本地存储方式
9.如何实现对网站文件和资源优化
文件合并 文件最小化/文件压缩 使用CDN托管 缓存的使用
10.为什么利用多个域名存储网络资源更有效
CDN缓存更方便 突破浏览器并发限制 节约cookie带宽 节约主域名的连接数,优化页面响应速度 防止不必要的安全问题
