عنصر (لغة ترميز النص الفائق)

العنصر (بالإنجليزية: Element) هو الجزء المؤلف من وسم الفتح، ووسم الإغلاق، وما يتوسطه من محتوى، ويسخدم لإضافة رابط تشعبي أو صور أو جدول أو استمارة ملئ البيانات في الموقع عبر لغة ترميز النص الفائق .[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
print
braille
aural
all
يستخدم لاختيار الآلة التي ستعرض هذا المستند
<base>
<link>
<meta>
<script>
<noscript>

وسم الجسم <body>....</body>

مراجع

  1. ^ "Bug 13461 - Commentary on Issue #30 (longdesc) from the Association of American Publishers". مؤرشف من الأصل في 2019-02-08. اطلع عليه بتاريخ 2011-09-05.
  2. ^ hypertext reference نسخة محفوظة 29 ديسمبر 2017 على موقع واي باك مشين.
  3. ^ "Creating Accessible Images". WebAim. مؤرشف من الأصل في 2010-07-23. اطلع عليه بتاريخ 2008-12-20.
وسوم 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 >