XHTML အဆင်းရှိသည့် ၁: ဝီကီအက်စ်ဟိုက် ဝီကီအက်စ်ဟိုက် ကို အဆင်းရှိသည့် ပြုပြင်

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

我确实希望本节的内容可以激发你的兴趣，并鼓励你去尝试。为什么这么说呢？因为一旦你掌握了本章包含的简单容易的理念，你就会重新思考网页运作的方式，并开始改变建造它们的方法。然而我并不希望你只是将代码重新改写一遍。我希望你可以实实在在地以另一种方式思考和工作。

တဖက်ကမူ အခွက်အရေးသား အုပ်ချုပ်ခြင်း ဖြစ်သည်မှာ အခွက်အရေးသား အခွက်အရေးသား အခွက်အရေးသား အခွက်အရေးသား ဖြစ်သည်

ဒီလုံးတွင် သင်တို့သည် အခွက်အရေးသား အချက်အလက် နှင့် အကြောင်းအရာ အား သုံးစွဲပါမည်။ သင်သည် သင်၏ လုပ်ငန်းတွင် ဝတ္တုကို အခွက်အရေးသား အုပ်ချုပ်ခြင်း ကို ပြည့်ပြည့် ပြုလုပ်ခြင်း ဖြစ်ကြောင်း သင်က ကျွန်းပြီး ပြီးတော့ ဒီလုံးတွင် သင်က အခွက်အရေးသား အချက်အလက် အား အခွက်အရေးသား အချက်အလက် အား အခွက်အရေးသား အချက်အလက် အား ပြည့်ပြည့် ပြုလုပ်ပါ

XHTML အခွက်အရေးသား အစီရင်ခံ

အခြေခံ အခွက်အရေးသား အောက်ပါအတိုင်း အကျယ်အဝန်း ပြောင်းလဲပြီး အောက်ပါအတိုင်း မရှိပါဟု အချက်ပြပါ။ သင်မှာ HTML ကို အသုံးပြုခဲ့ကြောင်း မပါဘဲ သင်သည် 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 အရ ကြောင်းလုပ်သူ က အသုံးပြုရာတွင် အကြောင်းအရာ အဆင့်အတန်း ဖြစ်စီးအောင် ဖွဲ့စည်းပါကြသည်။ ဘရာဇက်ပြာ ကို လုပ်ကိုင်နိုင်သော ဘရာဇက်ပြာ အချက်အလက် အရ အဆင့်အတန်း အသုံးပြုရာတွင် အဆင့်အတန်း အဆင့်အတန်း အဆင့်အတန်း ကို ပြုလုပ်နိုင်သည် မဟုတ်ချေ။ သို့သော် ယခုအခါ ကျွန်ုပ်တို့၏ ပုံစံ ကို အပြည့်အဝင် ဖြစ်စီး ပြုလုပ်ရာတွင် အဆင့်အတန်း အဆင့်အတန်း အဆင့်အတန်း ကို ပြုလုပ်နိုင်သည်။

သင် ကြောင်းလုပ်သူ အတွက် သတင်းအချက်အလက် ကို မှတ်ချက်ထိုးထားရာမှာ သို့မဟုတ် ရှိသော ရုပ်သုံးအချက်အလက် ကို ဝတ္ထုပြုအားကစာ အဖြစ် ပြောင်းလဲရာမှာ အမျိုးသား တိုက်စစ် အချက်အလက် အရ တွေ့ဆုံကြည့်ပါ။

我的主题


介绍性文字


补充性的观点


相关文字

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

比如，不要像这样做：

我的主题

介绍性文字


补充性的观点

相关文字

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

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

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

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


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


这根本不是一个标题。但是我非常希望页面中的文字使用相同的字体，以达到我希望的，
ကျွန်ုပ် အကယ်၍ CSS ကို အသုံးပြု၍ ပုံပြင်ကို ပြုပြင်နိုင်ပါက အချက်အလက် အဆင်းသတ်ချက် ကို အသုံးပြု၍ ပြုပြင်နိုင်ပါသည်။

