การใช้คุณสมบัติของ CSS ว่า "display: none"

การ Cascading Style Sheets (CSS) ช่วยให้คุณสามารถจัดระเบียบและการออกแบบลักษณะของหน้าเว็บ หนึ่งในคุณสมบัติที่ใช้กันมากที่สุดและคุณค่าของมันคือ "display: none"

การกำหนดคุณสมบัติ

คุณสมบัติตัวเองเป็นอเนกประสงค์และกำหนดชนิดขององค์ประกอบที่แสดงอยู่ในเอกสาร ทั้งนี้ขึ้นอยู่กับค่าเฉพาะเพจที่เลือกสามารถแสดงส่วนบล็อกเส้นตรงเป็นรายการที่เป็นส่วนหนึ่งของตารางและอื่น ๆ . D. ดังนั้นเนื่องจากคุณสมบัติของ "จอแสดงผล" ที่สามารถเปลี่ยนชนิดของบล็อกในเอกสาร

สำหรับมัด "ค่าของจอแสดงผลคุณสมบัติ: ไม่มี" มันช่วยให้คุณสามารถลบรายการหรือบล็อกของเอกสาร ในสถานที่เดียวกันภายใต้ชิ้นส่วนของหน้าเว็บไม่ได้สงวนไว้ซึ่งหมายความว่ามันตกลงมาจากกระแส องค์ประกอบทั้งหมดที่มีเกิน "ไกล" เพียงแค่ไม่เห็นมันและไม่สนใจขนาดและตำแหน่งของหน่วย ที่จะกลับมาเป็นวัตถุที่ซ่อนอยู่คุณต้องดูที่เอกสารผ่านสคริปต์ที่เพียงแค่เปลี่ยนค่าของคุณสมบัติในรูปแบบที่ต้องการ เมื่อเกิดเหตุการณ์นี้จัดรูปแบบหน้าโดยอัตโนมัติด้วยวัตถุใหม่กับมัน

ความแตกต่างระหว่างคุณสมบัติ "จอแสดงผล" และ "มองเห็น"

แม้จะมีความจริงที่ว่าเป็นผลมาจากคุณสมบัติทั้งสองเพื่อซ่อนรายการจากผู้ใช้หลักการของการดำเนินงานแตกต่างกันมาก ดังที่ได้กล่าวแล้วข้างต้นพารามิเตอร์ "display: none" เอาองค์ประกอบจากเอกสาร บล็อกตกออกมาของหน้าจึงไม่ได้เกิดขึ้นในนั้น ในกรณีนี้วัตถุที่ยังคงอยู่ในรูปแบบ HTML โค้ด

ในการเปิดคุณสมบัติ "visibility: hidden" ซ่อนองค์ประกอบจากผู้ใช้ แต่ไม่ได้ลบออกจากรูปแบบเอกสาร ดังนั้นหน้าจะสงวนไว้สถานที่ในบล็อกนี้ นั่นคือการไหลของเอกสารที่จะยอมรับและพิจารณาตำแหน่งและขนาดขององค์ประกอบกับอสังหาริมทรัพย์นั้น "visibility: hidden" ตรงทางเดียวกันโดยไม่ได้

ความแตกต่างนี้เป็นโครงสร้างองค์กรของเอกสารเหล่านี้สองคุณสมบัติที่ทำให้มันเป็นไปได้ที่จะบรรลุผลที่ต้องการสำหรับการแสดงผลหน้าที่ถูกต้อง

การใช้ CSS - display: none

เอกสารอินเทอร์เน็ตมีหลายวิธีในการกำหนดคุณสมบัติขององค์ประกอบ การแสดงผลครั้งแรก: ไม่มีสามารถที่กำหนดไว้ในแฟ้มที่แยกต่างหากสำหรับการ Cascading Style Sheets วิธีนี้เป็นวิธีที่ทันสมัยที่สุดและดีที่สุดเท่าที่จะช่วยให้คุณสามารถทำให้ทุกตัวเลือกชั้นเรียนและคุณสมบัติของพวกเขาในเอกสารแยกต่างหาก รูปแบบดังกล่าวจะช่วยให้คุณได้อย่างรวดเร็วค้นหาและแก้ไขการตั้งค่าหน้า

ส่วนหัวเอกสาร

ศูนย์รวมที่สองคือการกำหนดรูปแบบในหมู่ชื่อของแท็กรูปแบบเอกสาร ประสิทธิผลของวิธีนี้คือน้อยมาก ก็จะแนะนำให้ใช้เฉพาะในกรณีที่รุนแรงในขณะที่การปรากฏตัวของจำนวนมากของรูปแบบการอ่านของนักออกแบบหน้าเว็บเสื่อมอย่างมีนัยสำคัญ และนี้นำไปสู่ข้อผิดพลาดและชะลอกระบวนการของการพัฒนาเอกสารเว็บ วิธีการนี้จะแนะนำเฉพาะในกรณีของการเพิ่มแท็กไปยังหมายเลขเล็ก ๆ ของรูปแบบหรือตราสารแก้จุดบกพร่อง

