XHTML ( الدرس السابع ) : خواص XHTML و HTML القياسية

عبدالمجيد · 27-11-2007, 11:55 AM

السلام عليكم ،،

الدرس السابع ،،

XHTML Standard Attributes
خواص XHTML القياسية

وسوم الـXHTML يمكن أن تأخذ خواصّـاً ،، الخواص الخاصة لكل وسم مدرجة تحت وصف كل وسم ،،

الخواص المدرجة هنا هي الخواص الأساسية وخواص اللغة ،، وهي قياسية لكل الوسوم ( مع بعض الاستثناءات ) ،،

-*-*-*-*-*-*-*-*-

الخواص الأساسية

غير صالحة للعناصر التالية : ( base, head, html, me ta, param, script, style, title ) ،،

الخاصية : class القيمة : class_rule or style_rule الوصف : صنف العنصر أو نوع العنصر ( العنصر = الوسم )
الخاصية : id القيمة : id_name الوصف : إسم مميز للعنصر يعتبر كهوية له
الخاصية : style القيمة : style_definition الوصف : تعريف ستايل داخلي
الخاصية : title القيمة : tooltip_text الوصف : نص يظهر في أداة تلميح ( عند إيقاف مؤشر الماوس يظهر التلميح )

-*-*-*-*-*-*-*-*-

خواص اللغة

غير صالحة للعناصر التالية : ( base, br, frame, frameset, hr, iframe, param,script ) ،،

الخاصية : dir القيمة : ltr / rtl الوصف : تحدد اتجاه النص
الخاصية : lang القيمة : language_code الوصف : تحدد لغة الصفحة مثـلا :ar أو en ( كما وضحنا في درس سابق )

-*-*-*-*-*-*-*-*-

خواص لوحة المفاتيح

الخاصية : accesskey القيمة : حرف الوصف : تحدد اختصار في لوحة المفاتيح للوصول إلى عنصر
(( في الويندوز يتم الضغط على Alt ثم الحرف الذي حدد فيتم الضغط على العنصر مثلا لو كان رابط أو زر
أما في أنظمة Apple يتم الضغط على cmd ثم الحرف الذي حدد ))
الخاصية : tabindex القيمة : رقم الوصف : تحدد ترتيب العناصر عند الضغط على زر Tap

-*-*-*-*-*-*-*-*-

صفحة الدرس وبها الجداول بالإنجليزية ،،

XHTML Standard Attributes ،،

بالتوفيق للجميع ،،

محمد جبلي · 28-11-2007, 12:15 PM

*

*

*

*

جزاك الله خيـر

صـراحـة

مواضيعك تجنن

مـاشـاء الله تبارك الله

تخلي الواحد -->

<-- مبسوووط

الله يعطيك العافيـة

والدرس جداً جميل و سهل

*

*

*

*

عبدالمجيد · 28-11-2007, 01:37 PM

الله يهديك بس يا أبو سارة ،،

والله يسلم الأخت ريفان على الإضافات الغنية ،،

أبي أعرف كيف قدرتي تعدلين الموضوع :D ??

ما شاء الله عليك ،،

محمد جبلي · 28-11-2007, 01:59 PM

* * *

* * *

* * *

* * *

أنــا اللي عدلت

* * *

* * *

عبدالمجيد · 28-11-2007, 03:14 PM

،،

أم يوسف · 28-11-2007, 07:02 PM

بارك الله فيكم..

ريفــــــــــــــــان · 29-11-2007, 05:48 PM

. .

ما شاء الله . .

جهد . . مبارك بإذن الله

. .

شادل · 29-11-2007, 06:00 PM

.
.

جميل .. جزاكم الله خير ..

.
.

twinkle · 30-11-2007, 12:37 AM

بارك الله فيكم

رائع جدا .... جهد موفق

aroma · 30-11-2007, 11:42 AM

بارك الله فيكم ,,

