Հնարավոր է ժամանակներ, երբ դուք աշխատում եք վեբ էջերի մշակման վրա, որ դուք պետք է «թաքցնեք» որոշակի առարկաների որոշակի ոլորտներ, կամ այլ պատճառով: Կարելի է, իհարկե, պարզապես հեռացնել նյութը (ները) HTML ձեւակերպման հարցերում, բայց եթե այն, ինչ ուզում եք, որ դրանք մնան կոդով, բայց ոչ մի դեպքում պատճենեք զննարկչի էկրանին (եւ մենք կվերանայենք պատճառները, դա անել շուտով): HTML- ի տարրը պահելու համար, բայց թաքցրեք այն ցուցադրման համար, դուք կվերադառնաք CSS:
HTML- ում գտնվող տարրը թաքցնելու երկու ամենատարածված եղանակները կցուցադրեն «ցուցադրման» կամ «տեսանելիության» CSS հատկությունները: Առաջին հայացքից այս երկու հատկությունները կարող են կարծես թե նույն բանն անել, բայց նրանցից յուրաքանչյուրն ունի հստակ տարբերություններ, որոնք դուք պետք է տեղյակ լինեք: Եկեք տեսնենք տարբերությունների միջեւ եղած տարբերությունները `ոչ մեկը եւ տեսանելիությունը. Թաքնված:
Տեսանելիություն
Օգտագործելով CSS- ի գույքային / արժեքային զույգ տեսանելիությունը, թաքնված թաքցնում է դիտարկիչի տարրը: սակայն այդ թաքնված տարրը շարունակում է տարածություն տեղադրման մեջ: Այն նման է հիմնականում տարրը անտեսանելի դարձնելու, բայց այն դեռեւս մնում է եւ վերցնում է այն տարածքը, որը կլիներ, եթե մնար միայնակ:
Եթե ձեր էջում տեղադրեք DIV- ը եւ օգտագործեք CSS- ը այն չափերը, որ վերցնեն 100x100 փիքսել, տեսանելիությունը. Թաքնված գույքը կդարձնի DIV- ը էկրանին ցուցադրելու համար, բայց հաջորդ տեքստը այնպիսին է, ինչպիսին այն շարունակում է մնալ, հարգելով 100x100 միջակայք:
Ազնիվ, տեսանելիության գույքն այնպիսի բան չէ, որ մենք օգտագործում ենք շատ հաճախ, եւ, իհարկե, ինքնուրույն: Եթե մենք օգտագործում ենք նաեւ CSS- ի այլ հատկություններ, ինչպիսիք են դիրքավորումը, հասնելու որոշակի տարրին, մենք կարող ենք օգտագործել այն տեսանելիությունը, որպեսզի սկզբից այն թաքցնի, միայն այն «վերածել» այն ետեւում: Դա այդ գույքի հնարավոր օգտագործումը, բայց կրկին, այնպիսի բան չէ, որ մենք դիմում ենք որեւէ հաճախականության:
Ցուցադրել
Ի տարբերություն տեսանելիության գույքին, որը թողնում է տարրը նորմալ փաստաթղթաշրջանառության մեջ, ցուցադրեք. Ոչ մեկը չի վերացնում տարրը ամբողջ փաստաթղթից: Այն ոչ մի տեղ չի զբաղեցնում, չնայած այն HTML- ն դեռ գտնվում է կոդի մեջ: Դա այն պատճառով է, որ այն իսկապես հեռացվել է փաստաթղթաշրջանառության հոսքից: Բոլոր նպատակների եւ նպատակների համար ապրանքը գնացել է: Դա կարող է լինել լավ կամ վատ բան, կախված այն բանից, թե ինչն է ձեր մտադրությունները: Այն կարող է նաեւ վնասել ձեր էջը, եթե չարաշահեք այս գույքը:
Մենք հաճախ օգտագործում ենք «դրսեւորում` ոչ », երբ էջը փորձարկվում է: Եթե մեզ հարկավոր է մի քիչ հեռանալ «տարածքից», որպեսզի մենք կարողանանք ստուգել էջի այլ ոլորտները, մենք կարող ենք դրսեւորել դրսից `ոչ մեկը: Այնուամենայնիվ, հիշելու բանն այն է, որ տարրը պետք է վերադառնա էջին, մինչեւ այդ կայքի իրական մեկնարկը: Դա այն է, որ այս մեթոդով փաստաթղթի հոսքի տարրը հեռացվում է որոնման համակարգերի կամ էկրանային ընթերցողների կողմից, չնայած այն կարող է մնալ HTML- ում: Նախկինում այս մեթոդը օգտագործվել է որպես սեւ գլխարկի մեթոդը, փորձելու ազդեցություն ունենալ որոնման աղյուսակի վրա, ուստի ցուցադրվող ապրանքները կարող են լինել Google- ի կարմիր դրոշ, նայելու, թե ինչու է այդ մոտեցումը օգտագործվում:
Մեկ ձեւով մենք գտնում ենք, որ ոչ ոք օգտակար է, եւ որտեղ մենք օգտագործում ենք այն կենդանի, արտադրական կայքերում, այն ժամանակ, երբ մենք կառուցում ենք պատասխանող կայք, որը կարող է ունենալ տարրեր, որոնք հասանելի են մեկ ցուցադրական չափով, այլ ոչ թե ուրիշների համար: Դուք կարող եք ցուցադրել դրսեւորումը `ոչ մեկը, որպեսզի այն տարրը թաքցնի, ապա այն ետ վերադարձնի հետագայում լրատվամիջոցների հարցումները : Սա ցուցադրման ընդունելի կիրառություն է, ոչ մեկը, քանի որ դուք չեք փորձում թաքցնել ոչ մի բանի համար, բայց օրինական կարիք ունենալու համար:
Իրական հոդվածը Ջենիֆեր Քրինինն է: Երեքշաբթի, 3/3/17 թ