Configurare în timp de rulare. Devise: autentificare și înregistrare în Windows modal Eroare html de înscriere non-profit

Designerii petrec ore întregi perfecționându-și meșteșugurile pentru a ajusta cu atenție cele mai mici detalii ale design-urilor site-urilor web care ies din pixurile lor. Cu toate acestea, calitatea codului de foarte multe ori rămâne foarte scăzută. Ai nevoie de dovezi? Consultați galeriile de șabloane CSS gratuite. 90% dintre șabloane nu vor trece verificarea. În plus, majoritatea erorilor sunt foarte primitive și foarte ușor de remediat. În această lecție, vom analiza erorile tipice din codul HTML care împiedică finalizarea cu succes a verificării.

De ce verifica codul?

Dacă site-ul arată grozav în browser, atunci de ce să verificați codul? O întrebare tipică adresată înainte de a revizui codul. Dar site-ul nu se limitează doar la ceea ce este vizibil pentru utilizator. Paginile HTML sunt concepute pentru a prezenta date, nu efecte grafice. Datele trebuie să poată fi citite de întreaga comunitate vastă de oameni care folosesc internetul. Și cititorii pot folosi tehnologii foarte diferite pentru a primi informațiile prezentate pe site-ul tău - de exemplu, pot folosi un program vocal și pot asculta pur și simplu ceea ce este scris pe pagina ta.

O pagină HTML care nu conține erori se va afișa în general corect în majoritatea browserelor și va fi, de asemenea, compatibilă cu tehnologiile viitoare. Aici merită menționat motoarele de căutare, a căror funcționare este foarte importantă în scopuri SEO. Nimeni nu vrea să le creeze obstacole, iar codul curat și corect este mult mai ușor de perceput de către roboții de căutare.

Este și o chestiune de profesionalism. Codul HTML incorect este foarte asemănător cu erorile gramaticale din textul unui site web. Și deși clientul poate să nu observe erori în cod, acest lucru nu schimbă esența problemei. Nimănui nu-i plac erorile gramaticale în design, dar cumva lăsarea codului HTML cu erori nu este considerat același act rușinos.

Erori comune

Mai jos sunt erorile care au fost surprinse în șabloanele din prima pagină a celebrei galerii de șabloane CSS. O mulțime de site-uri web arată grozav, chiar grozav, dar adesea calitatea codului nu se potrivește cu calitatea designului. Deși majoritatea acestor erori pot fi remediate foarte rapid și ușor.


Cea mai gravă greșeală este să nu folosești Doctype! Fără etichetă Doctypeînseamnă că browserul va „ghici” ce limbă a fost folosită pentru a crea documentul. Pentru a corecta eroarea, trebuie să specificați tipul de document al paginii dvs.

Elementul nu este închis


Dacă deschideți o etichetă undeva în documentul HTML, trebuie să o închideți în locul potrivit. Uitarea în această chestiune nu numai că duce la erori la verificarea codului, dar poate provoca și probleme serioase cu șablonul. Figura arată o situație în care autorul a uitat să închidă eticheta

Omite caracterul / în elementele de auto-închidere


Majoritatea elementelor HTML au etichete de închidere separate, de exemplu:

. Dar există elemente precum input , img și meta care se închid automat, adică trebuie să aibă un / înainte de paranteza de închidere.

Caracterele speciale nu au fost convertite


Caractere neconvertite în URL


Conform punctului anterior, caracterele speciale, în special și ampersand, trebuie să fie codificate în șiruri URL. Link-urile către site-uri web create folosind PHP conțin adesea variabile care folosesc simbolul & și trebuie scrise folosind codul și HTML.

Blocați elementele din interiorul elementelor inline


Una dintre regulile de bază ale HTML este că elementele bloc nu trebuie să fie NICIODATĂ conținute în elementele inline.

Un exemplu popular de greșeală este utilizarea unui link în titlu:

banane

este un element bloc, deci trebuie să se înfășoare în jurul unui link (element inline):

banane

.

Atributul alt imagine lipsește


