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 允许不使用引号
这个就不用介绍了,上面几行就是很好的例子。在使用属性的时候可以用也可以不用,看个人喜好。
注意:这些变化唯一的好处就是可以少按几个键盘(个人陋见)。
小结:
自学第一天,看书还没有写的多,果断要多写写才会记得住,可以睡觉了。还有一点,用记事本编程最蛋疼的一件事就是字写错了。