الوسم (بالإنجليزية: Tag) هي علامة أمر تهيئة داخل نصوص لغة ترميز النص الفائق (لغة ترميز النص الفائق) تسخدم لإضافة رابط تشعبي أو صور أو جدول أو استمارة ملئ البيانات في الموقع.[1][2][3]
نظرة عامة
لبناء جمل لغة ترميز النص الفائق, تكتب معظم الاوامر عن طريق وسوم بداية ووسوم نهاية والعنصر المستهدف يكون بين وسمي البداية والنهاية. ويتميز الوسم انه يكتب بين <الوسم> ويكون هكذا وسم بدايه ووسم النهاية يكون على الشكل </وسم> وتلاحظ انه أضيف اليه شرطة. مثلا :
<p> هذا نص فقرة... </p>
و هناك نوع اخر من الوسوم حيث انه ليس له وسم نهاية وهذا يستخدم مثلا ً لإنزال السطر مثل :
<br>
أو لأضافه سطر افقي مثل :
<hr>
و الوسوم بنوعيها الآنف ذكرهما تحتمل وجود الخصائص وتكون اضافه الخصائص كالتالي :
a <font color="red"> red </font> word.
و تكون النتيجة " a red word "
- وسم البداية:
<p... >- الخاصية:
- اسم الخاصية:
class - قيمة الخاصية:
foo
- اسم الخاصية:
- الخاصية:
- المحتوى:
This is a paragraph. - وسم النهاية:
</p>
عناصر بناء الصفحة
تتكون صفحة اللغة ترميز النص الفائق من ثلاث وسوم رئيسيه وهي
- وسم الجذر وهو المتضمن لوسم الترويسه ووسم الجسم وسكونان بداخله.
- وسم الترويسه
- وسم الجسم
وسم الجذر <html>....</html>
الوسم الجذر، وهو أهم وسم في اي مستند مكتوب بلغة لغة ترميز النص الفائق وكل الوسوم الاخرى تكون بداخله.و هذا الوسم يخبر نظام التشغيل ان هذا المستند هو مستند لغة ترميز النص الفائق و من الخصائص التي من الممكن ان نضيفها إلى وسم الجذر هي :
خصائص وسم الجذر
| الخاصية | القيمة | وصف |
|---|---|---|
| dir | rtl ltr |
لتحديد اتجاه النص في مستند لغة ترميز النص الفائق من اليمين إلى اليسار أو من اليسار إلى اليمين. |
| lang | language_code | لتحديد كود اللغة وتعتبر هذه الخاصية مهمة للمتصفحات القديمة التي لا تدعم اللغة العربية. |
وسم الترويسة <head>....</head>
و هو ترويسه المستند والمكان الذي توضع فيه معلومات عن المستند وتوضع فيه أيضا اكواد خارجيه للغات أخرى مثل جافا سكريبت أو فيجوال بيسك. وتذكر ان العناصر التي في الترويسه ما هي الا خصائص واكواد للمستند، أي انها لا تظهر في مستند النتيجة أو في صفحة الوب.
خصائص وسم الترويسة
وسوم يجب وضعها داخل وسم الترويسه
<title>
في بعض الأحيان نحتاج إلى تحديد عنوان المستند أو عنوان صفحة الوب الذي يظهر في أعلى المتصفح وهذه الخاصية لا يمكن ان توضع مخاصية مع وسم الترويسه، إنما توضع بوسم خاص بها وهو
<title>This is my title</title>
<style>
هذا الوسم يستخدم لتحديد النمط للمستند ويستخدم أيضا لترتيب المظهر العام عن طريق وضع بعض الخصائص.
| الخاصية | القيمة | وصف |
|---|---|---|
| type | text/css | يستخدم لتحديد نمط الاوراق المتتالية صفحات الطرز المتراصة |
| media | screen tty tv projection handheld braille aural all |
يستخدم لاختيار الآلة التي ستعرض هذا المستند |
<base>
<link>
<meta>
<script>
<noscript>
وسم الجسم <body>....</body>
مراجع
- "Bug 13461 - Commentary on Issue #30 (longdesc) from the Association of American Publishers". مؤرشف من الأصل في 8 فبراير 201905 سبتمبر 2011.
- hypertext reference - تصفح: نسخة محفوظة 29 ديسمبر 2017 على موقع واي باك مشين.
- "Creating Accessible Images". WebAim. مؤرشف من الأصل في 23 يوليو 201020 ديسمبر 2008.
| وسوم html |
|---|
|
<a > <abbr > <acronym > <address > <applet > <area > <b > <base > <basefont > <bdo > <big > <blockquote > <body > <br > <button > <caption > <center > <cite > <code > <col > <colgroup > <dd > <del > <dfn > <dir > <div > <dl > <dt > <em > <fieldset > <font > <form > <frame > <frameset > <head > <h1> - < h6 > <hr > <html > <i > <iframe > <img > <input > <ins > <kbd > <label > <legend > <li > <link > <map > <menu > <meta > <noframes > <noscript > <object > <ol > <optgroup > <option > <p > <param > <pre > <q > <s > <samp > <script > <select > <small > <span > <strike > <strong > <style > <sub > <sup > <table > <tbody > <td > <textarea > <tfoot > <th > <thead > <title > <tr > <tt > <u > <ul > <var > |