Reguli de bază ale limbajului HTML. Sintaxă PHP Sintaxă HTML
Citeste si
Să începem să învățăm limba. Textul HTML este „text simplu”. Toate caracteristicile hipertext ale unui document sunt specificate folosind etichete - note speciale incluse în acest text.
Să fie text:
Să scriem acest text diferit, inserând instrucțiuni despre cum ar trebui să fie afișat textul. Evidențiem instrucțiunile cu paranteze unghiulare.
În HTML, instrucțiunile se numesc etichete. Browserul execută instrucțiunile etichetei, adică fără a le afișa, face modificări de text. Prin urmare, vom vedea următoarele pe ecran:
„Mama spăla rama, iar pisica se juca cu o minge. Băiatul a luat mingea de la pisică.”
Tag – comandă între paranteze unghiulare. Numele etichetei este primul lucru scris după paranteza unghiulară de deschidere, fără spații înaintea lui! Există etichete unice și etichete de container. Etichete unice– o comandă către browser executată în locul în care este specificată, de exemplu, comanda „trasează o linie”:
Etichetele containerului constau dintr-o etichetă de deschidere și o etichetă de închidere, iar indicația lor se referă la tot textul aflat între ele, spun: „cuibărit în container”. Eticheta de închidere are același nume ca eticheta de deschidere, dar numele este precedat de un caracter oblic: „/”:
Mama a spălat cadrul.
.O etichetă poate avea atribute. Atributul completează și explică eticheta. Ordinea atributelor nu este importantă. De exemplu, eticheta HR are atributul WIDTH, care indică lățimea liniei, SIZE, grosimea liniei, ALIGN, locația (alinierea) și COLOR, culoarea. Valorile atributelor specifică o caracteristică dată. Regula de sintaxă este următoarea: numele etichetei poate fi urmat de cel puțin un spațiu, apoi, separate prin spații, pot urma triple: atribut, simbol „=”, valoare. Se recomandă ca valoarea să fie cuprinsă între ghilimele, deși standardul HTML permite ca valorile formate doar din litere și cifre latine să nu fie cuprinse între ghilimele.
Imaginea de pe ecran va fi cam așa.
_____________________________________
Standardul vă permite să omiteți eticheta de închidere dacă este implicită. De exemplu, etichetați
Are un paragraf de închidere, dar poate fi omis înainte de a deschide următorul paragraf. Etichetă
Indică un paragraf.
Mama a spălat cadrul.
Fiica se juca cu o minge.
Unele atribute nu au valori sau, mai degrabă, au o singură semnificație și, prin urmare, este suficient să indicați sau nu acest atribut în etichetă. De exemplu, eticheta FRAME are un atribut NORESIZE, care indică faptul că utilizatorului nu i se permite să redimensioneze cadrul.
Etichetele (elementele) din HTML pot fi imbricate unele în altele, similar buclelor sau instrucțiunilor condiționate din limbajele de programare. Intersecțiile etichetelor fără imbricare sunt interzise.
Un exemplu de intrare eronată:
cu paragraf imbricat
Exemplu de intrare corectă:
Cu paragraf imbricat
Pe lângă etichete și text simplu, codul HTML poate conține așa-numitele obiecte caractere sau secvențe de evadare: entități numite și numerotate. Sunt necesare pentru a reprezenta caractere dintr-un document care sunt interzise din punct de vedere sintactic sau fizic, precum și caractere care nu pot fi introduse de la tastatură. De exemplu,
Lipsa majusculelor nu este importantă pentru numele etichetelor și numele și valorile atributelor. Deși este recomandat să păstrați un anumit stil, de exemplu, scrieți numele tuturor etichetelor cu majuscule, sau cu litere mici, sau cu litere mici, dar cu prima literă mare. Un astfel de text este mai ușor de perceput pentru o persoană.
Notă foarte importantă! Scopul browserului este de a arăta clientului pagina dvs. Reacția obișnuită a browserului la o eroare este să încerce să corecteze eroarea, iar dacă aceasta nu reușește, sări peste cuvintele sau etichetele pe care nu le înțelege. Acest lucru este și bine și rău. Deoarece, pe de o parte, ca rezultat, browserul va încerca să arate utilizatorului cât mai mult text posibil, dar, pe de altă parte, acest text poate include o parte cu etichete și scripturi, sau textul real poate să nu fie inclus dacă browserul îl percepe, de exemplu, ca un comentariu. Pentru un dezvoltator de site-uri web, acest comportament de browser este foarte deranjant. Fiți pregătiți pentru faptul că la început browserul vă va corecta cu sârguință erorile, dar după un timp va deveni confuz și fragmentele care funcționează anterior nu vor mai funcționa pentru dvs. Prin urmare, sfat: nu face greșeli, ci mai degrabă folosește editori moderni care sunt conștienți de regulile html și îți indică erorile.
Ultima actualizare: 18.11.2019
Când creăm un document HTML5, putem folosi două stiluri diferite: HTML și XML.
Stilul HTML presupune următoarele puncte:
Este posibil ca elementele să nu aibă etichete de deschidere de pornire
Este posibil ca elementele să nu aibă etichete de încheiere
Numai elementele goale (de exemplu, br , img , link) pot fi închise cu o bară oblică />
Numele de etichete și atribute nu contează
Nu trebuie să includeți valorile atributelor între ghilimele
Este posibil ca unele atribute să nu aibă valori (bifate și dezactivate)
Caracterele speciale nu sunt eliminate
Documentul trebuie să aibă un element DOCTYPE
Acesta este așa-numitul stil „permisiv”, bazat pe concesii la crearea unui document.
Un document HTML5 poate fi descris și folosind sintaxa XML. Acest stil se mai numește și „XHTML”. Este utilizat dacă antetul tip content este application/xml+xhtml . Următoarele reguli sunt tipice pentru acest stil:
Fiecare element trebuie să aibă o etichetă de deschidere de pornire
Elementele care nu sunt goale cu o etichetă de deschidere de început trebuie să aibă și o etichetă de închidere de capăt
Orice element poate fi închis cu o bară oblică />
Numele etichetelor și atributelor țin cont de majuscule și sunt de obicei litere mici
Valorile atributelor trebuie să fie incluse între ghilimele
Atributele fără valori nu sunt permise (bifat="bifat" în loc de doar bifat)
Caracterele speciale trebuie să fie eliminate
Să comparăm două abordări. Abordarea HTML5:
Conținutul documentului HTML5
Și un exemplu similar folosind abordarea XHTML:
Conținutul documentului HTML5
Când folosim sintaxa XHTML, trebuie să specificăm și spațiul de nume pentru documentul dat:
Alegerea unui stil specific atunci când scrieți documente HTML depinde de preferințele programatorului sau ale designerului web. Este adesea folosit un stil mixt, care împrumută reguli de la primul și al doilea stil.
În același timp, trebuie luat în considerare faptul că prezența etichetelor de închidere și deschidere pe un element reduce probabilitatea ca elementul să fie interpretat incorect de browser.
De asemenea, includerea valorilor atributelor între ghilimele va ajuta la evitarea potențialelor erori. Astfel, atributul de clasă poate lua mai multe valori la rând. De exemplu:
Dacă apar dificultăți, cât de corect este creat marcaj html, apoi poate fi verificat folosind validatorul de la https://validator.w3.org:
Putem lipi codul paginii web în câmpul de text, iar după ce facem clic pe butonul „Verifică” din partea de jos, validatorul fie va afișa erorile cu roșu, fie ne va anunța cu verde că nu există erori și codul a fost validat.
Alexandru Kichatov
Cum funcționează scripturile PHP
Cu siguranță ești familiarizat cu principiul de funcționare al mașinilor controlate radio. Apăsați înainte - mașina se mișcă, apăsați spre stânga - mașina schimbă direcția roților.
PHP funcționează exact la fel. Scrieți comenzi una după alta, iar PHP le execută secvenţial.
Ce este un script PHP
Un script PHP este un fișier text obișnuit cu extensia .php. Exact la fel ca html și css.
Dar există o diferență importantă:
Scripturile sunt lansate numai prin solicitări http în browser. Aceasta înseamnă că pentru a rula scriptul script.php, trebuie să scrieți site.ru/script.php în bara de adrese a browserului
Dacă scriptul nu funcționează, verificați adresa URL curentă. Dacă există ceva de genul file:///D:/openserver/domains/site.ru/script.php- asta înseamnă că nu încercați să accesați pagina site-ului, ci să deschideți fișierul PHP în sine în browser. Nu este corect.
Serverele web sunt cel mai adesea configurate astfel încât atunci când accesați pagina principala(de exemplu site.ru) fișierul index.php sau index.html situat în rădăcina site-ului este lansat automat.
Creați un fișier numit index.php în folderul rădăcină al site-ului și deschideți-l în editorul de text. Dacă există un fișier index.html, trebuie să-l ștergeți.
Daca nu il ai inca editor de text- Recomand Notepad++ ușor și gratuit, este mult mai convenabil decât notepad-ul Windows încorporat.
Asigurați-vă că urmați codarea scripturilor. Codificarea trebuie să fie fie UTF-8 fără BOM(dacă este disponibil în editorul dvs.), sau pur și simplu UTF-8.
Tipărirea numerelor și a șirurilor de caractere în PHP
Comenzile PHP sunt scrise între etichete, De exemplu:
Comanda echo este responsabilă pentru afișarea informațiilor pe ecran. După operator, este indicată valoarea care urmează să fie scoasă.
Pentru a afișa text, trebuie să-l specificați între ghilimele simple sau duble:
Comenzile din PHP sunt separate prin punct și virgulă. Pentru ușurința citirii, este obișnuit să scrieți fiecare comandă cu linie nouă:
Rezultat în browser:
Acesta este codul PHP.
Ieșirea codului HTML în PHP
Codul HTML poate fi combinat cu comenzi PHP:
De asemenea, puteți introduce codul HTML într-un șir PHP:
Napoleon"; ?>
Rezultat în browser:
Elefantul Napoleon
Putem combina codul PHP și etichetele HTML în orice mod dorim:
Randul 2" ?>
Funcții în PHP
O funcție este o comandă care efectuează o anumită acțiune, cum ar fi calcule, gestionarea fișierelor etc.
Este ușor să definiți o funcție - după numele ei există paranteze rotunde:
Funcția phpinfo() afișează informații despre setările PHP curente.
Unele funcții se așteaptă să le fie transmisă o anumită valoare. De exemplu, funcția de rotunjire ceil() se așteaptă la rotunjirea unui număr:
Funcția ceil() primește valoarea 91,5 pe care am trecut-o, o procesează (se rotunjește la 92) și returnează rezultatul. Iar comanda echo primește valoarea returnată de funcție și o afișează pe ecran. Rezultatul acestui script va fi 92.
Necesitatea închiderii etichetei în PHP
Dacă nu există HTML sau orice altă ieșire pe ecran după comenzile PHP, atunci putem omite eticheta de închidere ?>:
Sintaxa etichetei de deschidere scurtată în PHP
În loc de
În plus, putem înlocui eticheta
Folosind o etichetă
Acest lucru nu se aplică etichetei
indică în ce standard HTML este scrisă pagina dvs. Web.
| DOCTYPE | Descriere |
|---|---|
| HTML5 | |
| Pentru toate documentele. | |
| HTML 4.01 | |
| „http://www.w3.org/TR/html4/strict.dtd”> | Sintaxă HTML strictă. |
| Sintaxă HTML tranzițională. | |
| Un document HTML folosește cadre. | |
| XHTML 1.0 | |
| Sintaxă XHTML strictă. | |
| Sintaxă de tranziție XHTML. | |
| Documentul este scris în XHTML și conține cadre. | |
| Profil mobil XHTML, adaugă elemente specifice pentru telefoanele mobile. | |
| XHTML 1.1 | |
| „http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”> | Această definiție nu are o împărțire în tipuri; sintaxa este aceeași și se supune unor reguli clare. |
Deci, există mai multe tipuri de documente (strict și tranzițional, pentru HTML și XHTML). Ce standard să alegeți este întrebarea.
Standarde HTML și XHTML
HTML este un limbaj de marcare standard pentru documentele Web.
În HTML 4.01 și HTML5, aspectul unei pagini este separat de conținutul acesteia. Conținutul și structura (titluri, paragrafe, link-uri) sunt specificate în HTML. Designul (alinierea, fonturile, culorile) este specificat de stilurile CSS.
De exemplu, etichetați și atributul align au fost depreciate.
XHTML este un limbaj de marcare a documentelor Web extensibil bazat pe XML. Standardul XHTML este o listă de diferențe dintre HTML 4.01 și XHTML.
Avantajele limbajului XHTML nu sunt strictețea sintaxei, ci capacitatea de a crea propriile etichete.
Cu toate acestea, pe 2 iulie 2009, World Wide Web Consortium (W3C) a anunțat încetarea lucrărilor pe XHTML 2.0, considerând că conceptul de XHTML este incorect. Un grup de programatori a trecut la lucrul la standardul HTML5. Și deși standardul HTML5 nu a fost încă aprobat, multe site-uri au fost deja scrise pe el.
Oricine se întreabă când va fi terminat HTML5 poate verifica sursele originale:
Versiunea oficială a standardului HTML5 se află la: www.w3.org/TR/html5/
Să facem o alegere. Nu este greu de făcut: nu ar trebui să utilizați standardul XHTML dacă nu intenționați să extindeți limbajul HTML.
Nu ne vom opri asupra!DOCTYPE, destinat documentelor care utilizează cadre: alaltăieri.
Următoarea întrebare este: ce sintaxă să alegeți - strictă sau tranzitivă?
Sintaxă HTML 4.01 strictă și tranzitorie
Sintaxele de tranziție există pentru a ușura tranziția la nou standard. Vor sări peste multe dintre ceea ce sintaxa strictă ar considera erori.
Este mai ușor de înțeles ce este aici cu un exemplu. Mai întâi, să setăm sintaxa strictă.
Sintaxă strictă
Verificare valabilitate
roșu culoare.
Este denumită conformitatea codului HTML cu standardul declarat valabilitate, iar verificarea acestei corespondențe este validare.
Pentru a urmări erorile de aspect, instalați suplimentul FireFox Html Validator.
Să deschidem pagina noastră la Browser FireFox, deplasați mouse-ul peste semnul validatorului:
Făcând dublu clic pe semnul validatorului, veți obține o listă detaliată de erori:
Să schimbăm!DOCTYPE la sintaxa de tranziție:
Sintaxă de tranziție
Verificare valabilitate
O parte din text trebuia evidențiată roșu culoare.