加入收藏 | 会员中心 | 繁體中文 | 留言信息 | |
推 荐 阅 读

广 告 发 布 商

阅 读 排 行
 您现在的位置: 中国无边在线 >> 文章频道 >> 网页作坊 >> 网页作坊 >> 文章正文
[组图]从六个方面将你的网站质量提升至最高点 【字体:

[组图]从六个方面将你的网站质量提升至最高点

本站虚拟主机供应商  来源:本站原创  点击: 

    收藏到QQ书签  


从六个方面将你的网站质量提升至最高点:

在本教程中,您将学到如何将您的网站质量提升至最高。您将学习使用最新的WEB标准。还将学习如何使网站的易用性更强、更易读。

网页教学网分六个方面来讲解提高网站质量的方法。

一、标准

最重要的质量标准。

根据web标准编写您的页面有助于改善您的网站品质。


HTML 标准

XHTML 是最新的 HTML 标准,是用 XML 重新表达的 HTML 4.01。

根据 HTML 4.01 编写页面可使您的站点尽可能地接近 XHTML 标准。


CSS 标准

对于高品质的站点来说,使用层叠样式表(CSS)是将内容与样式分离的首选方式。通过使用 CSS,您能够在一个单独的文档中存储有关页面样式的所有信息。

所有现代的 web 浏览器均支持 CSS 1 和 CSS 2 标准。

对于不同的浏览器,使用 CSS 都可以改进网站的品质,并提高可读性。同时还可以极大地减少您的网站开发成本。


Web 验证

web 验证工具是一种软件程序,可根据 web 标准对您的网站进行检查。

当您使用验证工具检查过HTML, XHTML 或 CSS 文档之后,验证器就会根据您选择的标准返回一系列所发现的错误。通常,验证器会返回所发现错误的行号。

请确保你在发布页面前进行验证成为一种习惯。


WAI - Web Accessibility Initiative

WAI 指的是"Web Accessibility Initiative",是由 W3C 发起的。

WAI 协调全球的组织通过六项主要的工作领域来提升因特网的可用性:技术、指导方针、工具、教育、研究以及开发。

您能够通过根据 WAI 的指导方针编写的页面,来改善网站的品质,并使得您的站点可用于更多人群(及浏览器)。

二、HTML 元素

最重要的HTML元素。

对于提升 web 品质,<DOCTYPE>、<title> 以及 <h1> 都是重要的标签。


<DOCTYPE> 元素

Doctype means a "document type declaration" (DTD).

所有的 HTML 和 XHTML 页面都应当使用 <Doctype> 元素来定义遵照何种 HTML 版本。

doctype 定义了您正在使用的 HTML 版本,并为浏览器提供重要的信息以便其更快速一致地呈现您的页面。

文档类型声明同时也使验证软件可以对页面的语法进行检查:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


<title> 元素

<title> 元素是最重要的 HTML 元素之一。它的主要功能是描述网页的内容。

即使标题不是网页的一个可见的部分,它对于提升网站的品质依然是重要的,这是因为它在以下位置都是可见的:

  • 搜索引擎列表
  • 窗口的标题栏
  • 用户的书签中

标题应当尽可能地短,并具有可描述性。

当某个用户在 internet 上搜索网站时,大部分搜索引擎都会在搜索结果中显示出网站的标题。请确保标题与网页的内容是吻合的。这样的话用户有更多的可能通过点击这些链接来访问到你的网站。

当用户访问您的网站时,在窗口的标题栏中标题是可见的。请确保即使窗口被最小化,标题同样能起到描述网站内容的作用。

在用户访问你的网站之后,网页的标题会存储于历史文件夹(用户甚至会把网页收藏到他的收藏夹中)。为了后续的成功访问,同样请确保标题可以清楚地描述您的网站。

优秀的标题:

<title>HTML 教程</title>

<title>XML 简介</title>

差劲的标题:

<title>简介</title>

<title>章节 1</title>

<title>网页教学网提供网页制作教程,动态网页教程,建站指南,Flash动画,视频教程,网页特效,网页素材等。</title>


<h1> 元素

<h1> 元素用来描述网页中最上层的标题。

由于一些浏览器会默认地把<h1>元素显示为很大的字体,因此会有一些web开发者使用<h2>元素代替<h1>元素来显示最上层的标题。这样做不会对读者产生影响,但会使那些试图“理解网页结构”的搜索引擎和其他软件感到迷惑。

请确保把 <h1> 用于最顶层的标题,<h2> 和 <h3> 用于较低的层级。

可以试着根据此模版来构造您的网页:

详细讲解从六个方面将您的网站质量提升至最高

如果您不喜欢默认的标题字体尺寸,可以使用样式或样式表来改变。

[1] [2] 下一页

文章录入:烧饼    责任编辑:烧饼 
 
  • 上一篇文章:
  •                 
  • 下一篇文章:
  •  

      没有相关文章
    发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口



    中国无边在线
    www.wb889.com
    我的网络生活从这里开始……

      设为首页 / 加入收藏 / 友情链接 / 购买广告位 / 广告合作 / 用户留言 / 版权申明

    · 中国无边在线www.wb889.com 前身:烧饼工作室 欢迎转载·请勿盗链
    · 业务QQ:94125148 | 78533587 E-mail:wb889#126.com TEL:020-3157797*
    · ICP备案号:粤ICP备05123509号 我的网络生活从这里开始了……