Web前端(7)_H5和CSS3

1、Web 1.0时代

      以内容为主,静态页面

2、Web 2.0时代

         以分享为主

3、Web3.0时代

          H5,2008年发布;2010年兴起

          乔布斯的文章

          3.1   富图像,富媒体,

                   复杂的图像特效,音频,视频

     3.2    本地存储:ccokie

          3.3     LBS  (网页地图,基于地理位置的一些服务应用)

          3.4     实时通讯

4、实时通讯

        不通过服务器中转

5、移动互联网

       其实现在主要很多微信小程序和微信公共号都是基于H5的,所以不管从web应用还是微信小程序或者是公共号,学好前端都是很有必要的,结合前端H5,Python后端的一些框架Django等,能做很多事情了

6、H5和H4的区别

          现在写页面或者是写移动端小程序,一般都用H5了,显然H5更高级一些

        Web前端(7)_H5和CSS3_第1张图片

 

 7、简介

             Google浏览器的市场份额最高

             开发工具很多,自己就用pyCharm就可以了

             PS在前端切图用的

             不同的浏览器的内核是不一样,要知道的是Webkit内核,所以解析出来的同一个标签展示可能不一样

            

                        Web前端(7)_H5和CSS3_第2张图片

 

    8、理想状态的源码:

               三个文件夹:Html,js,css,在一个网页中,结构是最重要的,。网页的整体布局都是由结构决定的

               google浏览器,F12,右击,选择head,delete element

    9、标签分类

             1、双标签

             2、单标签         

             3、标签关系:嵌套

     10、H5

            这个就是Html 5 形式的,H4的doctype很长的

               

    11、语义化标签

 

 

                     

 

    

 

你可能感兴趣的:(Web前端(7)_H5和CSS3)