学习网址:http://www.w3school.com.cn/
HTML、HTML5
就是网页背后的东西。用<!DOCTYPE>声明采用的html版本。
元素(组成网页的内容)用各种<xx>把不同的部分框起来:
<body>代表内容总体,<h1>代表标题,<p>代表段落,<div>代表块级元素(前后有空行),<span>代表内联元素,
<a href="">代表一个链接,<img src="">代表图片,<table>代表表格,<ul>代表无序表,<ol>代表有序表,<form>代表表单,<abbr>代表缩写,<!-- [if ……]> <![end if]-->代表条件注释(<!-- > < -->普通注释),<br />代表换行。
属性,元素内部的东西,href, src等。其中有各种style属性,用来改变外观,style属性一般在css中设置,我觉得比较重要的属性有class,id,会被css文件,js文件引用。
RWD设计可以根据需要改变网页尺寸。
预留字符用HTML实体实体代替,如 代表空格。
URL相当于存放资源的地址,采用ASCII编码。
颜色也有几种表示方式。
HTML5多了些元素如<video><audio><canvas><svg>(矢量图),多了些属性如拖放操作ondrop。有一些独特的功能如操纵地理位置,web存储,应用的缓存,后台执行脚本web worker,Server-Sent 事件指的是网页自动获取来自服务器的更新。
XHTML
相当于规范的html,可用XML扩展,定义XHTML框架,元素必须关闭,小写,正确嵌套,属性也要小写,属性值要引号,禁止属性缩写,用id代替name属性。
DTD,文档类型,规定了可以使用的元素和结构,有STRICT(有层叠),TRANSIONAL(无层叠),FRAMESET,可以用来验证网页是否符合DTD。
模块化,可以以分为28种模型,方便开发小型设备。
TCP/IP
就是各种通信协议。
CSS、CSS3
本身大小写不敏感,与html联用时敏感(在html里通过link元素连接一个css文件)。
主要掌握CSS框架模型(margin,border,padding什么的)和设置样式的方法:利用各种选择器组合实现自己的目的。
CSS一切皆为框,有三种基本的定位机制:普通流、浮动(脱离了文档流)和绝对定位(脱离了文档流)。
选择器类别上有元素、伪元素、属性、id、类、伪类(a:link,p:firstchild等)选择器,组合起来有后代、子元素、相邻元素选择器。
属性可以继承。
CSS3多了@font-face规则(自定义字体),@keyframe规则(动画),额外的边框背景效果,2D/3D方法,可以设置用户界面,多列。
JavaScript
一种脚本语言,利用函数往html里设置动作,事件,实现方法可以置于<head>与<body>的<script>里,可放在函数中,可以在外部的js文件里,利用<script src="">调用。
设置变量不用管类型就用var。
函数可以不需要参数,直接arguments对象动态获取,可以当做功能完整的对象。
对象可以动态定义。
总结:主要文本内容写在html里,网页的外观设置在css里,网页的各种动作(函数)在js里。