�ݺ�ߣ

Subject: Web Design and Programming Lecturer: Ahmed Ali Saihood
Thi-Qar University, Collage of Computer sciences and Mathematics,
Chapter 3
XHTML
‫الـ‬ ‫مبهي‬XHTML‫؟‬
‫انـ‬ ‫نهغت‬ ‫يؼانجت‬ ‫َٔاحج‬ ‫حؼذٚم‬ ٍ‫ػ‬ ‫ػبارة‬ ْٙHTML‫انـ‬ ‫نغت‬ ‫يغ‬ ‫نخخٕافك‬XML-Extensible Markup
Language‫انهغت‬ ِ‫ْذ‬ ‫نخصذٚز‬ ٍٛ‫انهغخ‬ ٍٛ‫ياب‬ ‫انخصائص‬ ٖٕ‫ٔأل‬ ‫أفضم‬ ‫ديج‬ ‫حى‬ ‫حٛذ‬.
‫نغت‬ ‫يغ‬ ‫انزئٛسٛت‬ ‫االخخالف‬HTML
‫ػُاصز‬ ‫حزحٛب‬ ‫ٚجب‬XHTML‫صحٛح‬ ‫بشكم‬
ٙ‫ف‬ ‫انٕسٕو‬ ‫جًٛغ‬ ‫اغالق‬ ‫ٚجب‬XHTML.
ٙ‫ف‬ ‫انٕسٕو‬ ٌٕ‫حك‬ ٌ‫أ‬ ‫ٚجب‬XHTML‫صغٛزة‬ ‫بأحزف‬ ‫يكخٕبت‬lowercase
‫عنبصر‬ ‫ترتيب‬ ‫يجب‬XHTML‫صحيح‬ ‫بشكل‬
‫نغت‬ ٙ‫ف‬HTML: ‫ْذا‬ ‫يزم‬ ‫انبؼض‬ ‫بؼضٓى‬ ًٍ‫ض‬ ‫خاطئ‬ ‫بشكم‬ ‫انؼُاصز‬ ‫حزحٛب‬ ٍ‫ًٚك‬
‫ٔيائم‬ ‫غايك‬ ‫انُص‬ ‫/<ْذا‬b>
‫نغت‬ ٙ‫ف‬ ٍ‫ٔنك‬XHTML: ‫يزم‬ ‫بؼضٓى‬ ‫يغ‬ ‫صحٛح‬ ‫بشكم‬ ‫يزحبت‬ ٌٕ‫حك‬ ٌ‫أ‬ ‫انٕسٕو‬ / ‫انؼُاصز‬ ‫جًٛغ‬ ٗ‫ػه‬ ‫ٚجب‬
‫ٔيائم‬ ‫غايك‬ ‫انُص‬ ‫/<ْذا‬i>
: ‫مالحظة‬‫حزحٛب‬ ‫اسخخذاو‬ ٙ‫ف‬ ‫انشائغ‬ ‫انخطأ‬ ٌ‫ا‬‫لائًت‬ ‫بذاخم‬ ‫لائًت‬ ‫اسخخذاو‬ ٌ‫أ‬ ٌ‫َسٛا‬ ْٕ ‫صحٛح‬ ‫بشكم‬ ‫انٕسٕو‬
‫ٔسى‬ ًٍ‫ض‬ ‫انمائًت‬ ٌٕ‫حك‬ ٌ‫أ‬ ‫ٚجب‬ ٖ‫اخز‬
: ‫خاطئ‬ ‫انًزال‬ ‫ْذا‬

<ul>
<li>‫/<انمٕٓة‬li>
<li>٘‫انشا‬
<ul>
<li>‫أسٕد‬ ٘‫/<شا‬li>
<li>‫أخضز‬ ٘‫/<شا‬li>
</ul>
<li>‫/<انحهٛب‬li>
</ul>
: ‫صحٛح‬ ‫انًزال‬ ‫ْذا‬
<ul>
<li>‫/<انمٕٓة‬li>
<li>٘‫انشا‬
<ul>
<li>‫أسٕد‬ ٘‫/<شا‬li>
<li>‫أخضز‬ ٘‫/<شا‬li>
</ul>

</li>
<li>‫/<انحهٛب‬li>
</ul>
‫ٔسى‬ ‫ٔضؼُا‬ ‫بأَُا‬ ‫الحظ‬</li>‫ٔسى‬ ‫بؼذ‬</ul>. ‫انسابك‬ ‫انصحٛح‬ ‫انًزال‬ ٙ‫ف‬
‫في‬ ‫الوسوم‬ ‫جميع‬ ‫اغالق‬ ‫يجب‬XHTML
. ‫الفبرغة‬ ‫الوسوم‬ ‫ببستئنبء‬ ‫الوسوم‬ ‫جميع‬ ‫تغلك‬ ‫أن‬ ‫يجب‬
‫فمزة‬ ِ‫ْذ‬
ٖ‫أخز‬ ‫فمزة‬ ِ‫ْذ‬
‫فمزة‬ ِ‫/<ْذ‬p>
ٖ‫أخز‬ ‫فمزة‬ ِ‫/<ْذ‬p>
‫انفارغت‬ ‫انٕسٕو‬ ‫اغالق‬ ‫ٚجب‬
‫اضافت‬ ‫خالل‬ ٍ‫ي‬ ‫اغاللٓا‬ ٍ‫ًٚك‬ َّ‫أ‬ ‫اال‬ ‫إلغاللٓا‬ ‫ٔسى‬ ٗ‫ػه‬ ٕ٘‫الححخ‬ ‫انفارغت‬ ‫انٕسٕو‬ ٌ‫أ‬ ٍ‫ي‬ ‫انزغى‬ ٗ‫ػه‬”/“ٙ‫ف‬
. ‫انٕسى‬ ‫آخز‬

