HTML5+CSS3+JS(第一课)

html5+css3+javascript


一. 简介


  疯狂的html5+css3+jacascript讲义。书就不介绍了,讲的内容呢。标题都很清楚了,HTML5和CSS3和JS。就这些内容。


二. 第一章:HTML5简介吧


  1. 发展历史

        HTML4.01、XHTML、DTD这个就不用介绍了。因为页面要绚烂,编程要规范,所以除了这么个HTML5。


  2. HTML5的优势:


    2.1 解决跨浏览器问题:我想做过网页开发的人都知道浏览器是个万恶的东西,不知道花了多少时间来在各种浏览器上调试和修改。以

前不想做网页也就是因为它太麻烦了。不过呢HMML5要高版本的浏览器,所以就不要用IE678等等的了。


    2.2 替代部分的JS功能:JS也是个神奇的东西,虽然我只草草的看过一遍,但据大家的评论,语法太过灵活,导致有些人说它太随意了

。不过在网页中使用大量的JS确实也有点拖慢编程的速度,也很麻烦,能少写一行代码时一行。所以HTML5就用一些标签替代了JS的简单功

能。

    
      图书:
价格:

 



    这几行代码,是让光标落在价格的输入框中。像这样。


    

    在html5中只需要指定属性就可以了。
    

    
      图书:
价格:



   2.3 更明确的语义:这个就跟XML一样,可以使用这样
     

    
       100¥
    


      而html4的话就只能这样咯
     

    
100¥



   2.4 增强了页面的功能:这个没用过,不知道,也就不抄书了。


  3. HTML5的变化。


    3.1 这里的变化,只是说针对于HTML4而言的,升版本嘛,肯定有加新东西,有抛弃久东西。
        但基本结果还是没变的:
       

       
                
                
        标题
      
                
         xxxxx ...
         ...
      
    


     3.2 说完不变的部分,来说说变的部分吧。
       3.2.1 标签不再区分大小写(也就是可以大小写混着写..这不是增加了代码的混乱度吗,坚决不这么干)

      

HTM5

            
             虽然符合规范,但是这么写还是觉得别扭。
       3.2.2 元素可以省略结束标签
            

      
      picture
      
      picture


             记得以前的也是可以省的,后来为了规范又说不让省,现在又说可以省了,这么老头子们是想要闹哪样。
       3.2.3 允许省略属性值的属性
             

      
      
      
      


       3.2.4 允许不使用引号
             这个就不用介绍了,上面几行就是很好的例子。在使用属性的时候可以用也可以不用,看个人喜好。
       注意:这些变化唯一的好处就是可以少按几个键盘(个人陋见)。
 

  小结:

      

       自学第一天,看书还没有写的多,果断要多写写才会记得住,可以睡觉了。还有一点,用记事本编程最蛋疼的一件事就是字写错了。

你可能感兴趣的:(网页技术)