في الإصدارات السابقة من لغة HTML كان يستخدم الـdiv لتقسيم مناطق الصفحة فى لغة Html ويتم تسمية كل div بـ class معين يعبر عنه فمثلا
<div class="header">
</div>
ولكن فى الإصدار الحالي وهو الإصدار الخامس من لغة Html تم تسمية العناصر بعناصر منطقية أكثر تعبيرا .
فأصبح يوجد عنصر اسمه Header
<header>
</header>
وعنصر آخر اسمه <nav> وهو معروف يوجد به اللينكات التى تنقلنا عند الضغط عليها إلى باقى صفحات الموقع.
ويتم وضع محتوى الموقع فى عنصر <section>
ويتم وضع المقال داخل عنصر <article>
ويطلق على الشريط الجانبي اسم <aside>
أما ذيل المقطع أو الصفحة فيكون داخل العنصر <footer>
وجميع هذه العناصر هى عناصر block element
كما تم عمل عنصر لاحتواء الصور <figure> وعنوان الصورة <figcaption>
والمثال التالي يوضح طريقة تصميم صفحة انترنت بلغة Html وبالطبع سيحتاج هذا
التصميم إلى التنسيق بـcss حتى يظهر فى شكل منسق مقبول.
<body>
<head>
<ul>
<li>home</li>
<li>about
us</li>
<li> contact
us</li>
</ul>
<nav>
<ul>
<li>link1</li>
<li>link2</li>
<li>link3</li>
<li>link4</li>
</ul>
</nav>
<section>
<h1> one two
three</h1>
</section>
<article>
new subject
</article>
<figure>
<img
src="images\khalid.jpg" alt="khalid photo">
<figcaption> this is my photo</figcaption>
</figure>
<aside>
</aside>
<footer>
</footer>
</head>
</body>
المشاركات
ليست هناك تعليقات:
إرسال تعليق