Web标准发展建议与好的实例之(X)HTML [2]

2016-01-29 12:39 0 1 收藏

Web标准发展建议与好的实例之(X)HTML [2],本系列Web标准发展建议与好的实例系列文章将向朋友们介绍Web标准是如何使一个开发者建设网站更加的节省时间与金钱,如何使浏览者获得更好的浏览经历,以及他们的原因。同时,本文还涉及到一些方法,准则和好的实例用来帮助您建设一个对尽可能多的人都充满亲和力的高质量的网站。

【 tulaoshi.com - Html 】

在学习中遇到问题可以到 论坛 发贴交流!

相关文章:

HTML Versus XHTML
The Web Standards Project询问W3C是使用HTML 还是XHTML, 为什么?

Better Living Through XHTML
一篇A List Apart article 上关于从HTML转换XHTML的文章。

The New York Public Library Online Style Guide
详细的阐述了如何使用XHTML和CSS。

XHTML 1.0 Differences with HTML 4
W3C给您解释XHTML 1.0 和 HTML 4的不同之处。

XHTML: Differences between Strict & Transitional
简述了 XHTML 1.0 Strict 和 Transitional的不同之处

Serving XHTML with the Right MIME Type
The Web Standards Project 询问the W3C对于HTML和XHTML,应该使用哪种MIME type?

XHTML Media Types
告诉您用那种媒体类型来解释XHTML文档

Bad Tags
HTML Dog的一个在XHTML中不应当使用的元素和属性的向导。

Specifying a MIME Type
一篇关于MIME types 和告诉我们如何根据不同的服务器脚本语言显示不同的内容的文章。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)

Serving XHTML 1.0
W3C的一篇关于mime types 和 XHTML的文章。

Doctype(文档类型)

现在只有很少的HTML文档有一个正确而完整的doctype或者DTD (文档类型声明)。它现在更多的是在起装饰作用而没有什么功能作用,但是就在几年前刚开始的时候,一个doctype的定义,对浏览器解释这个文档起到很大的作用。

所有的HTML和XHTML文档都必须使它的doctype声明合法化。 doctype可以告诉我们在文档中使用的是什么版本的HTML和XHMTL,也决定了校验器以何种方式校验,浏览器以何种模式解释。如果文档中有一个正确而完整的doctype,许多浏览器将会转换到标准模式,那就意味着与CSS的规范更加接近了。因为浏览器不必再把时间用在弥补、解释不规范的HTML 上了,所以文档的显示速度也加快了。这同样也会减少在不同浏览器上显示的差异性。

下面的doctype声明是针对XHTML 1.0 Strict的,它将会促使拥有文档类型转换器的浏览器使用他们的标准模式。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"

相关文章:

Fix Your Site With the Right DOCTYPE!
一篇A List Apart的文章,告诉您如何以及为什么要使用doctype。

Activating the Right Layout Mode Using the Doctype Declaration
介绍了不同doctype声明对拥有文档类型转换器的浏览器的影响。

List of valid DTDs you can use in your document
W3C官方的正确doctype声明的列表。

字符编码

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)

所有的XHTML文档都应当定义他们的字符编码。

最好的网页编码方法是配置你的网络服务器,使其发送带有字符编码的HTTP content-type头部。关于如何使用去做的具体细节,请参阅你所使服务器软件的说明。

如果你使用的是Apache,你可以通过在你的.htaccess文件中添加一两条规则来定义字符编码。例如,你的所有文件使用的都是utf-8, 添加下面的语句:
AddDefaultCharset utf-8

定义具有相同扩展名的文件的字符编码,则使用下面的代码:
AddCharset utf-8 .html

如果你的服务器允许你用PHP脚本时,你可以使用以下的代码来定义字符编码。
<?php header("Content-Type: application/xhtml+xml; charset=utf-8"); ?

如果你的页面是HTML, 请把application/xhtml+xml换成 text/html。不管是什么原因,如果你不能配置你的服务器使其定义为你所使用的字符编码,你可以在<head中使用<meta 。即使你的服务器配置正确了,这也是个定义字符编码的好方法。

例如, 下面的<meta告诉浏览器这是一个使用ISO-8859-1字符编码的文档:
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /

相关文章:

WaSP Asks the W3C: Specifying Character Encoding
The Web Standards Project询问W3C,作者应该如何定义字符编码。

The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!)
一篇介绍不同类型字符编码的文章

Using national and special characters in HTML
告诉您如何在HTML中使用通用的和专有的字符。

Tutorial: Character sets & encodings in XHTML, HTML and CSS (DRAFT)
一篇教您选择和声明字符编码的教程。

来源:https://www.tulaoshi.com/n/20160129/1487032.html

延伸阅读
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在 <a 里面再嵌入一个 <a 这样的约定。 说明: 为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 <html 而不应是 <HTML) 小写的单词表明一组或一系列 HTML 标签 每一项条目(标签)后都跟...
标签: Web开发
在HTML4 Elements中共计有91个标签,然而在这么多的标签中经常被使用到的标签不到四分之一,在这些常用的标签中有两个标签是属于最通用型的——div、span,这两个结构性的标签因为本身不带呈现样式及语义而被广泛的用于网页制作中,再加上之前很多人直接把WEB标准误解为就是div+css,于是在一个页面里出现了特多的div或者是span标签,尽管...
标签: Web开发
我是从去年初开始学习web标准的,两年下来也有些心得。最近跳槽了正好闲在家里,写一些出来和大家交流一下。 1 对于web标准和W3C XHTML规范的理解 按照习惯的理解,这两个概念似乎都是指的一个东西(就是咱们在这个版里讨论的这些个"高深理论“^_^)。但我认为,事实上从技术的角度上讲,这两个事物几乎没有任何相关性。web标准...
标签: Web开发
上文:IE7的web标准设计 IE历来被web标准的拥护者所诟病,而当FireFox横空出世以后,更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升,微软终于推出了IE7。但IE7是否真的能够力挽狂澜,是否真的能够得到用户的信任,是否真的能够得到网页设计者的认可呢? 且看《IE7的web标准之道》系列文章,和你一起见证IE7的...
标签: Web开发
在较早之前的网页上,我们经常可以看到如下的网页结构代码: html head title这是一个网页/title meta name=”…” content=”…” / …… /head body …… /body /html 很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好的呈现出这个网页来,只要代码没出什么错误。这个其实就像是用Table布局的页面跟Div...

经验教程

138

收藏

93
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部