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的简单功

能。

    <body>
      图书:<input type="text" name="book" id="name" /><br/>
      价格:<input type="text" name="price" id="price" />
      <script type="text/javascript">
            document.getElementById("price").focus();
      </script>
    </body>

 



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


    

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

   <body> 
      图书:<input type="text" name="book" /><br/>
      价格:<input type="text" autoficus name="price" />
    </body>



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

    <book>
       <price>100¥</price>
    </book>


      而html4的话就只能这样咯
     

    <div name="book">
      <div name="price">100¥</div>
    </div>



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


  3. HTML5的变化。


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

    <!DOCTYPE html>   <!--DTD标识-->
    <html>            <!--HTML标签-->
      <head>          <!--HTML的头-->
        <title>标题</title>
      </head>
      <body>          <!--HTML身体(也就是网页的主题内容)-->
         xxxxx ...
         ...
      </body>
    </html>


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

      <p>HTM5</P> 

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

      <!--HTML4-->
      <img src="picture.jpg" alt="picture"></img>
      <!--HTML5-->
      <img src="picture.jpg" alt="picture">


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

      <!--HTML4-->
      <input checked="checked" type="checkbox" />
      <!--HTML5-->
      <input checked type=checkbox />


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

  小结:

      

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章