xhtml+css学习一:认识w3c标准

一、W3C标准

w3c标准不是某一个标准,而是一系列标准的集合。

它主要包括三方面的标准:结构、表现和动作。

1、结构表现   xHtml和xml

2、表现 css

3、动作 JavaScript

总结,我的理解就是一句话:结构和表现彻底分离,结构要遵循xHTML标准规范

下面,我们逐条理解规范


二、xHTML规范

1、文档方面

-必须定义文档类型(DTD)和命名空间

范例,下面就是一段HTML文档类型DTD的一段代码片段,下面大概的意思是1.0过渡版本

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
命名空间,下面告诉我们是那个组织提供的,这里告诉我们是w3c提供的

<html xmlns="http://www.w3.org/1999/xhtml">

2、标签方面

-所有标签均需要小写、关闭、合理嵌套、ID不能重复

<h1></h1>
<img src="..." />
<br /><hr />
<H1>这是不对的</H1>

-标签属性要有值,属性值要加双引号,且属性值不能为空

-图片一定要加上alt属性

-在表格标签(单元格是可以的)不准实用height属性,但可以实用width属性

-禁止实用<embed>和<iframe>标签(这里面有个小故事,w3c是为了扼杀其它厂商提供的标签)

-链接不准使用target属性(这是非常严格的要求,一般不要管它;上面是宽松的标准)

3、内容模型(下面全是严格的要求,使用红色字体标出来)

-body、form、blockquote仅能包含块状元素

-文本、图像、链等内链元素不允许直接裸露在body 中,必须被p或者div等块状元素包含

-内链元素不能包含块状元素

4、其它方面

-注释中禁止使用 "--------"

<span style="background-color: rgb(255, 255, 255);"><!--这是一段测试代码,这是符合标准的-->
<!--这就不符合标准--这里有两个横杠--></span>

-所有特殊符号用编码表示,特殊符号比如&nbsp表示空格; &lt <;   $gt >


5、xhtml与结构语言的关系

-html上面都可以,id可以重复,不限制大小写,但是太混乱

-人们想到一种方法,大家赶快用xml吧,但是xml太复制,不灵活

-最后人们提出了xhtml方式,但是需要大家过渡,所以大家使用了两种

(1)过渡型 html 4.01 transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""
 "http://www.w3.org/TR/html4/loose.dtd">

(2)严格型html 4.01 strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""
"http://www.w3.org/TR/html4/strict.dtd">
上面黑色的就是过渡型,红色的就是严格型


所以本次总结的基本就是:结构和表现分离,结构要遵循xHTML规范。就是xHTML\XML要与css表现分离,其实就是xHTML+css也就是我们就是通常所说的div+css.

下面我们就来说下div+css

- DIV+CSS叫法不准去

(1)这种叫法只存在于中国

(2)本意是告诉大家xHTML+css于过去的区别

(3)误解div+css就是标准

-误区

(1)div是万能的

(2)使用table是丢人的? table该用就用,div该用就用

(3)为标准而标准

写页面的目的,速度快、扩展性强


6、标准页面的又是

-优势少、结构清晰

(1)页面速度更快

(2)代码少,成本降低

(3)更利于搜素引擎的截取

-更好的兼容性扩展性

(1)被更多的用户访问

(2)被更广泛的设备访问

-页面灵活性强

(1)改版方便,不需要更改页面内容

(2)更少的代码和组件,容易维护

(3)灵活控制页面的显示顺序

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值