Fiecare imagine dintr-un document HTML trebuie să aibă un atribut alt care descrie conținutul imaginii. Chiar dacă imaginea este în scopuri de design, ar trebui să aibă un atribut alt, dar în acest caz ar trebui lăsată goală, de exemplu, alt="" . Într-un alt caz, trebuie să furnizați o descriere a conținutului imaginii.

Folosind atribute precum lățimea și înălțimea


Acesta este probabil dezavantajul utilizării pe scară largă a editorilor WYSIWYG, care tind să insereze cod HTML redundant. Atributele de lățime și înălțime sunt definite în standardele de tip de document de tranziție, dar dacă v-ați propus să respectați cu strictețe standardele, probabil știți că toate atributele responsabile de prezentarea elementelor pe pagini ar trebui transferate în foaia de stil CSS pentru a separa conținutul și design.

Numele sau ID-ul clasei începe cu un număr


Un nume de clasă, un ID sau un nume de atribut nu poate începe cu un număr. Ele pot include numere, dar nu la începutul unui cuvânt.

Care este situația cu verificarea codului CSS?


Spre deosebire de HTML, CSS este folosit pentru a reprezenta vizual o pagină. Deci întrebarea este „Dacă pagina arată bine, atunci de ce să verificați codul?” in acest caz suna mai convingator. Codul CSS prost nu are același impact asupra paginilor web ca și codul HTML prost. Cu toate acestea, merită verificat pentru a detecta greșelile de scriere și erorile din cod. Dacă utilizați noi proprietăți CSS3, acestea vor face ca documentul să eșueze validarea deoarece nu sunt încă incluse în specificație, dar dacă sunteți sigur că totul este corect, atunci astfel de erori pot fi ignorate.

Aproape de rector 19 septembrie 2012 la ora 11:16

Greșeli de evitat la scrierea codului HTML

Oricine lucrează cu HTML în fiecare zi ar trebui să fie foarte atent, deoarece respectarea tuturor regulilor HTML nu este atât de ușor. Acest lucru este foarte important, deoarece validatorul HTML găsește toate erorile, chiar și cele minore, și obțineți codul paginii cu erori. Astăzi vom încerca să acordăm atenție celor mai comune dintre ele. Sunt sigur că recomandările propuse vor fi foarte utile multora și mai ales dezvoltatorilor începători. Deci, bine ați venit sub

Imbricarea incorectă a etichetelor HTML

Este foarte important să închideți corect toate etichetele HTML. Ar trebui să se închidă în ordinea inversă a modului în care au fost deschise. Majoritatea începătorilor nu acordă suficientă atenție acestui lucru. Dacă etichetele sunt închise în ordine greșită, veți primi erori de validare și este posibil ca unele stiluri să nu fie utilizate. Atenție!

Eroare

Textul tau

Privilno

Textul tau

Utilizarea elementelor bloc în interiorul elementelor inline

Oricine a folosit HTML măcar puțin în practică știe că un element poate fi afișat fie ca bloc, fie ca linie. Elementele bloc, inclusiv paragrafele și secțiunile, trebuie să conțină elemente inline. Aceasta este o structură logică a documentului, așa că asigurați-vă că codul o urmează.

Elemente populare în linie: , , ,
Elemente de bloc populare:

,

,

