ఎక్సిఎంహెచ్ టి సంక్రమణం ఒకటి: హెచ్ టి ఎంఎల్ ను మళ్ళీ నిర్మించడానికి ఎక్సిఎంహెచ్ టి ఉపయోగించండి

我们曾经为本节撰写的标题是：“XHTML : 简单的规则，容易的方针。”原因之一是，本节讨论的规则和方针是简单和容易的。原因之二是，一本简单和容易的 WEB 设计图书，就像超级市场的新式的免费商品一样，虽然常见却可以有效地吸引人的眼球，这样的东西可以刺激人的兴趣，并且鼓励人们尝试。

ఈ భాగం మీ ఆసక్తిని జాగృతం చేసి, మీరు ప్రయత్నించడానికి ప్రోత్సహిస్తుంది అని నేను నమ్ముతున్నాను. ఎందుకంటే, ఈ చాప్టర్‌లో ఉన్న సాధారణ మరియు సులభమైన సిద్ధాంతాలను నేర్చుకున్నప్పుడు, మీరు వెబ్‌పేజీల పనికి మరొక రీతిలో పరిగణించి, వాటిని నిర్మించడానికి ఉపయోగించే పద్ధతిని మార్చుకోగలరు. అయితే, మీరు కేవలం కోడ్‌ను మార్చడానికి ఆసక్తి కలిగితే, నేను మీరు మరొక రీతిలో ఆలోచించడానికి మరియు పనిచేయడానికి కోరుతున్నాను.

మరొక పక్క, పునర్వినియోగం అనేది XHTML నిజమైన అర్థం.

ఈ చాప్టర్‌లో, మేము స్ట్రక్చరల్ మార్కప్ యిన్నికి మరియు అర్థాన్ని అధ్యయనం చేస్తాము. మీరు వెబ్ స్టాండర్డ్స్ ను ప్రాజెక్ట్‌లో సమీకృతం చేస్తున్నప్పుడు, ఈ చాప్టర్‌లోని విషయాలు మీకు పరిచయం ఉండవచ్చు. అయితే, ఈ రంగంలో అనుభవం ఉన్నవారికీ, ఈ చాప్టర్‌లో అనుభవనీయమైన ఫలితాలను గుర్తించవచ్చు.

XHTML నియమాల సారాంశం

కొన్ని సాధారణ నియమాలు మరియు విధానాలను పాటించితే, ట్రాడిషనల్ హ్ట్మ్ఎల్‌ను XHTML 1.0 కు మార్చడం వేగవంతంగా మరియు తప్పనిసరిగా ఉంటుంది. హ్ట్మ్ఎల్‌ను ఉపయోగించినప్పటికీ, XHTML ను ఉపయోగించడానికి ఇది బాధనేమీ ఉండదు.

  • సరైన డాక్యుమెంట్ రకాన్ని మరియు నేమ్‌స్పేస్‌ను ప్రకటించండి.
  • మీ కంటెంట్ రకాన్ని ప్రకటించడానికి meta టాగ్‌ను వాడండి.
  • అన్ని కీస్టూక్స్ మరియు అట్రిబ్యూట్లను చిన్న అక్షరాలతో వ్రాయండి.
  • అన్ని అంశాల విలువలకు కోట్లను జోడించండి.
  • అన్ని అంశాలకు విలువలను కేటాయించండి.
  • అన్ని టాగ్‌లను మూసివేయండి.
  • ఖాళీ అంతరాలు మరియు పారస్పరిక కట్టుబాటుతో ఖాళీ టాగ్‌లను మూసివేయండి.
  • కామ్యూట్‌లో ద్విపద్మాన్ని వ్రాయకూడని.
  • తప్పక కన్నుతో మరియు పంచకూలుతో తక్కువ విలువను < మరియు & అని నిర్ధారించండి.

Unicode 和其他字符集

