Вэбсайтуудын хөгжүүлэлт дээр ажиллаж байх үед та зарим нэг зүйлийн шалтгааныг "нуух" хэрэгтэй болно. Та мэдээж HTML тэмдэглэгээнээс асуултуудыг хасч болох боловч хэрвээ та тэдгээрийг код дотор үлдээхийг хүсч байгаа ч гэсэн ямар ч шалтгаанаар хөтчийн дэлгэц дээр харагдахгүй байгаа (мөн бид шалтгааныг нь шалгана уу. Үүнийг удахгүй хийнэ үү). HTML дэх элементийг хадгалахын тулд дэлгэцэнд нуухын тулд CSS рүү хандана уу.
HTML доторх элементийг нуух хамгийн нийтлэг хоёр арга нь "дэлгэц" эсвэл "харагдах байдал" гэсэн CSS шинж чанаруудыг ашиглах болно. Эхний ээлжинд эдгээр хоёр шинж чанар нь ихэвчлэн ижил зүйлийг хийж байгаа мэт санагдаж болох ч тэдгээр нь хоорондоо ялгаатай ялгаатай байх болно. Дэлгэцийн хоорондох ялгааг харцгаая: үгүй ба харагдах байдал: далдлагдсан.
Харагдац
CSS-ийн өмч / хослолын хослолыг ашиглах нь: далд нуугдсан хөтчүүдийг хөтчийн элемент. Гэсэн хэдий ч, далд элемент нь байршил дахь зай эзэлсээр байна. Энэ нь та үндсэндээ үл үзэгдэх элементийг бүтээж байсан шиг, гэхдээ энэ нь хэвээр хадгалагдаж үлдсэн зайг эзлээд үлдсэн байсан.
Хэрвээ та хуудсандаа DIV байрлуулж, 100x100 пиксел хүртэл хэмжээсийг өгч CSS ашиглах бол далдлах шинж чанар нь DIV-г дэлгэц дээр харуулахгүй, гэхдээ текстийн дараа тэнд тэнд хэвээр байх болно. 100x100 зай.
Үнэнийг хэлэхэд, алсын хараатай өмч нь бид байнга ашигладаг зүйл биш, харин өөрөө биш юм. Хэрэв бид тодорхой элементийн хүссэн зүйлдээ хүрэхийн тулд байршуулах гэх мэт бусад CSS шинж чанаруудыг ашиглаж байгаа бол эхлээд тэр зүйлийг нууж харагдахуйц алсын харааг ашиглаж болно, үүнийг зөвхөн hover дээр "буцааж" болгох хэрэгтэй. Энэ нь энэ өмчийг ашиглах боломжтой нэг боломж юм, гэхдээ дахин давтамжтайгаар эргэж очих зүйл биш юм.
Дэлгэц
Баримт бичгийн хэвийн урсгал дахь элементийг орхигдуулсан харагдах байдлын шинж чанараас ялгаатай нь: хэн ч элементийг бүрэн баримтаас хасдаг. Хэдийгээр HTML нь эх кодод байгаа ч гэсэн ямар ч зай эзэлдэггүй. Энэ нь баримт бичгийн урсгалаас хасагдсантай холбоотой юм. Зорилго, зорилгын хувьд энэ зүйл алга болсон байна. Энэ нь таны санаа бодлоос хамааран сайн эсвэл муу зүйл байж болно. Хэрэв та энэ өмчийг зүй бусаар ашиглавал энэ нь таны хуудсанд хохирол учруулж болзошгүй юм!
Нэг хуудсыг туршиж үзэхэд "дэлгэц: үгүй" гэж олон удаа ашигладаг. Хэрвээ бид "холдох" хэсэг хэрэгтэй бол хуудасны бусад хэсгүүдийг турших боломжтой бол бид дэлгэцийг ашиглаж болно. Гэсэн хэдий ч, энэ элемент нь тухайн сайтын жинхэнэ хөөрөлт эхлэхээс өмнө хуудас руу буцах болно. Учир нь энэ аргаар баримт бичгийн урсгалаас хасагдсан зүйл нь HTML тэмдэглэгээ хэвээр үлдсэн ч хайлтын хөдөлгүүр эсвэл дэлгэц уншигчдад харагдахгүй байна. Өнгөрсөн хугацаанд энэ аргыг хайлтын системийн нөлөөнд нөлөөлөхийг оролдохын тулд хар малгайтай аргыг ашигласан. Иймээс харагдахгүй зүйлс нь Google-ийн хувьд яагаад ийм аргыг ашиглахыг харуулсан улаан туг байж болох юм.
Бидний харуулах нэг арга нь: ямар ч ашиггүй, бид үүнийг шууд, үйлдвэрлэлийн вэбсайт дээр ашигладаг бол бид нэг дэлгэцийн хэмжээ авах боломжтой элементүүд байж болох, бусдад зориулсан элементүүдтэй байх үед хариу үйлдэл хийх сайтуудыг бий болгох үед юм. Та дэлгэцийг ашиглаж болно: элементийг нуух зүйлгүй, дараа нь буцааж асаах маягаар асуулт асууж болно. Энэ нь дэлгэц дээр хүлээн зөвшөөрөгдсөн хэрэглээ юм. Үгүй, учир нь та ямар нэгэн муу шалтгаанаар нуухыг оролдож байгаагүй, гэхдээ үүнийг хийхэд заавал шаардлагатай байна.
Женнифер Кэрнин эх нийтлэл. Жереми Герард нар 3/3/17 дээр зассан