Օգտագործելով հատկությունների CSS "էկրանին: none"

Cascading Style Sheets (CSS) թույլ է տալիս Ձեզ կազմակերպել տեսքը եւ դիզայնը ինտերնետային էջը. Մեկը ամենատարածված օգտագործվող հատկանիշների եւ նրա արժեքների «ցուցադրել ոչ":

Բնութագրեր

Գույքը ինքնին ունիվերսալ եւ որոշում տեսակը ցուցադրման տարր փաստաթղթում: Կախված նրանից, թե կոնկրետ արժեքների ընտրված էջը կարող են արտածվել Արգելափակման մասը, գծային, որպես իրերի ցանկը, որպես սեղանին, եւ այլն. D. Այսպիսով, շնորհիվ գույքին "display", կարող է փոխել այն տեսակի բլոկի փաստաթղթում:

Ինչ վերաբերում է փաթեթ «գույքի արժեքի ցուցադրել, ոչինչ», այն թույլ է տալիս Ձեզ ջնջել կամ բլոկ է փաստաթղթում: Միեւնույն տակ տեղը կտոր էջի վերապահված չէ, որը նշանակում է, որ ընկնում դուրս հոսքի: Բոլոր տարրերը, որոնք դուրս են «հեռավոր», պարզապես չի տեսնում այն, եւ անտեսել չափը եւ պաշտոնը միավորից: Վերադառնալու թաքնված օբյեկտ, դուք պետք է վերաբերի այն փաստաթղթի միջոցով սցենարներ, որոնք պարզապես փոխել արժեքը հատկությունների, ինչպես նաեւ ցանկալի ձեւաչափով: Երբ դա տեղի է ունենում ինքնաբերաբար ձեւաչափը էջը նոր օբյեկտի վրա այն.

Միջեւ տարբերությունը հատկությունները "display" եւ "տեսանելիության»

Չնայած այն հանգամանքին, որ որպես հետեւանք երկու հատկությունների թաքցնելու իրեր են անձնագիրը, նրանց սկզբունքը գործում է բոլորովին այլ է: Ինչպես արդեն վերը նշվեց, որ պարամետր "էկրան: ոչ" հեռացնում տարրը է փաստաթղթում: Թաղամաս ընկնում դուրս էջում, հետեւաբար չի կարող տեղի է ունենում այն. Այս դեպքում, որ օբյեկտը դեռեւս մնում է HTML- ծածկագրի.

Իր հերթին, գույքը "visibility: hidden« թաքցնում է տարրը մասին, սակայն չի հանել այն փաստաթղթի մոդելը: Այսպիսով, էջ, որտեղ պաշտպանված մի տեղ այս բլոկում. Այսինքն, այդ փաստաթուղթը հոսքը կընդունի եւ համարում, գտնվելու վայրը եւ չափը էլեմենտի գույքի "տեսանելիության: թաքնված« հենց նույն կերպ առանց դրա:

Այս տարբերությունը այն է, որ կազմակերպությունն կառուցվածքը փաստաթղթի այս երկու հատկությունների հնարավոր է դարձնում հասնել ցանկալի արդյունքի համար ճիշտ էջի էկրանին.

Օգտագործելով CSS - Ցուցադրել: None

Ինտերնետ փաստաթուղթը կան մի քանի եղանակներ որոշելու հատկությունների տարր. Առաջին ցուցադրման ոչ մեկը կարող է նախատեսվել է առանձին ֆայլի Cascading Style թերթ: Այս մեթոդը առավել առաջադեմ եւ լավագույն, քանի որ այն թույլ է տալիս Ձեզ կատարել բոլոր selectors, դասեր եւ նրանց հատկությունները առանձին փաստաթղթով: Այդ մոդելը թույլ է տալիս Ձեզ արագ գտնել եւ փոփոխել Էջի կարգավորումներ:

Փաստաթուղթը header

Երկրորդը մարմնացումը է սահմանել ոճեր շրջանում կոչման փաստաթուղթ ոճի թեգերը. Արդյունավետությունը Այս մեթոդի շատ ավելի քիչ. Այն խորհուրդ է տրվում կիրառել միայն ծայրահեղ դեպքերում, քանի որ ներկայությամբ մեծ թվով ոճերի դյուրընթեռնելիությունը վեբ էջերի դիզայներ վատթարանում է զգալիորեն. Եւ դա հանգեցնում է սխալների եւ դանդաղեցնել գործընթացը զարգացնելու վեբ փաստաթուղթ: Այս մոտեցումը է միայն խորհուրդ է տրվում այն դեպքում, ավելացնելով հատկորոշիչը մի փոքր շարք ոճերի կամ կարգաբերում գործիքի.