‫جذٚذ‬ ‫سطز‬ 
‫فاصم‬ ‫خظ‬ <hr>
‫صٕرة‬ <img src=/slideshow/xhtml-62011553/62011553/"happy.gif" alt="‫ضاحك‬ ّ‫>"ٔج‬
‫جذٚذ‬ ‫سطز‬ 
‫فاصم‬ ‫خظ‬ <hr />
‫صٕرة‬ <img src=/slideshow/xhtml-62011553/62011553/"happy.gif" alt="‫ضاحك‬ ّ‫"ٔج‬ />
‫في‬ ‫الوسوم‬ ‫تكون‬ ‫أن‬ ‫يجب‬XHTML‫صغيرة‬ ‫بأحرف‬Lower Case
. ‫صغٛزة‬ ‫اَكهٛزٚت‬ ‫بأحزف‬ ‫ٔانهٕاحك‬ ‫انٕسٕو‬ ٌٕ‫حك‬ ٌ‫أ‬ ‫ٚجب‬
<BODY>
‫فمزة‬ ِ‫/<ْذ‬P>
</BODY>

<body>
‫فمزة‬ ِ‫/<ْذ‬p>
</body>
>
‫صفحت‬ ‫حخأنف‬XHTML: ‫رئٛسٛت‬ ‫ألساو‬ ‫رالد‬ ٍ‫ي‬
‫انصفحت‬ ‫َٕع‬ ‫ٔححذٚذ‬ ‫حؼزٚف‬DOCTYPE
< ‫لسى‬head>
< ‫لسى‬body>
ٙ‫ف‬ ‫انبسٛطت‬ ‫انصفحت‬ ‫بُٛت‬XHTML: ْٙ
<!DOCTYPE>
<html>
<head>
<title>... </title>
</head>
<body> ... </body>
</html>
: ‫مالحظة‬‫ٔسى‬ ‫ٚزيز‬<!DOCTYPE>ٗ‫ان‬Document Type Definition (DTD)٘‫أ‬‫َٕع‬ ‫ححذٚذ‬
. ‫جٛذ‬ ‫بشكم‬ ٖٕ‫انًحخ‬ ‫ياْٛت‬ ‫انًخصفح‬ ‫ٚؼزف‬ ‫ٔبذنك‬ ‫انخشؼبٛت‬ ‫انخزيٛز‬ ‫نغت‬ ‫لٕاػذ‬ ‫انصفحت‬ ‫َٕع‬ ‫ٚحذد‬ . ‫انصفحت‬

‫صفحت‬ ٍ‫ػ‬ ‫يزال‬XHTML
‫صفحت‬ ٙ‫انخان‬ ‫انًزال‬ ‫ٚظٓز‬XHTML: ْٙٔ ‫يًكُت‬ ‫ٔسٕو‬ ‫ػذد‬ ‫بألم‬
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>‫انصفحت‬ ٌ‫/<ػُٕا‬title>
</head>
<body>
</body>
</html>
‫صفحت‬XHTML 1.0‫يخغٛز‬ ‫بُٕع‬Transitional
ٕ٘‫ححخ‬DTD‫ٔسٕو‬ ‫جًٛغ‬ ٗ‫ػه‬XHTML‫(يزم‬ ‫انصالحٛت‬ ‫يُخٓٛت‬ ٔ‫أ‬ ‫حساست‬ ‫ٔسٕو‬ ًٍ‫حخض‬ ٔ ‫ٔنٕاحمٓى‬
fontٔcenter‫اإلطاراث‬ ‫اضافت‬ ‫َٕع‬ ٌ‫أ‬ ‫كًا‬ )frames‫ٔسٕو‬ ‫كخابت‬ ‫ٚجب‬ ‫كًا‬ ‫انُٕع‬ ‫بٓذا‬ ‫يسًٕحت‬ ‫غٛز‬
XHTMLٙ‫ف‬ ‫كًا‬ ‫ٔيزحب‬ ‫صحٛح‬ ‫بشكم‬XML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
‫صفحت‬XHTML 1.0‫اطاراث‬ ‫بُٕع‬Frameset
ٍ‫ي‬ ‫انُٕع‬ ‫ْذا‬DTD‫اإلطاراث‬ ‫باضافت‬ ‫ٚسًح‬ َّ‫أ‬ ‫اال‬ ‫انًخغٛز‬ ‫انُٕع‬ ٗ‫ان‬ ّ‫يشاب‬framesٖٕ‫انًحخ‬ ٗ‫إن‬
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
‫صفحت‬XHTML 1.1
‫انصفحت‬ ‫حؼزٚف‬ ٌ‫ا‬DTD‫نهُٕع‬ ّ‫يشاب‬XHTML 1.0‫(يزم‬ ٖ‫أخز‬ ‫حزكٛباث‬ ‫باضافت‬ ‫نك‬ ‫حسًح‬ ٍ‫ٔنك‬ ‫انزابج‬
. )‫آسٛا‬ ‫شزق‬ ‫انهغاث‬ ‫دػى‬
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

�ݺ�ߣ

XHTML

More Related Content

XHTML