HTML(超文本标记语言)之【动态网页】

时间 2019-11-11

原文原文链接

HTML前面已经介绍，因此CSS和JavaScript就是咱们今天的主要内容。html

CSS全称是级联样式表（Cascading Style Sheets）。解决内容与表现分离的问题浏览器

    样式解决了一个广泛的问题
    HTML 标签本来被设计为用于定义文档内容。经过使用 <h1>、<p>、<table> 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。
    因为两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（好比字体标签和颜色属性）添加到 HTML 规范中，建立文档内容清晰地独立于文档表现层的站点变得愈来愈困难。
    为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 以外创造出样式（Style）。全部的主流浏览器均支持层叠样式表。
    层叠次序
    当同一个 HTML 元素被不止一个样式定义时，会使用哪一个样式呢？
    通常而言，全部的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
安全

浏览器缺省设置框架
外部样式表布局
内部样式表（位于 <head> 标签内部）学习
内联样式（在 HTML 元素内部）字体

所以，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于如下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。网站

另一个关于CSS的重要内容就是它的盒模型。能够参考：http://www.chinaz.com/design/2010/1229/151993.shtmlspa

JavaScript是浏览器支持的脚本语言的一种，其余还有VBScript。也是一种基于对象和事件驱动并具备相对安全性的客户端脚本语言，是一种动态、弱类型、基于原型的语言，内置支持类。一个完整的 JavaScript 实现是由如下 3 个不一样部分组成的：核心（ECMAScript）、文档对象模型（Document Object Model，简称DOM）、浏览器对象模型（Browser Object Model，简称BOM）。所以，它能够操做DOM和BOM，提供人性化的交互页面功能。设计

JavaScript能够放置在html中的<head>、<body>标签之中，执行顺序，放到浏览器一节中去介绍。

单纯的HTML要想变得美观除非都是图片呈现，不然很难达到很好的效果，可是有CSS就能够创造出不少让人惊艳的特效！而JavaScript则使得交互更加人性化，极大的丰富了网页的呈现形式，具体的学习请参考《JavaScript权威指南》、《JavaScript语言精粹》、《CSS权威指南》、《CSS禅意花园》等

CSS和JavaScript基本每一个内容均可以写很厚很厚的一本书，可是，值得注意的是，浏览器的兼容性问题，而致使这一问题出现的主要缘由是，浏览器对W3C标准的支持度不一致！

关于兼容性的问题，基本的解决方法一般是查阅资料，最好使用各个浏览器都支持的CSS标准和JavaScript标准，或者采用比较流行的一些框架，框架的介绍能够问下度娘，基本均可以问出不少不少，因此此处再也不详述。

最后的问题就是关于网页特效的问题，不过这个问题主要归功于设计师，是因为他们的设计才使得交互的人性化，学习研究HTML、CSS和JavaScript仅仅是为了以简便高效的方式去实现设计师的需求，设计的问题，我也不是很懂，所以仍是去问度娘吧，不少以此为主题的网站、论坛等资料。