HTML基础知识（四）

注明：本篇内容来源于《HTML+CSS+JavaScript实用详解》作者:叶青

WEB标准大体可以分为3大块技术集——结构，表现和行为。

• 结构：即用于网站数据的分类及整合。包含在结构部分的技术有HTML,XHTML和XML。XML是一种可扩展性的语言，主要用于数据信息的描述，拥有非常好的扩展性。XHTML是在HTML的基础上，以XML的规范进行升级的，作为今后向XML过渡的网页制作语言。
• 表现：即信息在浏览器显示上的控制，主要有CSS,XSL等。CSS用于描述HTML及XHTML页面的整体布局设计，并负责各子元素的显示控制。XSL用的比较少。
• 行为：用于用户对网页文档进行交互操作的技术，其相关技术为DOM和ECMAScript脚本语言。DOM即文档对象模型，使制作者更方便地访问页面的数据，表现层对象等。ECMAScript主要指JavaScript。
• 由于HTML结构混乱，条理不清晰，样式与结构没有分离，所以符合Web标准的网页结构推荐使用XHTML。XHTML是HTML的升级版本，其侧重点在于对网页的结构设计，其语法严谨，有语义，而页面样式部分由CSS（重叠样式表），也就是常说的”XHTML+CSS”。

• CSS通过接口作用于XHTML元素，最常用的接口是XHTML标签的属性class和id。总的来说，CSS代码编写的格式为：
  选择符{属性1：值
  属性2：值
  …..
  }
  CSS选择符详解：

• 标签选择符，例如 p{width:250px;}

• id选择符，注意不要重复和加#号，例如 #hello{color:#ff0000;}
• class选择符，注意加.号，例如 .reader{color:#ff0000;}
• 伪类及伪对象选择符，是预先定义好的，例如 a:visited{color:#ff0000}表示页面中的超链接代码被访问过后，其样式设置为红色文本，还有，:hover表示在鼠标滑过时，：active表示被单击时。
• 通配选择符，例如*.mp3表示所有mp3文件。
• 选择符还可以相互组合，例如 p span{color:#ff0000},表示只有P标签内的span标签显示为红色文本。