بعد أن تم إصدار مقالة "هذه ستكون ثورة". لقد تم الاعتراف به من قبل الجميع في الصناعة ، وبالطبع ، تم استفزازه أيضًا من خلال بعض التحديات الداخلية والخارجية ، لكن المزيد من الناس يطلبون تفاصيل كل نقطة. ذهبت إلى المنزل الليلة وذهبت إلى الفراش مبكرًا. استيقظت في حلم في منتصف الليل. في الحلم ، كنت ألعب لعبة مع زملائي في المدرسة الابتدائية - التالي. بعد الاستيقاظ ، شعرت أنني بحاجة إلى فعل شيء ما ، لذلك قمت أخيرًا بتعديل Tmenu (تم تأخيره لفترة طويلة) ؛ ثم شعرت أنني بحاجة إلى كتابة جزء مفصل من النقاط الخمس المذكورة سابقًا في المستقبل القريب ، لذلك بدأت في كتابة هذا المقال.
من المنطقي العودة إلى المدرسة الابتدائية في حلمي. إحداها هي لعبة التذكير التالي ، والآخر هو ما أخبره أنا و Piaopiao في كثير من الأحيان أن تعلم HTML جيدًا ، والعودة للتحقق من كتب اللغة الصينية في المدرسة الابتدائية. سبب العودة إلى المدرسة الابتدائية هو أن الكتب هناك لن يكون هناك الكثير من التدخل من التعليم الموجهة للامتحان ، والجوهر فيه أصيل ، في حين أن الكتب الصينية تعني جوهر HTML: العنوان ، الفقرة ، القائمة ، المراجع. جوهر تعلم HTML هو استخدام كل ما ينبغي أن يكون - شبح. بالطبع ، تحتاج هذه الجملة إلى تفسير ، والمثال المرجعي هو كتابك المدرسي الصيني في المدرسة الابتدائية.
دعونا أولاً نلقي نظرة على عملية إنتاج موقعنا. في ذاكرتي ، تم إنشاء أول موقع الويب الخاص بي في عام 1998 ، عندما كنت مجموعة من الأشخاص الذين استخدموا الجداول لصنع صفحات الويب. ما هي أصعب قضية نفكر فيها في عصر الجدول؟
تخطيط عمود غير محدد من ثلاثة صفوف:
حدود غريبة واحدة بكسل:
بعد عصر الجدول (أتذكره حوالي عام 2001) ، ظهر أول الأشخاص الذين استخدموا <Div>. لذلك فجرت الرياح CSS في الصين. الاستخدام هو وضعه في عدة طاولات واستخدام المواقع المطلقة لـ CSS ، ويضيف البعض بعض JS لجعله يطفو. في وقت لاحق ، بدأ شخص ما في دراسة CSS. أتذكر أنه في المرحلة المبكرة من تصميم Fengren ، كان العديد من الأشخاص الذين تحدثوا عن التعاون يحملون كتاب CSS وأخبروني بذلك وهذا (بالطبع ، قام هؤلاء الأشخاص في النهاية بتغيير المهن). في هذا الوقت ، كان السؤال الأكثر صعوبة التي اعتقدناها هو القيام بـ Dongdong ، والتي كانت تسمى Java Infrients Inferents في ذلك الوقت. في هذا الوقت ، انجذبت من قبل XML الذي اقترحه شخص ما ، لكنني فقط اعتبرته نوعًا من تخزين البيانات (في الواقع ، وضع هذا الأساس لتنفيذ QZone).
الوقت يطير. في 1 مايو 2004 ، في يوم العمال الدولي ، نشرت مطبعة صناعة الإلكترونيات ترجمة لكتاب بعنوان "إعادة تصميم الويب - التصميم مع معايير الويب". لذا فإن الاعتقاد في Div CSS انتشر في جميع أنحاء البلاد ، مما يعني حقًا أن بداية إعادة بناء موقع الويب الصيني المتقاطع ؛ ولكن من منظور آخر ، قام هذا الكتاب بسحب WebRebuilder في الصين من حفرة النار وألقاها في Kang نيران أخرى. أعتقد أننا لا نستطيع إلا أن ننظر إلى هذا الكتاب من منظور النظر إلى الأوقات المزدهرة لسلالات سوي وتانغ. لأنه يعني فقط ولادة إمبراطور جديد وسلالة جديدة ، ولا يعزز التغيير الاجتماعي والتطور من جوهره. هذا الكتاب يعشش الطاولات في تعشش. كان الخطاب الأكثر شعبية في ذلك الوقت (حتى الآن) هو أن موقع الويب الخاص بي قد صنعه "Div CSS". في هذا الوقت ، لم أنضم إلى هذه الرتب وكنت في انتظار ؛ لأن لدي سؤالًا مهمًا للغاية لم يحل سبب "Div CSS" بدلاً من "الجدول CSS":
اقتبس "ستكون هذه ثورة":
دعنا نلقي نظرة على مثالين أولاً. Div و Div Do على السطح ، وهما متماثلان ، ولكن بمجرد أن يقترح مدير المنتج التعديلات ، يجب تغيير الأداء. سوف يتغير DIV بسهولة لتصبح هذا المثال. كما يوضح المثال أنه بدون تعديل HTML ، لا يمكن للجدول إكمال مثل هذه التغييرات حتى لو تعرض للضرب حتى الموت. تفوق CSS Div من الجدول CSS هو تحرير التنضيد. نظرًا لأن الأمثلة المذكورة أعلاه هي الموضوع ، فلن يتمكن الجدول أبدًا من القيام بذلك في حياتك.
لم يكن حتى حول Qzone 3.0 ، بدأت في معرفة الإجابة أعلاه ، والتي استغرقت حوالي عام. ثم في QZone 4.0 ، تم استخدام ولادة ثلاث علامات DL و DT و DD و TMENU. ما يؤسفني الآن هو أنني أحضرتك إلى CSS-XHTML من العصر عبر العصر ، وقد جلبت لك أيضًا إلى Kang جديد. من السهل الوصول إلى Kang ومن الصعب الخروج من Kang. بدأت أفهم لماذا اختفى اثنين من المشاهير المعاد بناؤهما - أجي ولاو غان ، تدريجياً من الإنترنت. بدأت في عدم إلقاء اللوم على أحداثهم السابقة ، لكن أكثر من نوع من الفهم ، وأخذت أيضًا ذهني. ثم بدأنا في وضع الأساس لمفهوم SB للمنافسة الصحية.
الرحلة التاريخية على النحو الوارد أعلاه. العودة إلى جوهر تعلم HTML هو استخدام كل ما ينبغي أن يكون ؛ وهذا يعني أنه لا يمكن إساءة استخدام العلامات ، والعلامات التي تستعيد إلى جوهر المحتوى هي علامات مؤهلة. خذ tmenu كمثال.
كان رمز HTML السابق:
<ul class = menu>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =# class = now> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
رمز HTML الآن:
<map id = directmenu class = menu>
<viv> <a href =#> <span> <span> 123123 </span> </span> </a>
<a href = #> <span> <span> 123123 </span> </span> </a>
<a href = #> <span> <span> 123123 </span> </span> </a>
<a href =# class = now> <span> <span> 123123 </span> </span> </a>
<a href = #> <span> <span> 123123 </span> </span> </a> </viv> </pam>
<h2> فيما يلي قائمة قائمة </h2>
<ul class = menu> <li>
<a href = #> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =# class = now> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
لقد رأى الجميع الاختلافات بين الاثنين. هناك علامة خريطة إضافية وعلامة HN. لماذا هذا هكذا؟ دعنا نلقي نظرة على مثال آخر: هناك 100 سيارة من العلامات التجارية والأشكال والألوان المختلفة في الملعب ؛ يمكنك الآن تقسيم هذه السيارات إلى عدة مجموعات وإرشادات قائمة للاختيار. بالطبع ، قائمة الاستخدام هي شيء سيفكر فيه الجميع. ولكن هل فكرت يومًا في ما يمكن أن تمثله هذه القائمة؟
مثال على الاقتباس
<ul>
<li> XXX Brand XXX Model </li>
<li> XXX Brand XXX Model </li>
</ul>
مرة أخرى أو
مثال على الاقتباس
<ol>
<li> XXX Brand XXX Model </li>
<li> XXX Brand XXX Model </li>
</ol>
مع القائمة أعلاه ، لا أستطيع أن أرى بوضوح كيف يتم تشكيل تصنيف هذه القائمة ولماذا يتم طلب أحدهم والآخر مضطرب. كيف تصطفوا مثل هذا ولماذا وضعوهم معًا؟ كثير ، العديد من الأسئلة. لنلقي نظرة على المثال التالي
مثال على الاقتباس
<h3> سيارات السلسلة الصفراء </h3>
<ul>
<li> XXX Brand XXX Model </li>
<li> XXX Brand XXX Model </li>
</ul>
مرة أخرى أو
مثال على الاقتباس
<h3> سنة المصنع </h3>
<ol>
<li> XXX Brand XXX Model </li>
<li> XXX Brand XXX Model </li>
</ol>
يمكن رؤية الأمثلة أعلاه في لمحة. أصبحت كل خصوصيات وعموميات واضحة. ومع ذلك ، لماذا لا تزال علامة الخريطة موجودة في رمز TMENU؟ لنلقي نظرة على مثال
المثال أعلاه هو بالطبع صحيح. ومع ذلك ، فإن مثل هذا الهيكل يجعل الناس يشعرون أن المستخدم منخفض للغاية. أليس قائمة التنقل في خريطة الموقع بعد اسم الموقع والعلامة الفرعية؟ ( ارجع خصيصًا إلى الموقع الذي توجد فيه القائمة في الأعلى ) وفي نفس الوقت ، توفر HTML نفسها علامة على وجه التحديد للتنقل في خريطة الموقع - <map>. نظرًا لوجود ملصق له مثل هذا المعنى في حد ذاته ، فلماذا تحتاج إلى استخدام النص لشرحه؟ لا يمكنك دائمًا استخدام <h3> هذه قائمة غير مرتبة </h3> <ul> غبي للغاية. يعلم الجميع أن والدتي امرأة. لنلقي نظرة على المثال التالي:
نعم ، الرمز أبسط وأكثر وضوحًا.
في الواقع ، لن يكون من الصعب اتخاذ الخطوة الأولى من WebRebuild. عد وألقي نظرة على كتب اللغة الصينية في المدارس الابتدائية ، وفكر في أهم الأشياء ، واسأل نفسك المزيد لماذا؟ . تمامًا مثل كونك إنسانًا ، يجب أن تكون مثل ما يجب عليك فعله. يجب ألا تشعر بالانزعاج من المجتمع المعقد والعلاقات الشخصية المرهقة. الالتزام بمبدأ التواصل مع الأرض ، والعمل بجد ويكون إنسانًا ، ويتألق الذهب دائمًا.
اقتباس المحتوى لدي Quirk. يعجبني ذلك حقًا خلال المقابلات ، يجب عليّ دائمًا أن أحضر المقابلة XHTML أولاً. تمامًا مثلما قام السيد المتدرب بتجنيد المتدربين في الماضي ، فإن قدرته وحكمته في المرتبة الثانية ، وشخصيته هي أول من تأثر.أعتقد أن XHTML يشبه جوهر الشخص ، فإن CSS يشبه طريقة الشخص لفعل الأشياء والمواقف ، و JS يشبه سلوك الشخص وأسلوبه في القيام بالأشياء. إن فصل الثلاثة ، إلى جانب بعض أوجه تحسين محركات البحث (SEO) المحيطية والتفاعل بين الإنسان والأحواضين ، هو ما نسميه إعادة بناء موقع الويب ، وهو شخص جيد جدًا. من قبل ، اعتقد بعض الناس دائمًا أن CSS كان أهم عنصر في الموقع ، ولكن في الواقع ، يمثل بشكل طبيعي وجهة نظر الحياة. في الواقع ، من الصعب على الشخص البقاء بشكل جيد في مجتمع اليوم دون طريقة جيدة للتعامل مع الأشياء ؛ ولكن إذا كانت طريقة التعامل مع الأشياء منحازة للغاية ، فسيصبح شخصًا جيدًا في الخداع ويستخدم أي وسيلة للقيام بالأشياء.
مثال على الاقتباس
<h1> اسم الموقع </h1>*
<h2> الموقع الفرعي للموقع </h2>*
<map> <viv> <a href =#> connect 1 </a> <a href =#> connect 2 </a> </viv> </map>
ملاحظة: يتم استخدام جزء التعليق من رقم * للتأكيد على أن الموقع هو الوقت الأساسي للترقية.
مثال على الاقتباس
<h1> اسم الموقع </h1>*
<h2> الموقع الفرعي للموقع </h2>*
<h3> قائمة التنقل في خريطة الموقع </h3>
<ul>
<li> الاتصال 1 </li>
<li> الاتصال 2 </li>
</ul>
ملاحظة: يتم استخدام جزء التعليق من رقم * للتأكيد على أن الموقع هو الوقت الأساسي للترقية.