没有合适的资源?快使用搜索试试~ 我知道了~
Div+cs11s课程讲义3.0版.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 141 浏览量
2022-12-17
13:25:26
上传
评论
收藏 838KB PDF 举报
温馨提示
;;Div+cs11s课程讲义3.0版.pdf
资源推荐
资源详情
资源评论
Div+css 课程讲义 3.0 版
一、 什么是 web 标准
WEB 标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构
(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标
准语言主要包括 XHTML 和 XML,表现标准语言主要包括 CSS,行为标准主要包括对象模
型(如 W3C DOM)、ECMAScript 等。
1. 结构(xhtml 语言/xml 语言)
2. 表现(css 语言)
3. 行为(dom 及 javascript)
详细内容:http://www.xinran001.com/bbs/viewthread.php?tid=3&extra=page%3D2
网站使用标准的好处
对网站浏览者的好处:
文件下载与页面显示速度更快;
内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士);
内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、
电冰箱等等)
用户能够通过样式选择定制自己的表现界面
所有页面都能提供适于打印的版本
对网站所有者的好处:
更少的代码和组件,容易维护
带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS 改版
后,每天节约超过两兆字节(terabytes)的带宽。
更容易被搜寻引擎搜索到
改版方便,不需要变动页面内容
提供打印版本而不需要复制内容
二、 xhtml 和 html 的区别
为页面添加正确的 DOCTYPE
很多设计师和开发者都不知道什么是 DOCTYPE,DOCTYPE 有什么用。DOCTYPE 是
document type 的简写。主要用来说明你用的 XHTML 或者 HTML 是什么版本。浏
览器根据你 DOCTYPE 定义的 DTD(文档类型定义)来解释页面代码。所以,如果你
不注意设置了错误的 DOCTYPE,结果会让你大吃一惊。XHTML1.0 提供了三种
DOCTYPE 可选择:
(1)过渡型(Transitional )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(2)严格型(Strict )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(3)框架型(Frameset )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
对于我们初级改善来说,只要选用过渡型的声明就可以了。它依然可以兼容你的
表格布局、表现标识等,不至于让你觉得变化太大,难以掌握。
Tip:你懒得输入上面过渡型代码的话,可以访问 http://www.macromedia.com/
网站的首页,然后查看源代码,把 head 区同样的代码拷贝粘贴就可以了。
设定一个名字空间(Namespace)
直接在 DOCTYPE 声明后面添加如下代码:
<html XMLns="http://www.w3.org/1999/xhtml" >
一个 namespace 是收集元素类型和属性名字的一个详细的 DTD,namespace 声明
允许你通过一个在线地址指向来识别你的 namespace。只要照样输入代码就可
以。
声明你的编码语言
为了被浏览器正确解释和通过标识校验,所有的 XHTML 文档都必须声明它们所使
用的编码语言。代码如下:
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
这里声明的编码语言是简体中文 GB2312,你如果需要制作繁体内容,可以定义
为 BIG5。
XHMTL 文件结构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
1.0 Transitional//EN"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页标题填写在这里</title>
<link href="css/main.css" rel="stylesheet" type="text/css" /> /*css 样式文件引用方式*/
<meta name="Description" content="网站描述的内容" />
<meta name="keywords" content="网站的关键字" />
</head>
<body>
网页中的内容显示区
</body>
</html>
用小写字母书写所有的标签
XML 对大小写是敏感的,所以,XHTML 也是大小写有区别的。所有的 XHTML 元素
和属性的名字都必须使用小写。否则你的文档将被 W3C 校验认为是无效的。例如
下面的代码是不正确的:
<TITLE>公司简介</TITLE>
正确的写法是:
<title>公司简介</title> 同样的,<P>改成<p>,<B>改成<b>等等。这步转换很简单。
为图片添加 alt 属性
为所有图片添加 alt 属性。alt 属性指定了当图片不能显示的时候就显示供替换
文本,这样做对正常用户可有可无,但对纯文本浏览器和使用屏幕阅读机的用户
来说是至关重要的。只有添加了 alt 属性,代码才会被 W3C 正确性校验通过。注
意的是我们要添加有意义的 alt 属性,象下面这样的写法毫无意义:
<img src="logo_unc_120x30.gif" alt="logo_unc_120x30.gif">
正确的写法:
<img src="logo_unc_120x30.gif" alt="UNC 公司标志,点击返回首页">
给所有属性值加引号
在 HTML 中,你可以不需要给属性值加引号,但是在 XHTML 中,它们必须被加引
号。
剩余13页未读,继续阅读
资源评论
我是你的春哥!
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 【岗位说明】招商工作管理手册.docx
- 【岗位说明】客服内勤岗位职责.docx
- 099-PR剪辑实战 婚礼案例.mp4
- 100-PR剪辑实战 婚礼案例.mp4
- 【岗位说明】华X万佳副总职责.ppt
- 【岗位说明】百货公司总经理办公室主任岗位职责.doc
- 【岗位说明】XX超市员工岗位职责手册.doc
- 【岗位说明】便利店连锁门店店长岗位职责要求.doc
- 【岗位说明】超市店长岗位职责.doc
- 【岗位说明】超市商场岗位职责大全销售店面管理制度.doc
- 【岗位说明】超市各岗位职责大全.doc
- 【岗位说明】超市营运处长的岗位职责.doc
- 【岗位说明】超市商场岗位职责与手册大全综合超市营运规范.doc
- 【岗位说明】超市员工岗位职责.doc
- 【岗位说明】防损员任职资格及岗位职责标准.doc
- 【岗位说明】大X发工作岗位流程.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功