مقالة مقدمة من wulin.com (www.vevb.com): أردت أصلاً أن أشرح الشكل والتشكيل في مقالتين ، لكن هاتين الملصقتين تحدد الصور والنصوص ، لذلك سنشرحهما معًا ، وهو أمر أسهل على الجميع قبوله.
أردت أصلاً أن أشرح الشكل والتشكيل في مقالتين ، لكن هاتين الملصقتين تحدد الصور والنصوص ، لذلك سنشرحهما معًا ، وهو أمر أسهل على الجميع قبوله.عند كتابة XHTML و HTML ، غالبًا ما يستخدم الأشخاص قائمة صور أو صورة + عنوان أو صورة + عنوان + وصف بسيط. الكتابة التقليدية السابقة:
<li>
<img src = /> <p> العنوان </p>
</li>
في HTML5 ، يمكن أن تحدد علامة جديدة بشكل أكثر دلالة قائمة الصور ، أي علامة الشكل.
التعريف المقدم من W3C: يحدد علامة الشكل محتوى الدفق المستقل (الصور ، المخططات ، الصور ، الرموز ، إلخ). يجب أن يكون محتوى عنصر الشكل مرتبطًا بالمحتوى الرئيسي ، ولكن إذا تم حذفه ، فيجب ألا يؤثر على تدفق المستند.
رمز المثال:
<GINGE>
<p> جسر لوبو على نهر هوانغبو </p>
<img src = shanghai_lupu_bridge.jpg width = 350 ارتفاع = 234 />
</figure>
يستخدم الشكل لاستبدال علامة LI الأصلية ، ومن سيحل محل العلامة P؟ الجواب هو: FIGCAPTION
التعريف المعين من قبل W3C: يحدد علامة FigCaption العنوان (التسمية التوضيحية) لعنصر الشكل. يجب وضع عنصر Figcaption في موضع العنصر الطفل الأول أو الأخير لعنصر الشكل.
ثم يصبح الرمز أعلاه:
<GINGE>
<IgCaption> جسر Lupu على نهر Huangpu </figcaption>
<img src = shanghai_lupu_bridge.jpg width = 350 ارتفاع = 234 />
</figure>
هذه علامة سهلة الفهم واستخدامها واضح للغاية. حتى لو كان الأمر بسيطًا ، أقترح عليك كتابته بنفسك.