شرح الوسم < figure >

عند كتابة مقالة في مجلة او موقع اخباري أو غيرها من المقالات على الانترنت , بالطبع سوف تستخددم بعض الصور مقالك, ولكي يصبح المقال بشكل افضل ومرتب وأوضح للقارئ فإن بعض الصور تحتاج الى نص توضيحي أسفلها, بالسابق كان ذلك يتم بطريقة اكثر صعوبة من خلال عمل أكواد مختلفة من CSS و HTML و تستغرق بعض الزمن.
لكن مع HTML5 أصبح الأمر أسهل وابسط واوضح لمحركات البحث أيضاً, إليكم هذا المثال:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>

حيث تم وضع الصورة داخل وسم <figure> ووسم <figcaption> بداخله النص التوضيحي, فقط هكذا ببساطة.
هذا الوسم مدعوم من جميع المتصفحات الحديثة.
ضع رأيك بالتعليقات, وشارك هذه المقالة في حسابك فيسبوك وتويتر. شكراً