بشكل عام ، تنظيم الملفات لصفحة ويب قياسية هي XHTML CSS. من بينها ، يتم استخدام XHTML بشكل أساسي لتمثيل بنية صفحة الويب وعرض المحتوى ، بينما يحدد CSS تخطيط الهيكل وتعديل نمط المحتوى.
يشمل XHTML المستخدمة بشكل شائع للتخطيط بشكل عام:
DIV: يتم استخدامه بشكل رئيسي للتشكيل المنطقي لمحتوى الصفحة. على سبيل المثال ، تتضمن صفحة الويب عمومًا أقسامًا مسؤولة مثل الرأس والملاحة والشريط الجانبي والمحتوى وحقوق الطبع والنشر. يمكنك استخدام تجزئة العلامة DIV في هذا الوقت.
في الوقت نفسه ، يوصى بالتسمية التالية لكل كتلة:
ما يلي هو المحتوى المقتبس:
الرأس: <div id = masthead> </viv>
التنقل: <div id = globalnav> </viv>
الشريط الجانبي: <div id = navbar> </viv>
المحتوى: <div id = content> </viv>
حقوق الطبع والنشر: <div id = copyright> </viv>
ملاحظة: المعرف فريد من نوعه ، أي أن المعرف يجب ألا يظهر أكثر من مرتين في نفس الصفحة. خلاف ذلك استخدام الفصل.
UL: كانت في الأصل قائمة غير مرتبة ، وغالبًا ما تستخدم لتمثيل عناصر مكافئة من الطبقات غير الهيكلية في تطبيقات XHTML CSS. يجب استخدامه بالاقتران مع عنصر UL's Child Li.
ما يلي هو المحتوى المقتبس:
<viv>
<ul>
<li> <a href =#> link1 </a> </li>
<li> <a href =#> link2 </a> </li>
<li> <a href =#> link3 </a> </li>
</ul>
</div>
Span: إذا قارنت هذا العنصر باستخدام Div ، فإن Span هو حقيبة و Div هي مربع (يشار إليه باسم Xiaoyi: التطبيق الأساسي لرمز XHTML). في الواقع ، يعد Div عنصرًا على مستوى الكتلة ، في حين أن SPAN هو عنصر في الخط (انظر العناصر الموجودة في الخط والعناصر على مستوى الكتلة). من خلال Span ، يمكن تعريف عنصر جزء في مقطع أو عنصر صف بشكل منفصل.
على سبيل المثال:
ما يلي هو المحتوى المقتبس:
<ul>
<li> <span> (2006-11-13) </span> ملخص تخطيط XHML CSS </li>
</ul>
يمكن أن يؤدي تحديد المدى إلى اليسار/اليمين في CSS إلى تمكين عرض التاريخ والعنوان على كلا الجانبين. هذا يستخدم نسبيا
ما يلي هو المحتوى المقتبس:
<ul>
<li> 2007-11-5VEVB.com </li>
<li> ملخص تخطيط XHML CSS </li>
</ul>
إنه أبسط بكثير.
=====================================================
بعد الحديث عن علامات XHTML الشائعة للتخطيط ، هناك أيضًا علامات XHTML المستخدمة لعرض محتوى صفحة الويب. على سبيل المثال:
ما يلي هو المحتوى المقتبس:
<img src = alt = title = /> تعني الصورة
<a href = title => </a> يعني الارتباط التشعبي
<hn> </hn> (n = 1،2 ، ... ، 6) يشير إلى عنوان محتوى الصفحة
يوصى بتناقص H1-H6 بالترتيب وفقًا لأهميته ، و H1 هو العنوان الأكثر أهمية (انظر Greengnn: Div CSS Complay) المرجعية)
في الأصل ، تم استخدام الملصقات التي تمثل جريئة وخط مائل ، وتم اختيار الملصقات لاستخدام <strong> </strong> و <em> </em> بدلاً من ذلك.