เก็บไว้ในใจว่าถ้าวิธีการจัดรูปแบบในเอกสารนี้จะน้อยกว่านำเข้าแผ่นลักษณะแยกคุณสมบัติที่ทับซ้อนกันจะถูกเขียนทับโดยผู้ที่อยู่ในร่างกายของ HTML เอกสาร

บล็อก div display: none

อีกวิธีหนึ่งคือการเพิ่มโดยตรงกับแท็ก "style = display: none;" องค์ประกอบรหัส วิธีนี้มักจะใช้เมื่อทำงานกับกรอบต่างๆวัตถุประสงค์ในการที่ - การลดจำนวนของคุณสมบัติโดยตรงในสไตล์และแสดงไว้ในเอกสารเว็บ นอกจากนี้เช่นบันทึกมักจะเป็นเมื่อดู "ตรวจสอบรหัสหน้า" มันเป็นสิ่งสำคัญที่ต้องจำไว้ว่าการใช้วิธีการนี้คุณสามารถเปลี่ยนสถานที่ให้บริการและความคุ้มค่าที่กำหนดในสไตล์ ดังนั้นคุณควรจะระมัดระวังเป็นผลให้คุณสามารถสร้างปัญหาเพิ่มขึ้นอีกสำหรับตัวเองและใช้เวลาในการค้นหาและแก้ไขข้อผิดพลาดในรหัสหน้า

JavaScript

นอกจากนี้ยังเป็นมูลค่าการกล่าวขวัญเป็นไปได้ของการเปลี่ยนแปลงเพิ่มเติมในคุณสมบัตินี้ มันหมายถึงไม่มีอีกต่อไปที่สไตล์และ HTML-รหัสและภาษาสคริปต์ ดังนั้นการที่จะใช้มันเป็นสิ่งจำเป็นที่จะมีอย่างน้อยความรู้บางอย่างในพื้นที่นี้ เพื่อที่จะเอาองค์ประกอบจากการไหลของเอกสารที่คุณสามารถใช้คุณสมบัติ JavaScript แสดง "= ไม่มี" จะช่วยให้คุณเปลี่ยนโครงสร้างของเอกสารเมื่อมีเหตุการณ์บางอย่าง นอกจากนี้ยังผ่านการใช้สคริปต์แบบไดนามิก ( "ในทันที") เพื่อเปลี่ยนคุณสมบัติพารามิเตอร์และจึงรีเฟรชมุมมองของหน้าโดยไม่ต้องโหลด วิธีการนี้จะเป็นประโยชน์เมื่อการจัดเมนูแบบเลื่อนลงหน้าต่างกิริยาและรูปแบบ

SEO

ในด้านของการเพิ่มประสิทธิภาพเนื้อหาเว็บสำหรับเครื่องมือค้นหาที่มีความเชื่อโชคลางและความไม่แน่นอนหลาย ดังนั้น SEOs สามเณรหลายคนคิดว่าการใช้งานของคุณสมบัติการแสดง "" มารยาทที่ไม่ดี พวกเขาอธิบายนี้โดยความจริงที่ว่าเครื่องมือค้นหาเห็นเนื้อหาที่ซ่อนเริ่มต้นที่จะต้องพิจารณาหน้าเป็นสแปม ในคำพูดของพวกเขามีตรรกะบางส่วน แต่ไม่มากอื่น ณ จุดนี้ในเวลาที่ทรัพย์สินของวัตถุที่ซ่อนอยู่ใช้บ่อยมากพอที่จะจัดรูปแบบเมนูแบบเลื่อนลงและซ่อนส่วนของเอกสารซึ่งขณะนี้ยังไม่เป็นที่สนใจของผู้ใช้ (ตัวอย่างเช่นเมื่อคุณเลือกหมวดหมู่ของข้อมูลอื่น ๆ จะถูกลบออก) วิธีการนี้ใช้ที่มีประสิทธิภาพเพียงพออินเทอร์เน็ตพอร์ทัล (หนึ่งในพวกเขา - "อเมซอน") ดังนั้น แมงมุมเครื่องมือค้นหา ไม่สามารถพิจารณาการใช้ทรัพย์สิน "display: none" สแปม

อีกสิ่งหนึ่งที่เมื่อใช้วิธีการนี้จะซ่อนคำแต่ละคำและตัวอักษร แม้จะมีความจริงที่ว่าในขณะนี้แมงมุมเครื่องมือค้นหายังไม่ได้รับการยอมรับเช่นที่สมบูรณ์แบบของ "สแปม" อัลกอริทึมในเอกสารที่น่าจะเป็นที่หน้าจะถูกจับในเรื่องนี้ค่อนข้างสูง ดังนั้นจึงขอแนะนำให้ใช้แสดง "" ทรัพย์สินเป็นอย่างเคร่งครัดสำหรับวัตถุประสง - เพื่อเปลี่ยนชนิดของบล็อกชั่วคราวหรือซ่อนจากสายตาของผู้ใช้