XML、XHTML、和HTML 4.0 文档的默认字符集是 Unicode，一个由 Unicode 联盟定义的标准。Unicode 是一套全面的字符集，它为每个字符提供了一个特定的唯一的数字，不论平台、程序和语言。Unicode 也是我们拥有的最接近通用字母表的事物，尽管它并不是一个字母表，而是一套数字映射方案。

尽管 Unicode 是 web 文档默认的字符集，开发人员依然可以自由地选择更适合他们的其他字符集。比方说，美国和西欧的网站常常使用 ISO-8859-1 (Latin-1) 编码，而中华人民共和国的国家标准是 gb2312。

为表达语义而标记文档，而不是为了样式

记住：请最大限度地使用 CSS 来进行布局。在 web 标准的世界里，XHTML 标记与表现无关，它只与文档结构有关。

结构良好的文档可以向浏览器传达尽可能多的语义，不论是浏览器位于掌上电脑还是时髦的桌面图形浏览器。结构良好的文档都能向用户传达可视化的语义，即使是在老的浏览器，或是在被用户关闭了 CSS 的现代浏览器中。

不是每个站点都能立即抛弃 HTML 表格布局。CSS 的发明者，W3C，直到 2002 年 11 月才将官方网站转换为 CSS 布局。然而，即使是顽固的唯标准主义者也不总是将表现从结构中完全分离处理，至少在 XHTML 1 中是做不到的。但是现在，我们可以向这个理想迈出重大的一步，通过将表现从结构中分离（或者说将数据从设计中），即使是混合的传统的布局也可从中受益。

మీరు సంగతిని సంగతిగా మార్చడానికి సహాయకారి కొన్ని సూచనలు ఇక్కడ ఉన్నాయి:

సిద్ధాంతం లోని రంగులు

వ్యాకరణ పాఠశాలలో, మనమందరములు పారమ్పరిక సిద్ధాంతాల ఫార్మాట్లను ఉపయోగించి వ్రాయడాన్ని బాధ్యత చేయబడ్డాము. ఇప్పుడు, మేము డిజైనర్లు అయ్యాము, మరియు సిద్ధాంతాల పరిమితులను తప్పివేసేందుకు ఎంతగానో స్వేచ్ఛ ఉంది. కానీ కాస్మెటిక్ ప్రొసెస్స్ మరియు బిజినెస్ సెట్ స్ కంప్యూటర్స్ అంతవరకు మన ప్రొసెస్స్ మరియు బిజినెస్ సెట్ కంప్యూటర్స్ సిద్ధాంతాలను తప్పివేయలేము. కానీ కాస్మెటిక్ ప్రొసెస్స్ మరియు బిజినెస్ సెట్ కంప్యూటర్స్ అంతవరకు మన ప్రొసెస్స్ మరియు బిజినెస్ సెట్ కంప్యూటర్స్ సిద్ధాంతాలను తప్పివేయలేము. కానీ కాస్మెటిక్ ప్రొసెస్స్ మరియు బిజినెస్ సెట్ కంప్యూటర్స్ అంతవరకు మన ప్రొసెస్స్ మరియు బిజినెస్ సెట్ కంప్యూటర్స్ సిద్ధాంతాలను తప్పివేయలేము.

అసలుగా, హెచ్టిఎంఎల్ ప్రకారం, మేము సంగతిని వ్యవస్థీకృత పదరాలుగా మార్చాలి. సర్వర్లు సిఎస్ఎస్ మద్దతు లేని కాలంలో, మేము విక్రయానికి సిద్ధమైన అనువర్తనాలను ఇవ్వలేము. కానీ ఈ రోజున, మా డిజైన్ను సరిగ్గా అమలుచేస్తున్నప్పుడు, మేము అంతర్గత వ్యవస్థాపక డాక్యుమెంట్ను ఇవ్వగలము.

