学习网页Web标准的五个步骤

我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结。

Step 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言

因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用,但是要看着代码写网页了。

首先是xhtml代码,不是很多,知道他们如何使用,怎么正确书写,而且要记得封闭tag。如<img/><br/>。建议看看一些html参考手册,毕竟xhtml是从html升级来的,很多tag还在在继续使用。

Step 2.建立标准化的声明(DOCTYPE)和head

以前的网页,甚至大型的门户网站也连个声明也没有,就仅仅是<html>,现在要做的就是给你的网页加上声明,规范head区域,让搜索引擎和喜欢你的网站。

推荐写法

<!--(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"> 
<!--设定一个名字空间(Namespace)lang="zh-CN"/--> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 
<head> 
<!--声明你的编码语言:GB2312/UTF-8/Unicode/ISO-8859-1--> 
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> 
<meta http-equiv="Content-Language" content="zh-CN" /> 
<!--为搜索引擎准备的内容--> 
<!--允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法-->
<meta content="all" name="robots" /> 
<!--设置站点作者信息--> 
<meta name="author" content="邮箱,名字" /> 
<!--设置站点版权信息--> 
<meta name="Copyright" content="网站版权描述" /> 
<!--站点的简要介绍(推荐)--> 
<meta name="description" content="新网页设计师。web标准的教程站点,推动web标准在中国的应用" /> 
<!--站点的关键词(推荐)--> 
<meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" /> 
<!--收藏夹小图标--> 
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> 
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
<title>网页标题</title> 
<!--连接样式表--> 
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> 
<style type="text/css" media="all"> 
@import url( css/style01.css ); 
</style> 
<!--RSS--> 
<link rel="alternate" type="application/rss+xml" title="greengnn's space" href="http://www.*.com/feed.asp" /> 
<!--JS--> 
<script src="js/common.js" type="text/javascript" language="javascript" "></script> 
</head> 
<body> 
</body> 
</html>

时间: 2024-09-18 21:27:08

学习网页Web标准的五个步骤的相关文章

入门:学习网页Web标准的五个步骤

我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结. Step 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的.DW工具也可以使用,但是要看着代码写网页了. 首先是xhtml代码,不是很多,知道他们如何使用,怎么正确书写,而且要记得封闭tag.如.建议看看一些html参考手册,毕竟xhtml是从html升级来的,很多tag还在在继续使用. Step 2.建立标准化的

学习网页Web标准:DOCTYPE(文档类型)基础知识

web|web标准|网页 DOCTYPE(文档类型)DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本. 他们是什么和他们为什么是重要的? 所有的HTML和XHTML文档必须有一个有效的doctype声明. Doctype规定了文档使用的HTML或XHTML的版本. 当校验的时候doctype被校验器使用,WEB浏览器通过它来决定那种渲染模式被使用. Doctype影响设备渲染web页面的方式. 如果文档使用了正确的doctype,一些浏

网页Web标准建站经常使用的CSS命名

css|web|web标准|网页 用了一段CSS 布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别人看源文件,但是工作室有时候和团队合作完成项目的时候,就遇到麻烦了,要修改一个地方相当的费事.所以还是有个标准比较好啊! 在网上看到的一个参考,再加上平时也研究别人的代码,发现有些命名使用很广泛! 命名参考 常用的CSS命名规则: 头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控

网页Web标准:使用有意义的HTML标记制作网页

html标记|web|web标准|网页 我们都知道建筑物的重要部件就是根基的建立,如果没有坚固良好的基础.再华丽的外观与装饰都不复存在.我们建立符合Web标签的网页,大多数人更加关心CSS技术及其应用.但我们也需要明白,CSS不管怎么强大也是作用于XHTML的.如果没有结构良好的XHTML基础,我们的布局实现起来就会显得比较困难.或许我们的基础非常牢固,但细节繁杂.结构不合理,也将成为我们开发的障碍. 在WEB早期的时候,HTML只是用来添加基本的形式与结构.随着互联网的发展,HTML被用来表现

web标准的投资回报(ROI)

web|web标准 原文作者:D. Keith Robinson 原文出处:asterisk 原文发表时间:2004年6月1日 用web标准开发能够带来实际利益,这一点还有人怀疑吗? 如果有,我已经为您准备了一些非常引人注目的证据,特别是一些基于CSS设计带来的好处.我将展示给您一组真实的数据,展示给您看采用web标准所带来的.非常明显的投资回报(RIO:Return On Investment). 我翻查了二个(在范围和交付上)非常类似的网站项目的发票,并记下它们的数据.其中一个在2001年完

网页标准学习:关于web标准的思考

web|web标准|网页 我是从去年初开始学习web标准的,两年下来也有些心得.最近跳槽了正好闲在家里,写一些出来和大家交流一下. 1 对于web标准和W3C XHTML规范的理解 按照习惯的理解,这两个概念似乎都是指的一个东西(就是咱们在这个版里讨论的这些个"高深理论"^_^).但我认为,事实上从技术的角度上讲,这两个事物几乎没有任何相关性.web标准简而言之就是将页面的结构.表现和行为各自独立实现,更通俗的讲就是如今招聘时流行的语言"div+css".但W3C

web标准化学习指南:如何学习网页标准

web|web标准|网页 如何学习网页标准 很多经典论坛网页标准化版的版友问这个问题,我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结. Step 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的.DW工具也可以使用,但是要看着代码写网页了.首先是xhtml代码,不是很多,知道他们如何使用,怎么正确书写,而且要记得封闭tag.如<img/><br/>

如何学习DIV+CSS(Web标准)制作网页

本文和大家重点讨论一下如何学习DIV+CSS制作网页,如何学习Web标准制作网页呢?我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结. 如何学习DIV+CSS制作网页 我接触的很多人都问,如何学习Web标准制作网页呢?我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结. 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的.DW工具也可以使用,但

学习Web标准 给你的网页选择合适的文档类型

web|web标准|网页 你做了所有你认为正确的事情,但页面在最新的浏览器里并不能正确表现.那是你书写了无效的XHTML和CSS.你使用了W3C标准的文档对象模型(DOM)来操作页面动态元素.而在浏览器去表现这些标准时,你的站点失效了.这很有可能就是一个错误的文档类型(DOCTYPE)导致的.这篇文章就是为你提供DOCTYPE是如何工作的,还有解释一些实际真实世界中这些文档类型的用法. 为什么使用文档类型(Why a DOCTYPE?) 依据HTML和XHTML标准,一个DOCTYPE("doc