Հիշեք, որ եթե այս ճանապարհը կազմակերպման ոճեր են փաստաթղթում ավելի քիչ է, քան առանձին ոճով թերթիկ ներմուծման, համընկնող հատկությունները կլինեն overwritten, ըստ նրանց, որոնք գտնվում են մարմնի փաստաթղթի html:

Արգելափակել div. Ցուցադրել: ոչ մեկը

Մեկ այլ միջոց է ավելացնել ուղղակիորեն դեպի tag "ոճը = ցուցադրման: none;" կոդը տարր. Այս մոտեցումը հաճախ օգտագործվում է, երբ աշխատում է տարբեր շրջանակների, որի նպատակն - նվազեցնելու շարք հատկանիշների ուղղակիորեն մեջ ընդարձակելի եւ ցուցադրել դրանք վեբ փաստաթղթում: Բացի այդ, նման ռեկորդ է հաճախ, երբ հետեւում «ԿՈԴ տեսուչներ» էջ: Դա կարեւոր է հիշել, որ, օգտագործելով այս մոտեցումը, դուք կարող եք փոխել գույքը եւ արժեքը նախատեսված է պատուհան: Այսպիսով, դուք պետք է զգույշ լինել, որպես հետեւանք, դուք կարող եք ստեղծել լրացուցիչ խնդիրներ իրենց համար եւ ծախսել որոշակի ժամանակ է գտնելու եւ ամրագրելիս սխալներով է էջը կոդը:

JavaScript- ը

Հարկ է նաեւ նշել, հնարավորությունը հետագա փոփոխությունների, այս սեփականության մասին. Այն վերաբերում այլեւս է ընդարձակելի եւ HTML- կոդ եւ սցենարներից լեզվով. Հետեւաբար, պետք է կիրառել դա անհրաժեշտ է ունենալ առնվազն որոշ գիտելիքներ այս ոլորտում: Որպեսզի հեռացնել այդ տարրը փաստաթղթաշրջանառության, դուք կարող եք օգտագործել Javascript- ին սեփականությունը »էկրան = none": Այն թույլ է տալիս Ձեզ փոխել կառուցվածքը փաստաթղթի, երբ որոշակի իրադարձության. Բացի այդ, օգտագործման միջոցով սցենարներ դինամիկ ( «վրա ճանճը») է փոխել պարամետր հատկությունները եւ դրանով թարմացնել տեսակետը էջի առանց վերաբեռնել. Այս մոտեցումը օգտակար է, երբ կազմակերպելու բացվող ընտրացանկերում, մոդալ Windows եւ ձեւերը:

SEO

Ոլորտում օպտիմալացնել վեբ բովանդակություն որոնիչների, կան բազմաթիվ սնահավատություններ եւ անորոշությունները: Այնպես որ, շատ անփորձ SEOs համարում օգտագործումը հատկությունների "display" վատ տեսակետին: Նրանք դա բացատրում են այն հանգամանքով, որ որոնման տեսնելով թաքնված բովանդակությունը, սկսում են համարում էջը, քանի որ պետք է գրանցվեք: Իրենց խոսքերով, կա տրամաբանություն, բայց ոչ շատ ուրիշ. Այս պահի դրությամբ գույքը թաքնված օբյեկտների, որոնք օգտագործվել հաճախ բավարար ֆորմատավորելու արտընկա եւ թաքցնել մասերը փաստաթղթի, որը ոչ ներկայումս հետաքրքրություն օգտագործողի (օրինակ, երբ դուք ընտրել կատեգորիա այլ տեղեկատվության, որը ջնջվել): Այս մոտեցումը օգտագործում է բավականաչափ հզոր ինտերնետ պորտալները (որոնցից, որ «Amazon»): Այսպիսով, որոնման spiders չի կարող դիտարկել օգտագործումը գույքի «ցուցադրել, ոչինչ» սպամի:

Մեկ այլ բան է, երբ այս մոտեցումը, որն օգտագործվում է թաքցնել անհատական խոսքերը եւ նիշ: Չնայած այն հանգամանքին, որ այժմ որոնման spiders դեռ չեն ունենա կատարյալ ճանաչումը նման, «SPAM" ալգորիթմների է փաստաթղթերի, հավանականությունը, որ էջը կլինի բռնել այս, բավականին բարձր է: Ուստի խորհուրդ է տրվում օգտագործել գույքային «հրավառություն» խիստ իր նպատակային նշանակությամբ - փոխելու այն տեսակի բլոկի կամ ժամանակավորապես թաքցնել աչքերով Օգտվողի մասին.