మీరు వెబ్ వర్క్ కొరకు వినియోగించే పాఠాన్ని మేరుగున చేయాలి లేదా ఇప్పటికే ఉన్న డాక్యుమెంట్ను వెబ్ పేజీగా మార్చాలి అయితే, పారమ్పరిక సిద్ధాంతాలను ఈ పేర్లతో ఆలోచించండి.

我的主题


介绍性文字


补充性的观点


相关文字

同时，避免使用已被废弃的 HTML 元素比如 ，或者无语义的元素比如
，来模拟其实不存在的逻辑结构。

比如，不要像这样做：

我的主题

介绍性文字


补充性的观点

相关文字

根据它们的意义使用元素，而不是根据它们的外观

我们中一些人已经陷在了一个坏习惯中，当我们仅仅需要一个大号字的文本时使用h1，或者在我们需要在前面加一个圆点符号时使用 li。就像我们在前面的章节讨论过的，浏览器一直都习惯于将设计属性强加于 HTML 元素之上。我们都一直习惯于认为，h1 意味着大号字，而li意味着圆点，或者 blockquote 意味着文本缩进。我们中的大多数人还在使用结构化元素模拟表现效果的方式来胡乱地写作 HTML。

同样地，假如设计师希望所有的标题使用相同的字号，她会将所有的标题设置为 h1，即使这么做毫无结构化语义可言。

这是主标题，在我将文本按照提纲格式组织的情况下。


这不是主标题，但是我希望它与上面的标题使用一样的字体，但是我不知该如何使用CSS。


这根本不是一个标题。但是我非常希望页面中的文字使用相同的字体，以达到我希望的，
如果我了解CSS，就可以在不打乱文档结构的情况下达到这个设计。

我们必须把我们的小把戏放到一边，然后开始根据元素的语义来使用它们，而不是根据它们看上去的样子。实际上，h1可以成为你希望的任何样子。通过 CSS，h1 可以成为非粗体的小号的罗马字体，而 p 文本可以成为粗体的大号字，li 也可以没有圆点（你或者可以使用小猫小狗或者公司标志的 PNG,GIF 或者 JPEG 图片取而代之）等等。

ఈ రోజు నుండి, మేము CSS ఉపయోగించి అంశాల దృష్టి నిర్ణయించాలి. మేము అంశాలు పేజీలో లేదా సైట్లో ఉన్న స్థానాన్ని బట్టి వాటి దృష్టిని మార్చవచ్చు. CSS ప్రదర్శనను సరళమైన నిర్మాణం నుండి పూర్తిగా వేరు చేసి, మీరు ఇష్టపడే శైలిని ఉపయోగించి ఏ కోణకైనా అంశాలను ఫార్మట్ చేయవచ్చు.

h1, h2, h3, h4, h5, h6 {
	font-family: georgia, palatino, "New Century Schoolbook",
	times, serif;
	font-weight: normal;
	font-size: 2em;
	margin-top: 1em;
	margin-bottom: 0;
	}

你为什么要这么做呢？这么做的目的是为了在图形浏览器中获得品牌化的外观和感觉的同时，在文本浏览器、无线设备、HTML 格式的电子邮件中，文档的结构得到保留。

我们并不想在关于 XHTML 的章节讲述更多 CSS 方面的技术。我们只是希望展示文档结构和可视表达是两个完全不同的事物，并且结构化元素应被用来转换文本，而不是强加显示效果。

నిర్మాణాత్మక ఉపాంగాలను ఉపయోగించండి, కాదు అర్థహీన వ్యర్థాలు

మేము మర్చిపోయాము లేదా మరియు ఎల్లప్పుడూ హెచ్ఎంఎల్ మరియు ఎక్సిఎంఎల్ యొక్క ఉపయోగం సంక్రమణాత్మక అర్థాన్ని తెలియకుండా ఉన్నాము కాబట్టి, పునఃప్రకటన యాంత్రాంగాలను జాబితాలను ప్రవేశపెట్టడానికి ఈ విధంగా ఉపయోగిస్తారు అనేది అనేక హెచ్ఎంఎల్ వాదాలు ఉన్నాయి:

