În foile de stil bine structurate, nu este nevoie să atribuiți clase fiecărui element. Este suficient să descrieți mai detaliat stilurile elementelor, folosind capacitatea de a imbrica selectoare în alți selectoare. Apropo, sunt chemați astfel de selectoare cuibăritși reprezintă o structură tridimensională.
Exemplul 2.2.1
Mai jos este așa-numitul „CSS verbal”, care prezintă un model de imbricare a unor selectoare în cadrul altor selectoare.
.global-header (culoare fundal: #f5f5f5; culoare: #443d3d; margine-jos: 1px solid #ddd ; ) .global-header h1 (margine-sus: 0; margin-bottom: 0 ; dimensiune font: 4rem ; ) .global-header h1 small ( font-size : 2rem ; ) .global-header .header-actions ( culoare de fundal : #fff ; padding-top : 10px ; padding-bottom : 10px ; text-align : center; )Rezolvarea problemelor
Toate acestea sunt bune, dar numai atâta timp cât numele claselor sunt scurte, adâncimea cuibării nu este mare, iar ochii tăi sunt capabili să urmărească această structură. Personal, până am început să folosesc preprocesoare CSS, am scris cod în acest fel, pe parcurs împărțind fișierul CSS în blocuri logice și încercând să-l păstrez curat. Acest lucru este convenabil și practic, dar m-am plictisit repede de sortarea codului prin imbricare, iar foaia mea de stil arăta uneori ca un amestec de litere și numere. Desigur, înainte de asamblarea finală a proiectului, toate acestea au fost corectate, dar nu este cazul în care doriți să petreceți timp.
Imaginați-vă un cuprins pentru o carte simplă, ca acesta:
1. Capitolul 1. Acesta este primul meu capitol din cartea 1.1. Aceasta este prima mea poveste despre ceea ce am făcut 1.1.1. Mai multe detalii despre ce am făcut 1.2. Aceasta este a doua mea poveste despre ceea ce am făcut 1.X. ...
Aici este destul de ușor de înțeles că punctul 1.1 este o consecință a primului punct. Cu toate acestea, dacă îl rescrieți într-un format mai lizibil, puteți economisi timp procesând numerele din cap. În mod abstract, se poate reprezenta următorul format:
Acesta este primul meu capitol al cărții Aceasta este prima mea poveste despre ceea ce am făcut Mai multe despre ceea ce am făcut Aceasta este a doua mea poveste despre ceea ce am făcut
Acest model de imbricare este prezent în Less, atunci când un selector, în cel mai adevărat sens al cuvântului, este imbricat într-un alt selector. Acest lucru are ca rezultat o structură ușor de întreținut, lizibilă și plăcută ochiului. Dacă încercați să proiectați un astfel de model pe codul CSS, atunci va arăta astfel:
.class-1 ( proprietate : valoare; .class-2 ( proprietate : valoare; ) .class-3 ( proprietate : valoare; ) )Pentru mai multă claritate, îmi propun să mă refer la un exemplu concret în care voi încerca să compar CSS clasic și codul Less.
Exemplul 2.2.2
Aici am rescris codul de la exemplu 2.2.1, înlocuind sintaxa clasică cu una de preprocesor.
.global-header (culoare de fundal: #f5f5f5; culoare: #443d3d; margine de jos: 1px solid #ddd; h1 (margine-sus: 0; margine de jos: 0; dimensiunea fontului: 4rem; mic (font- dimensiune: 2rem ; ) ) .header-actions ( culoarea fundalului : #fff ; padding-top : 10px ; padding-bottom : 10px ; text-align: center; ) )Imaginea de mai jos prezintă modelul de imbricare descris în acest exemplu. Pentru claritate și înțelegere a esenței a ceea ce se întâmplă, ecranul este împărțit în două părți, unde codul este scris în stânga în limbajul preprocesorului și în dreapta în CSS „pur”.
De acord, acum codul tău devine intuitiv și ușor de citit. Într-o astfel de structură, este dificil să te confuzi și să te pierzi printre selectori, deoarece aici imbricarea lor este clar vizibilă și nu este nevoie să ne amintim numele selectorului părinte - compilatorul face acest lucru pentru noi.
Avertizare!
Încearcă să-ți amintești o dată pentru totdeauna că poți cuibărește selectoare unul în celălalt pe termen nelimitat, dar fă-o cu strictețe Nu se recomandă! Mulți dezvoltatori sfătuiesc să se asigure că structura, în general, nu depășește trei investiții. Nu este nevoie să cuibăriți selectoare începând de la părinte până la acea adâncime. Nivelul maxim admis, în cazuri extreme, cinci atașamente. Încercați să evitați carcasele marginale, dacă nu aveți cu adevărat nevoie.
Bună ziua, dragi cititori ai site-ului blogului. Astăzi îmi propun să continuăm conversația despre care am început-o în articolul de mai sus. Mai devreme, am ajuns să știm ce sunt foile de stil în cascadă, ce înseamnă acestea și multe altele.
Tot materialul despre foile de stil în cascadă care a fost deja publicat pe acest blog poate fi găsit în . Astăzi vom vorbi mai întâi despre cum puteți combina și grupa selectoarele, apoi vom arunca o privire mai atentă asupra regulilor care se aplică aceluiași element din codul HTML (Important, reguli de numărare și scriere a selectorului în atributul stil).
Combinații și grupări de selectoare în CSS
Deci, în articolele anterioare, am reușit să luăm în considerare 7 tipuri:
Dintre aceste șapte tipuri posibile în limbajul CSS, se pot face combinații. Toate combinațiile pe care le vom face sunt direct legate de (strămoși – descendenți, părinți – copii, frați – surori).
Primul tip de combinație se numește selector de context. Se ține cont de relația elementelor de cod Html conform principiului „Strămoș – Descendent”:
Separa selectoarele dintr-o combinație sunt scrise cu un spațiuși trebuie citit de la dreapta la stânga. Acea. regulile CSS se vor aplica numai ultimei din acea combinație (cea din dreapta) și orice înainte de aceasta ne permite doar să ajustam aplicarea (direcționarea) regulilor noastre (accent).
Primul exemplu spune că toate elementele B (aldine) care au elemente Div în strămoșii lor vor fi colorate în verde.
În codul de mai sus, doar fragmentul subliniat va fi colorat în verde, deoarece există un Div printre strămoșii săi, iar al doilea fragment de cod, evidențiat cu etichete B, va rămâne în culoarea care este selectată implicit pentru el, deoarece containerul Div nu se mai află printre strămoșii săi (doar P și Body):
Astfel de combinații funcționează în orice browser.
Următorul tip de combinație ar fi selector de copii, care se bazează pe principiile relației elementelor de cod în funcție de tipul „Părinte-Copil”:
Sunt scrise cu un separator mai mare decât semnul (>):
Această intrare va fi interpretată de browser după cum urmează: pentru „părintele” (cel mai apropiat strămoș) al căruia este containerul Div, se va folosi evidențierea roșie.
În exemplul de mai sus, doar paragrafele care sunt subliniate vor fi colorate în roșu deoarece sunt ambalate direct în containerul Div care este părintele lor (cel mai apropiat strămoș). Dacă modificați exemplul de mai sus al unui selector de copii la acesta:
Corp > p (culoare: roșu)
Atunci doar ultimul paragraf va fi evidențiat cu roșu, deoarece părintele său este eticheta Body, iar primele două paragrafe vor rămâne în culoarea lor implicită (Body este strămoșul lor, dar nu părintele, care este Div). Selectoare pentru copii nu funcționează în browserul Ie 6.
Cum și de ce grupează selectoarele în codul CSS
Ultima combinație se numește selectoare adiacenteși îndeplinește principiile relațiilor dintre elementele codului Html de tip „Sisters – Brothers”. Ei pot folosi fie „+” fie „~” ca separator:
Această intrare înseamnă că conținutul elementului I (italicizare) va fi colorat în roșu numai dacă cel mai apropiat vecin din stânga (codul de sus) este elementul B (bold). De exemplu, condiția dată va fi îndeplinită în acest exemplu:
Dacă scrieți un selector adiacent în codul Css astfel:
H1~p (culoare:roșu)
Aceasta va însemna că toate paragrafele (P), care au un element vecin H1 (titlu) de mai sus în cod, vor fi colorate în roșu. Sunt elementele învecinate care se referă (relații de tip „Surori – Frați”). În exemplul de mai jos, selectorul dat se va potrivi cu paragrafele încercuite:
Combinațiile de selectoare adiacente în browser Ie 6, de asemenea, nu sunt acceptate, din păcate. În Ie 6, doar primul tip de combinație este acceptat, în timp ce în Ie 7 și mai sus, toate celelalte sunt acceptate. Alte browsere nu ar trebui să aibă probleme.
Selectoare în CSS pot fi de asemenea grupate. De exemplu, dacă unele dintre ele folosesc una sau mai multe dintre aceleași reguli, atunci pot fi combinate într-un grup pentru a reduce cantitatea de cod Css.
În exemplul prezentat în captură de ecran, se repetă pentru fiecare selector de antet (h1-3), ceea ce poate cauza dificultăți (lucrare multiplă) dacă doriți să modificați valoarea acestei proprietăți. Prin urmare, a doua versiune a înregistrării grupate pare puțin mai de preferat.
Vă rugăm să rețineți că atunci când grupați selectoarele sunt separate prin virgule. Dacă există mai multe reguli identice, atunci economiile de cod vor fi mai tangibile. Și acele reguli care au fost unice trebuie încă scrise individual.
Priorități de proprietate Css (cu și fără importanță)
Acum să ne gândim ce stil va folosi browserul dacă nu sunt setate stiluri pentru acest element de cod HTML? Și pentru aceasta există o specificație corespunzătoare, unde sunt descrise toate acestea.
După cum puteți vedea, acum există deja o separare finală a Html și Css. Acestea. chiar și pentru codul HTML pur, browserul va folosi în continuare proprietățile implicite ale foii de stil. Deci, aici sunt proprietățile implicite au cea mai mică prioritate.
Proprietățile atribuite de utilizator în setările browserului au o prioritate mai mare. Aceste stiluri vor fi aplicate oricăror documente pe care le vede în acel browser.
Adevărat, nu toate browserele au o astfel de oportunitate, dar cel puțin Ie și Opera o au. Acestea. dacă dorește, utilizatorul poate include propriul fișier CSS ca sursă de marcare a stilului.
De exemplu, în Ie, pentru a face acest lucru, selectați din meniul din dreapta sus „Instrumente” - „Opțiuni Internet”, apoi pe prima filă „General” faceți clic pe butonul de jos „Design”. În fereastra care se deschide, trebuie să bifați caseta „Proiectați folosind stilul personalizat”, iar folosind butonul „Răsfoiți”, găsiți pe computer fișierul de marcare CSS de care aveți nevoie:
Acestea. utilizatorul are capacitatea de a face orice site deschis în browser să arate în conformitate cu cerințele sale, descrise în fișierul CSS. Se numeste "stiluri personalizate"și au prioritate față de stilurile care sunt definite în specificația implicită. Dar așa-zisele stiluri de autor vor avea o prioritate și mai mare.
Adică, dacă eu (dezvoltatorul site-ului) am vrut să folosesc alte stiluri decât stilurile implicite în designul oricărui element de cod HTML (rețineți, acestea sunt descrise în specificație), atunci utilizatorul nu va putea întrerupe designul meu cu propriul său fișier Css.
Utilizatorul va fi obligat să accepte? Nu. Are ocazia sporește-ți proprietățile CSS adăugând Important la sfarsitul fiecaruia. Acest cuvânt este scris printr-un caracter spațiu și în fața lui este plasat un semn de exclamare:
P (culoare:roșu !important;)
Dacă utilizatorul din propriul fișier de stil, pe care l-a conectat la browser, va avea aceeași proprietate cu Important, atunci va vedea toate paragrafele în roșu. Dar la urma urmei, autorul (dezvoltatorul) site-ului ar putea folosi Important pentru această proprietate. Cine va câștiga atunci și a cui prioritate va fi mai mare?
Noi am hotărât asta stiluri personalizate cu Important va avea în orice fel o prioritate mai mare decât stilurile autorului, atât cu Important, cât și fără.
Să rezumam sub forma unei liste toate informațiile de mai sus despre prioritățile proprietăților stilului. Prioritatea va scădea de sus în jos:
- Personalizat cu Important
- Drepturi de autor cu Important
- Drepturi de autor
- Personalizat
- Stiluri adoptate pentru elementele HTML în specificația implicită (când nici autorul, nici utilizatorul nu au specificat altceva)
Acestea. fără Important, stilurile de autor sunt mai importante, iar odată cu ele, stilurile de utilizator sunt cele mai importante și prioritare. Ei bine, acum să ne ocupăm de tabelele autorului, pentru că ceea ce face utilizatorul ne este necunoscut și este acoperit de întuneric.
Cum să creșteți prioritățile proprietăților Css în stilurile de autor
Chiar acum trecem la întrebare foi de stil CSS în cascadă. Să ne uităm la asta cu un exemplu pentru a fi mai clar. Să presupunem că avem un fragment de cod cu următoarele elemente HTML (un paragraf în interiorul unui container Div):
Conținutul containerului
Să scriem mai întâi aceste proprietăți:
P(culoare:roșu) .sbox(fond:#f0f0f0)
Ca urmare, atât primul dintre ele va fi aplicat paragrafului (pentru că este format din eticheta P), cât și proprietatea care stabilește fundalul gri pentru elementul cu clasa „sbox”, pe care din nou acest paragraf are:
Și acum să adăugăm o altă proprietate la al doilea selector (clasă) care va intra în conflict cu prima linie (ambele sunt setate, dar valorile sunt folosite diferit):
P(culoare:roșu) .sbox(fond:#f0f0f0;culoare:albastru)
Ca rezultat, culoarea textului paragrafului va deveni albastră în loc de roșu.
De ce? Pentru că așa se rezolvă conflictul atunci când același element de cod HTML primește mai multe reguli identice deodată, dar cu valori diferite și din locuri diferite în codul Css. Pentru a determina care regulă are o prioritate mai mare, trebuie să numărați selectorii acesteia.
În plus, ei înșiși selectoarele sunt clasificate după prioritate. ID-ul are cea mai mare prioritate. În acest exemplu, culoarea textului va fi albastră tocmai pentru că prioritatea Id (#out) va fi mai mare decât selectorul de etichetă (p):
P (culoare:roșu) #out (culoare:albastru)
Mai jos pe scara de prioritate se află selectorii de clasă, pseudo-clasă și atribute. În exemplul următor, eticheta (p) se va reda din nou, iar culoarea textului paragrafului va fi albastră, deoarece concurează cu un selector cu prioritate mai mare (clasă):
P (culoare: roșu) .sbox (culoare: albastru)
Ei bine, cea mai mică prioritate (în afară de universalul *, care are cea mai mică greutate și nu aduce nicio modificare la astfel de butts) este selectoarele de etichete și pseudo-element.
Div p (culoare:roșu) p (culoare:albastru)
Ce culoare va fi textul paragrafului rezultat? Așa e, este roșu, pentru că. această proprietate are mai mulți selectori de etichete (doi față de unul). Oh, cum. Acestea. Id-urile sunt luate în considerare mai întâi. Dacă nu există un câștigător, atunci sunt luate în considerare clasele, pseudo-clasele și atributele. Ei bine, și dacă nu s-a decis nimic acolo sau nu s-a găsit niciun astfel de lucru, atunci se iau în considerare selectorii de etichete și pseudo-elemente.
Dar este foarte posibil ca câștigătorul să nu fie dezvăluit și selecționatorii claselor concurente să fie de aceeași prioritate în sumă. De exemplu, pentru paragraful nostru de lungă suferință inclus într-un container Div:
Conținutul containerului
Va fi destul de posibil să scrieți o astfel de bucată de cod Css:
Div.box #out(culoare:rosu) #in p.sbox(culoare:albastru)
Și ce culoare ar trebui să fie textul paragrafului? Ambele combinații descriu exact paragraful nostru. Primul ar trebui, ca de obicei, să fie citit de la dreapta la stânga: aplicați aceste proprietăți (culoare: roșu) elementului cu Id #out, care se află undeva în interior (aveți-l printre „strămoși”) containerului Div cu clasa .box (div.box ). Se potrivește complet paragrafului nostru.
A doua combinație: aplicați aceste proprietăți (culoare:albastru) unui element de paragraf cu clasa sbox (p.sbox) care se află în interiorul oricărui element cu Id #in. Din nou, descrie pe deplin paragraful nostru. Să numărăm selectorii.
Cu ID în ambele combinații apar o dată, același lucru se poate spune despre clase. Rămâne doar numărarea selectoarelor de etichete, dar acestea sunt, de asemenea, folosite în ambele combinații de același număr de ori (una). Ambuscadă.
s-a adeverit priorități egale pentru aceeași proprietate cu valori diferite (culoarea textului roșu sau albastru). Cum va rezolva browserul această dilemă?
Aici se va aplica regula - cine este ultimul, el are dreptate. Prin urmare, în exemplul meu, culoarea textului paragrafului va fi albastră, deoarece această proprietate (culoare: albastru) se află mai jos în cod. Dacă aceste reguli sunt inversate:
#in p.sbox(culoare:albastru) div.box #out(culoare:roșu)
Aceasta va schimba culoarea textului paragrafului în roșu. Q.E.D. Puteți adăuga, de exemplu, un alt selector de etichete la orice combinație și vom înclina balanța în favoarea ei, chiar dacă nu este mai jos în cod:
Corp #in p.sbox(culoare:albastru) div.box #out(culoare:roșu)
În acest caz, culoarea paragrafului se va schimba în albastru. Selectorul universal „*” nu are niciun efect asupra calculului priorității. Apropo, chiar mai sus am luat în considerare o modalitate de a crește prioritatea regulilor Css adăugând Important. În exemplul nostru, ar putea arăta astfel:
P (culoare:verde !important) #in p.sbox(culoare:albastru) div.box #out(culoare:roșu)
Ce culoare va fi textul paragrafului în acest caz? Verde, desigur. Și nici nu trebuie să numeri nimic, pentru că adăugând Important la proprietatea style rezolvă această problemă controversată fără ambiguitate, indiferent unde se află în cod și câți selectori are.
Dar Important nu este singura modalitate de a ridica necondiționat prioritatea unei proprietăți. A doua modalitate de a spori ar putea fi utilizarea foilor de stil. proprietăți în atributul Stil elementul HTML de care aveți nevoie.
Acestea. scrieți atributul Stil în interiorul aceleiași etichete P de lungă suferință cu atribuirea oricărei culori:
Conținutul containerului
Ei bine, asta-i tot. Acum, indiferent de ce proprietăți sunt scrise pentru acest element într-un fișier de foaie de stil extern sau în interiorul etichetelor Style Html ale codului, culoarea textului paragrafului va fi galbenă.
Dar nu va putea ucide proprietăți cu Important. Acestea. în ultimul exemplu, unde am adăugat regula „p (culoare:verde !important)”, culoarea textului va fi în continuare verde, chiar dacă style="color:yellow" este setat.
De fapt, prioritatea celor două reguli (cu Important în fișierul de foaie de stil extern și în atributul de stil) este egală, ceea ce înseamnă că trebuie să treceți la selectatorii de numărare. Pot fi în interiorul atributului stil?
Da, nu poate exista niciuna, ceea ce înseamnă că o regulă scrisă în atributul style va pierde întotdeauna în fața unei reguli cu Important doar din cauza unui număr mai mic de selectori (zero va fi mai mic decât orice număr).
Ei bine, ce atunci va acorda cea mai mare prioritate proprietății Css? Așa este, va fi scris în atributul stil și chiar și cu Important:
Conținutul containerului
În acest caz, culoarea textului paragrafului va fi galbenă și va fi imposibil să îl întrerupeți cu ceva în stilurile autorului. Am găsit o modalitate absolută de a stabili stiluri. Poate fi înlocuit doar de un utilizator cu propria foaie de stil și proprietatea Important setată pentru aceasta.
Deci să încercăm să compunem lista de factori care afectează prioritatea proprietăți în stilurile de autor în ordine descrescătoare:
- Setarea proprietății în atributul de stil al etichetei dorite împreună cu Important
- Adăugarea Important la o proprietate într-un fișier extern foaie de stil sau în eticheta de stil direct în codul HTML
- Pur și simplu scrieți această proprietate în atributul de stil al elementului de care are nevoie
- Utilizarea unui număr mai mare de ID-uri pentru o proprietate dată
- Folosind mai mulți selectori de clasă, pseudo-clase sau atribute
- Folosind mai mulți selectori de etichete și pseudo-elemente
- Poziția inferioară a proprietății în codul Css, toate celelalte lucruri fiind egale
De fapt, regulile din atributul style sunt rar folosite (imaginați-vă cât de dificil ar fi în acest caz să faceți modificări întregului cod al site-ului, și nu într-un fișier CSS separat).
Acest atribut este folosit mai ales atunci când trebuie doar să testați ceva rapid. Ei bine, este convenabil și dacă inserați codul în paginile HTML ale altora, care au propriul design de stil și care pot fi moștenite () pentru elementele dvs. inserate.
De ce și cum să inserați codul pe paginile altora? S-ar putea să nu avem nevoie, dar Yandex și Google o fac atunci când sau pe alte site-uri (site-urile noastre cu tine).
Adăugând atributul de stil la toate elementele codului blocului de anunțuri, cu proprietăți scrise în el și adăugate Important, nu vă mai puteți face griji că codul de anunț va fi schimbat în vreun fel (deși anunțurile Yandex pot fi modificate în continuare datorită CSS și Important, se pare că nu au folosit această metodă).
Multă baftă! Ne vedem curând pe site-ul paginilor blogului
S-ar putea să fiți interesat
Selectori de etichetă, clasă, ID și universal, precum și selectori de atribute în CSS modern 
Selectoare de pseudo-clase și pseudo-elemente în CSS (hover, first-child, first-line și altele), relații între etichetele de cod HTML 
Stil listă (tip, imagine, poziție) - reguli Css pentru personalizarea aspectului listelor în cod HTML 
Pentru ce este CSS, cum să conectați foile de stil în cascadă la un document HTML și elementele de bază ale sintaxei acestui limbaj 
CSS - ce este, cum sunt conectate foile de stil în cascadă la codul HTML folosind Style și Link 
Unități de dimensiune (Pixeli, Em și Ex) și moștenirea regulilor în CSS 
Fundal în CSS (culoare, poziție, imagine, repetare, atașament) - toate pentru setarea culorii de fundal sau a imaginii de fundal a elementelor HTML 
Cum să găsiți și să eliminați șirurile de stil neutilizate (selectori suplimentari) din fișierul CSS al site-ului dvs Stil diferit pentru link-urile interne și externe prin CSS
Articolul nu este pe deplin relevant.
În 10.2 și versiuni ulterioare, s-a adăugat posibilitatea de a redenumi pagina cu regulile site-ului direct în panoul de administrare al motorului, în timp ce se editează direct textul regulilor. Cu toate acestea, pagina cu regulile site-ului rămâne. Există și se află pe orice site DLE la http://my_site/rules.html
Cum să stoarceți tot sucul din această adresă - citiți mai departe
Pagina cu regulile site-ului în CMS DLE
Pagina cu regulile site-ului este o pagină statică de sistem. Este procesat de motor și generat în același mod ca o pagină obișnuită de statistici. Numai că este imposibil să-l eliminați - nu este furnizat de dezvoltatorul motorului. Chiar dacă regulile site-ului în sine sunt dezactivate pentru afișare în timpul înregistrării, atunci pagina cu regulile site-ului este întotdeauna disponibilă la http://my_site/rules.html Primul motor de căutare care o găsește acolo va începe să vomite și să scuipe pe text și Nume. Nu este inteligent. La urma urmei, pe toate site-urile DLE - același lucru.
Când o pagină cu reguli de site intră pe harta site-ului, este considerată de motorul de căutare drept „gunoi” și nu este luată în indexul de căutare, deoarece regulile site-ului sunt aceleași aproape peste tot. Prin urmare, paginii cu reguli de site în DLE, implicit, este interzisă (închisă) de la indexarea căutării în fișier ( Linia de respingere: /rules.html).
Unicitatea „Regulilor site-ului”
Personal, parerea mea despre pagina cu regulile site-ului si despre unicitatea acesteia este un atavism care distrage atentia utilizatorului in timpul inregistrarii. Regulile site-ului sunt o ramură rudimentară, a cărei inutilitate a fost dovedită cu succes de organizatorii rețelelor sociale.
Nu, ei bine, a văzut cineva pe facebook sau twitter reguli formidabile sau speciale la înregistrare? Sau poate sunt pe Vkontakte și Odnoklassniki? Asta este!
Și un site web, cu o prezență de 1000 de unici -
începe să scrie propriile reguli unice pentru utilizatori.
În ceea ce mă privește, cele mai bune reguli de pe site sunt absența lor totală.
Dacă utilizatorul este normal și adecvat, el înțelege totul.
Nicio pagină - nicio problemă
Nu este un secret pentru nimeni că blocarea paginilor și directoarelor de la indexarea căutărilor nu este un panaceu. Într-un fel sau altul, orice pagină a site-ului va fi mai devreme sau mai târziu „mestecată” de motorul de căutare. De exemplu, luați același Yandex. Roboții săi de căutare vor pompa absolut tot ce găsesc de pe site și abia atunci vor începe să sorteze și să se gândească dacă să emită pagini pentru căutare sau nu. Acest lucru este destul de evident, în ciuda asigurărilor emoționante ale lui Yandex că el și roboții săi nu descarcă materiale suplimentare de pe site. De exemplu, dacă o pagină web este închisă de la indexare, atunci Yandex salvează doar adresa sa marcată , sau(cine o va închide).
În loc să săpați și să blocați o pagină „gunoi” cu regulile site-ului de la indexarea căutării, este mult mai bine să o refaceți pentru un alt lucru util și să deschideți accesul la ea pentru motoarele de căutare - lăsați-le să se calmeze. Sau, cel puțin, scrieți-vă comportamentul pe site și, din nou, permiteți motoarele de căutare să acceseze pagina.
Deschideți regulile site-ului pentru motoarele de căutare
Facem un pas îndrăzneț și deschidem accesul la pagina cu regulile site-ului pentru motoarele de căutare. Pentru a face acest lucru, în fișierul nostru găsim linia Disallow: /rules.html și ștergem nafik-ul acestuia. E gata! Acum, orice robot de căutare va putea intra oficial în „Regulile site-ului” deschis și, bineînțeles, va putea spune „Fe-e!” și „Fii-e!”. Pentru a preveni acest lucru, refacem pagina „Reguli site” - introduceți propriul text unic pe orice subiect, imagini și schimbați numele (titlul) paginii.
Editarea paginii „Reguli pe site”.
Editarea paginii cu regulile site-ului este disponibilă în panoul de administrare al motorului DLE, în secțiunea „Lista tuturor secțiunilor” - „Reguli pe site”. Editarea paginii „Reguli pe site” se realizează, ca pentru orice altă pagină statică - în modul normal al editorului de text vizual. Aici, problemele pot fi doar cu scrierea unui text unic și selectarea imaginilor unice. Puțin mai sus, există o fereastră specială pentru introducerea unui titlu (titlu) pentru pagina actualizată. Dar, o astfel de inovație a apărut în, începând cu versiunea 10.2.
Pentru a redenumi pagina cu regulile site-ului
la modelele de motoare mai vechi -
Va trebui să explorați fișierele sale de sistem.
Redenumirea paginii „Reguli pe site”
(pentru CMS DLE 10.1 și versiunile anterioare)
Redenumirea directă a paginii „Reguli pe site” se face în fișierul adminpanel.lng, care se află în folderul limbă/rusă/adminpanel.lng. Fișierul adminpanel.lng este un fișier de sistem al motorului DLE. Pentru a-l edita, accesați serverul dvs. (în caz contrar - în niciun caz).
Deschideți fișierul adminpanel.lng.
Căutăm o linie
"rules_edit" => "Reguli generale ale site-ului"
Schimbăm cuvintele „Reguli generale pe site” cu noul nostru nume. Închidem. Salvăm. (Puteți schimba doar alfabetul chirilic, care se află între ghilimele. În caz contrar, nu va mai funcționa cu totul.)
Ștergeți memoria cache a motorului și a browserului. După editarea și salvarea fișierului adminlogs.lng, este necesar să ștergeți memoria cache a motorului și a browserului pentru a forța motorul să regenereze pagina cu un nume nou, iar browserul să o descarce. Dacă acest lucru nu ajută și numele vechi continuă să fie afișat, trebuie să mergeți la panoul de administrare al motorului, să editați și să salvați din nou pagina „Reguli pe site” cu un semn nesemnificativ. De exemplu - puneți un punct în text (apoi puteți repara totul înapoi). Astfel de agresiune și atrocități vor curăța cu siguranță creierul motorului și al serverului și le vor forța să genereze și să afișeze un nou nume.
Gândind cu voce tare. Se simte respectat celsoft citind acest blog. Puțin mai târziu, după această publicare, în panoul de administrare al versiunii CMS DLE 10.2 a motorului, a devenit posibilă redenumirea paginii cu regulile site-ului într-un mod normal civilizat, fără a alege obositoare în fișierele de sistem de script. Multe mulțumiri dezvoltatorilor CMS DLE pentru munca și atenția acordată problemelor oamenilor obișnuiți.
Regulile fac parte din lumea noastră și ne ghidează în mod constant acțiunile zilnice. În aproape fiecare domeniu al vieții noastre există reguli - reguli de comportament (reguli de comportament), reguli de etichetă (etichetă), reguli de traversare a străzii (reguli de traversare a străzii) - lista este nesfârșită.
Ce sunt regulile? Este un set de instrucțiuni care trebuie urmate sau respectate. Există multe cuvinte în limba engleză care implică reguli sau se referă la reguli:
- Precauții - avertisment
- Porunci - prescripție, directivă
- Direcții - instrucție
- Preavertismente - avertizare
- Ghiduri - ghiduri
- Orientări - orientări
- Instructiuni - instructiuni
- Legi – legi
- Politici - setări
- Proceduri – proceduri
- reguli
- Avertismente - avertismente
Cod scurt Google
Regulile ne afectează în fiecare zi și sunt greu de evitat chiar și în cele mai simple locuri, chiar și atunci când doar mergem pe stradă este imposibil să ratam toate indicatoarele (ratam toate indicatoarele) postate în jurul nostru, avertizând (dând avertismente) și indicând asupra regulilor de urmat. Cel mai obișnuit mod de a explica o regulă este să o notezi într-o carte sau să pui semne pe care toată lumea le poate vedea. Iată câteva dintre regulile postate sub formă de indicatoare pe care le vedem adesea pe străzi și în locuri publice, cunoscute sub numele de semne de avertizare.
- nu mergeți cu bicicleta - nu puteți merge cu bicicleta
- nicio intrare - intrarea refuzată
- nu se permite patinaj - nu poți patina cu role
- beware of oncoming bicycles - beware of oncoming bicycles
- Rămâneți departe = nu blocați această zonă - nu ocupați această zonă
- nu vă puteți umple bidoanele de gaz aici - nu puteți umple buteliile de gaz
- otravă = nu o mănânci - otravă = nu poți mânca
- fumatul interzis - nu fumați
- ferește-te de oamenii care traversează drumul - cu grijă, pietoni
- parcare interzisă – parcarea este interzisă
- nu aruncați gunoiul - nu aruncați gunoiul
- nu sunt permise copii - copiii nu au voie
- nu este permisă fotografia - fotografia este interzisă
- please clean up after your dog - curăță după câinele tău
- pericol de moarte - pericol, curent electric de înaltă tensiune în apropiere - periculos! – periculoase, de înaltă tensiune
- nu se permite scuipat - nu poți scuipa
După cum puteți vedea, există o mulțime de reguli în jurul nostru (regulile sunt peste tot în jurul nostru), și trebuie să le respectăm, deși, trebuie spus că uneori oamenii nu respectă regulile, le încalcă (încalcă regulile ), sau merg împotriva regulilor (merg împotriva regulilor), uneori sunt „prinși” (sunt prinși) și pedepsiți (sunt pedepsiți). Dacă încalci regula, s-ar putea să fii obligat să plătești bani, de exemplu. o amendă (o amendă/pedeapsă), sau mai rău, poate fi obligat să meargă la secția de poliție.
Ai încălcat vreodată regulile? Oamenii care respectă întotdeauna regulile sunt numiți „respectatori ai legii”, iar cei care încalcă regulile sunt numiți „încalcători ai legii”.
În cele din urmă, vrem să vă dorim „fii bun!” , „urmați regulile!”, „feriți-vă de probleme!”
Împărtășirea înseamnă îngrijire!
Atributul a ceea ce face| Nume | alimente |
|---|---|
| Floare de stele | tofu amestecat |
| Miko | supă de orez de legume |
| Andy | hummus |
| Ping | pâine prăjită franceză |
Valoarea ALL pentru atributul RULES
RULES=ALL indică faptul că toate frontierele interne ar trebui să fie vizibile. RULES=ALL este de obicei folosit împreună cu FRAME=VOID, astfel încât să existe margini exterioare, dar fără margini interioare.
| Nume | alimente |
|---|---|
| Floare de stele | tofu amestecat |
| Miko | supă de orez de legume |
| Andy | hummus |
| Ping | pâine prăjită franceză |
Valoarea COLS pentru atributul RULES
COLS indică faptul că ar trebui să existe margini între coloane, dar nu între rânduri.
| Nume | alimente |
|---|---|
| Floare de stele | tofu amestecat |
| Miko | supă de orez de legume |
| Andy | hummus |
| Ping | pâine prăjită franceză |
Valoarea ROWS pentru atributul RULES
RULES=ROWS indică faptul că ar trebui să existe margini între rânduri, dar nu între coloane.
| Nume | alimente |
|---|---|
| Floare de stele | tofu amestecat |
| Miko | supă de orez de legume |
| Andy | hummus |
| Ping | pâine prăjită franceză |
Valoarea GROUPS pentru atributul RULES
RULES=GROUPS vă permite să puneți margini între grupuri de celule de tabel. Există două moduri în care celulele pot fi grupate: pe rând și pe coloană. Să trecem peste fiecare dintre ele. Rețineți că în prezent Netscape nu recunoaște REGULI .
Gruparea după rând
Pentru a grupa după rând, utilizați ,
, Etichete. indică rândurile de antet ale tabelului, indică corpul principal al tabelului și indică rândurile de jos. Deci, de exemplu, acest cod creează un tabel cu trei grupuri. Granițele apar doar între grupuri:
| Nume | alimente | Preț |
|---|---|---|
| Floare de stele | tofu amestecat | 5.95 |
| Miko | supă de orez de legume | 4.95 |
| Andy | hummus | 3.95 |
| Ping | pâine prăjită franceză | 5.95 |
| Total | 20.80 | |
Iată cum se redă tabelul:
| Nume | alimente | Preț |
|---|---|---|
| Floare de stele | tofu amestecat | 5.95 |
| Miko | supă de orez de legume | 4.95 |
| Andy | hummus | 3.95 |
| Ping | pâine prăjită franceză | 5.95 |
| Total | 20.80 | |
Gruparea după coloană
Pentru a grupa după coloană, utilizați
