新增加的HTML扩充

news/2024/7/7 15:23:29
新增加了一些HTML扩充以支持样式表。这些扩充允许在HTML文档中包含样式表,允许HTML文档链接外部样式表,允许CSS规则与某一类单元相关联。
  仅少数HTML扩充是必须的:三个新单元: STYLESPAN 和具有属性 REL="stylesheet" 的 LINK;三个新属性: CLASSIDSTYLE——这些属性被很多 BODY 类单元所用。

  1.LINK单元:引用外部样式表

  LINK 的属性包括 HREF、ID、REL、REV、TITLE、TYPE。LINK是一个空的 HEAD 级单元,描述文档和其它文档或资源的关系。属性REL或REV,二者必选其一,定义LINK所链接的两个资源之间的关系;强制属性HREF包含着第二个资源的URL。其余属性(ID、TITLE、TYPE)是可选的。ID值可以是名称别名,从原理上讲,允许将LINK单元本身当作超文本链接的目标;TITLE值可以是描述链接目标的字符串。TYPE给出目标资源的MIME类型,例如HTML文档的MIME类型是“text/html”。
  为了引用样式表,LINK单元的正确格式为:
  <LINK REL="stylesheet" TYPE="mime/type" HREF="url">
  赋值 REL="stylesheet" 表明目标资源是一张样式表。“mime/type”是样式表的MIME类型。因此,TYPE允许使用各种不同的样式表语言。对于CSS样式表来说,正确的MIME类型赋值为:TYPE="text/css"。对DSSSL样式表而言,正确的赋值为“application/dsssl”,而对 JavaScript Accessible 而言,其值为“application/javascript”。
  要注意的是,一个文档可以包含不止一个引用外部样式表的LINK单元。

  2.STYLE单元

  STYLE包含作用于文档的样式表指令。STYLE 单元包含两个可选的属性:TITLE、TYPE。TITLE的值是与样式表相关联的主题。如果在文档中应用了多张样式表,TITLE可以用作是样式表的标签,用户可以选择使不同的样式表无效。但目前还没有浏览器提供此功能。TYPE给出了样式表内容的MIME类型。
  STYLE单元允许把格式化信息放置在当前文档中,而不是放置在通过LINK单元所引用的第二个文件中。因此,STYLE单元可用于那些支持样式表而不支持LINK单元的浏览器。STYLE还另有两个很重要的用途:开发和测试一张样式表;定制一张外部样式表。因此,可通过STYLE单元进行小范围的、局部的修改而更多的布局细节由所链接的外部样式表完成。

  3.SPAN单元:选择具有特别样式的文本

  用法:<span>....</span>
  SPAN用于标记由相关联样式表定义其特别样式的文本。在无样式表指令的情况下,SPAN不会影响样式。可以将SPAN看作是对FONT在一般意义上的替代。
  SPAN具有三个可选的属性——CLASS、ID、STYLE。这些属性是为了支持样式表而增加的,它们几乎被所有的正文类单元所支持。

  4.CLASS属性

  用法:CLASS="(name)"(可选)
  CLASS指定单元的类名,它使单元子类化(subclassing)称为可能。多种单元可以具有相同的CLASS属性值。因此,子类化对于结构化文档非常有用。CSS样式表可以指定规则用于所有具有特定类值的单元,或用于具有特定类值的某一单元。类值在选择符中有所反映,其前面加以一句点(选择符是规则的一部分,它表明规则用于哪些单元)。
  注意:单元名和类值是由句点分隔开的。当类值本身包含句点时,这种用法将带来一些问题。CSS语法规则使用反斜线来“逃避”类似句点这样的特殊字符。例如,有这样的赋值“CLASS=nacs.lisp”,它在CSS选择符中应表示为:“.nacs/.lisp”。然而,这种逃避机制并没有受到广泛的支持。

  4.ID属性

  用法:ID="(name)"(可选)
  ID唯一指定单元标识符。也就是说,同一文档中,没有两个单元的ID值是相同的。这一点正好与CLASS相反,不同的单元可以有相同的CLASS值。CSS样式表可以指定用于特定ID或具有特定ID值的单元的规则。在选择符中,ID值前带有一个“#”号。
  从原理上讲,以ID标识的单元可以作为超文本链接的目标:ID最初设计的作用与定位单元的NAME属性是一样的。然而,当前的多数浏览器不支持这种做法。
  同CLASS一样,ID值包含句点会导致某些问题,因为CSS句法分析器会将句点看成是CLASS属性值的起始标志。

  5.STYLE属性

  用法:STYLE="(CSS声明)"(可选)
  STYLE属性包含样式表指令,这些指令将作用于与之相关联的单元内容。使用STYLE属性避免了文档头对STYLE单元的需要,同时也是消除HTML标记中的局部样式表指令的方法之一。注意,这种方法不值得提倡,较好的方式是,将所有的样式表指令放在一个STYLE单元或者是放在一个被链接的外部样式表文件中。
  赋给STYLE的值必须是由分号分隔的有效的CSS声明。注意,某些声明是需要引号的。因为在STYLE属性值两边使用双引号可能会引起冲突,所以必须用单引号把放置在STYLE中的CSS特性包括起来。

  6.简单伪类选择符

  伪类选择符与类选择符类似,只是它其中的那些类似于类的信息与 HTML CLASS 的属性值没有关系。伪类信息来自于浏览器自身,所包含的信息与文档的状态或文档中特定单元的状态有关。CSS1 只定义了三个伪类:link,表明超文本定位符还没有被用户访问过;visited,表明超文本定位符先前被用户访问过;active,表明是活动的链接,也即,链接正被用户选择。
  CSS通过连接类名和单元名的分隔符来区分伪类和真正的类——对于伪类,分隔符是一个冒号(:)。这样,CSS1中的三个可能的伪类选择符是:A:link,A:visiter,A:active。选择符不能包含多个伪类,象 A:link:active 这样的选择符是非法的。
  伪类和一个普通的类选择符可以组合在一起,其一般形式如下:
    NAME.calss : pseudoclass
  其中,NAME是单元名,class 是类名,pseudoclass 是伪类名。注意类名必须最先出现,其后才是伪类名。