,

    ,
      , ,

      Eroare

      Eroare

      Privilno

      Conform standardului

      Folosirea greșită a listelor

      Etichetele OL și UL pot fi folosite pentru a afișa elementele din listă într-o varietate de moduri. Veți primi, de asemenea, o mulțime de beneficii suplimentare. Etichetele de listă sunt foarte utile în formatarea informațiilor, astfel încât acestea să fie afișate corect. Vă recomand să evitați să folosiți ghilimele atunci când creați liste. Motoarele de căutare favorizează și utilizarea listelor, deoarece ajută la structurarea informațiilor din pagină. Folosiți etichete standard în loc de hack-uri.

      Utilizarea stilurilor în cod

      Probabil ați auzit deja că folosirea stilurilor în cod este proastă. Te-ai întrebat vreodată de ce este așa? Motivul este că CSS și HTML semantic sunt concepute special pentru a separa conținutul de designul său. Acest model oferă o flexibilitate mult mai mare și ușurință în lucrul cu documentele.

      Eroare

      Textul tău minunat

      Ignorarea etichetelor de titlu

      Etichetele de titlu sunt concepute pentru a separa titlurile într-o secțiune separată pe o pagină. Standardul presupune utilizarea etichetelor de la

      inainte de

      . Designul și aranjarea textului în ele pot fi orice, dar lăsați documentul să fie structurat corect!

      Eroare Minunatul tău titlu

      Textul articolului dvs.

      Privilno

      Minunatul tău titlu

      Textul articolului dvs.

      Utilizarea incorectă a etichetei FORM

      Cu toții facem adesea greșeli când creăm formulare și tabele în HTML. Amintiți-vă că tabelul trebuie creat în interiorul formularului!

      Eroare

      ...
      Privilno
      ...

      Nu se utilizează atributul ALT

      Când lucrați cu imagini, trebuie să utilizați atributul ALT. Acest lucru este necesar pentru ca utilizatorii să poată determina ce ar trebui să fie în locul imaginii, chiar dacă folosesc o conexiune foarte lentă. Această valoare ar trebui să descrie esența imaginii utilizate. Nu utilizați niciodată alt="image". Dacă imaginea îndeplinește funcții pur decorative, atunci utilizați alt="**".

      Eroare Privilno

      Etichete incorecte pentru aldine sau cursive

      Cu toate că Și În cele mai multe cazuri, își fac treaba bine; folosirea stilurilor pentru a formata textul permite o flexibilitate mult mai mare de proiectare. Dacă eticheta ar trebui să sublinieze pur și simplu sensul unei anumite părți a textului, atunci folosiți etichete Și .

      Utilizarea inutilă a întreruperilor de linie

      Etichetă
      poate fi folosit o dată pe rând pentru a face următoarea propoziție să înceapă pe linia următoare. Mulți oameni folosesc această etichetă pentru a crea spațiu între elemente. Această utilizare nu respectă standardele.

      Eroare Primul paragraf.


      Continuarea textului. Privilno

      Primul paragraf.

      Continuarea textului.

      Etichete: HTML, erori

      Cunosc mai mult de un caz când, din cauza erori de cod HTML site-urile și-au pierdut pozițiile în căutări, iar în unele chiar au ajuns sub AGS () și chiar au fost interzise. Desigur, există diferite tipuri de erori și unele dintre ele nu afectează deloc site-ul. În acest articol ne vom uita la cele mai periculoase erori din codul paginii pe care ar trebui să încercați să le evitați pentru a evita motoarele de căutare.

      Cele mai periculoase erori HTML din cod

      Una sau mai multe erori HTML pot face dificilă indexarea și clasarea corectă pentru a determina conținutul unei pagini pentru orice solicitare, iar abundența lor pe toate paginile unui site semnalează motoarele de căutare despre calitatea slabă a site-ului.
      Cel mai periculos lucru este să faci erori html grosolane, cum ar fi:

      Etichetele HTML neînchise sunt o mare greșeală

      Cea mai periculoasă greșeală. Și cu cât această etichetă neînchisă este mai sus în codul paginii, cu atât este mai periculoasă.
      Cunosc cazuri când eticheta închisă nu este LEGĂTURĂ sau META in sectiune CAP a redus pozițiile pentru interogări (sau, mai degrabă, nici nu le-a redus, ci le-a exclus deoarece pagina nu a putut fi găsită nici măcar în 100 de pagini de rezultate ale căutării).
      Într-un alt caz, din cauza unei declarații incorecte, toate etichetele din secțiune nu au fost închise CAPși unele pe pagină, ceea ce a dus în cele din urmă la interzicerea site-ului în Yandex.

      Etichetă NOINDEX neînchisă - eroare mai puțin periculoasă

      Cei cărora le place să ascundă conținutul paginilor cu această etichetă (apropo, nu este valabilă) trebuie să fie foarte atenți la ele. Deoarece lăsarea a cel puțin a unuia dintre ele neînchis va împiedica tot conținutul să fie indexat până la următoarea etichetă de închidere noindex, iar dacă nu este acolo, atunci întreaga pagină de la eticheta de deschidere până la sfârșit.

      Ca exemplu, pot cita un caz din practică când, în urma unei asemenea neglijențe, în index a rămas doar pagina principală a site-ului.
      Și într-un alt caz, neatenția unui blogger care a descărcat și instalat o nouă temă a dus la același rezultat, deoarece autorul temei a făcut o glumă crudă adăugând o metaetichetă la codul paginii cu instrucțiuni pentru roboți să nu indexeze pagini.

      Erori HTML nepericuloase

      Desigur, o pagină cu multe erori nu este bună în niciun caz, acestea pot afecta afișarea ei incorectă în browserele utilizatorilor, iar în ceea ce privește motoarele de căutare, unele dintre ele, precum elemente și parametri necunoscuți ai unor scripturi sau plasarea incorectă a elemente, de exemplu dacă un element bloc ( P) va fi cu litere mici SPAN, nu va prezenta niciun pericol.

      Cum să verificați erorile din codul HTML al unui site (validitate)

      Pentru a verifica codul HTML pentru erori, există un instrument unic și cel mai de încredere: Validator de cod. Cu ajutorul acestuia, puteți verifica erorile în codul HTML al paginilor site-ului, nu numai introducând adresa URL a acestora în formular, ci și inserând pur și simplu o versiune text a codului sursă a paginii.

      Pentru a evita erorile, încercați să vă verificați paginile mai des pentru prezența lor, mai ales după ce ați editat codul sau ați adăugat scripturi de la terți, ceea ce poate să nu fie ideal și să ducă la probleme.

      Acesta folosește CSS și JavaScript. Deoarece fiecare site web este unic, este posibil să întâmpinați conflicte între codul nostru și al dvs.

      În acest articol, veți învăța cum să rezolvați unele probleme comune cu formularele de înscriere încorporate.

      Formularul meu nu afișează mesaje de succes sau de eroare.

      Pentru a vă asigura că JavaScript este activat pentru formularul dvs. încorporat și pentru a vă actualiza site-ul, urmați acești pași.

      1. Navigați la fila.
      2. Dacă aveți mai mult de un public, faceți clic pe Publicul actual meniu derulant și alegeți-l pe cel cu care doriți să lucrați.
      3. Apasă pe Gestionați audiența meniu derulant și alegeți Formulare de înscriere.
      4. Selectați Formulare încorporate.
      5. Apasă pe Clasic fila.
      6. În Îmbunătățiți-vă formularul secțiune, asigurați-vă Dezactivează toate JavaScript caseta este debifată.
      7. În Copiați/lipiți pe site-ul dvs câmp, evidențiați tot codul și copiați-l în clipboard.
      8. Lipiți-l în site-ul dvs. web pentru a înlocui versiunea actuală a formularului.

      Codul de formular încorporat nu funcționează cu ASP.NET.

      Paginile ASP.NET și codul de formular încorporat Mailchimp includ ambele etichete de formular. Aceste etichete de formulare intră în conflict și împiedică posibilitatea de a trimite noi date despre abonați publicului dvs. Va trebui să modificați codul de formular încorporat pentru ca acesta să funcționeze pe pagina dvs. ASP.NET. Am văzut că următoarea modificare a codului a ajutat unii utilizatori, dar nu putem garanta că va funcționa pentru site-ul dvs.

      1. În codul de formular încorporat Mailchimp, găsiți
        etichetați, copiați adresa URL pentru proprietatea acțiunii și salvați-o undeva pentru a o utiliza mai târziu.
      2. Ștergeți etichetă și etichetă.
      3. În codul butonului de trimitere, adăugați următorul cod. Asigurați-vă că înlocuiți actionurl cu adresa URL a acțiunii pe care ați copiat-o mai devreme.
      onClick=this.form.action="actionurl";this.form.submit();

      Formularul arată „prea multe încercări de abonare”

      Dacă formularul dvs. încorporat afișează eroarea „Prea multe încercări de abonare pentru această adresă de e-mail”, poate fi necesar să dezactivați funcția de completare automată a browserului dvs. de internet.

      Pentru a remedia eroarea, dezactivați completarea automată și încercați din nou în aproximativ cinci minute.

Acțiune