ప్రాజెక్ట్ ఒకటి<br />
ప్రాజెక్ట్ రెండు<br />
ప్రాజెక్ట్ మూడు<br />

కాబట్టి, క్రమబద్ధ లేదా అనక్రమ జాబితాలను ఉపయోగించండి పక్కన ప్రత్యామ్నాయంగా చూడండి:

<ul>
<li>ప్రాజెక్ట్ ఒకటి</li>
<li>ప్రాజెక్ట్ రెండు</li>
<li>ప్రాజెక్ట్ మూడు</li>
</ul>

"కానీ li నాకు గుండ్రపట్టీ ఇస్తుంది, మరియు నేను గుండ్రపట్టీ అవసరం లేదు!" మీరు అలా చెప్పవచ్చు. పైన ఉన్న చాప్టర్ ప్రకారం, CSS ఎల్లప్పుడూ ఎల్లా ఉపాంగాని ప్రదర్శన కు ఏ హాస్యాన్ని చేయదు. ఇది మీరు ఎందుకు ఆశించిన ఉపాంగాని దృశ్యాన్ని చెప్పడానికి వేచి ఉంటుంది. మూసిన గుండ్రపట్టీ సిఎస్ఎస్ యొక్క అత్యంత ప్రాథమిక సామర్థ్యం. ఇది జాబితాలను సాధారణ పాఠం తో సమానంగా చూడవచ్చు, మరియు పూర్తి పునర్వినియోగని కలిగివుండే చిత్ర నేవిగేషన్ గా చూడవచ్చు.

కాబట్టి, జాబితాలను గుర్తుంచుకోడానికి జాబితా ఉపాంగాలను ఉపయోగించండి. అలాగే, strong ను b స్థానం లో ఉపయోగించండి, em ను i స్థానం లో ఉపయోగించండి, ఇలాంటి. చాలా డెస్క్టాప్ బ్రౌజర్లు యొక్క మూలం స్థితిలో, strong యొక్క ప్రదర్శన బి తో సమానం, em మరియు i సమానం, మరియు డాక్యుమెంట్ యొక్క నిర్మాణాన్ని క్షీణింప చేయకుండా మీకు ఆశించిన దృశ్యాలను సృష్టించవచ్చు.

కానీ CSS ప్రతి ఎల్లా ఉపాంగాని ప్రదర్శన కు ఏ హాస్యాన్ని చేయదు, బ్రౌజర్లు చాలా హాస్యాలు చేస్తాయి, మరియు మేము ఇంకా ఒక స్ట్రాంగ్ ను ఇతర ప్రదర్శన లో చూడలేదు బ్రౌజర్లు ఉన్నాయి (ఇంకా డిజైనర్లు చేసిన CSS సూచనల ప్రకారం మాత్రమే). మీరు ఏ విదేశీ బ్రౌజర్లు స్ట్రాంగ్ ను స్ట్రాంగ్ లో చూపకుండా చూడకుండా ఉండాలని ఆలోచిస్తే, ఈ విధమైన CSS నియమాన్ని రాయవచ్చు:

strong {
	font-weight: bold;
	font-style: normal;
	}

视觉元素和结构

web 标准不仅要求我们使用何种科技，而且还要遵守使用这些技术的方式。使用 XHTML 来编写标记，同时使用 CSS 来处理一部分或者全部的布局，并不一定会使站点更易用更轻便，同时节约多少带宽。就像我们在早期使用的技术那样，XHTML 和 CSS 也会被误用和滥用。冗长的 XHTML 和冗长的 HTML 一样，都会浪费用户的带宽和时间。冗长的过度的 CSS 也不能完全的代替表现 HTML 代码；这只不过是一种糟糕的东西被另一种代替了而已。