http://www.niftyadmin.cn/n/3879797.html

相关文章

3变量程序_只会G代码,不会宏程序就别说你是数控师傅

一、变量普通加工程序直接用数值指定G代码和移动距离&#xff1b;例如&#xff0c;GO1和X100.0。使用用户宏程序时&#xff0c;数值可以直接指定或用变量指定。当用变量时&#xff0c;变量值可用程序或用MDI面板上的操作改变。例如&#xff1a;&#xff03;1&#xff1d;&#…

Visual Studio .Net团队开发[转]

一、 开发前的准备1、 在装有Windows 2000或者Windows XP Professional的机器上安装.Net Framework SDK、Visual Studio.Net、Visual Source Safe 6C。&#xff08;如果用户操作系统是Windows .Net Server&#xff0c;则无须安装.Net Framework SDK&#xff0c;.Net Server自带…

python文字游戏源代码_python 像素小鸟小游戏源码(flappybird)

【实例简介】 像素小鸟这个简单的游戏于2014年在网络上爆红&#xff0c;游戏上线一段时间内appleStore上的下载量一度达到5000万次&#xff0c;风靡一时 【实例截图】【核心代码】 from Class import * # 检查停止事件 def checkEvent(): time.sleep(0.1) press pygame.key.ge…

转贴存储过程分页的例子

CREATE PROCEDURE pageTest --用于翻页的测试--需要把排序字段放在第一列 ( FirstID nvarchar(20)null, --当前页面里的第一条记录的排序字段的值 LastID nvarchar(20)null, --当前页面里的最后一条记录的排序字段的值 isNext bitnull, --true 1 :下一页&#xff1b;f…

卡尔曼滤波五个公式_卡尔曼滤波详细解析

对于机器人领域的同学来说&#xff0c;卡尔曼滤波是永远绕不开的话题。我曾不止一次浏览介绍卡尔曼滤波理论和推导的文章&#xff0c;但从没有完全弄懂过。究其原因&#xff0c;一是对卡尔曼滤波依赖的概率学知识所知甚少&#xff0c;二是没有勇气亲手推导一遍。最近&#xff0…

.net remoting中的一点收获

作了将近半年的项目&#xff0c;几乎都是复制粘贴&#xff0c;今天突然要配置一下.net remoting 中的设置&#xff0c;试了半天也老出错&#xff0c;最后找到这边文章&#xff0c;才稍微明白了一点。Internet 信息服务 (IIS) 承载服务器激活的或客户端激活的对象时&#xff0c;…

关于自定义事件的一点体会

今天在msdn上搜索文章的时候无意中看到一个涉及 自定义事件 的部分&#xff0c;整天用到的基本都是windows开发环境下Ide的自带事件&#xff0c;比如click什么的&#xff0c;一时竟没看懂&#xff0c;回头翻书查了查&#xff0c;才稍微理解了&#xff0c;并加深了印象。虽然以前…

python脚本如何自动运行_怎么启动python脚本

Python是一种跨平台的计算机程序设计语言。是一种面向对象的动态类型语言&#xff0c;最初被设计用于编写自动化脚本(shell)&#xff0c;随着版本的不断 更新和语言新功能的添加&#xff0c;越来越多被用于独立的、大型项目的开发。 1、使用Pyhton自身提供的交互式解释器 在Lin…