كوشيه دي سولاي · 01-12-2007, 03:46 AM

تمت القراءة ........جزيتم خيرا .

فرجيني · 02-12-2007, 12:01 AM

تمت القراءة ..

كما تم اللحاق بكم ولله الحمد ، راجعت كل الدروس الماضية للـ xhtml و أيضاً للـ html ..

دروس xhtml كلها نظرية ولا يوجد بها أي تطبيق ، مما جعلها فيها غموض نوعاً ما ..

في الدرس الثاني :

وكذلك العناصر الفارغة يجب أن تغلق بكتابة وسم نهاية لها أو أن تكتب بوسم البداية فقط مع جعل وسم البداية ينتهي بهذا الرمز />

مثلا.. هذا الكود خاطئ:
كود:
This is a break<br>
Here comes a horizontal rule:<hr>
Here's an image <img src="happy.gif" alt="Happy face">
وهذا الكود صحيح:
كود:
This is a break<br />
Here comes a horizontal rule:<hr />
Here's an image <img src="happy.gif" alt="Happy face" />

هل المسافة تكون بين / وبين <

هكذا

كود:

  < /br>

ملاحظة مهمة عن التوافق:
لجعل أكواد XHTML متوافقة مع المتصفحات الحديثة والمستخدمة هذه الأيام، يجب أن توضع مسافة إضافية قبل رمز / .

هل المسافة واجبة في كل الرموز ..

مثلاً <head /> ؟

في الدرس الثالث :

* خاصية Lang (اللغة) :

خاصية Lang (اللغة) تُطبّق على كل عنصر XHTML تقريباً ،، انها تحدد لغة المحتوى بداخل العنصر ،،

إذا استخدمت الخاصية Lang (اللغة) في عنصر ،، يجب أن تضيف خاصية الـxml:lang ،، مثل هذا :

كود:
كود:
<div lang="no" xml:lang="no">Heia Norge!</div>-*-*-*-*-*-*-*-*-*-

هذه لم أفهمها جيداً .. للأسف

أخيراً نأتي إلى درس اليوم

الخاصية : style القيمة : style_definition الوصف : تعريف ستايل داخلي

هنا عندما جئت إلى التطبيق لم يعرض لي الهتمل باد النموذج

هذا الكود :

كود:

   <style type="text/css" dir="rtl" lang="ar" media="aural"> فريق التعلم الذاتي  </style>

هل فيه خطأ ؟

هل هو للنصوص أم للكل ؟

سؤال آخر شاطح نوعاً ما : كيف استخدم الهتمل باد في كتابة أكواد لغة xhtml ؟ لأنني لاحظت كلما كتبتها لا تظهر لي الصفحة ؟؟

محمد جبلي · 02-12-2007, 06:32 AM

رآئـع جداً أستـاذة فرجيني ..

بالنسبـة لتطبيـق .. فأردنـا ترك الأمـر للعضو نفسه إن أراد التطبيق فله ذلك
ولم نرد أن يكون إلزامي لأن بعض الأعضـاء مـا كانوا فـاضين

عـ العموم
عندمـا أعود مـن الجامعـة بعد المغرب

سأقوم بالرد على كـل أسئلتك المهمـة
بـإذن الله

ويمـكن يسبقونـي الأعضاء الباقين

سعدنـا بعودتـك

محمد جبلي · 03-12-2007, 12:47 AM

* * *

* * *

هل المسافة تكون بين / وبين <

هكذا
كود:
  < /br>

لا ليس كذلك .. هي تكون بعد إسـم العنصر ( الوسم )

وقد تم توضيح لذلك في الدرس
ولو تفتكري كنا في ردوس الـHTML نكتبهـا
لأن المصدر كاتب الأكواد كلها على شكل XHTML وليس HTML
وكمـا الـHTML Pad يخلي الكود تلقائي كأنـه XHTML

