หลังจากบทความ "นี่จะเป็นการปฏิวัติ" ได้รับการปล่อยตัว ทุกคนได้รับการยอมรับจากทุกคนในอุตสาหกรรมและแน่นอนว่ามันได้รับการกระตุ้นจากความท้าทายภายในและภายนอก แต่ผู้คนจำนวนมากกำลังขอรายละเอียดของแต่ละจุด คืนนี้ฉันกลับบ้านและเข้านอนเร็วมาก ฉันตื่นขึ้นมาในความฝันกลางดึก ในความฝันฉันกำลังเล่นเกมกับเพื่อนร่วมชั้นของฉันในโรงเรียนประถม - ต่อไป หลังจากตื่นขึ้นมาฉันรู้สึกว่าฉันต้องทำอะไรบางอย่างดังนั้นในที่สุดฉันก็ปรับเปลี่ยน tmenu (มันล่าช้าเป็นเวลานาน); จากนั้นฉันก็รู้สึกว่าฉันต้องเขียนรายละเอียดส่วนหนึ่งของห้าคะแนนที่กล่าวถึงก่อนหน้านี้ในอนาคตอันใกล้ดังนั้นฉันจึงเริ่มเขียนบทความนี้
มันสมเหตุสมผลที่จะกลับไปโรงเรียนประถมในความฝันของฉัน หนึ่งคือเกมของการเตือนความจำต่อไปและอีกเกมหนึ่งคือสิ่งที่ Piaopiao และฉันมักจะบอกคนอื่นว่าเพื่อเรียนรู้ HTML ได้ดีกลับไปตรวจสอบหนังสือภาษาจีนในโรงเรียนประถมศึกษา เหตุผลในการกลับไปโรงเรียนประถมคือหนังสือจะไม่มีการแทรกแซงมากเกินไปจากการศึกษาที่มุ่งเน้นการสอบและสาระสำคัญในนั้นเป็นของจริงในขณะที่หนังสือจีนหมายถึงสาระสำคัญของ HTML: ชื่อเรื่องวรรครายการบรรณานุกรม สาระสำคัญของการเรียนรู้ HTML คือการใช้สิ่งที่ควรจะเป็น - ผี แน่นอนประโยคนี้ต้องการคำอธิบายและตัวอย่างอ้างอิงคือตำราเรียนภาษาจีนระดับประถมศึกษาของคุณ
ก่อนอื่นมาดูกระบวนการผลิตเว็บไซต์ของเรา ในความทรงจำของฉันเว็บไซต์แรกของฉันถูกสร้างขึ้นในปี 1998 เมื่อฉันเป็นกลุ่มคนที่ใช้ตารางเพื่อสร้างหน้าเว็บ ปัญหาที่ยากที่สุดที่เราคิดในยุคของตารางคืออะไร?
เค้าโครงคอลัมน์ที่ไม่ตัดสินใจสามแถวแปลก ๆ :
ขอบเขตหนึ่งพิกเซลแปลก ๆ :
หลังจากยุคโต๊ะ (ฉันจำได้ประมาณปี 2544) คนแรกที่ใช้ <div> ปรากฏตัวขึ้น ดังนั้นลม CSS ก็พัดเข้ามาในประเทศจีน การใช้งานคือทำให้เขาอยู่ในหลายตารางและใช้การวางตำแหน่งที่แน่นอนของ CSS และบางส่วนเพิ่ม JS บางส่วนเพื่อให้เขาลอยไปรอบ ๆ ต่อมามีคนเริ่มเรียน CSS ฉันจำได้ว่าในช่วงเริ่มต้นของการออกแบบเฟนเกรนหลายคนที่พูดคุยเกี่ยวกับความร่วมมือกำลังถือหนังสือ CSS และบอกฉันเกี่ยวกับเรื่องนี้และ (แน่นอนว่าคนเหล่านี้เปลี่ยนอาชีพในที่สุด) ในเวลานี้คำถามที่ยากที่สุดที่เราคิดว่าจะทำดงดงซึ่งเรียกว่าเอฟเฟกต์พิเศษ Java ในเวลานั้น ในเวลานี้ฉันได้รับความสนใจจาก XML ที่เสนอโดยใครบางคน แต่ฉันเพิ่งถือว่ามันเป็นประเภทของการจัดเก็บข้อมูล (อันที่จริงนี่เป็นรากฐานสำหรับการดำเนินการของ QZONE)
เวลาบิน เมื่อวันที่ 1 พฤษภาคม 2547 ในวันแรงงานระหว่างประเทศสำนักพิมพ์อุตสาหกรรมอิเล็กทรอนิกส์ตีพิมพ์คำแปลของหนังสือที่เรียกว่า "เว็บ refactoring - การออกแบบด้วยมาตรฐานเว็บ" ดังนั้นความเชื่อใน Div CSS จึงแพร่กระจายไปทั่วประเทศซึ่งหมายความว่าการเริ่มต้นใหม่ของการสร้างเว็บไซต์จีนเริ่มขึ้น แต่จากมุมมองอื่นหนังสือเล่มนี้ดึง webrebuilder ของจีนออกจากหลุมไฟและโยนมันเข้าไปในคังไฟอีกแห่ง ฉันคิดว่าเราสามารถดูหนังสือเล่มนี้ได้จากมุมมองของการดูเวลาที่เจริญรุ่งเรืองของราชวงศ์ซุยและถัง เพราะมันหมายถึงการกำเนิดของจักรพรรดิองค์ใหม่และราชวงศ์ใหม่และไม่ส่งเสริมการเปลี่ยนแปลงทางสังคมและวิวัฒนาการจากสาระสำคัญ หนังสือเล่มนี้ทำรังลงในการทำรัง Div วาทกรรมที่ได้รับความนิยมมากที่สุดในเวลานั้น (จนถึงตอนนี้) คือเว็บไซต์ของฉันถูกสร้างขึ้นโดย 'Div CSS' ในเวลานี้ฉันไม่ได้เข้าร่วมอันดับนี้และกำลังรออยู่ เพราะฉันมีคำถามที่สำคัญมากที่ไม่ได้แก้ว่าทำไม 'Div CSS' แทน 'Table CSS':
อ้างว่า "นี่จะเป็นการปฏิวัติ":
มาดูตัวอย่างสองตัวอย่างก่อน Table และ Div ทำบนพื้นผิวพวกเขาจะเหมือนกัน แต่เมื่อผู้จัดการผลิตภัณฑ์เสนอการแก้ไขประสิทธิภาพจะต้องเปลี่ยน DIV จะเปลี่ยนเป็นตัวอย่างนี้ได้อย่างง่ายดาย ดังตัวอย่างแสดงให้เห็นว่าโดยไม่ต้องแก้ไข HTML ตารางไม่สามารถเปลี่ยนแปลงการเปลี่ยนแปลงดังกล่าวได้แม้ว่ามันจะถูกตีจนตาย ความเหนือกว่าของ Div CSS มากกว่าตาราง CSS คือการเปิดเสรีการเรียงพิมพ์ ตามตัวอย่างข้างต้นคือหัวข้อตารางจะไม่สามารถทำได้ในชีวิตของคุณ
มันไม่ได้จนกว่าประมาณ Qzone 3.0 ที่ฉันเริ่มคิดคำตอบข้างต้นซึ่งใช้เวลาประมาณหนึ่งปี จากนั้นใน Qzone 4.0 มีการใช้การเกิดของสามเครื่องหมาย dl, dt, dd และ tmenu สิ่งที่ฉันเสียใจในตอนนี้คือฉันได้นำคุณไปสู่ CSS เริ่มต้น CSSTML อีกครั้งและมันก็นำคุณเข้าสู่คังใหม่ มันง่ายที่จะเข้าไปในคังและมันยากที่จะออกจากคัง ฉันเริ่มเข้าใจว่าทำไมคนดังสองคนขึ้นมาใหม่ - Ajie และ Lao Gan ค่อยๆหายไปจากอินเทอร์เน็ต ฉันเริ่มไม่ตำหนิเหตุการณ์ก่อนหน้าของพวกเขา แต่มีความเข้าใจมากกว่าและฉันก็ตัดสินใจด้วย จากนั้นเราก็เริ่มวางรากฐานสำหรับแนวคิด SB ของการแข่งขันที่มีสุขภาพดี
การเดินทางทางประวัติศาสตร์อยู่ข้างบน การกลับไปสู่สาระสำคัญของการเรียนรู้ HTML คือการใช้สิ่งที่ควรจะเป็น หมายความว่าแท็กไม่สามารถถูกทารุณกรรมได้และแท็กที่กู้คืนไปยังสาระสำคัญของเนื้อหาเป็นแท็กที่ผ่านการรับรอง ใช้ tmenu เป็นตัวอย่าง
รหัส HTML ก่อนหน้านี้คือ:
<ul class = เมนู>
<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 = ตอนนี้> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
ตอนนี้รหัส HTML:
<map id = directMenu class = เมนู>
<div> <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 = ตอนนี้> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a> </div> </map>
<H2> ต่อไปนี้เป็นรายการเมนู </h2>
<ul class = เมนู> <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 = ตอนนี้> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
ทุกคนได้เห็นความแตกต่างระหว่างทั้งสอง มีแท็กแผนที่พิเศษและแท็ก HN ทำไมถึงเป็นเช่นนั้น? ลองมาดูตัวอย่างอื่น: มีรถยนต์ 100 คันที่มีแบรนด์รูปร่างและสีที่แตกต่างกันบนสนามเด็กเล่น ตอนนี้คุณสามารถแบ่งรถยนต์เหล่านี้ออกเป็นหลายกลุ่มและข้อเสนอแนะรายการสำหรับการเลือก แน่นอนว่ารายการการใช้งานเป็นสิ่งที่ทุกคนจะนึกถึง แต่คุณเคยคิดบ้างไหมว่ารายการนี้เป็นตัวแทนได้อย่างไร?
ตัวอย่างการอ้างอิง
<ul>
<li> รุ่น XXX XXX รุ่น </li>
<li> รุ่น XXX XXX รุ่น </li>
</ul>
อีกครั้งหรือ
ตัวอย่างการอ้างอิง
<ol>
<li> รุ่น XXX XXX รุ่น </li>
<li> รุ่น XXX XXX รุ่น </li>
</ol>
ด้วยรายการด้านบนฉันไม่สามารถเห็นได้อย่างชัดเจนว่าการจำแนกประเภทของรายการนี้เกิดขึ้นได้อย่างไรและทำไมจึงมีการสั่งซื้อและอีกรายการหนึ่งไม่เป็นระเบียบ พวกเขาเข้าแถวแบบนี้ได้อย่างไรและทำไมพวกเขาถึงรวมพวกเขาเข้าด้วยกัน? หลายคำถามมากมาย ลองดูตัวอย่างต่อไปนี้
ตัวอย่างการอ้างอิง
<H3> รถยนต์ซีรีส์สีเหลือง </h3>
<ul>
<li> รุ่น XXX XXX รุ่น </li>
<li> รุ่น XXX XXX รุ่น </li>
</ul>
อีกครั้งหรือ
ตัวอย่างการอ้างอิง
<H3> ปีโรงงาน </h3>
<ol>
<li> รุ่น XXX XXX รุ่น </li>
<li> รุ่น XXX XXX รุ่น </li>
</ol>
ตัวอย่างข้างต้นสามารถเห็นได้อย่างรวดเร็ว ความชัดเจนทั้งหมดชัดเจน อย่างไรก็ตามทำไมแท็กแผนที่ยังคงมีอยู่ในรหัส TMENU ลองมาดูตัวอย่าง
ตัวอย่างข้างต้นถูกต้องแน่นอน อย่างไรก็ตามโครงสร้างดังกล่าวทำให้ผู้คนรู้สึกว่าผู้ใช้มีพลังต่ำมาก ไม่ใช่เมนูการนำทางแผนที่ไซต์หลังจากชื่อไซต์และ Submark หรือไม่ ( อ้างอิงเป็นพิเศษไปยังไซต์ที่เมนูอยู่ด้านบน ) และในเวลาเดียวกัน HTML เองก็มีแท็กโดยเฉพาะสำหรับการนำทางแผนที่ไซต์ - <PaP> เนื่องจากมีฉลากที่มีความหมายดังกล่าวในตัวเองทำไมคุณต้องใช้ข้อความเพื่ออธิบาย คุณไม่สามารถใช้ <H3> นี่คือรายการที่ไม่ได้เรียงลำดับ </h3> <ul> งี่เง่า ทุกคนรู้ว่าแม่ของฉันเป็นผู้หญิง ลองดูตัวอย่างต่อไปนี้:
ใช่รหัสนั้นง่ายกว่าและชัดเจนยิ่งขึ้น
ในความเป็นจริงมันจะไม่ยากที่จะก้าวแรกของ webrebuild ย้อนกลับไปดูหนังสือภาษาจีนในโรงเรียนประถมศึกษาคิดถึงสิ่งที่สำคัญที่สุดและถามตัวเองมากขึ้นว่าทำไม? - เช่นเดียวกับการเป็นมนุษย์คุณควรเป็นเหมือนสิ่งที่คุณควรทำ คุณไม่ควรถูกรบกวนจากสังคมที่ซับซ้อนและความสัมพันธ์ระหว่างบุคคลที่ยุ่งยาก ยึดมั่นในหลักการของการลงสู่พื้นดินทำงานหนักและเป็นมนุษย์ทองคำเปล่งประกายอยู่เสมอ
เนื้อหาอ้างอิง ฉันมีการเล่นโวหาร ฉันชอบสิ่งนั้นในระหว่างการสัมภาษณ์ฉันต้องพาผู้สัมภาษณ์ XHTML มาก่อนเสมอ เช่นเดียวกับเมื่ออาจารย์คัดเลือกผู้ฝึกงานในอดีตความสามารถและภูมิปัญญาของเขาเป็นที่สองและตัวละครของเขาเป็นคนแรกที่ได้รับผลกระทบฉันคิดว่า XHTML เป็นเหมือนสาระสำคัญของบุคคล CSS เป็นเหมือนวิธีการทำสิ่งต่าง ๆ และทัศนคติของบุคคลและ JS เป็นเหมือนพฤติกรรมและรูปแบบของการทำสิ่งต่าง ๆ การแยกทั้งสามประกอบกับ SEO ส่วนปลายและการมีปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์คือสิ่งที่เราเรียกว่าการสร้างเว็บไซต์ใหม่ซึ่งเป็นคนดีมาก ก่อนหน้านี้บางคนคิดเสมอว่า CSS เป็นองค์ประกอบที่สำคัญที่สุดของเว็บไซต์ แต่ในความเป็นจริงมันเป็นตัวแทนของมุมมองชีวิต อันที่จริงมันเป็นเรื่องยากสำหรับคน ๆ หนึ่งที่จะอยู่รอดได้ดีในสังคมปัจจุบันโดยไม่มีวิธีที่ดีในการจัดการกับสิ่งต่าง ๆ แต่ถ้าวิธีการจัดการกับสิ่งต่าง ๆ มีอคติเกินไปเขาจะกลายเป็นคนที่เก่งในการหลอกลวงและใช้วิธีการใด ๆ ในการทำสิ่งต่าง ๆ
ตัวอย่างการอ้างอิง
<H1> ชื่อไซต์ </h1>*
<H2> ไซต์ subkey </h2>*
<ap> <div> <a href =#> เชื่อมต่อ 1 </a> <a href =#> เชื่อมต่อ 2 </a> </div> </map>
หมายเหตุ: ส่วนความคิดเห็นของหมายเลข * ใช้เพื่อเน้นว่าเว็บไซต์เป็นครั้งแรกสำหรับการส่งเสริมการขาย
ตัวอย่างการอ้างอิง
<H1> ชื่อไซต์ </h1>*
<H2> ไซต์ subkey </h2>*
<h3> เมนูนำทางแผนที่ไซต์ </h3>
<ul>
<li> การเชื่อมต่อ 1 </li>
<li> การเชื่อมต่อ 2 </li>
</ul>
หมายเหตุ: ส่วนความคิดเห็นของหมายเลข * ใช้เพื่อเน้นว่าเว็บไซต์เป็นครั้งแรกสำหรับการส่งเสริมการขาย