标签：style blog http color os io 使用 java ar
一、标准网页设计
1、标准网页概述：
标准网页设计要遵循，内容与表现相分离。
内容 + 表现 = 页面 --- 即 ：XHTML + CSS = PAGE
内容与变现相分离，也就是内容使用HTML、XHTML，而怎么对内容排版、显示使用CSS。
2、标准网页设计的优点：
（1）代码更少，更容易维护。
（2）页面下载更快，宽带要求更低，硬盘容量要求更少。
（3）排版更加方便。
（4）可以提高易用性和可扩展性(可以适应很多其它的设备:搜索蜘蛛/屏幕阅读器/打印机/手持设备/移动设备等)。
（5）内容与表现分离，使扩展更加简单，分工协作更加简单。
附注：
1、DOCTYPE 标签 -- 定义了标准文档的类型
DOCTYPE标签是单独出现的DTDs，是英文Document type的缩写，中文“文档类型”2、span和div -- CSS与HTML沟通的桥梁
HTML,XHTML只是负责显示内容.文字标签与字块标签一般都有意义,而span与div并没有什么意义,它们被广泛的与CSS联合使用.
span是内联的,代表一行.
div代表一块.(有点向标签p,块的前后总是和其它块隔开一个距离.)
示例：
1 <div id="dreamdu"> 2 <p>学 3 <span id="strong"> 4 之 5 </span>路 6 </p> 7 </div>
二、HTML中使用CSS --- 定义CSS样式
在HTML中嵌入CSS共有三种方式：
1、外部引用CSS -- 在head标签中加载一个CSS文件 -- link标签
示例：
1 <head> 2 <link rel="stylesheet" type="text/css" href="style.css" /> 3 </head>
此例使用了link标签.style.css的内容如下
1 abbr 2 { 3 font-size:12px; 4 } 5 .text10pxwhite 6 { 7 font-size:10px; 8 color: #FFFFFF; 9 }
附注：
link 标签 -- 当在文档中声明使用外接资源(比如CSS)时使用此标签
（1）rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系.
appendix -- 定义文档的附加信息bookmark -- 书签chapter -- 当前文档的章节contentscopyright -- 当前文档的版权glossary -- 词汇help -- 链接帮助信息index -- 当前文档的索引nofollow -- 不被用于计算PageRanksection -- 作为文档的一部分subsection -- 作为文档的一小部分（2）rev 属性 -- rev属性,描述了href所指定文档与当前页面的关系. --- 同rel属性
2、内部引用CSS -- 直接把CSS内容写在HTML文件的head标签中 -- style标签
示例：
1 <head> 2 <style type="text/css"> 3 abbr 4 { 5 font-size: 12px; 6 } 7 .text10pxwhite 8 { 9 font-size: 10px; 10 color: #FFFFFF; 11 } 12 </style> 13 </head>
此例使用了style标签.
附注：
style 标签 -- 在文档中声明样式时使用此标签
<style>开始,以</style>结束media -- 媒体类型，参见CSS高级教程type -- 包含内容的类型，一般使用type="text/css"3、内联引用CSS -- 使用style属性对标签加载样式 -- style属性
内联引用可以把CSS样式直接作用在HTML标签中.
示例：
1 <p style="font-size: 12px;color: #000;">使用CSS内联引用表现段落</p>
此例使用了标签的style属性.
CSS学习请移步：CSS教程
三、HTML中使用Javascript --- 增加动态功能
JavascriptT是一种客户端脚本语言，可以帮助HTML实现一些动态的功能。
示例：加载一个javascript文件
1 <head> 2 <script type="text/javascript" src="dreamdu.js"></script> 3 </head>
Javascript学习请移步：Javascript教程
HTML学习笔记——标准网页设计+使用CSS、Javascript
标签：style blog http color os io 使用 java ar
原文地址：http://www.cnblogs.com/xymqx/p/3964870.html