مثـلاً لو فتحتي الـHTML Pad وكتبتي وسـم السطر الجديد وهو الـ<br> عند إغلاقك للوسم
سيقوم المحرر تلقائيـاً بإضافة مسافة بعد إسم العنصر ووضع الشرطة المائلة بهذا الشكل <br /> ء

إذاً أكرر أنهـا بعد اسم العنصر و ليس قبله

مثـال

كود:

<br />

<hr />

كود:

هل المسافة واجبة في كل الرموز ..

مثلاً <head /> ؟

لا ليست واجبـة في كل العناصر (الوسوم)
بـل وضعهـا في أغلب الوسوم يعتبر خطـأ

أنتبهي لنقطـة مهمـة أنهـا في وسم الفتح فقط
وأنهـا لا تكون الا في الوسوم التي ليس لها وسم إقفال

مثـال ...

كود:

<**** />

< br />
<hr />
<img />

في الدرس الثالث :

* خاصية Lang (اللغة) :

خاصية Lang (اللغة) تُطبّق على كل عنصر XHTML تقريباً ،، انها تحدد لغة المحتوى بداخل العنصر ،،

إذا استخدمت الخاصية Lang (اللغة) في عنصر ،، يجب أن تضيف خاصية الـxml:lang ،، مثل هذا :
كود:
<div lang="no" xml:lang="no">Heia Norge!</div>-*-*-*-*-*-*-*-*-*-
هذه لم أفهمها جيداً .. للأسف

في هذا المثـال لا يقصد شرح عنصر الـdiv
ولكن يتكلم عن الخاصية lang
( للمعلومية خاصية الـlang هي خاصيـة لأغلب العناصر (الوسوم) مثل الـdir كما تذكرون )

تكلمت عن هذه الخاصية وشرحهتا في موضوع
http://forum.ma3ali.net/t374553.html

هي ببساطـة كتابة رمز اللغة التي كتبت داخل العنصر
مثـل لو كتبنا وسم <p> الخاص بالفقرات وكتبنا داخله نص باللغة العربية
فنكتب :

كود:

<p lang="ar">

ولو كانت على سبيل المثال صفحتنا بالكامل باللغة الانجليزية فنكتب في وسم الـ<html> التالي :

كود:

<html  lang="en">

هذا كان في الـHTML لكن في الـXHTML يذكر المصدر أننـا إن أردنـا إستخدام الخاصية lang لعنصر ما
فإننا يجب أن نكتب الخاصيـة الأخرى xml:lang
( المنتدى معلق الأن و صفحات الدروس لا تفتح لدي

)
ع العموم الخاصية xml:lang تقريبـاً نفس الـlang على حسب فهمي
تكون قيمتها رمز لغة الصفحة أو العنصر

مثـلاً :

كود:

<html xml:lang="en" lang="en">

وعلى هذا المثـال يكون الباقي ..

.. فاصل و نواصل بإذن الله ..

* * *

* * *

* * *

* * *

محمد جبلي · 04-12-2007, 12:45 AM

بالنسبـة لسـؤالك مـاقبل الأخير أختر فرجيني

هل فيه خطأ ؟

هل هو للنصوص أم للكل ؟

الذي كنتِ تتكلمي فيـه عن <style>
فالكود الذي كتبتيه خاطئ

وع العموم إحنا ما أخذنا زيه مـاكان في الدرس هو فقط مفهوم لـه

الـstyle يعتمد على لغـة الـcss
لذلك سنأخذ بإذن الله عند دراسـة الـcss

~~~~~~~~~~~

أمـا بالنسبـة لسؤالك الأخيـر

كيف استخدم الهتمل باد في كتابة أكواد لغة xhtml ؟ لأنني لاحظت كلما كتبتها لا تظهر لي الصفحة ؟؟

الـHTML Pad تلقـائيـاً هو يكتب بلغـة الـXHTML

عندمـا تقرأي ردي هذا والذي قبلـه ستعرفي مـاهي الـXHTML
الـXHTML هي نفسهـا نفسهـا الـHTML
لكن طريقة تكابتها منظمـة

