เมื่อพวกเขาเริ่มใช้ XHTML+CSS เป็นครั้งแรกในการออกแบบหน้าเว็บ เพื่อนของฉันหลายคนมีประสบการณ์เพียงเล็กน้อยในการใช้แท็กและเป็นคนสบายๆ มาก พวกเขามักจะใช้สิ่งที่อยู่ในใจ โดยคิดว่าตราบใดที่มันสามารถสร้างผลกระทบได้ คงจะเพียงพอแล้ว แต่ด้วยการศึกษาและความเข้าใจอย่างลึกซึ้งในความรู้ด้านการเพิ่มประสิทธิภาพกลไกค้นหา ฉันพบว่าการใช้แท็ก XHTML นั้นเป็นความรู้จริงๆ
ข้อมูลต่อไปนี้จะแนะนำการใช้แท็ก XHTML ที่ถูกต้องซึ่งผู้เริ่มต้นใช้งานทั่วไป และทำให้การใช้งานสับสนได้ง่าย ยินดีต้อนรับสู่เว็บไซต์ Taoba และยินดีต้อนรับสู่การสนทนา ฉันจะไม่ให้ข้อมูลเบื้องต้นโดยละเอียดเกี่ยวกับคุณลักษณะและการใช้งานของแต่ละแท็กใน CSS ที่นี่ ฉันจะเน้นไปที่แอปพลิเคชันในหน้าเว็บ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน
1. กรม
DIV น่าจะคุ้นเคยกับเพื่อนที่สร้างเว็บไซต์ XHTML เว็บไซต์และสื่อต่างๆ จำนวนมากยังอ้างถึงการสร้างเว็บไซต์มาตรฐานของเว็บว่าเป็นการสร้างเว็บไซต์ DIV+CSS ไม่มีเหตุผลที่จะเรียกวิธีนี้ เนื่องจาก W3C ไม่แนะนำให้ใช้แท็ก Table ในเลย์เอาต์ของหน้าเว็บ และ DIV ในฐานะแท็กเลย์เอาต์จะถือว่ามีความรับผิดชอบที่สำคัญของเลย์เอาต์โดยธรรมชาติ
DIV อาจกล่าวได้ว่าเป็นภาชนะขนาดใหญ่ นอกจากเค้าโครงโครงสร้างโดยรวมของหน้าเว็บแล้ว ขอแนะนำให้ใช้เพื่อแบ่งพื้นที่ที่ดูเหมือนจะค่อนข้างเป็นอิสระในหน้าเว็บ เช่นเดียวกับหนังสือพิมพ์ หน้าที่ของ DIV คือภาชนะขนาดใหญ่สำหรับแบ่งเนื้อหาต่างๆ ในพื้นที่ต่างๆ จะมีการเลือกป้ายกำกับที่เหมาะสมตามสถานการณ์เฉพาะ
2. แท็ก H
แท็ก H เป็นแท็กชื่อ มักใช้ก่อนย่อหน้าเพื่อระบุความหมายของย่อหน้า สามารถแบ่งออกเป็น H1~H6 ตามระดับการแสดงผลและความหมายที่จะแสดง
H1 มีความสำคัญสูงสุด และมักใช้เพื่อแสดงคำอธิบายบทบาทและลักษณะของเว็บไซต์ทั้งหมด หรือเพื่อระบุผู้ชมตามจุดประสงค์ของเว็บไซต์ แท็กอื่น ๆ ใช้เพื่อแสดงชื่อของพื้นที่ใดพื้นที่หนึ่งหรือคำอธิบายทั่วไปของข้อความแนะนำบางอย่างขึ้นอยู่กับระดับ
เนื่องจากเป็นคำอธิบายทั่วไปของเว็บไซต์หรือข้อความบางย่อหน้า แท็ก H จึงมีมูลค่าสูงเมื่อเทียบกับเครื่องมือค้นหา แต่นี่ไม่ได้หมายความว่าจะสามารถใช้งานได้แบบไม่เป็นทางการ ตัวอย่างเช่น บางเว็บไซต์ใช้แท็ก H เพื่อแสดงคำหลักในย่อหน้าของข้อความเพื่อจงใจจัดอันดับสำหรับคำหลักเฉพาะ หรือใช้แท็ก H เป็นคอนเทนเนอร์เพื่อจัดวางหน้าเว็บ การทำเช่นนี้ทำให้บทบาทของแท็ก H สับสนโดยสิ้นเชิง และไม่แนะนำ
3.ป
P คือแท็กย่อหน้า ใช้เพื่อแยกแยะย่อหน้าต่างๆ ของชุดข้อความ สำหรับเครื่องมือค้นหา ตามลำดับการรวบรวมข้อมูล ข้อความในแท็ก P แรกก็มีมูลค่าสูงเช่นกัน เช่นเดียวกับ Baidu มันจะละเว้นข้อความในคำอธิบายแท็ก Meta (คำอธิบาย) และคว้าเนื้อหาในแท็ก P แรก (ไม่ใช่ทั้งหมด)
เพื่อให้เครื่องมือค้นหาสามารถรวบรวมข้อมูลเนื้อหาได้มากขึ้นและให้ผู้ใช้ได้รับประสบการณ์การท่องเว็บที่ดีขึ้น เว็บไซต์บางแห่งจึงใช้การแบ่งส่วน
ฉลาก. นี่ไม่ได้เป็นการบอกว่ามันเป็นไปไม่ได้ บางครั้งมันก็ไม่สามารถบรรลุผลตามที่ต้องการได้ สำหรับเอกสารที่พิมพ์อย่างเคร่งครัด
เป็นแท็กที่อยู่ในแบบฟอร์มนิพจน์และไม่ได้รับอนุญาตให้ใช้
แม้ว่าเว็บไซต์ส่วนใหญ่จะใช้ประเภทเอกสารการนำส่ง แต่ฉันไม่แนะนำให้ใช้เอกสารเหล่านี้ในการแบ่งส่วนข้อความ
4. ฉลาก UL และ LI
นี่คือรายการแบบไม่เรียงลำดับ แท็ก UL คือการประกาศรายการ และ LI คือรายการ เนื่องจากโครงการมีความเป็นอิสระ จึงมักใช้ในการนำทาง รายการข่าวหรือบทความ ฯลฯ UL ยังสามารถใช้เป็นคอนเทนเนอร์ในการแยกแยะรายการต่างๆ ได้
เว็บไซต์บางแห่งสามารถใช้ "มาตรฐานเว็บ" และแปลงตารางเป็น UL และ LI ซึ่งทำให้อ่านและบำรุงรักษาหน้าเว็บได้ยาก
5. โต๊ะ
ฉันจะไม่แนะนำการใช้งาน Table มากเกินไป ฉันแค่อยากจะบอกว่ามาตรฐานของเว็บไม่ได้หมายความว่า Table จะไม่สามารถใช้ได้ในอนาคต แต่ไม่แนะนำให้ใช้ Table สำหรับการจัดวางและเฉพาะเมื่อแสดงข้อมูลเท่านั้น . ดังนั้นจึงไม่มีความขัดแย้งระหว่างหน้าเว็บที่สอดคล้องกับเว็บและการใช้แท็กตาราง
6. แท็กที่เตรียมไว้สำหรับเครื่องมือค้นหา
(1) ชื่อเรื่อง: ชื่อเรื่องของหน้าเว็บ, คำอธิบายของเว็บไซต์ แท็กย่อยยังมีคุณค่าต่อเครื่องมือค้นหาและมักรวมคำหลักเป้าหมายไว้ด้วย
(2)Meta keywords: คีย์เวิร์ดหลักในหน้าเว็บ เดิมทีจัดทำขึ้นเพื่ออำนวยความสะดวกให้เครื่องมือค้นหาจัดหมวดหมู่เว็บไซต์ แต่ต่อมาเนื่องจากหลายเว็บไซต์มักใช้แท็กนี้เพื่อโกงเพื่อให้การจัดอันดับคำหลักดีขึ้น ดังนั้น ในปัจจุบันแท็กนี้แทบจะไม่มีความหมายสำหรับเครื่องมือค้นหาเลย
(3) Meta's Description: คำอธิบายหน้าเว็บ เช่นเดียวกับคำหลัก เดิมทีมีวัตถุประสงค์เพื่ออำนวยความสะดวกในการจัดประเภทเครื่องมือค้นหา นอกจากนี้ เนื่องจากเว็บไซต์จำนวนมากใช้แท็กนี้เพื่อโกง ดังนั้นจึงไม่สำคัญสำหรับเครื่องมือค้นหาอีกต่อไป ในปัจจุบัน ในบรรดาเครื่องมือค้นหากระแสหลัก มีเพียง Google เท่านั้นที่ยังคงรวบรวมข้อมูลเนื้อหา แต่แทบจะไม่สามารถระบุคำหลักตามเนื้อหาได้
ที่จริงแล้ว สำหรับเครื่องมือค้นหา สิ่งที่สำคัญที่สุดคือคุณภาพของเนื้อหา ในทำนองเดียวกัน เราสร้างเว็บไซต์เพื่อประชาสัมพันธ์ตนเองแก่ผู้เยี่ยมชม โปรดอย่าลืมปัจจัยพื้นฐานเพราะความรวดเร็ว ท้ายที่สุดแล้ว ผู้ใช้สนใจว่าข้อมูลเป็นสิ่งที่พวกเขาต้องการหรือไม่ ไม่ใช่อันดับเว็บไซต์ของคุณ