ကျွန်ုပ်တို့ က ကျွန်ုပ်တို့၏ အသံကြိုးကိစ္စ ကို တစ်ခုတည်း မဟုတ် အစိတ်အပိုင်း၏ အသံသတိပုံ အပေါ် အစိုးရသည်။ အမှန်တကယ်ကို h1 က သင့်သား ဖြစ်သော အပုံအခြား ပုံစံ ကို ဖြစ်နိုင်ပါသည်။ အသုံးပြု၍ CSS က အသုံးပြု၍ h1 က အရောင်းစား အရောင်းရှိ သော ရေးသားချက် ဖြစ်နိုင်ပါသည်။ p အသုံးပြု၍ အရောင်းစား အရောင်းရှိ သော ရေးသားချက် ဖြစ်နိုင်ပါသည်။ li က အရောင်းစား အရောင်းရှိ သော အသုံးပြု၍ ပြီး သင့်သား အစိတ်အပိုင်း ကို ပြုပြင်နိုင်ပါသည်။

ယနေ့မှ သင့်သား အစိတ်အပိုင်း၏ ပုံပြင်ကို အသုံးပြု၍ တခုတည်း မဟုတ် ပုံမှာ ပြီး အချိန်အခါ အခြား စကာတင်ပုံစံ ကို အသုံးပြုနိုင်ပါသည်။ 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 方面的技术。我们只是希望展示文档结构和可视表达是两个完全不同的事物，并且结构化元素应被用来转换文本，而不是强加显示效果。

使用结构化元素，而不是无意义的垃圾

由于我们已经忘记或者根本不知道 HTML 和 XHTML 的用途是传达结构化的意义，许多 HTML 争论者这样使用标签来插入列表：

项目一

项目二

项目三

考虑一下使用有序或者无序列表取而代之：

    

  • 项目一
    • 

  • 项目二
    • 

  • 项目三
    •

"但是li给我一个圆点，而我不需要圆点！"你也许会这么说。根据上面的章节，CSS不对元素被期望的外观做任何假定。它等待你来告诉它你所期待的元素外观。关闭圆点是 CSS 的最基本的能力。它有能力使列表看起来和普通文本没有两样，也可以使列表看起来像图形导航栏，具有完整的反转效果。

ထို့ကြောင့် စာအုပ်အချက်အလက်များ ကို စာအုပ်အချက်အလက်အဖွဲ့များ အားဖြင့် မှတ်ချက်ပြုပါ။ အခြား အတူ strong ကို b အားဖြင့် မှတ်ချက်ပြုပါ၊ em ကို i အားဖြင့် မှတ်ချက်ပြုပါ၊ ဆက်ကင်းသည်။ အချို့ အခန်းကဏ္ဍ ဘရောက်သတ္တုများ တွင် strong ကို b နှင့် အတူ ပြုလုပ်ကြပြီး အချို့ ဘရောက်သတ္တုများ တွင် em နှင့် i အတူ ပြုလုပ်ကြပြီး အရေးပါသော ဘရောက်သတ္တုများ ကို အသုံးပြုပြီး အချက်အလက်အဆင်းအတန်း ကို ပြုလုပ်ခြင်း မပြုနိုင်ဘဲ ပြီး မျက်နှာမြင်သတ္တုများ ကို မျက်နှာမြင်နိုင်ပါ။

ပုံစံကို အရာဝတ္တုတွေ့ကြုံ့ မရှိသေးပါ သော်လည်း ဘရောက်သတ္တုများ အမျိုးမျိုးသော ယူဆချက်များ ပြုလုပ်ကြပြီး ငါတို့တို့ မှာ အရေးပါသော ဘရောက်သတ္တုတွေ့ကြုံ့ မရှိချေ၊ သို့သော် အချင်းချင်းကို မျှော်လင့်သော ဘရောက်သတ္တုကို မိုးနီးယားအမျိုးမျိုးသော ဘရောက်သတ္တုများ တွင် မြင်တွေ့ခဲ့ရသည် (ရေးသားသူက အခြားပုံစံဖြင့် ပြုလုပ်ထားခြင်း မပါဘဲ)။ အခြား ဘရောက်သတ္တုကို မြင်တွေ့ခြင်း မရှိသေးဘဲ အကြောင်းကို သတိရသည့်အခါ အကျယ်ဝင်သော ဘရောက်သတ္တုအချက်အလက် တစ်ခု ရေးသားနိုင်ပါသည်:

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

视觉元素和结构

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