كيف يمكن للدلية X / HTML توفير الوقت عندما نكتب CSS؟

Question

كيف يمكن أن ينقذ Mark-UP Semantic X / HTML

1. عندما نكتب CSS لموقع الويب
2. وإذا حدث أي تغييرات تصميم من العميل في المستقبل.
3. ولماذا سوف يستغرق التخطيطات القائمة على الطاولة المزيد من الوقت دائما في حالته

اليوم يجب أن أشرح هذه الشيء للطلاب.

لدي بعض المثال ولكن أريد بعض الأمثلة والأفكار الأكثر جولة لشرحها بشكل جيد.

أريد أن أشرح ما هي فوائد علامة X / HTML الدلالية من مطوري وجهة نظر المطورين.

شكرا مقدما

تحديث:

فوائد استخدام علامة دلالات:

1. سيكون مقروءا بطريقة جيدة للأشخاص الذين يروا المستند في بيئة لا يمكن فيها تطبيق CSS.
2. سيكون الأمر أسهل كثيرا لمطوري الويب للحفاظ على الرمز، وفصل المحتوى (HTML) من العرض التقديمي (CSS).
3. العلامات الدلالية يمكن أن تقلل من احتياجات محددات مجموعة CSS في بعض الحالات.

Answer 1

من تجربة عملي: كان لدي عدة مرات الآن للنظر في علامة إرثا من سلفي أو من أشخاص آخرين تماما (وفي الواقع مرتين أو مرتين من نفسي أيضا). في بعض الأحيان كان لدي فقط ما جاء من عرض المصدر في متصفح. وكانت نتائجي حتى الآن:

• إذا استخدم المؤلف العلامات الدلالية قدر الإمكان، مع أسماء فئة واضحة ومنطق، كان من السهل وممتع حقا معرفة هيكل الصفحة، على سبيل المثال، رمز عنصر واجهة مستخدم جديد أو إعادة هيكلة تخطيط العمود أو الاشياء

• إذا استخدم المؤلف الجدول مقرها تخطيط، ولدي أيضا أشياء من نهاية التسعينيات للنظر فيها، إنها فوضى كاملة. يجب عليك معرفة ذلك، أي صف الجدول الذي يفعله، ما الذي ينتمي خلية الجدول إلى أين وإذا بدأت في التفكير في الحصول على قبضة، فقد أغفلت rowspan="3" 300 خطوط من العلامات في وقت سابق. حتى في Firebug، يمكنك أن تصبح مجنونا مثل حساء العلامة.

  إضافة أشياء جديدة هنا يمكن أن تصبح مغامرة للغاية. إذا قمت بإضافة محتوى إلى خلية جدول، ولا تحدد عرضا تماما وارتفاع الأشياء الجديدة، فقد تجد نفسك بفجوات غيرها في جميع أنحاء الصفحة، ونسيان فتح أو إغلاق <td>في مكان ما (مع 200 أخطاء التحقق من الصحة على الصفحة الأصلية، من المحتمل أن تفوتك شيء ما في مكان ما) قد يؤدي إلى عرض مشدود تماما.

• إذا استخدم المؤلف divs ويوفق في جميع أنحاء المكان، ولكن لم تفعل علامة دلالية (أي، الكتابة <div class="header1"/> بدلا من <h1/>)، لا تزال طرق أفضل من تخطيط الجدول (على الأكثر بسبب مجموعة صفوف و Colspan المذكورة ولأنك فرصة أن تكون الصفحة قد تفجيرها بالكامل، إذا كان هناك </div> مفقود في مكان ما)، ولكن لا يزال بإمكانك الذهاب جنونا

  </div></div>
  </div>
     </div>
    </div>
  </div></div>
    </div>
  

  بالإضافة إلى ذلك، إذا كان لدي ورقة أنماط مصفاة، فقد كانت في الغالب فوضى كاملة أيضا. التفريق بين .header, .header1, div.header_level1 و #middle .h1 يجبرك على القفز ذهابا وإيابا بين أساليب والتميز.

Answer 2

الميزة الرئيسية، إلى جانب رمز أكثر موثوقية والتحكم، للمطورين هو رمز واضح. مع كتابة XHTML للكتابة، يمكنك تجنب كتابة الرمز الغامض الذي سيكون من الصعب فك التشفير من قبل المطورين الآخرين أو نفسك في المستقبل.

بمعنى آخر. <address> هو أفضل لدرجة عنوان من استخدام <div> (الذي يحدث الكثير ...)، مع وجود نفس المرونة والتصميم وتحسين قابلية القراءة.

Answer 3

1. سنكتب CSS لأول مرة للموقع

يحتوي كل موقع ويب على مظهر / تخطيط مختلف، يجب عليك كتابة CSS لذلك لأول مرة ما لم يكن بعض التشابه بين تخطيطاتك.

2. وإذا حدث أي تغييرات تصميم من العميل في المستقبل.

يمكنك إجراء مواقع الويب الخاصة بك باستخدام نمط تصميم MVC، وهذا سيؤدي إلى رفع الكثير من التغييرات في تصميم موقعك.

3. ولماذا سوف يستغرق التخطيطات القائمة على الطاولة المزيد من الوقت دائما في حالته

لأن علامتهم مصممة بالطريقة التي يجب عليك أن تكتبها أكثر في تخطيطات Div القائمة التي نستخدمها صافي و يطفو أساسا التي تقوم بعمل رائع في إنشاء التخطيطات بسرعة.