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

[Garebooo]

مرحباً ،

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

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

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


___________

المصدر : Wikipedia
ترجمة خاصه بموقع moffed.com

[Garebooo]

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

<title>....</title>

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

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

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

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

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

title واحد فقط !

[Garebooo]

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

<base>

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

مثلا /

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

<base href="[url=http://www.domain.xxx"]http://www.domain.xxx"[/url] />

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

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

<a href="/community">منتديات مفيد</a>

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

ايضاً كل مستند HTML يسمح باستخدامها به مره واحده فقط

[Garebooo]

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

<link>

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

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

<link rel="stylesheet" type="text/css" href="url" title="description_of_style">

او غيرها ..

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

[Garebooo]

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

<script>…</script>

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

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

<script type="text/javascript" src="url"></script>

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

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

<script type="text/javascript">

What Code Says !

</script>

[Garebooo]

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

<style>…</style>

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

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

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

<style type="text/css">…</style>

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

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

<style> @import url; </style>

[Garebooo]

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

<object>…</object>

يتم استخدامها بشكل نادر وتستخدم بشكل عام لاستخراج البيانات الخارجية والربط بينها وبين الوثيقة الحالية

[Garebooo]

<meta>

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

على شاكلة /

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

<meta http-equiv="foo" content="bar">

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

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

<meta name="copyright" content="2007 moffed.com" />

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



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