أهـم درسيـن في الـXHTML همـا :

http://forum.ma3ali.net/t379210.html
و
http://forum.ma3ali.net/t381442.html

ويوجد درس الـ :
http://forum.ma3ali.net/t383620.html
يستخدم في تعريف نوع المستند

إن تعلمتي مافي هذه الثلاثـة الدروس فقط أتقنتي الـXHTML

يوم السبت بإذن الله سنبدأ الـCSS
من هنـا ليوم السبت أتشرف بالرد على أي سؤال
بالنسبـة للـXHTML في هذا الموضوع

وشكـراً

فرجيني · 05-12-2007, 07:27 PM

شكراً .. شكراً .. أبو سارة ..

إن شاء الله فهمت المقصود ، وبإذن الله إذا بدأنا في التطبيقات راح ترسخ المعلومات النظرية كويس ..

: )

ريفــــــــــــــــان · 05-12-2007, 07:50 PM

. .

جزاكم الله . . خير

استفدت من الأسئلة والأجوبة . .

. .

ريفــــــــــــــــان · 08-12-2007, 05:25 PM

. .

بوركتم . .

مبارك لكم . . إنهاء الـ XHTML

إذن يغلق . . هذا الموضوع

لنبدأ اللغة الجديدة . .

http://forum.ma3ali.net/t394552.html

. .


Ma3ali Tube	Be Happy	الجـوال	Ma3ali flickr	الغرفة الصوتية	البطاقات	الصـوتيـات	مركز التحميل	مجلة أجيال

28-11-2007, 12:15 PM	#2
محمد جبلي اوسمتي مجموع الاوسمة: 1	* * * * جزاك الله خيـر صـراحـة مواضيعك تجنن مـاشـاء الله تبارك الله تخلي الواحد --> <-- مبسوووط الله يعطيك العافيـة والدرس جداً جميل و سهل * * * *
محمد جبلي اوسمتي مجموع الاوسمة: 1

28-11-2007, 01:59 PM	#4
محمد جبلي اوسمتي مجموع الاوسمة: 1	* * * * * * * * * * * * أنــا اللي عدلت * * * * * * * * * * * *
محمد جبلي اوسمتي مجموع الاوسمة: 1

02-12-2007, 06:32 AM	#13
محمد جبلي اوسمتي مجموع الاوسمة: 1	رآئـع جداً أستـاذة فرجيني .. بالنسبـة لتطبيـق .. فأردنـا ترك الأمـر للعضو نفسه إن أراد التطبيق فله ذلك ولم نرد أن يكون إلزامي لأن بعض الأعضـاء مـا كانوا فـاضين عـ العموم عندمـا أعود مـن الجامعـة بعد المغرب سأقوم بالرد على كـل أسئلتك المهمـة بـإذن الله ويمـكن يسبقونـي الأعضاء الباقين سعدنـا بعودتـك
محمد جبلي اوسمتي مجموع الاوسمة: 1

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

