تنص مواصفات HTML5 بوضوح على أن استخدام العناصر يجب أن يكون تمامًا من دلالات العنصر. ومع ذلك ، فإن بعض هذه العناصر واضحة للغاية ، في حين أن بعضها أكثر غموضًا. فيما يتعلق باستخدام العناصر ، من الأفضل إعطائها لـ CSS للعناية بها ، ولكن هذا ليس مطلقًا.
توليد الارتباط التشعبييتم استخدام العنصر A لتوليد الارتباط التشعبي.
1) HREF: حدد عنوان URL للمورد المشار إليه في العنصر A ؛
2) Hreflang: اشرح اللغة المستخدمة في الموارد التي تربطها ؛
3) الوسائط: اشرح الجهاز المستخدم للموارد المرتبطة ، وسمات الوسائط لعنصر النمط ؛
4) REL: اشرح العلاقة بين المستند وموارد الارتباط ، وسمات REL لعنصر الارتباط ؛
5) الهدف: حدد بيئة التصفح لفتح الروابط التي تربطها ؛
6) النوع: اشرح نوع MIME (مثل النص/HTML).
توليد رابط فائق إلى الخارج<Body> أحب <a href = http: //en.widipedia.org/wiki/apples> التفاح </a> و <a href = http: //en.wikipeida.org/wiki/orange_ (من)> البرتقال </a>
البروتوكولات الأكثر استخدامًا في عنوان URL هي HTTP ، لكن المتصفح يدعم أيضًا البروتوكولات الأخرى ، مثل: HTTPS و FTP. إذا كنت ترغب في اقتباس عنوان بريد إلكتروني ، فيمكنك استخدام بروتوكول Mailto ، مثل: Mailto: [email protected].
استخدام URL نسبيا<body> ...... يمكنك رؤية الآخر من <a href = fruitlist.html> هنا </a>
بشكل افتراضي ، سوف يفترض المتصفح أن الموارد المستهدفة في نفس الموقف مثل المستند الحالي ، ولكن يمكن تغييره من خلال توفير عنوان URL أساسي من خلال العنصر الأساسي.
توليد الارتباطات التشعبية الداخليةيتم استخدام هذه الطريقة لتحريك عنصر آخر في المستند الموحد في مجال الرؤية.
<body> ...... يمكنك أن ترى من الفواكه التي أحبها <a href =#fruits> هنا </a>. ، الخوخ والعنب
إذا انقر المستخدم على الرابط ، فسيتم تشغيل المستند إلى الموقع الذي يمكن اعتبار المعرف هو عنصر الفواكه.
اضبط بيئة التصفحيتم استخدام السمة الهدف لإخبار المتصفح بأمل في عرض الموارد التي ترتبط بها. بشكل افتراضي ، يستخدم المتصفح النافذة أو علامة التبويب أو إطار نافذة المستند الحالي ، بحيث سيحل المستند الجديد محل المستند المعروض الآن ، ولكن يمكنك تعيين قيم أخرى:
1) _blank: افتح المستند في النافذة أو علامة التبويب الجديدة ؛
2) _Parent: افتح المستند في FrameSet ؛
3) _self: افتح المستند في النافذة الحالية (افتراضي) ؛
4) _top: افتح المستند في النافذة العليا ؛
5) <rame>: افتح المستند في إطار النافذة المحدد.
دعك تفهم الإطار من خلال مثال. على افتراض الرمز في مستند testframe.html كما يلي:
<html> <إطارات اللون = 50 ٪ ، 50 ٪> <الإطار src = test.html /> <frame name = frame1 /> </frameet> </html>
يتم تعريف مجموعة الإطارات هنا ، والتي تحتوي على إطارين ، كل منهما نصف عرض. محتوى test.html كما يلي:
<! > </> HEAD> <BODY> <A I LISE <B> Apples </b> و <b> Orange </b>
النمط الافتراضي لعنصر B سميك.
EM عنصرتمثل عناصر EM التركيز على فقرة يمكن استخدامها لتزويد القراء بسياق الجمل أو معنى الفقرة.
<MOND> <em> i </em> مثل <b> التفاح </b> و <b> Orange </b>
عادة عنصر EM مائل. يؤكد هذا المثال أنا في بداية الجملة.
أنا عنصرتشير العناصر إلى أن فقرة النص تختلف بشكل أساسي عن المحتوى المحيط ، والذي يتم استخدامه غالبًا في الكلمات الأجنبية ، ومصطلحات التكنولوجيا ، وحتى أفكار شخص ما.
<HOM> <em> i </em> مثل <b> التفاح </b> و <b> Orange </b>. >
عادة عنصر I مائل ، نفس عنصر EM.
عنصر S.يتم استخدام عنصر S للإشارة إلى أن الفقرة لم تعد صحيحة أو دقيقة.
<HOM> <em> i </em> مثل <b> التفاح </b> و <b> Orange </b>. >.عنصر قوي
عنصر قوي يمثل نصًا مهمًا.
<Body> أحب التفاح والبرتقالي.
نمط العنصر القوي هو نفس عنصر B.
u عنصريجعل عنصر U فقرة نصية مميزة من المحتوى المحيط ، ولكن هذا لا يعني أنه يؤكد أو زادت أهميته. التأثير هو إضافة خط إلى النص.
<Body> أحب التفاح والبرتقالي.
نظرًا لأن عادات عنصر U تشبه العنصر A ، من أجل منع الارتباك ، يجب تجنب عنصر U قدر الإمكان.
عنصر صغيريستخدم HTML5 قواعد تسمية صغيرة محددة ، وعادة ما تتضمن بيانات الإعفاء ، والاحتياطات ، والقيود القانونية ، ومعلومات حقوق الطبع والنشر ، إلخ. في بعض الأحيان يمكن استخدامه للتعبير عن التوقيع أو تلبية متطلبات الترخيص.
<p body> لتلقي الشحن المجاني المتجر السوبر.
ملاحظة: لا تستخدم سوى العبارات.
عناصر فرعية و SUPتُستخدم عناصر Sub و SUP للإشارة إلى الاشتراك والدعم ، على التوالي.
<Body> النقطة X <Sub> 10 </spl> هي نقطة 10 <Sup> Th </sup>
يتغير
هناك عنصرين يمكن استخدامهما للتحكم في المحتوى: عناصر BR و WBR.
عنصر BRسوف تسبب عناصر BR تغيير الخطوط.
<body> تجولت وحيدا كحرف سحابة <br/> التي تطفو على ارتفاع 0'er والتلال ، <br/> عندما يكون كل مرة على حشد ، مضيف ، من النرجس البري الذهبي ؛عنصر WBR
تتم إضافة HTML5 للإشارة إلى أن المحتوى الذي يتجاوز نافذة المتصفح الحالية مناسبًا لإعادة التشغيل.
<Body> هذه كلمة طويلة جدًا: Super <wbr> Califragilistic <Wbr> ExpialIdocious
عند عدم استخدام عنصر WBR ، سيتعامل المتصفح مع الكلمات الطويلة ككل ، ويتم استخدام عنصر WBR ، ويمكن للمتصفح اختيار تغييره عند الاقتراح. إن استخدام عناصر WBR هو إخبار المتصفح بأن كلمة أكثر ملاءمة حيث تكون تلك هي الأنسب.
يمثل المدخلات والمخرجات1) الكود: أشر إلى جزء رمز الكمبيوتر
2) VAR: في سياق البرمجة ، فهذا يعني المتغير ، ويمكن أن يشير أيضًا إلى أن القارئ يدخل مكانًا محددًا في الخيال
3) SAMP: يمثل إخراج البرنامج أو نظام الكمبيوتر
4) KBD: يشير إلى إدخال المستخدم
<P> <p> varuits = [التفاح ، البرتقالي ، المانجو ، الكرز] ؛ المتغير في هذا exmple هو <var> ثمار </var> </p> <p> الإخراج من الكود هو: <samp> أحب 4 ثمار </samp> </p> <p> عند المطالبة بها الفاكهة المفضلة ، كتبت: <kbd> الكرز </kbd> </body>استخدم مرجع العنوان والاقتباس والتعريف والاختصار عنصر ABBR
التعبير عن الاختصار ، تمثل سمة العنوان الكلمة الكاملة التي تمثل الاختصار.
<body> أحب التفاح والبرتقال.
هذا العنصر لا يعتاد على الأناقة ، لذلك لا يبدو محتواه مميزًا.
Q عنصريمثل محتوىه. يمكن استخدام سمة Cite لعنصر Q لتحديد عنوان URL لمقال المصدر.
<body> <p> <q cite = http: //en.wikipedia.org/wiki/apple> the <dfn </p> </body>
عادة عنصر Q هي إنشاء عروض أسعار قبل وبعد الاقتباس.
استشهد العنصريمثل عنوان العمل المقتبس.
<Body> كتابي المفضل على الفاكهة هو <site> الفاكهة: صالحة للأكل ، غير صالحة للأكل ، لا تصدق </cite> بواسطة Stuppy & Kesseler </body>
عادة ما تكون مائلة.
عنصر اللغة عناصر روبي ، RT و RPيمثل Ruby نصًا يحتوي على رمز صوتي ، والذي يجب استخدامه مع عناصر RT وعناصر RP
<Body> <rouby> 魑 <Rp> (</rp> <rt> chi </rt> <rp>) </rp> </roby> > <rp>) </rp> </rouby> </body>
عندما يتم تجاهل المتصفح الذي يعرض رمزًا صوتيًا ، سيتم تجاهل عنصر RP ومحتواه ، وسيتم عرض محتوى عنصر RT كرمز صوتي. يتم عرض المستند في متصفح لا يدعم رمزًا صوتيًا ، وسيتم عرض محتوى عناصر RP و RT.
عنصر BDOيتم استخدامه لتعيين اتجاه الأحرف الصينية. يجب إضافة عناصر BDO مع سمات DIR ، وقيمة الدعم هي: 1) RTL (من اليمين إلى اليسار) ؛
<Body> <p> هذا من اليسار إلى اليمين: <bdo dir = ltr> أحب البرتقال </bdo> </p> <p> هذا هو exo sele oranges </bdo> </p> </body>عناصر نصية أخرى عنصر الامتداد
لا يوجد معنى بحد ذاته ، وعادة ما يستخدم لتطبيق بعض السمات العالمية على فقرة.
<body> أحب <span class = fruit> التفاح </span> و <span class = fruit> Orange </span>مارك العنصر
تتم إضافة HTML5 ، والذي يتم استخدامه للإشارة إلى فقرة يتم عرضها بشكل بارز بسبب سياق معين.
<body> <p> سأحب زوج <Mark> </mark> من <Mark> People </mark> </p> </body>ins element و del element
يمكن استخدام عناصر INS وعناصر DEL لتمثيل النص المضافة وحذفها في المستند.
<body> <p> <del> يمكنني </mark> أن يرى </mark> </del> <ins> <مارك> رؤية </mark> <mark> Sea </bark> </ins> </p> </body>عنصر الوقت
يمثل الوقت والتاريخ. في حالة وجود السمة المنطقية PubDate ، فإن عنصر الوقت يمثل تاريخ إصدار مستند HTML بأكمله أو معظم عنصر المقالة من العنصر. تحدد سمات DateTime التاريخ والوقت المحدد في التنسيق المحدد في RFC3339. مع DateTime ، يمكنك تعيين التاريخ أو الوقت في شكل العنصر لتسهيل القراءة ، وفي الوقت نفسه تأكد من أن الكمبيوتر يمكنه تحليل التاريخ أو الوقت المحدد دون الغموض.
<body> ما زلت أتذكر أفضل Apple التي قمت باختراها. >
قد لا تتضمن عناصر الوقت خاصية DateTime. من محتوى النص.
ما سبق هو كل محتويات هذا المقال.