عناصر HTML الجزء الاول

خاص بدروس التصميم المتعلقه ب CSS و HTML و XHTML وكل مايتضمنهما

عناصر HTML الجزء الاول

مشاركةبواسطة Garebooo » الأحد أكتوبر 12, 2008 6:22 pm

مرحباً ،

سنتحدث في هذا المقال عن عناصر HTML و شرح مبسط عنها ..

كما تحدثنا في السابق عن وسوم مستندات HTML سنتكلم اليوم عن ما يوضع في تقسيم العناصر الاساسية .

وسنبدء اولاً بالحديث حول اولاً عناصر Head


___________

المصدر : Wikipedia
ترجمة خاصه بموقع moffed.com
صورة العضو الشخصية
Garebooo
مشرف عام
 
مشاركات: 81
اشترك في: الجمعة نوفمبر 25, 2005 11:40 pm

عناصر HTML الجزء الاول

مشاركةبواسطة Garebooo » الأحد أكتوبر 12, 2008 6:22 pm

CODE: تحديد الكل
<title>....</title>


هذا العنصر مطلوب في جميع صفحات HTML و من الممكن ان نخلص الفائدة العامه له في التالي /

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

- حفظ الصفحة بنفس الاسم المكتوب بين عنصر title

- اهمية ذلك بالنسبه لمحركات البحث اثناء الارشفه

ويجب علينا ان ننوه بأنه لا يمكن و لا يصح نهائياً وضع اي عناصر اخرى داخل عنصر title فقط يجب ان يحتوي على ما يشير لمحتوى الصفحة ، ايضاً كل صفحة HTML يجب ان تحتوي على عنصر

title واحد فقط !
صورة العضو الشخصية
Garebooo
مشرف عام
 
مشاركات: 81
اشترك في: الجمعة نوفمبر 25, 2005 11:40 pm

عناصر HTML الجزء الاول

مشاركةبواسطة Garebooo » الأحد أكتوبر 12, 2008 6:22 pm

CODE: تحديد الكل
<base>


هذا العنصر اختياري و يقوم بتحديد الى اين تتوجه روابط الصفحة دون كتابة الرابط بالكامل ..

مثلا /

CODE: تحديد الكل
<base href="[url=http://www.domain.xxx"]http://www.domain.xxx"[/url] />


ستتجه جميع عناصر URL الى الرابط المدخل اعلاه فقط يجب علينا كتابة نقطة الوصول مثلا /

CODE: تحديد الكل
<a href="/community">منتديات مفيد</a>


سيتجه تلقائياً الى مفيد.كوم • قائمة المنتديات

ايضاً كل مستند HTML يسمح باستخدامها به مره واحده فقط
صورة العضو الشخصية
Garebooo
مشرف عام
 
مشاركات: 81
اشترك في: الجمعة نوفمبر 25, 2005 11:40 pm

عناصر HTML الجزء الاول

مشاركةبواسطة Garebooo » الأحد أكتوبر 12, 2008 6:25 pm

CODE: تحديد الكل
<link>


يحدد الارتباط بعناصر اخرى تأثر في المستند مثلا /

CODE: تحديد الكل
<link rel="stylesheet" type="text/css" href="url" title="description_of_style">


او غيرها ..

يمكن استخدام هذا العنصر بشكل متكرر لتحديد الاتصال مع صفات معينه وليس المتحوى
صورة العضو الشخصية
Garebooo
مشرف عام
 
مشاركات: 81
اشترك في: الجمعة نوفمبر 25, 2005 11:40 pm

عناصر HTML الجزء الاول

مشاركةبواسطة Garebooo » الأحد أكتوبر 12, 2008 6:27 pm

CODE: تحديد الكل
<script>…</script>


يستخدم هذا العنصر لجلب محتوى ملفات JavaScript كالتالي/

CODE: تحديد الكل
<script type="text/javascript" src="url"></script>


او للكتابة بين العنصر

CODE: تحديد الكل
<script type="text/javascript">

What Code Says !

</script>
صورة العضو الشخصية
Garebooo
مشرف عام
 
مشاركات: 81
اشترك في: الجمعة نوفمبر 25, 2005 11:40 pm

عناصر HTML الجزء الاول

مشاركةبواسطة Garebooo » الأحد أكتوبر 12, 2008 6:27 pm

CODE: تحديد الكل
<style>…</style>


لتحديد شكل المستند بشكل عام او خاص

وذلك اما بكتابة الاسلوب بين العنصر style /

CODE: تحديد الكل
<style type="text/css">…</style>


او بطلبها بالشكل التالي /

CODE: تحديد الكل
<style> @import url; </style>
صورة العضو الشخصية
Garebooo
مشرف عام
 
مشاركات: 81
اشترك في: الجمعة نوفمبر 25, 2005 11:40 pm

عناصر HTML الجزء الاول

مشاركةبواسطة Garebooo » الأحد أكتوبر 12, 2008 6:27 pm

CODE: تحديد الكل
<object>…</object>


يتم استخدامها بشكل نادر وتستخدم بشكل عام لاستخراج البيانات الخارجية والربط بينها وبين الوثيقة الحالية
صورة العضو الشخصية
Garebooo
مشرف عام
 
مشاركات: 81
اشترك في: الجمعة نوفمبر 25, 2005 11:40 pm

عناصر HTML الجزء الاول

مشاركةبواسطة Garebooo » الأحد أكتوبر 12, 2008 6:28 pm

<meta>

تستخدم بشكل موسع و كبير مثلاً لتحديد صاحب الوثيقه ، تاريخ النشر ، تاريخ انتهاء الصلاحيه ، الكلمات الرئيسية ، وصف المستند و غيرها الكثير ..

على شاكلة /

CODE: تحديد الكل
<meta http-equiv="foo" content="bar">


وبشكل هام عنصر meta يحدد ما هو بتعويض foo عن نوعية هذا العنصر و bar الشرح مثلا /

CODE: تحديد الكل
<meta name="copyright" content="2007 moffed.com" />


قمنا بتحديد ان حقوق هذا المستند خاص بموقع moffed.com ..!!



انتهى الجزء الاول ...
صورة العضو الشخصية
Garebooo
مشرف عام
 
مشاركات: 81
اشترك في: الجمعة نوفمبر 25, 2005 11:40 pm


العودة إلى دروس التصميم CSS وHTML