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

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

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

مشاركة بواسطة Garebooo »

مرحباً ،

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

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

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


___________

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

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

مشاركة بواسطة Garebooo »

كود: تحديد الكل

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

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

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

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

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

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

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

مشاركة بواسطة Garebooo »

كود: تحديد الكل

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

مثلا /

كود: تحديد الكل

<base href="[url=http://www.domain.xxx"]http://www.domain.xxx"[/url] />
ستتجه جميع عناصر URL الى الرابط المدخل اعلاه فقط يجب علينا كتابة نقطة الوصول مثلا /

كود: تحديد الكل

<a href="/community">منتديات مفيد</a>
سيتجه تلقائياً الى مفيد.كوم • قائمة المنتديات

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

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

مشاركة بواسطة Garebooo »

كود: تحديد الكل

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

كود: تحديد الكل

<link rel="stylesheet" type="text/css" href="url" title="description_of_style">
او غيرها ..

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

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

مشاركة بواسطة Garebooo »

كود: تحديد الكل

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

كود: تحديد الكل

<script type="text/javascript" src="url"></script>
او للكتابة بين العنصر

كود: تحديد الكل

<script type="text/javascript">

What Code Says !

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

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

مشاركة بواسطة Garebooo »

كود: تحديد الكل

<style>…</style>
لتحديد شكل المستند بشكل عام او خاص

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

كود: تحديد الكل

<style type="text/css">…</style>
او بطلبها بالشكل التالي /

كود: تحديد الكل

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

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

مشاركة بواسطة Garebooo »

كود: تحديد الكل

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

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

مشاركة بواسطة Garebooo »

<meta>

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

على شاكلة /

كود: تحديد الكل

<meta http-equiv="foo" content="bar">
وبشكل هام عنصر meta يحدد ما هو بتعويض foo عن نوعية هذا العنصر و bar الشرح مثلا /

كود: تحديد الكل

<meta name="copyright" content="2007 moffed.com" />
قمنا بتحديد ان حقوق هذا المستند خاص بموقع moffed.com ..!!



انتهى الجزء الاول ...