网页介绍
静态网页与动态网页:
静态网页:我们写好的html内容在浏览器中显示出来的效果始终都一样,不管次进行多少访问,如果想内容改变那么必须修改源代码。
动态网页:页面的内容是由服务器端程序控制输出,比如不同的人使用相同的网站,但是显示的当前用户是不一样的。
两者区别:静态就是我们写什么就显示什么,而动态通过程序的控制输出内容。
走进html
XML:用来存储少量数据/传输数据(webservice) JSON
HTML(Hypertext Markup Language),超文本标记语言,它是互联网上应用最广泛的标记语言。文件的命名方式为index.html(推荐) 或者index.htm。
浏览器对html中的标签有个渲染的效果,一般都是使用浏览器来欣赏html中的数据,不同的浏览器内核有一定的差异(IE/W3C),渲染的效果也有差异
区分HTMl4.01和XHTML:标签
html的标签不区分大小写 -> <Html></htMl>
浏览器对标签的包容,html标签页可以没有闭合 -> <html><html>
XHTML:eXtensible Hypertext Markup Language,可拓展的超文本标记语言, 比HTML更严格,可以理解XHTML是新的HTML规范;所有标签必须闭合,也就是说开始标签要有相应的结束标签。另外,XHTML中所有的标签必须小写。而按照HTML 2.0以来的传统,很多人都是将标签大写,这点两者的差异显著。在XHTML中,所有的参数值,包括数字必须用双引号括起来(而在HTML中,引号不是必须的,当内容只是数字、字母及其它允许的特殊字符时,可以不用引号;除此之外XHTML废弃了部分HTML中的标签属性;
认识DHTML:
DHTML是Dynamic HTML的简称,就是动态的html,是相对传统的静态的html而言的一种制作网页的概念。
所谓动态HTML(Dynamic HTML,简称DHTML),其实并不是一门新的语言,它只是HTML、CSS和客户端脚本的一种集成,即一个页面中包括html+css+javascript(或其它客户端脚本),其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念,一般的使用法是:
1.通过HTML把网页标记为各个元素;
2.利用CSS设计元素之间的排版样式,并控制各个标签的位置;
- 利用javascript来控制各个标签;
认识HTML5:
虽然W3C一直呼吁HTML设计师遵循HTML标准,但是现实的HTML设计师都理会这个善意的忠告,也就是说目前互联网上的大部分HTML页面都是不规范的,主要的有以下几种情况:
- 元素的标签名大小写混杂;如:<DIV> 内容</div>
- 元素标签没有合理结束;如:<span>内容,没有写结束标签</span>;
- 元素标签使用了属性,但是没有指定属性值:如:<input type=”text” readOnly/>
- 元素标签有属性值得时候,属性值没有使用引号:
如:<input type=text/>
W3C发现这种”恶习”真的改不了的时候,就索性承认了他们是符合规范的.除了”妥协”之外,HTML5的优势不容小视,主要是增强了Web应用程序的功能如客户端校验,绘图支持,多媒体支持等;