27-11-2007, 11:55 AM	#1
عبدالمجيد	XHTML ( الدرس السابع ) : خواص XHTML و HTML القياسية السلام عليكم ،، الدرس السابع ،، XHTML Standard Attributes خواص XHTML القياسية وسوم الـXHTML يمكن أن تأخذ خواصّـاً ،، الخواص الخاصة لكل وسم مدرجة تحت وصف كل وسم ،، الخواص المدرجة هنا هي الخواص الأساسية وخواص اللغة ،، وهي قياسية لكل الوسوم ( مع بعض الاستثناءات ) ،، --------- الخواص الأساسية غير صالحة للعناصر التالية : ( base, head, html, me ta, param, script, style, title ) ،، الخاصية : class القيمة : class_rule or style_rule الوصف : صنف العنصر أو نوع العنصر ( العنصر = الوسم ) الخاصية : id القيمة : id_name الوصف : إسم مميز للعنصر يعتبر كهوية له الخاصية : style القيمة : style_definition الوصف : تعريف ستايل داخلي الخاصية : title القيمة : tooltip_text الوصف : نص يظهر في أداة تلميح ( عند إيقاف مؤشر الماوس يظهر التلميح ) --------- خواص اللغة غير صالحة للعناصر التالية : ( base, br, frame, frameset, hr, iframe, param,script ) ،، الخاصية : dir القيمة : ltr / rtl الوصف : تحدد اتجاه النص الخاصية : lang القيمة : language_code الوصف : تحدد لغة الصفحة مثـلا :ar أو en ( كما وضحنا في درس سابق ) --------- خواص لوحة المفاتيح الخاصية : accesskey القيمة : حرف الوصف : تحدد اختصار في لوحة المفاتيح للوصول إلى عنصر (( في الويندوز يتم الضغط على Alt ثم الحرف الذي حدد فيتم الضغط على العنصر مثلا لو كان رابط أو زر أما في أنظمة Apple يتم الضغط على cmd ثم الحرف الذي حدد )) الخاصية : tabindex القيمة : رقم الوصف : تحدد ترتيب العناصر عند الضغط على زر Tap --------- صفحة الدرس وبها الجداول بالإنجليزية ،، XHTML Standard Attributes ،، بالتوفيق للجميع ،،
عبدالمجيد	التعديل الأخير تم بواسطة twinkle ; 28-10-2008 الساعة 12:27 PM. سبب آخر: تعديل العنوان


منتديات مسلمة النسائية	مساحة إعلانيه

28-11-2007, 01:37 PM	#3
عبدالمجيد	الله يهديك بس يا أبو سارة ،، والله يسلم الأخت ريفان على الإضافات الغنية ،، أبي أعرف كيف قدرتي تعدلين الموضوع :D ?? ما شاء الله عليك ،،
عبدالمجيد

28-11-2007, 03:14 PM	#5
عبدالمجيد	،،
عبدالمجيد

28-11-2007, 07:02 PM	#6
أم يوسف	بارك الله فيكم..
أم يوسف

29-11-2007, 05:48 PM	#7
ريفــــــــــــــــان	. . ما شاء الله . . جهد . . مبارك بإذن الله . .
ريفــــــــــــــــان

29-11-2007, 06:00 PM	#8
شادل	. . جميل .. جزاكم الله خير .. . .
شادل

30-11-2007, 12:37 AM	#9
twinkle	بارك الله فيكم رائع جدا .... جهد موفق
twinkle

30-11-2007, 11:42 AM	#10
aroma	بارك الله فيكم ,,
aroma

01-12-2007, 03:46 AM	#11
كوشيه دي سولاي	تمت القراءة ........جزيتم خيرا .
كوشيه دي سولاي

05-12-2007, 07:27 PM	#16
فرجيني	شكراً .. شكراً .. أبو سارة .. إن شاء الله فهمت المقصود ، وبإذن الله إذا بدأنا في التطبيقات راح ترسخ المعلومات النظرية كويس .. : )
فرجيني

05-12-2007, 07:50 PM	#17
ريفــــــــــــــــان	. . جزاكم الله . . خير استفدت من الأسئلة والأجوبة . . . .
ريفــــــــــــــــان

08-12-2007, 05:25 PM	#18
ريفــــــــــــــــان	. . بوركتم . . مبارك لكم . . إنهاء الـ XHTML إذن يغلق . . هذا الموضوع لنبدأ اللغة الجديدة . . http://forum.ma3ali.net/t394552.html . .
ريفــــــــــــــــان

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

الأعضاء الذين قرؤوا الموضوع منذ 30 يوم ( أيام ) : 0 .
الموضوع لم يُقرأ بعد

XHTML ( الدرس السابع ) : خواص XHTML و HTML القياسية

مسار الواعدين