sunt individuale pentru fiecare etichetă. Regulile generale pentru scrierea parametrilor sunt următoarele. Numele etichetei poate fi urmat de parametri, separați prin spații. Ordinea parametrilor etichetei este arbitrară. Mulți parametri necesită specificarea valorilor lor, dar unii parametri nu au valori sau pot fi scriși fără ele, luând valori implicite. Dacă un parametru necesită o valoare, aceasta este indicată după numele parametrului folosind un semn egal. Valoarea parametrului poate fi scrisă între ghilimele sau fără ele. Singurul caz în care nu puteți face fără ghilimele este atunci când există spații în valoarea parametrului. În valorile parametrilor (spre deosebire de numele etichetelor și parametrii înșiși), majusculele sunt uneori importante. Iată un exemplu de intrare de etichetă cu parametri:
Capitolele următoare ale primei părți a cărții vor descrie scopul etichetelor în limbaj HTML și parametrii acestora. În general, etichetele pot avea diferiți parametri, dar există o serie de parametri care sunt comuni pentru aproape toate etichetele. Vom menționa aici parametrii generali ai etichetelor pentru a nu vorbi mai departe despre ei atunci când descriem fiecare etichetă.
Toate etichetele care pot fi utilizate într-o secțiune a unui document HTML pot avea parametrii CLASS, ID, LANG, LANGUAGE, STYLE și TITLE.
Utilizarea acestor parametri este utilă, în primul rând, la stilizarea documentelor, care vor fi discutate în a doua parte a cărții.
Parametrii CLASS, ID, STYLE sunt acceptați de Internet Explorer începând cu versiunea 3.0 și Netscape începând cu versiunea 4.0. Acești parametri sunt necesari atunci când se utilizează stiluri.
Parametrii LANG, LANGUAGE, TITLE sunt acceptați numai de Internet Explorer începând cu versiunea 4.0. Acești parametri indică, respectiv, limba utilizată (de exemplu, pentru Rusia: LANG=ru), limba de scriere a scripturilor (de exemplu, LANGUAGE=JavaScript), precum și textul sfatului de informații afișat când cursorul mouse-ului trece peste acest element (TITLE).
În HTML modern, pe lângă etichetele de limbă și conținutul acestora, codurile de scripting (javascript sau VBScript) sunt scrise și în codul sursă HTML. În prima parte a cărții acest lucru nu este menționat nicăieri, dar partea a doua este în întregime dedicată utilizării scripturilor.Încheind prezentarea generală a HTML, observăm că cele mai simple documente HTML sunt obișnuite fișiere text, pentru a vizualiza și edita pe care le puteți utiliza
editor de text
. Aceste fișiere au de obicei extensia HTM sau HTML. Specificații HTML Limbajul HTML a câștigat popularitate la mijlocul anilor 90 datorită creșterii exponențiale a Internetului. Până atunci, era nevoie de standardizarea limbii, deoarece
diverse companii
Munca de creare a specificației HTML a fost întreprinsă de o organizație numită World Wide Web Consortium (abreviat W3C). Sarcina ei a fost să întocmească o specificație care să reflecte nivelul actual de dezvoltare a capacităților lingvistice, ținând cont de diferitele propuneri ale companiilor de dezvoltare de browsere. Astfel, în noiembrie 1995, a apărut specificația HTML 2.0, menită să oficializeze practica de utilizare a HTML care se dezvoltase până la sfârșitul anului 1994.
Schema de aprobare a specificațiilor este următoarea. Consorțiul W3C lansează un proiect de specificație, după discuție despre care lansează o așa-numită versiune schiță a specificației și o oferă spre discuție pentru o anumită perioadă. După o perioadă de discuții, versiunea de lucru a specificației poate deveni o recomandare, adică o versiune acceptată oficial a specificației HTML.
La scurt timp după specificația 2.0, a fost lansată o versiune funcțională a specificației 3.0, dar perioada de comentarii a expirat în septembrie 1995. Această specificație nu a fost niciodată adoptată ca recomandare oficială. A fost planificat să includă o mare varietate de etichete și capabilități specifice browsere individuale
, cu toate acestea, Consorțiul W3C nu a găsit o modalitate de a dezvolta o specificație bună pentru un număr atât de mare de instrucțiuni.
După multă deliberare, HTML 3.2 a fost lansat în mai 1996. Proiectul s-a bazat pe unele dintre etichetele disponibile în versiunea 3.0, care au arătat stabilitate în funcționare. După câteva luni de discuții, versiunea 3.2 a devenit o specificație propusă în septembrie 1996 și o recomandare oficială în ianuarie 1997.
În iulie 1997 a fost lansată specificația HTML 4.0 propusă, care a devenit o recomandare oficială în decembrie 1997. Aceasta este cea mai recentă specificație acceptată până în prezent. În cele ce urmează scurtă prezentare generală Istoria dezvoltării limbajului HTML, cu greu merită să descriem în detaliu caracteristicile diferitelor specificații, mai ales că în viata reala
Ideea cheie din specificația HTML 4.0 a fost să se separe descrierea structurii documentului de descrierea prezentării acestuia pe ecranul monitorului.
Experiența a arătat că separarea structurii documentelor și a prezentării reduce costul suportării unei game largi de platforme, medii etc. și, de asemenea, facilitează revizuirea documentelor. În conformitate cu această idee, metodele de descriere a reprezentărilor ar trebui utilizate mai pe scară largă. document folosind foi de stil, mai degrabă decât să specifice date specifice de prezentare intercalate cu conținutul documentului. Pentru a implementa această idee în specificația HTML 4.0, un număr de etichete utilizate pentru a specifica direct forma de prezentare a elementelor HTML au fost anulate. Etichetele anulate din acest motiv includ , , , , ,. Printre alte etichete anulate, remarcăm , , , . În loc de etichete anulate, acestea sunt oferite
opțiuni alternative
implementarea oportunităților adecvate, cărora le acordăm o atenție deosebită în această carte.
Conceptul de etichetă depreciată este următorul. Dacă o etichetă este depreciată în această specificație de limbă, înseamnă că browserele ar trebui să continue să accepte astfel de etichete deocamdată, dar utilizarea lor nu este recomandată. În specificațiile viitoare, aceste etichete pot deveni învechite. Este posibil ca etichetele învechite să nu mai fie acceptate de browsere. În specificația HTML 4.0, doar trei etichete sunt depreciate: , ȘI . Informații despre ce etichete sunt incluse în specificație pot fi obținute din tabelul din Anexa A1. browser separat.
Proiectele de succes ajung în cele din urmă în caietul de sarcini și devin general acceptate.
Astfel, procesul de îmbunătățire a capacităților browserului și de clarificare a specificației este în desfășurare, influențându-se reciproc.
Structura documentului Prima etichetă care începe să descrie documentele HTML este . Ar trebui să înceapă întotdeauna descrierea documentului, iar descrierea documentului ar trebui să se termine cu eticheta. Aceste etichete indică faptul că liniile dintre ele reprezintă un singur document HTML. Documentul în sine este un fișier text ASCII obișnuit. Fără aceste etichete, este posibil ca un browser sau alt vizualizator să nu poată identifica formatul documentului și să-l interpreteze corect. Cel mai adesea, eticheta este folosită fără parametri.
Pentru consecvență, majoritatea etichetelor din această carte sunt scrise cu majuscule. ÎN versiunile anterioare
a fost folosit parametrul VERSION, depreciat de specificația HTML 4.0. Acest parametru a fost înlocuit cu eticheta.
browsere moderne
poate recunoaște un document care nu conține etichete și totuși utilizarea lor este foarte de dorit.
Documentul în sine este situat între o pereche de etichete. Un document poate consta din două secțiuni - o secțiune antet (începând cu eticheta ) și o secțiune de conținut a documentului (începând cu eticheta ). Pentru documentele care descriu structuri de cadru, se utilizează secțiunea FRAMESET (cu eticheta) în locul secțiunii BODY. În continuare, vom lua în considerare regulile de compilare a secțiunilor HEAD și BODY ale documentului. Construcția documentelor care conțin rame este discutată în capitolul 5.
Secțiunea document HEAD
Secțiunea HEAD a unui document își definește titlul și nu este o etichetă obligatorie, dar un titlu bine scris poate fi destul de util. Scopul antetului este de a furniza informațiile necesare programului care interpretează documentul. Etichetele situate în interiorul secțiunii HEAD (cu excepția titlului documentului descris de etichetă) nu sunt afișate pe ecran., complet independent de numele și locația fișierului, ceea ce îl face destul de util. Numele fișierului este strict definit sistem de operare
computerul pe care este stocat. De asemenea, ar trebui să distingeți titlul documentului (cu eticheta) de titlurile din document, de obicei marcate cu etichete.
Nota Titlul obligatoriu al documentului, în general, are caracterul unei recomandări puternice. Un document fără etichetă va fi afișat și de browsere. În același timp diverse browsere Titlul ferestrei va afișa diverse informații. Aşa versiuni timpurii
Browserul Netscape a afișat rândul „Fără titlu”. Alte browsere fie nu afișează nimic, fie afișează adresa fișierului descărcat, repetând informațiile din panoul Locație al browserului.
Titlul documentului este scris între etichete și și este o linie de text. În principiu, numele poate fi de lungime nelimitată și conține orice caractere, cu excepția unora rezervate. În practică, ar trebui să vă limitați la o singură linie, ținând cont de faptul că numele apare în bara de titlu a ferestrei browserului. De asemenea, ar trebui să vă amintiți ce va rămâne din titlul documentului când minimizați fereastra browserului. Se recomandă limitarea lungimii titlului documentului la 60 de caractere. Puteți vedea cum este afișat titlul în fereastra browserului în orice figură din această carte, care oferă un exemplu despre modul în care este afișat un document.În mod implicit, textul conținut în titlul documentului este utilizat la crearea unui marcaj pentru document. Prin urmare, pentru un conținut mai mare de informații, evitați numele fără chip (Home Page, Index etc.). Astfel de cuvinte folosite ca nume de marcaje sunt de obicei complet inutile.
Importanța titlului documentului este determinată de următorul fapt.
Deoarece eticheta se află aproape la începutul fișierului HTML, odată ce documentul începe să se încarce, este primul lucru care este afișat. Apoi, conținutul principal al documentului este încărcat, iar browserul începe să formateze documentul în fereastră. Acest proces, în general vorbind, în funcție de conținutul și structura documentului, precum și de viteza conexiunii, poate dura mult timp.
Pentru o perioadă destul de lungă, utilizatorul va contempla un ecran gol, singurul rând informativ al căruia va fi titlul documentului. Destul de des (dacă se pierde conexiunea sau dacă utilizatorul nu dorește să aștepte ca documentul să se termine de încărcat), toate informațiile despre document se termină acolo. Relația cu alte documente Adesea documentele HTML sunt interconectate, adică au legături între ele. Legăturile pot fi absolute sau relative.
Ambele au dezavantaje.
Legături absolute
poate fi prea greoaie și nu mai funcționează dacă un document inferior din ierarhie este mutat. Legăturile relative sunt mai ușor de introdus și actualizat, dar această legătură este întreruptă și dacă documentul care este mai sus în ierarhie este mutat. Ambele tipuri de conexiuni pot fi întrerupte la transferul unui document de la un computer la altul.
Se întâmplă adesea ca un utilizator să fi descărcat un document mare pe aparatul său și să se deconecteze de la rețea pentru a-l studia în detaliu. Toate linkurile din copia locală a documentului nu vor mai funcționa. Pentru a le „reanima”, va trebui să reveniți la documentul original aflat pe computerul de la distanță.
Din fericire, dezvoltatorii HTML au anticipat această problemă și au adăugat două etichete și , care sunt incluse în antet pentru a se asigura că conexiunea dintre documente nu este întreruptă.
Etichetă
Eticheta îi spune browserului unde să caute fișierul. Dacă utilizatorul lucrează cu o copie locală a fișierului și aparatul său nu este deconectat de la rețea, imaginea pictogramei Știri va fi găsită și afișată în fereastra browserului.
Etichetă
Chiar dacă eticheta vă permite să găsiți fișierul, întrebarea relației dintre documente rămâne deschisă. Importanța acestor relații crește proporțional cu complexitatea documentelor dumneavoastră. Pentru a menține o conexiune logică între ele, eticheta este introdusă în HTML.
O etichetă indică o relație între documentul care conține eticheta și un alt document sau obiect. Constă dintr-o adresă URL și parametri care specifică relațiile documentelor. Titlul documentului poate conține orice număr de etichete. Masă 1.1 descrie parametrii etichetei și funcțiile acestora.
Tabelul 1.1.
Opțiuni de etichetare
Iată exemple de etichetă cu parametri:
Prima linie indică o legătură către fișierul cuprins al documentului (toc.html - cuprins) cu o relație directă cu conținutul. A doua linie descrie relația cu adresa URL a autorului documentului (cu relația făcută invers).
Pot exista multe relații diferite între documente. Exemple de alte valori ale parametrilor REL: marcaj, drepturi de autor, glosar, ajutor, home, index, toc, următor, precedent. Parametrul REV poate lua și următoarele valori: autor, editor, editor, proprietar.
Etichetă
Dezvoltarea noilor specificații pentru limbajul de marcare hipertext durează mult timp și, în acest timp, companiile de browser reușesc să lanseze mai multe versiuni ale produselor lor. Prin urmare, o altă etichetă poate fi adăugată la secțiunea head pentru a permite autorilor documentelor să identifice informații non-HTML.
Aceste informații sunt folosite de browser pentru acțiuni care nu sunt acoperite de specificația HTML actuală. Nu veți avea nevoie de etichetă pentru a crea primele documente HTML, dar probabil că veți avea nevoie de ea pe măsură ce paginile dvs. devin mai complexe.
Exemplu:
Browserele Netscape Navigator și Internet Explorer vor interpreta această intrare ca o instrucțiune de a aștepta 60 de secunde și apoi de a încărca un document nou.
Această instrucțiune este adesea folosită la schimbarea locației documentelor.
Utilizarea elementului pentru a rezolva unele probleme tipice a devenit foarte populară. Un exemplu ar fi specificarea cuvintelor cheie utilizate de motoarele de căutare. Această metodă vă permite să includeți cuvinte suplimentare în indexul documentului, care este posibil să nu fie incluse în mod explicit în conținutul acestuia. Pentru a face acest lucru, numele unei anumite proprietăți este specificat în etichetă ca valoare a parametrului NAME. Și folosind parametrul CONTENT, valoarea acestei proprietăți este specificată, de exemplu:
Specificația HTML nu definește niciun nume specific pentru proprietățile scrise în fișierul . Cu toate acestea, există mai multe proprietăți utilizate în mod obișnuit, de exemplu, descriere, cuvinte cheie, autor, roboți etc.:
Etichetele date ar putea fi indicate, de exemplu, pentru versiunea electronică a acestei cărți.
Eticheta poate avea parametrii specificați în tabel.
1.2.
Tabelul 1.2.
Opțiuni de etichetare
Un alt scop important al etichetei este acela de a indica codificarea textului. Deci, pentru text în rusă în codificarea Windows, trebuie să scrieți următoarea linie:
Alte elemente de antet
Este posibil să mai existe două etichete în secțiunea antet documentului - și . Scopul lor este legat de utilizarea foilor de stil într-un document și scrierea de scripturi. Aceste probleme sunt discutate în detaliu în partea a doua a cărții.
Sectiunea document BODY
Această secțiune a documentului conține conținutul său. Majoritatea etichetelor discutate mai târziu în acest capitol și în cele ulterioare ar trebui să fie localizate în această secțiune a documentului. Aici vom lua în considerare doar câteva aspecte generale.
Secțiunea BODY a documentului trebuie să înceapă cu eticheta și să se termine cu eticheta, între care se află întregul conținut al acestei secțiuni. Strict vorbind, prezența acestor etichete nu este necesară, deoarece browserele pot determina începutul conținutului documentului în funcție de context. Cu toate acestea, utilizarea lor este recomandată.
| Eticheta are o serie de parametri, dintre care niciunul nu este necesar. Lista parametrilor este prezentată în tabel. 1.3.
|
Tabelul 1.3.
|
| Lista parametrilor etichetei
|
|
| Parametru
|
Scop
|
| ALINK
|
FUNDAL
|
| Indică adresa URL a imaginii care este folosită ca fundal
|
MARGE DE INFERIOR
|
| Setează marginea marginii inferioare a documentului în pixeli.
|
BGCOLOR
|
| Specifică culoarea de fundal a documentului
|
BGPROPERTIES
|
| Când este setată la FIXED, imaginea de fundal nu derulează
|
LEFTMARGIN
|
| Setează marginea din stânga a documentului în pixeli.
|
LEGĂTURĂ
|
| Specifică culoarea unui link care nu a fost încă vizualizat
|
Setează prezența sau absența barelor de defilare în fereastra browserului
|
| TEXT
|
Definește culoarea textului
|
| TOPMARGIN
|
Setează chenarul marginii superioare a documentului în pixeli.
|
| VLINK
|
Specifică culoarea unui link deja vizualizat
|
Utilizarea parametrilor BACKGROUND și BGCOLOR, care determină fundalul documentului, este discutată în detaliu în .
Parametrul BGPROPERTIES, care acceptă o singură valoare de FIXED, este acceptat numai de Microsoft Internet Explorer.
Parametrii BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN și TOPMARGIN, care specifică distanța în pixeli dintre marginile textului și marginile ferestrei corespunzătoare, precum și parametrul SCROLL, sunt recunoscuți numai de Microsoft Internet Explorer versiunea 4.0 și ulterioară.
Parametrii ALINK, LINK, TEXT și VLINK determină culorile linkurilor și ale textului documentului.
În HTML, culorile sunt definite prin numere hexazecimale. Sistemul de culori se bazează pe trei culori primare - roșu, verde și albastru - și este desemnat RGB. Fiecare culoare primește o valoare hexazecimală cuprinsă între 00 și FF, care corespunde unui interval de 0-255 în zecimală.
Aceste valori sunt apoi combinate într-un singur număr, precedat de simbolul #. De exemplu, numărul #800080 reprezintă culoarea violet. Pentru a nu vă aminti seturi de numere, puteți folosi în schimb numele culorilor, care sunt date în Anexa P2. Versiunile timpurii ale browserelor au recunoscut doar numele a 16 culori standard, marcate cu asteriscuri în aplicație.
Versiunile moderne de browsere recunosc toate cele 140 de nume de culori.
Formatarea textului
Această secțiune va analiza posibilitățile de formatare a caracterelor individuale în textul unui document.
Etichete la nivel de bloc și etichete secvențiale
Unele etichete HTML care pot apărea în secțiunea BODY sunt numite etichete la nivel de bloc, în timp ce altele sunt numite etichete inline sau, altfel cunoscute ca etichete la nivel de text, deși această împărțire a etichetelor nivelurile sunt într-o anumită măsură arbitrare.
Formatare logica si fizica
Pentru a formata textul documentelor HTML, este furnizat un întreg grup de etichete, care pot fi împărțite în etichete de formatare logică și fizică.
Etichetele de formatare logică denotă (prin numele lor) tipurile structurale ale fragmentelor lor de text, cum ar fi codul programului (eticheta), citatul (eticheta), abrevierea (eticheta) etc. (vezi descrierea acestor etichete și a altor etichete similare în secțiunea următoare). ). Folosind etichete și puteți, de exemplu, să marcați fragmente individuale ca evidențiate sau foarte evidențiate. Rețineți că vorbim de marcaj structural, care nu afectează reprezentarea specifică pe ecran a fragmentului de către browser.
Prin urmare, un astfel de marcaj se numește logic. Browserele afișează implicit fragmente formatate logic pe ecran într-un mod specific. Tipul de afișare nu are nimic de-a face cu tipul structural al fragmentului (adică numele etichetei de formatare logică), dar poate fi ușor suprascris. Etichetele de formatare fizică determină formatul de afișare a fragmentului de text specificat în ele în fereastra browserului (în funcție de preferințele autorului documentului). De exemplu, pentru a afișa un fragment cu caractere cursive, puteți utiliza eticheta cu caractere cursive
. Aceasta și alte etichete de formatare fizice utilizate în mod obișnuit sunt descrise mai târziu în secțiunea „Etichete de formatare fizică a textului” a acestui capitol.
De mult timp, au existat dezbateri între dezvoltatorii de documente HTML despre avantajele și dezavantajele uneia sau alteia abordări. Odată cu lansarea specificației HTML 4.0, această dezbatere s-a încheiat în favoarea formatării logice, întrucât a fost proclamat principiul separării structurii documentului de prezentarea acestuia.
Etichetele discutate mai jos se referă la etichete la nivel de text, adică sunt concepute în principal pentru a marca grupuri mici de caractere. Unele etichete pot specifica, de asemenea, marcaj la nivel de bloc.
Etichete de formatare a textului logic
poate fi prea greoaie și nu mai funcționează dacă un document inferior din ierarhie este mutat. Legăturile relative sunt mai ușor de introdus și actualizat, dar această legătură este întreruptă și dacă documentul care este mai sus în ierarhie este mutat. Ambele tipuri de conexiuni pot fi întrerupte la transferul unui document de la un computer la altul.
Eticheta își marchează textul ca o abreviere (ABBReviation).
poate fi prea greoaie și nu mai funcționează dacă un document inferior din ierarhie este mutat. Legăturile relative sunt mai ușor de introdus și actualizat, dar această legătură este întreruptă și dacă documentul care este mai sus în ierarhie este mutat. Ambele tipuri de conexiuni pot fi întrerupte la transferul unui document de la un computer la altul.
Deși această etichetă este inclusă în specificația HTML 4.0, în prezent nu este acceptată de niciun browser.
Etichetă. La fel ca eticheta, este folosită pentru a marca abrevierile. Se recomandă utilizarea acestei etichete pentru a marca așa-numitele acronime, adică cuvintele rostite constând din abrevieri. Eticheta poate fi utilizată în viitor pentru afișarea non-vizuală a elementelor, de exemplu, în sinteza vorbirii.
Această etichetă este convenabilă de utilizat în combinație cu parametrul TITLE, ca valoare a căruia puteți specifica forma completă a abrevierei.
Apoi, browserele vizuale, când treceți cu mouse-ul peste textul marcat cu eticheta, vor afișa numele complet ca un sfat explicativ.
poate fi prea greoaie și nu mai funcționează dacă un document inferior din ierarhie este mutat. Legăturile relative sunt mai ușor de introdus și actualizat, dar această legătură este întreruptă și dacă documentul care este mai sus în ierarhie este mutat. Ambele tipuri de conexiuni pot fi întrerupte la transferul unui document de la un computer la altul.
Rețineți că eticheta este recunoscută numai de browserul Microsoft Internet Explorer. Exemplu:
SPbGITMO - una dintre cele mai importante universități tehnice din Sankt Petersburg
poate fi prea greoaie și nu mai funcționează dacă un document inferior din ierarhie este mutat. Legăturile relative sunt mai ușor de introdus și actualizat, dar această legătură este întreruptă și dacă documentul care este mai sus în ierarhie este mutat. Ambele tipuri de conexiuni pot fi întrerupte la transferul unui document de la un computer la altul.
Eticheta este folosită pentru a marca citate sau titluri ale cărților și articolelor, link-uri către alte surse etc. Browserele afișează de obicei un astfel de text cu caractere cursive. Exemplu:
Nevskoe Vremya este unul dintre cele mai populare ziare de oraș din Sankt Petersburg
O etichetă își marchează textul ca o mică bucată de cod de program. Afișat de obicei în font monospațiu. Această etichetă nu trebuie confundată cu eticheta de element la nivel de bloc, care ar trebui utilizată pentru a marca bucăți mari (listări) de cod.
De exemplu:
Un exemplu de cel mai simplu operator din limbajul de programare C:
Etichetă
puts("Bună, lume!");
Există o altă diferență în utilizarea etichetelor și în codul programului, prezența mai multor spații consecutive este adesea importantă. Afișarea lor va fi salvată numai atunci când se utilizează eticheta.
Parametrul DATETIME specifică data ștergerii în formatul: YYYY-LL-DDThh:mm:ssTZD, care specifică anul, luna, ziua, orele, minutele și secundele ștergerii, precum și fusul orar (Fus orar). De exemplu:
Cea mai recentă specificație acceptată a limbajului de marcare HTML este versiunea 3.2 4.0
Textul etichetat este de obicei afișat ca text barat. Specificația HTML 4.0 acordă preferință acestei etichete față de eticheta de formatare fizică sau eticheta, care denotă textul barat. Cu toate acestea, eticheta
poate fi prea greoaie și nu mai funcționează dacă un document inferior din ierarhie este mutat. Legăturile relative sunt mai ușor de introdus și actualizat, dar această legătură este întreruptă și dacă documentul care este mai sus în ierarhie este mutat. Ambele tipuri de conexiuni pot fi întrerupte la transferul unui document de la un computer la altul.
Eticheta își marchează fragmentul de text ca definiție (DeFinitioN). De exemplu, această etichetă poate fi folosită pentru a marca un termen atunci când apare pentru prima dată în text. Exemplu:
Internet Explorer este un browser web popular
Eticheta este acceptată numai de Microsoft Internet Explorer. Afișat implicit cu caractere cursive.
Etichetă
Eticheta își marchează textul ca o inserție (INSertion).
Acest element este util pentru marcarea modificărilor aduse unui document de la o versiune la alta. O etichetă poate fi folosită ca element la nivel de text și ca element la nivel de bloc.
Eticheta are doi parametri opționali: CITE și DATETIME.
Valoarea parametrului CITE trebuie să fie o adresă URL a unui document care explică detaliile completărilor făcute.
Etichetă
Parametrul DATETIME specifică data inserării în formatul: AAAA-LL-DDThh:mm:ssTZD, care specifică anul, luna, ziua, ora, minutele și secundele inserării, precum și fusul orar (Fus orar).
Textul etichetat cu este de obicei afișat ca text subliniat. În prezent, eticheta este recunoscută doar de Microsoft Internet Explorer.
.
Etichetă
Eticheta (EMphasis - evidențiere, subliniere) este folosită pentru a evidenția fragmente importante de text. Browserele afișează de obicei acest text cu caractere cursive. Exemplu:
Exemplu de evidențiere a cuvintelor individuale din text
Eticheta marchează textul ca fiind introdus de utilizator de la tastatură. Afișat de obicei în font monospațiu, de exemplu:
Etichetă
Pentru a lansa un editor de text, tastați: notepad
Utilizarea acestei etichete este preferabilă utilizării etichetei de formatare fizică.
Etichetă
Eticheta marchează textul ca eșantion (SAMPle). O utilizare obișnuită a acestei etichete este marcarea textului rezultat din programe (ieșire exemplu).
De asemenea, este folosit pentru a evidenția mai multe caractere într-un font monospațiu.
Utilizarea acestei etichete este preferabilă utilizării etichetei de formatare fizică. De exemplu:
Etichetă
Ca urmare a funcționării programului, se vor tipări următoarele: Hello, World! .
Eticheta este de obicei folosită pentru a evidenția fragmente importante de text. Browserele afișează de obicei acest text cu caractere aldine. Exemplu:<
/STRONG>
Sankt Petersburg este situat în vârful cel mai estic al Golfului Finlandei, la vărsarea râului Neva.
Etichetă
Utilizarea acestei etichete este preferabilă utilizării etichetei de formatare fizică. Eticheta marchează de obicei fragmente de text mai importante decât cele marcate cu eticheta.
Eticheta marchează numele variabilelor programului. De obicei, acest text este afișat cu caractere cursive. Exemplu:
Setați valoarea variabilei N
O afișare a unora dintre exemplele date în descrierea etichetelor de formatare a textului logic este prezentată în Figura. 1.1. Figura arată cum, atunci când treceți mouse-ul peste textul marcat cu eticheta, este afișat un sfat explicativ. Orez. 1.1.
Exemple de formatare a textului
Probabil ați observat că unele elemente dau același rezultat. Mai mult, este posibil ca unele elemente să nu modifice în niciun fel prezentarea unei bucăți de text pe ecran. Poate apărea o întrebare legitimă: de ce a fost creată o asemenea varietate de elemente de formatare?
Răspunsul este în numele acestui grup de elemente. Ele sunt concepute pentru a pune accent logic, a evidenția părțile logice și a sublinia esența afirmațiilor. Utilizarea lor este foarte relevantă, deoarece, probabil, în viitorul apropiat capacitățile browserelor vor crește, de exemplu, va deveni posibilă căutarea de citate pe Web și poate că următoarea generație de browsere va învăța să citească documentele cu voce tare. . În plus, nimic nu îi împiedică pe autorii de documente de astăzi, care folosesc foi de stil, să stabilească afișarea dorită pentru oricare dintre etichete, suprascriind valorile implicite.
Etichete de formatare a textului fizic
Iată o descriere a etichetelor de formatare fizică. Unele dintre ele nu sunt recomandate pentru utilizare de către specificația HTML 4.0 din motivele prezentate mai sus. Unele etichete au fost retrase de specificația HTML 4.0, dar acestea continuă să fie acceptate de browsere.
Etichetă
Acesta este un font aldine.
Orez. 1.2.
Etichetă
Exemple de formatare fizică a textului (browser Netscape) Etichetă
afișează textul cu caractere cursive. În cele mai multe cazuri, se recomandă utilizarea etichetelor , , sau în locul acestei etichete, deoarece acestea din urmă reflectă mai bine scopul textului selectat. De exemplu: Selecţie
Etichetă
cursive
Eticheta afișează textul într-un font monospațiu. În cele mai multe cazuri, este mai bine să folosiți etichetele , sau în locul acestei etichete. Exemplu:
Iată o descriere a etichetelor de formatare fizică. Unele dintre ele nu sunt recomandate pentru utilizare de către specificația HTML 4.0 din motivele prezentate mai sus. Unele etichete au fost retrase de specificația HTML 4.0, dar acestea continuă să fie acceptate de browsere.
Exemple de formatare fizică a textului (browser Netscape) Acesta este un font monospațiu.
afișează textul subliniat. Etichetă anulată. Se recomandă utilizarea sau eticheta în schimb. De exemplu: Exemplu
subliniere
text
Etichete și
Etichetele afișează text cu o linie orizontală prin el. Etichetă anulată. Eticheta ar trebui folosită în schimb. De exemplu:
...
.
poate fi prea greoaie și nu mai funcționează dacă un document inferior din ierarhie este mutat. Legăturile relative sunt mai ușor de introdus și actualizat, dar această legătură este întreruptă și dacă documentul care este mai sus în ierarhie este mutat. Ambele tipuri de conexiuni pot fi întrerupte la transferul unui document de la un computer la altul.
Exemplu de text barat.
În prezent, eticheta nu este acceptată de toate browserele, așa că deocamdată se recomandă utilizarea în combinație cu eticheta. Și anume, puteți pune câteva etichete în interiorul unei etichete de container
Etichetă
Eticheta afișează textul într-un font mai mare (decât partea neetichetată a textului). În locul acestui element, este mai bine să folosiți etichete de titlu, de exemplu,
Dimensiune mai mare a fontului.
poate fi prea greoaie și nu mai funcționează dacă un document inferior din ierarhie este mutat. Legăturile relative sunt mai ușor de introdus și actualizat, dar această legătură este întreruptă și dacă documentul care este mai sus în ierarhie este mutat. Ambele tipuri de conexiuni pot fi întrerupte la transferul unui document de la un computer la altul.
Eticheta afișează textul într-o dimensiune mai mică a fontului.
Deoarece nu există nicio etichetă în HTML care să fie opusă etichetei, eticheta poate fi utilizată în aceste scopuri. Majoritatea browserelor acceptă etichete imbricate, dar această abordare nu este recomandată.
Etichetă
De exemplu:
Dimensiune mai mică a fontului.
Etichetă
Eticheta mută textul sub nivelul liniei și îl afișează (dacă este posibil) într-o dimensiune mai mică a fontului. Convenabil de utilizat pentru indici matematici. De exemplu:
Exemplu de font pentru indice.
Eticheta mută textul deasupra nivelului liniei și îl afișează (dacă este posibil) într-o dimensiune mai mică a fontului. Convenabil de utilizat pentru atribuirea puterilor numerelor în matematică. De exemplu:
Browserul Microsoft Internet Explorer permite suplimentar utilizarea următorilor parametri de etichetă: DIR, DATAFLD, DATAFORMATAS, DATASRC.
O descriere a parametrilor poate fi găsită în partea a doua a cărții.
Orez. 1.3.
Acesta este un font aldine.
Utilizarea etichetelor imbricate de formatare a textului Etichetele de formatare pot fi imbricate unele în altele..
În acest caz, trebuie să vă asigurați cu atenție că un container este amplasat în întregime într-un alt container. În fig. Figura 1.3 prezintă un exemplu de imbricare a unui element italic într-un element aldin. Se utilizează următorul fragment de cod HTML: Acest
Etichetă
cursive
Și aici este textul
îndrăzneț și italic
Eticheta specifică parametrii fontului. Se referă la etichete de formatare fizică la nivel de text.
Atribuirea parametrilor de font direct în textul documentului încalcă ideea de bază de a separa conținutul documentului și de a descrie forma de prezentare a documentului. Prin urmare, în specificația HTML 4.0, această etichetă, precum și eticheta, sunt clasificate ca fiind depreciate. Utilizarea lor ulterioară nu este recomandată.
.
În ciuda acestor avertismente îngrozitoare, se pare că formatarea fizică poate fi considerată acceptabilă pentru cele mai simple documente. În plus, cel mai simplu mod de a începe să înveți elementele de bază ale formatării este cu regulile pentru specificarea directă a formatelor de elemente. Un dezvoltator începător încă trebuie să crească până la design de stil.
O etichetă se referă la elemente secvențiale și, prin urmare, nu poate include elemente la nivel de bloc, de ex.
Sau
Puteți specifica unul sau mai multe nume de fonturi, separându-le prin virgule. Aceasta este o proprietate foarte utilă, deoarece sisteme diferite pot avea fonturi aproape identice cu nume diferite. O altă calitate importantă este setarea preferințelor pentru utilizarea fonturilor. Lista de fonturi este scanată de la stânga la dreapta. Dacă computerul utilizatorului nu are primul font din listă, se încearcă găsirea următorului font și așa mai departe.
Iată un exemplu de utilizare a parametrului FACE:
Scopul fonturilor
Un exemplu de specificare a unui nume de font.
În fig. Figura 1.4 arată cum browserul Netscape afișează un exemplu. În exemplu, fontul Verdana este indicat ca font preferat dacă acesta este absent, se va folosi fontul Arial etc.
Orez. 1.4.
Acest parametru este utilizat pentru a specifica dimensiunile fontului în unități arbitrare de la 1 la 7. Dimensiunea specifică a fontului depinde de vizualizatorul pe care îl utilizați. Este în general acceptat că o dimensiune „normală” a fontului corespunde unei valori de 3.
Setările implicite pentru dimensiunea fontului, precum și cantitatea de modificare absolută a dimensiunii fontului, variază între browsere.
computerul pe care este stocat. De asemenea, ar trebui să distingeți titlul documentului (cu eticheta) de titlurile din document, de obicei marcate cu etichete.
În fig. Figura 1.5 prezintă fereastra de setări a browserului Netscape, care setează fonturile implicite.
Dimensiunea fontului este indicată atât ca valoare absolută (SIZE=2) cât și ca valoare relativă (SIZE=+1). Această din urmă metodă este adesea folosită în combinație cu setarea dimensiunii fontului de bază folosind .
Când se specifică dimensiunile fonturilor, intrările precum „2” și „+2” (spre deosebire de majoritatea limbajelor de programare, în care semnul unar „+” poate fi omis) dau rezultate fundamental diferite.
Iată un exemplu care utilizează diferite metode pentru alocarea dimensiunilor fontului. Un exemplu de afișare este prezentat în Fig. 1.6.
Orez. 1.5.
Fereastra de setări pentru fontul browserului Netscape
Orez. 1.6.
Atribuirea dimensiunilor fontului
Atribuirea dimensiunilor fontului
Dimensiunea fontului 1
Dimensiunea fontului 2
Dimensiunea fontului 3
Dimensiunea fontului 4
Dimensiunea fontului 5
Dimensiunea fontului 6
Dimensiunea fontului 7
CULOARE
Etichetă
Eticheta este utilizată pentru a indica dimensiunea, tipul și culoarea implicită a fontului utilizate în document. Aceste valori sunt necesare pentru întregul document, dar pot fi înlocuite în locurile necesare folosind eticheta. După eticheta de închidere, efectul etichetei este restabilit. Setările implicite ale fontului pot fi înlocuite de mai multe ori într-un document, ceea ce înseamnă că o etichetă poate apărea de orice număr de ori într-un document.
computerul pe care este stocat. De asemenea, ar trebui să distingeți titlul documentului (cu eticheta) de titlurile din document, de obicei marcate cu etichete.
Eticheta poate apărea și într-o secțiune a documentului.
Rețineți că nu există nicio etichetă de închidere pentru etichetă.
Parametrii pot fi exact aceiași ca și pentru etichetă și anume: FACE, SIZE și COLOR. Scopul și regulile de scriere a parametrilor sunt similare.
Nota
Browserul Netscape nu permite parametrul etichetei FACE.
Să dăm un exemplu de utilizare a etichetei.
Orez. 1.5.
Text scris cu fontul implicit.
Dimensiunea fontului 2.
Dimensiunea fontului 4.
Text în interiorul unei celule de tabel |
Text după tabel
Exemplul de mai sus suprascrie dimensiunea implicită a fontului de două ori. Inițial este 3 (implicit). Apoi este setat la 2, apoi la 4. Fiți atenți la afișarea acestui exemplu (Fig. 1.7). Se poate observa că atribuirea etichetelor nu funcționează pentru tabele. Acest lucru este tipic pentru multe browsere, deși încalcă în mod oficial ideea de a folosi eticheta.
Orez. 1.7.
Exemplu de afișare WITH TAG (browser Netscape)
Formatarea unui document HTML
Împărțirea în paragrafe
Orice text, fie că este un eseu școlar, o notă într-un ziar sau o descriere tehnică a unui dispozitiv, are o anumită structură. Elementele unei astfel de structuri sunt titluri, subtitluri, tabele, paragrafe etc.
HTML presupune că autorul documentului nu știe nimic despre computerul cititorului. Cititorul are dreptul de a seta orice dimensiune de fereastră și de a utiliza oricare dintre fonturile disponibile pentru el. Aceasta înseamnă că locul în care apare cratima este determinat doar de setările vizualizatorului și ale utilizatorului final.
Deoarece fluxurile de linii din documentul original sunt ignorate, textul care arată grozav în fereastra editorului autorului documentului se poate transforma în text solid, ilizibil în fereastra de vizualizare.
Puteți evita această problemă folosind o etichetă specială de împărțire a paragrafelor.
Înainte de începutul fiecărui paragraf de text ar trebui să plasați o etichetă
Etichetă de închidere
computerul pe care este stocat. De asemenea, ar trebui să distingeți titlul documentului (cu eticheta) de titlurile din document, de obicei marcate cu etichete.
nu este necesar. Browserele separă de obicei paragrafele cu o linie goală.
Browserele interpretează de obicei mai multe etichete de paragraf la rând
Ca unul singur. Același lucru este valabil și pentru eticheta de alimentare de linie
Exemple de formatare fizică a textului (browser Netscape)
. Prin urmare, nu este posibil să creați mai multe linii goale folosind aceste etichete.
Poate fi specificat cu parametrul de aliniere orizontală ALIGN. Valorile posibile ale parametrilor sunt date în tabel. 1.4. Valoarea implicită este alinierea la stânga.
| Tabelul 1.4. ALIGN valorile parametrilor
|
Valoarea parametrului ALIGN
|
| Acţiune
|
STÂNGA
|
| Aliniați textul la marginea stângă a ferestrei browserului
|
CENTRU
|
| Aliniați la centrul ferestrei browserului
|
CORECT
|
| Aliniați la marginea dreaptă a ferestrei browserului
|
JUSTIFICA
|
Justificare (pe ambele părți)
computerul pe care este stocat. De asemenea, ar trebui să distingeți titlul documentului (cu eticheta) de titlurile din document, de obicei marcate cu etichete.
Lipsa justificării pare în prezent surprinzătoare. Acest mod este folosit foarte des pentru publicațiile tipărite.
Este suficient să ridici orice ziar sau să te uiți atent la paragrafele acestei cărți - toate sunt aliniate în lățime. Cu toate acestea, până de curând, justificarea nu a fost permisă pentru documentele HTML. Cu doar câțiva ani în urmă, niciun browser nu avea un astfel de mod. Astfel, cititorii care încă folosesc versiunea 3.x a browserului Netscape nu vor putea vedea linii drepte în document. Puteți încerca să preziceți ce alte capacități vor avea browserele în viitor comparând capacitățile editorilor de text puternici și ale browserelor moderne. Un exemplu de caracteristici care nu au fost încă implementate ar fi silaba automată etc.
Alimentare de linie
La afișarea documentelor text într-un browser, locația întreruperilor de rând în cadrul unui paragraf este determinată automat în funcție de dimensiunea fonturilor și de dimensiunea ferestrei de vizualizare. Întrerupțiile de linie pot fi efectuate numai folosind caractere separatoare de cuvinte (de exemplu, spații). Uneori, în documente, trebuie să setați un avans de linie forțat, care este implementat indiferent de setările browserului. Acest lucru se face folosind eticheta de alimentare forțată a liniilor.
, care nu are o etichetă de închidere corespunzătoare. Activarea unei etichete
în textul documentului se va asigura că textul ulterior este plasat la începutul unei noi linii.
De exemplu, această abordare poate fi folosită pentru a crea structuri de tip listă fără a utiliza etichete speciale de marcare a listei. Sau, de exemplu, această etichetă nu poate fi folosită pentru a afișa poezii etc.
Iată un exemplu de utilizare a avansului de linie forțat (Fig. 1.8):
Utilizarea avansului de linie forțat
Petrograd peste întunecat
Noiembrie a respirat frigul de toamnă.
Stropind cu un val zgomotos
Până la marginile gardului tău subțire,
Neva se zvârcoli ca o persoană bolnavă
Neliniștit în patul meu.
A.S. Pușkin. Călăreț de bronz
Orez. 1.8.
Etichetă
poate fi folosit pentru a forța un avans de linie
Spre deosebire de eticheta de paragraf
Când utilizați eticheta
. Acest lucru se întâmplă dacă lățimea ferestrei de vizualizare a cititorului este mai mică decât aceeași setare a programului cu care ați testat documentul. În acest caz, se poate dovedi că un singur cuvânt rămâne pe o linie în mijlocul unui paragraf, ruinând astfel frumusețea aspectului documentului.
computerul pe care este stocat. De asemenea, ar trebui să distingeți titlul documentului (cu eticheta) de titlurile din document, de obicei marcate cu etichete.
Când utilizați eticheta
Pentru a întrerupe textul în jurul unei imagini sau unui tabel, puteți seta parametrul CLEAR pentru a opri împachetarea textului. Puteți citi despre acest lucru în capitolele 3 și 4.
Etichetele u
Există situații în care trebuie să efectuați operația opusă - dezactivați avansul de linie. Există o etichetă de container pentru asta.
computerul pe care este stocat. De asemenea, ar trebui să distingeți titlul documentului (cu eticheta) de titlurile din document, de obicei marcate cu etichete.
Textul marcat cu această etichetă este garantat să fie pe o singură linie, indiferent de lungimea acestuia. Dacă linia rezultată se extinde dincolo de fereastra de vizualizare a browserului, va apărea o bară de defilare orizontală.
Pentru a asigura continuitatea textului situat în celulele tabelului, există un parametru special al etichetei NOWRAP
. Puteți afla mai multe despre acest lucru în capitolul 4.
Prin marcarea textului folosind eticheta de linie care nu se întrerupe, puteți obține rânduri foarte lungi. Pentru a evita acest lucru, puteți indica browserului cititorului locația unui posibil flux de linie, care va fi efectuat doar atunci când este necesar (așa-numitul flux de linie „soft”). Acest lucru se poate face prin plasarea unei etichete (Word BReak) în locul potrivit în text, care este același cu eticheta
computerul pe care este stocat. De asemenea, ar trebui să distingeți titlul documentului (cu eticheta) de titlurile din document, de obicei marcate cu etichete.
, nu are nevoie de o etichetă de închidere.
Eticheta nu este acceptată deloc de browserul Netscape. Browserul Microsoft Internet Explorer recunoaște această etichetă numai în textul marcat cu etichete.
Titluri în interiorul unui document HTML
Împreună cu titlul întregului document, o pagină Web poate folosi titluri pentru părți individuale ale documentului. Aceste titluri pot avea șase niveluri (dimensiuni) diferite și sunt bucăți de text care ies în evidență pe ecran atunci când browserul afișează pagina.
Etichetele de antet pot fi specificate cu parametrul de aliniere orizontală ALIGN. Valorile posibile ale parametrului sunt aceleași cu parametrii de aliniere ai etichetei de paragraf (vezi tabelul 1.4).
Un exemplu de utilizare a titlurilor de diferite niveluri cu aliniere diferită (Fig. 1.9):
Exemple de titluri
Mărimea titlului 1
Mărimea titlului 2
Dimensiunea titlului 3
Mărimea titlului 4
Mărimea titlului 5
Mărimea titlului 6
Corpul documentului
Orez. 1.9.
Afișați titluri în diferite dimensiuni
Linii orizontale
O altă metodă de împărțire a unui document în părți este de a desena linii orizontale. Ele subliniază vizual caracterul complet al unei anumite zone a paginii. În zilele noastre, o linie ridicată, apăsată este adesea folosită pentru a indica „volubilitatea” unui document.
Eticheta vă permite să desenați o linie orizontală ridicată în fereastra majorității programelor de vizualizare. Această etichetă nu este un container, deci nu necesită o etichetă de închidere. O linie goală este inserată automat înainte și după linie. Parametrii etichetei sunt prezentați în tabel. 1.5.
Aceste informații sunt folosite de browser pentru acțiuni care nu sunt acoperite de specificația HTML actuală. Nu veți avea nevoie de etichetă pentru a crea primele documente HTML, dar probabil că veți avea nevoie de ea pe măsură ce paginile dvs. devin mai complexe.
Tabelul 1.5.
computerul pe care este stocat. De asemenea, ar trebui să distingeți titlul documentului (cu eticheta) de titlurile din document, de obicei marcate cu etichete.
Opțiuni de etichetare
Acest exemplu setează o linie orizontală care ocupă jumătate din lățimea ferestrei de vizualizare și este poziționată în mijlocul ferestrei. Rețineți că opțiunile de aliniere au sens numai atunci când linia nu ocupă întreaga lățime a ferestrei.
Browserul Netscape nu permite parametrul etichetei COLOR.
Folosind text preformatat
După cum puteți vedea în secțiunile de mai sus, etichetele speciale ar trebui folosite pentru a împărți textul în paragrafe și pentru a forța o întrerupere de linie. Cu toate acestea, există momente când este necesar să se includă text într-un document HTML care are deja formatarea făcută în mod tradițional folosind linii noi, numărul necesar de spații, caractere de tabulație etc. Pentru a rezolva astfel de probleme, este furnizată o etichetă specială de container. Definirea textului preformatat (n reformatat).
Aplicația este să afișeze blocuri mari de cod de program (Java, C++ etc.) pe ecran, împiedicând browserul să le reformateze.
Textul din interiorul unui container Poate conține formatare la nivel de text, cu excepția următoarelor: ![]() , , , , , , , , . Nu este acceptabilă includerea elementelor de formatare la nivel de bloc, cum ar fi etichetele de titlu, în textul preformatat. Eticheta de paragraf, în mod logic, nu ar trebui să apară și în interiorul textului preformatat, dar dacă se întâmplă, va implementa o nouă tranziție de linie (fără a crea una goală).
Nota
Eticheta are un parametru opțional WIDTH, al cărui scop este de a spune browserului lungimea maximă a unei linii de text preformatat. În funcție de această valoare, browserul ar putea selecta fontul și/sau indentarea dorite pentru a afișa în mod optim textul preformatat. Valoarea implicită a fost sugerată a fi 80. Alte valori recomandate sunt 40 și 132. Rețineți că pentru cititorii cu experiență semnificativă în calcul, aceste numere vorbesc mult. De fapt, browserele moderne ignoră parametrul WIDTH.
Există mai multe etichete care rezolvă o problemă similară. Acestea includ etichetele , AND Toate aceste trei etichete sunt marcate ca depreciate în specificația HTML 4.0.
Aceasta înseamnă că browserele nu le vor mai accepta în versiunile viitoare. Se recomandă utilizarea etichetei în locul acestor etichete.
Etichetă
O etichetă de container este un element la nivel de bloc care servește la evidențierea unui fragment dintr-un document. Scopul acestei selecții este de a controla parametrii acestui fragment, ceea ce se face de obicei prin alocarea de stiluri. Iată un exemplu:
(Fragment de document)
În acest exemplu, un fragment dintr-un document HTML este încadrat cu etichete pentru a seta unele dintre proprietățile acestuia. În acest caz, toate elementele de text ale fragmentului selectat vor fi afișate în verde. Un analog al unei etichete la nivel de text este elementul.
Pot exista multe relații diferite între documente. Exemple de alte valori ale parametrilor REL: marcaj, drepturi de autor, glosar, ajutor, home, index, toc, următor, precedent. Parametrul REV poate lua și următoarele valori: autor, editor, editor, proprietar.
Eticheta container este concepută pentru a alinia orizontal toate elementele din mijlocul ferestrei de vizualizare a browserului. Este la nivel de bloc și este util pentru centrarea elementelor precum tabelele, deoarece acestea nu pot fi centrate prin atribuire
ALIGN=Etichetă CENTER .
În esență, o etichetă este o formă scurtă a următoarei intrări: . Utilizarea ulterioară a etichetei este, de asemenea, nedorită din motivele menționate în secțiunea anterioară.
Includerea comentariilor într-un document
Puteți include comentarii într-un document HTML care nu sunt vizibile pentru cititor. Ele pot consta din orice număr de linii și trebuie să înceapă cu eticheta. Orice conținut în aceste etichete nu va fi afișat pe ecran la vizualizarea paginii.
Cum se scrie codul CSS corect? Fără cunoașterea elementelor de bază, este imposibil să mergi înainte. Mai mult, aceste elemente de bază trebuie antrenate la un nivel subconștient. Trebuie să cunoașteți toate regulile pentru scrierea unui cod curat, ușor de înțeles pe de rost și să le aplicați peste tot. Începe chiar cu proiectul tău actual sau, cel mult, cu următorul tău proiect. Aceasta va fi biblia ta CSS 
Mai jos, vedeți 15 reguli de aur pentru scrierea unui cod CSS ușor de utilizat și profesional
1) Folosiți CSS-Resetare CSS-reset este o anumită bucată de cod care este scrisă la începutul fișierului nostru de stil, în care toate valorile sunt resetate și toți parametrii de bază sunt setați pentru toate stilurile, pe care cel mai probabil ar trebui să le scriem pentru fiecare specific id/clasa. Acest lucru vă permite să scurtați codul mai târziu, precum și să evitați diferențele de afișare între browsere. Iată un exemplu de resetare CSS preluat de la http://meyerweb.com/eric/tools/css/reset/index.html /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronim, address, big, cite, code, del , dfn, em, font, img, ins, kbd, q, s, samp, mic, grevă, puternic, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul , li, fieldset, form, etichetă, legendă, tabel, legenda, tbody, tfoot, thead, tr, th, td ( marjă: 0; umplutură: 0; chenar: 0; contur: 0; dimensiunea fontului: 100%; vertical-align: fundal: transparent ) body ( line-height: 1; ) ol, ul ( list-style: none; ) blockquote, q ( ghilimele: niciunul; ) blockquote:before, blockquote:după; înainte, q:după (conținut: ""; conținut: niciunul; ) /* amintiți-vă să definiți stilurile de focalizare! */:focus (contur: 0; ) /* amintiți-vă să evidențiați inserțiile cumva! */ ins ( text-decoration: none; ) del ( text-decoration: line-through; ) /* tabelele mai au nevoie de „cellspacing="0"” în tabelul de marcare */ ( border-collapse: collapse; border-spacing : 0; 2) Folosiți abrevieri De exemplu, pentru a scrie un lung Chenar-sus: 5px; chenar-dreapta: 10px; chenar-jos: 15px; chenar-stânga: 20px; putem scrie pe scurt: Chenar: 5px 10px 15px 20px; adică în sensul acelor de ceasornic începând de sus. Chenar, margine, umplutură, font și fundal prescurtate în principal. Puteți vedea mai multe detalii despre asta
Dar culorile pot fi reduse astfel: Dacă codul de culoare este format din 3 cifre care se repetă, atunci puteți pur și simplu să notați aceste trei cifre.
De exemplu: #FFFFFF poate fi scris ca #FFF sau #990055 poate fi scris ca #905, dar #F091A4 nu poate fi abreviat. 3) Folosiți comentarii Folosește comentariile oriunde ar trebui - ele ajută cu adevărat la organizarea codului, făcându-l mai ușor de înțeles pentru tine și pentru cei care vor lucra cu el Arata cam asa: /* Comentariul tău aici */ Comentariu: a) Titlul paginii de stil - scrieți cine este autorul codului și când a fost scris b) Marcați secțiunile de stil - aceasta va organiza tot codul în secțiuni.
De exemplu: /************************************************/ /* Bară laterală */ /** **************************************/ c) Comentați zonele cu probleme. De exemplu, cele în care pagina poate avea diferențe în diferite browsere De exemplu: Intrare /* Problemă IE6 */ d) Scrieți mici comentarii celor cu care lucrați - de exemplu, atunci când ceva trebuie îmbunătățit. 4) Adăugați o legendă a florii Cu fișiere CSS mici, nu este dificil să urmăriți toate culorile site-ului.
Dar dacă avem 5000 de linii de cod? - la urma urmei, nu puteți permite utilizarea culorilor greșite.
Pentru aceasta, există o legendă a culorilor - adică o listă a culorilor pe care le folosim în fișierul nostru. De exemplu: /* /* albastru deschis: #4595be /* albastru închis: #367595 /* roșu pentru link-uri: #9F1212 ************************** ******/ 5) Amintiți-vă ce sunt Poziția: reală și Poziția: absolută Majoritatea designerilor de layout începători sunt confuzi de aceste concepte, dar există o regulă care ajută la evitarea confuziei. Poziție:absolut poziționează obiectul în raport cu pagină - indiferent unde se află acesta în fluxul HTML. Valoarea implicită este 0 în stânga și 0 în partea de sus. De obicei, această opțiune nu este folosită deoarece este incomod și are opțiuni limitate. Dar ceea ce vă va fi util este că, dacă setați părintele („wrapper”) elementului nostru la Poziție: real, atunci Poziția: absolut va fi aliniat Relativ la colțul din stânga sus al părintelui. Deci, puteți adăuga această proprietate după cum este necesar. Clar in poza: 
6) Evitați utilizarea hackurilor Uneori, browsere precum IE6 și IE7 ne obligă pur și simplu să folosim hack-uri. Khaki este o eroare imediată pentru validator. Așa că puneți-l în fișiere CSS speciale pentru fiecare browser.
Puteți vedea intrări speciale pentru hack-uri pentru fiecare browser și cum să le puneți în fișiere separate 7) Utilizați Margini în descrierile locației dvs Acesta nu este ceva care este observat foarte des, dar ajută la evitarea problemelor în diferite browsere. Ideea este următoarea: în loc să folosim padding pe părinte, folosim margine pe elementele copil. Deci, în loc de #main-content ( padding-left: 10px ) #conținut-principal ( ) #conținut-principal #coloana-stânga ( margine-stânga: 10px ) Nu este nimic în neregulă cu utilizarea umpluturii, dar experiența arată că marja este mai bună 8) Folosiți flotoare Dacă doriți să atribuiți un float unui element, atunci scrieți overflow: ascuns părintelui său Ul ( debordare: ascuns; ) ul li ( plutire: stânga; ) Fără această proprietate, elementul poate curge neatractiv, de asemenea, pot apărea probleme la stabilirea marginilor sau a marginilor. Dacă doriți ca elementul să nu fie flotat, specificați clear:both sub elementul flotant. Acesta este adesea folosit în loc de overflow: ascuns; 9) Adăugați display:inline pentru elementele flotante O problemă destul de cunoscută în IE6 cu marjele dublate pe elementele float. Adică, dacă avem nevoie de 20px, atunci trebuie să scriem 10px, pentru că această indentare se dublează. Deși IE6 este deja pe cale de dispariție, iar mulți designeri nu petrec timp optimizând site-ul pentru acesta, totuși o mică bucată de cod va face afișarea în el mai plăcută. Deci, să punem Afișare: inline /* Problemă IE6 */ pentru un element care are aplicat un float 10) Faceți viața mai confortabilă cu sprites Imaginile cu sprite sunt un lucru foarte convenabil. Acestea oferă o imagine de ansamblu asupra graficii întregii pagini și reduc timpii de încărcare. Daca stii engleza, atunci aici 11) Structura fișierelor site-ului trebuie să fie clară Fă-ți timp pentru a clarifica structura site-ului. Pune totul pe rafturi.
De exemplu: 
Aici „Numele site-ului” este numele site-ului cu care lucrăm. Acest folder conține fișierele HTML pentru site, plus folderele cu elemente și stiluri.
Dosarul de active conține fișiere care pot fi descărcate de pe site, cum ar fi arhive sau fișiere PDF. Dosarul de stiluri conține, la rândul său, folderele css, imagini, javascript. - css - conține toate fișierele CSS, cum ar fi reset.css, layout.css și main.css
- imagini - toate pozele site-ului. Acest folder poate fi, de asemenea, împărțit în secțiuni.
- javascript - toate fișierele javascript.
Această diagramă este aproximativă și poate fi afișată în diferite moduri. Ideea este că vă ajută să lucrați mai rapid și face site-ul mai clar și mai ordonat. 12) Extindeți stilurile Sfaturi opționale - Este mai bine să scrieți numele claselor și codurile de stil într-o manieră arborescentă, astfel încât totul să fie clar și vizual. 
13) Folosiți pixeli mai degrabă decât valori relative Totul este destul de simplu - pixelii încarcă codul mai puțin, deoarece documentul nu trebuie să calculeze procente ale valorilor relative. Problema cu cantitățile relative este transmiterea acestei relativități.
Pentru a fi clar, voi explica cu un exemplu: body ( dimensiunea fontului: 62,5%) înseamnă dimensiunea fontului: 1em, adică 10px. Dacă #blog-content are nevoie de 14px, scrieți: #blog-content ( dimensiunea fontului: 1.4em; ) Acum, dacă eticheta H3 din #blog-content are nevoie de 20px, atunci ar putea fi setată astfel: #blog-content ( dimensiunea fontului: 1.4em; ) #conținutul-blog h3 (dimensiunea fontului: 2.0em ) Totul ar fi bine, dar avem relativitate. Și acești 2.0em sunt aplicați la 1.4em
#blog-content’a și, prin urmare, dimensiunea pe care o vom obține este de 28px. Deci folosiți valori fixe. 14) Limitați pseudo-clasele la etichete de ancorare Noile browsere nu au această problemă; totul se rezumă la o serie de browsere mai vechi, conduse de IE6.
Problema este că în browserele mai vechi pseudo-clasele (cum ar fi :hover) funcționează doar atunci când sunt aplicate unei etichete o, adică #header ul li:hover (culoare de fundal: #900) nu funcționează în IE6 Această problemă este rezolvată cu jQuery 15) Evitați problemele cu selectoarele Folosiți selectoare acolo unde este posibil De exemplu, utilizați în schimb #main-content.main-header #main-content h1 Fiți atenți la gruparea selectoarelor La urma urmei, valorile relative pot juca greșit aici dacă le folosiți Dacă totul este în regulă în acest exemplu, Main-content div,.main-content p (culoare: #000; ) În această notă, fiți atenți la valorile relative. Main-content div,.main-content p ( înălțimea liniei: 1,3 em; ) Și în sfârșit Pentru a scrie cod de succes, evitați în mod constant să împachetați un lucru în altul și așa mai departe.
Învățați etichetele h1, ul și p.
Cheia succesului este simplă - practică, practică, exersează Succes la antrenament) » »
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 etichetă, reguli de traversare a străzii - lista poate fi nesfârșită.
Care 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 – ordin, directivă
- Direcții - instrucțiuni
- Preavertismente - avertizare
- Ghiduri
- Orientări
- Instructiuni - instructiuni
- Legi – legi
- Politici - setări
- Proceduri
- Regulamente - 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 postate în jurul nostru care dau avertismente și indicații cu privire la regulile de urmat. Cel mai simplu mod de a explica o regulă este să o notezi într-o carte sau să pui semne pe care toată lumea să le poată vedea. Iată câteva reguli postate sub formă de indicatoare pe care le putem vedea 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 este interzisă
- 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 - fumatul interzis
- feriti-va de oamenii care traverseaza drumul - aveti grija, 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ă fotografierea – fotografia este interzisă
- please clean up after your dog – curăță după câinele tău
- pericol de moarte – pericol, electricitate de înaltă tensiune în apropiere – periculoasă! – 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, încalcă regulile sau merg împotriva reguli (merg împotriva regulilor), uneori sunt „prinși” și pedepsiți (sunt pedepsiți). Dacă încalci o regulă, s-ar putea să fii obligat să plătești bani, de exemplu. o amendă/pedeapsă, sau mai rău, te poate obliga să mergi 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ă, am dori să vă dorim „fii bine!” , „urmați regulile!”, „feriți-vă de probleme!”
|
