Etiketat përdoren për të strukturuar dhe formatuar tekstin - fjalë kyçe të veçanta të përshtatura në kllapa.< и >. Shumica e tyre kanë një vijë të pjerrët "/" përpara emrit të etiketës. Kjo ju lejon të caktoni pjesë të caktuara të tekstit. Për shembull:
Siç mund ta shihni nga shembulli, etiketat nuk shfaqen në shfletues, por ato mund të ndikojnë në shfaqjen e tekstit.
Disa etiketa nuk kanë për qëllim të nënvizojnë një zonë të tekstit, por janë përgjegjës për çdo element të vetëm dokumenti (për shembull, një imazh ose një buton). Etiketa të tilla nuk kërkojnë një çift mbyllës, dhe një prerje "/" vendoset përpara kllapave mbyllëse të etiketës. Për shembull,
(ndërprerje e linjës) ose
(vije horizontale). Etiketat e tilla të vetme quhen bosh, ndërsa etiketat e çiftuara quhen jo bosh, ose kontejnerë.
Një element (ose nyje) është një koleksion etiketash hapëse dhe mbyllëse së bashku me përmbajtjen e tyre, si dhe etiketa boshe. Elementet janë blloqet ndërtuese që përbëjnë një dokument. Për lexueshmëri, ne do të shfaqim elementë të përbërë nga etiketa boshe me një vijë të pjerrët dhe ato të etiketave të çiftuara pa të.
Sintaksa dhe mekanizmi i pamjes
Kujtojmë se një nga funksionet e motorit të pamjes HTML 5 është të bëjë standardin e ri të pajtueshëm me dokumentet ekzistuese HTML/XHTML. Kjo është për shkak të pranisë së tre "modaliteteve" (HTML5, XHTML5, DOM5 HTML) të interpretuesit, secila prej të cilave mbështet një sintaksë të ndryshme.
Në përgjithësi, standardi HTML lejon që etiketat të shtypen në çdo rast. Ju gjithashtu mund të hiqni disa etiketa fundore (dhe prerjen përpara në etiketa të vetme). Kjo lejohet gjithashtu në HTML 5 (Sintaksa e prezantimit HTML5), por një kod i tillë nuk do të jetë i pajtueshëm me sintaksën XML/XHTML, duke e bërë të vështirë përdorimin e teknologjive të përputhshme me XML si mikroformatet. Për këtë arsye, ne rekomandojmë të shkruani kodin duke përdorur sintaksën XHTML (dokumenti interpretohet në paraqitjen XHTML5). Bazuar në këtë, do të bëhet prezantimi i mëtejshëm.
Për pajtueshmërinë me shfletuesit më të vjetër që nuk e kuptojnë sintaksën XHTML, është mirë të lini një hapësirë midis emrit dhe vijës së pjerrët "/" në etiketat e vetme, megjithëse ky është më shumë një zakon i mirë sesa një rregull:
Rregulli i folezimit të etiketave
Etiketat e çiftuara (kontejnerët) mund të përmbajnë jo vetëm tekst, por edhe etiketa të tjera. Në këtë rast, zbatohet një rregull - etiketat duhet të mbyllen në rendin e kundërt në të cilin janë hapur. Kushtojini vëmendje vendndodhjes së etiketave në shembullin e mëposhtëm:
Për të kujtuar këtë rregull, imagjinoni që etiketat janë kukulla fole. Mund t'i vendosni njërën brenda tjetrës, por nuk mund ta vendosni gjysmën brenda dhe tjetrën jashtë. Ky rregull nuk zbatohet për etiketat boshe, të cilat thjesht nuk kanë një çift mbyllës.
Elementet e mbivendosur quhen fëmijë, dhe ata në të cilët janë fole quhen prindër. Kjo është një veti relative, pasi secila nyje mund të jetë edhe një fëmijë i njërës dhe një prind i të tjerëve. Elementi i nivelit të lartë (pa prindër) quhet element rrënjë.
Atributet e etiketimit
Çdo etiketë hapëse (ose bosh) mund të përmbajë atribute që përcaktojnë disa veti shtesë të të gjithë elementit. Atributet shkruhen menjëherë pas emrit të etiketës, të ndara prej tij dhe nga njëra-tjetra me një hapësirë:
<а href="http://www.example.com/" target="_blank">Lidhje
Në këtë shembull, ne kemi specifikuar etiketën (hiperlidhje) dy atribute. I pari (href), i cili është përgjegjës për adresën e lidhjes, ne i kemi caktuar vlerën http://www.example.com/. Vlera _blank e atributit të synuar do të thotë që kur klikohet lidhja, faqja e specifikuar në href duhet të hapet në një skedë të re të shfletuesit.
Disa atribute mund të kenë vetëm një vlerë të vlefshme dhe vetëm dy gjendje të mundshme - kur atributi është i pranishëm në element dhe, në përputhje me rrethanat, kur ai mungon. Në këtë kurs, atribute të tilla, për analogji me variablat në matematikë, quhen Boolean. Vlera e një atributi Boolean është zakonisht e njëjtë me emrin e tij. Për shembull, disabled="disabled" . Në përgjithësi, ato mund të hiqen, duke treguar vetëm emrin e atributit (të ashtuquajturat atribute të shkurtuara). Sidoqoftë, për pajtueshmërinë me sintaksën XHTML/XML, vlerat duhet të specifikohen akoma. Përveç kësaj, të gjithë emrat e atributeve duhet të jenë me shkronja të vogla dhe duhet të mbyllen në thonjëza të dyfishta, megjithëse HTML 5 nuk e vendos një kufizim të tillë.
| Nuk rekomandohet: | |
|---|---|
| Rekomanduar: |
Simbole të veçanta
Por, çka nëse duhet të përdorni një kuotë të dyfishtë në vlerën e atributit? Apo në tekstin e dokumentit - një kllapa trekëndore? Në fund të fundit, atëherë nuk është e qartë se cili prej thonjëzave mbyll atributin dhe cili i referohet vlerës së tij, dhe a është kllapa fillimi i etiketës apo është një shenjë matematikore "më pak se"? Në këtë dhe në shumë raste të tjera, karakteret speciale HTML vijnë në shpëtim.
Karakteret speciale në HTML zbatohen duke përdorur mnemonikë të interpretuar nga shfletuesi. Për shembull, një kuotë e dyfishtë (") mund të dalë si " , dhe një shenjë euro (€) si €. Të gjitha kujtesat fillojnë me një ampersand (&) dhe përfundojnë me një pikëpresje (;). Në mënyrë që ampersand-i i zakonshëm në tekst të mos ngatërrohet me fillimin e kodit mnemonik, ai duhet të dalë gjithmonë me kodin & . Ju madje mund të shfaqni karaktere UTF-8 duke përdorur mnemonikë. Kodet e tilla mnemonike duken si xxx; , ku xxxx zëvendësohet nga kodi i karakterit dhjetor në kodimin UTF-8. Për shembull, © do të shfaqet si "©". Shumë nga karakteret UTF-8 kanë homologë në formën e mnemonikës së tekstit. I njëjti simbol "" mund të shënohet kështu: .
9 komente
Kam lexuar diku që atributi target="_blank" nuk është shumë i mirë për t'u përdorur, a shkel ndonjë standard? Kam lexuar që zhvilluesi nuk mund të vendosë për përdoruesin se si ta hapë lidhjen (në një skedë të re ose në të njëjtën), sado e mirë të jetë. Unë do të doja të di mendimin tuaj. Atributi target="_blank" nuk përfshihet në standardin XHTML. Për të ruajtur vlefshmërinë e faqeve XHTML, vlera e synuar zëvendësohet (nëse është e nevojshme, sigurisht) duke përdorur JavaScript. Në HTML, ky është një atribut krejtësisht i vlefshëm dhe nuk ka nevojë për truket e tilla.Për sa i përket përshtatshmërisë, jam dakord që nuk duhet të abuzohet, pasi shumica e përdoruesve dinë një mënyrë për të hapur ndonjë lidhje në një skedë të re, dhe butoni "Kthehu" është gjithmonë pranë. E megjithatë, pa target="_blank" ka disa mundësi për të humbur një përdorues që "harroi" të kthehet, ndërsa me të ka një shans për të shkaktuar zemërimin e drejtë të të njëjtit përdorues. Rezulton një thikë me dy tehe.
Në praktikën time, si rregull, unë e përdor këtë atribut vetëm për lidhjet e shtuara nga përdoruesit (në komente, për shembull), d.m.th. kalimi nëpër të cilin nuk ishte planifikuar gjatë përgatitjes së artikullit. Dhe gjithashtu në situatat kur është vërtet e nevojshme: për shembull, në faqet ku, në momentin e klikimit, përdoruesi mund të shkarkojë një video, të dëgjojë radion, të bisedojë, etj.
Duket se është në HTML 5 që mund të lini të hapura etiketat e çiftuara nëse ato ndiqen nga një tjetër etiketë. Ashtu si, në lista, etiketa li tani nuk mund të mbyllet. Katerina, mundesh. Dhe në HTML 4 gjithashtu. Në këtë rast, shfletuesit duhet t'i mbyllin ato vetë. Megjithatë, në disa raste ata (për shembull, IE9) e bëjnë atë gabim, gjë që çon në gabime të paraqitjes që nuk janë aq të lehta për t'u zbuluar. Parzuesit XML (nëse ka nevojë për t'i përdorur ato) gjithashtu ka të ngjarë të pengohen mbi këtë grabujë. Dhe nuk ka asnjë plus nga kursimet e tilla të kodit, në përgjithësi. Sipas mendimit tim, etiketat janë akoma më mirë të mbyllen. Ata që shtypin në HTML 5 nuk u intereson shumë IE. Nuk mbështet shumë veçori HTML5 -- Krahasimi i shfletuesit të Wikipedia (HTML5). Dhe në htmlbook.ru ekziston një listë e etiketave që lejohen të anashkalohen - http://htmlbook.ru/samhtml5/sintaksis-html5Ka mjaft përdorues të IE për t'i lënë jashtë. Degradimi i këndshëm është gjithçka jonë. Për sa i përket etiketave të çifteve të pambyllura, keni të drejtë - nëse ndiqni me përpikëri këtë listë, nuk duhet të ketë probleme as në IE, këto rregulla kanë qenë në fuqi që nga HTML 3.2.
Faleminderit, do t'i hedh një sy) Faleminderit për zbulimin! Material i shkëlqyeshëm, padyshim që ia vlen të përdoret.Ministria e Arsimit e Republikës së Bjellorusisë
UNIVERSITETI TEKNIK KOMBËTAR Bjellorusian
Departamenti "Bazat e Biznesit"
Raporti laboratorik #1
"STRUKTURA E DOKUMENTIT HIPERTEKST"
në disiplinën "Teknologji informacioni"
Plotësuar nga: studenti gr.105032Bychko E.V.
Pranuar nga: mësuesi Dashkevich N.V.
Laboratori numër 1
STRUKTURA E NJË DOKUMENTI HIPERTEKST
Objektiv: fitojnë aftësi themelore në krijimin e dokumenteve të thjeshta në internet; mësoni se si të formatoni faqet e krijuara në internet.
Përfundimi i punës
Detyra 1. Krijimi i një strukture skedari
Duke përdorur veglat e Explorer, u krijua një strukturë skedari në dosjen e tij të punës, e paraqitur në Fig. 1.1.
Oriz. 1.1. Struktura e skedarit
Detyra 2. Krijimi i një dokumenti HTML
Duke përdorur aplikacionin e notepad-it, krijoni një dokument HTML që, kur shikohet në shfletues, shfaq tekstin "Përmbajtja e shiritit të titullit" në shiritin e titullit të dritares dhe tekstin "Kështu duket dokumenti HTML" në zonën kryesore. Figura 2.1. paraqitet një dokument HTML.
Oriz. 2.1. HTML dokument
Shikimi i një dokumenti në një shfletues është paraqitur në figurën 2.2.
Oriz. 2.2. dokument në shfletues
Detyra 3. Modifikimi i një dokumenti HTML
Dokumenti duhet të ndryshohet në atë mënyrë që kur shikohet në shfletues, në shiritin e titullit shfaqet teksti "Pamje e përgjithshme e dokumentit html" dhe teksti në trupin e dokumentit është:
“Këtu janë disa mënyra për të punuar,
që do të mësojmë:
thyerje teksti
rreshtimi i tekstit
krijimi i titujve
punë me tabela.
Struktura e dokumentit HTML është paraqitur në figurën 3.1.
Oriz. 3.1. HTML dokument
Shikimi i dokumentit në shfletues (Fig. 3.2).
Oriz. 3.2. dokument në shfletues
Pyetje kontrolli
Çfarë është hiperteksti?
Cila është struktura e dokumentit më të thjeshtë HTML?
Struktura e dokumentit më të thjeshtë HTML duket si kjo:
TEKSTI I PARË NË FAQ
Si vendoset fillimi i një paragrafi teksti?
Për të vendosur paragrafin fillestar, duhet të përdorni një etiketë çifti - fillimi dhe fundi i paragrafit.
Çfarë është shënimi HTML për hipertekstin?
HTML është një gjuhë shënjimi e etiketave për dokumentet. Çdo dokument HTML është një grup elementësh, dhe fillimi dhe fundi i secilit element tregohet me shenja të veçanta - etiketa. Elementet mund të jenë bosh, që do të thotë se nuk përmbajnë tekst ose të dhëna të tjera. Në këtë rast, etiketa mbyllëse zakonisht nuk specifikohet. Për më tepër, elementët mund të kenë atribute që përcaktojnë disa nga vetitë e tyre. Atributet janë të specifikuara në etiketën hapëse.
Si ndryshojnë etiketat e paçiftuara nga etiketat e çiftuara?
Etiketat HTML vijnë në çifte dhe pa çifte. Etiketat e paçiftuara ndikojnë në të gjithë dokumentin ose kanë një efekt një herë kur futen. Kur përdorni etiketa të çiftuara, dokumentit i shtohen etiketat hapëse dhe mbyllëse, të cilat ndikojnë në pjesën e dokumentit të mbyllur midis tyre.
Etiketë (pl. etiketa, nganjëherë etiketa) është një element i gjuhës HTML që përdoret për të shënuar tekstin burimor të një faqe interneti. Etiketat janë shkurtesa ose shkurtesa të fjalëve angleze të mbyllura në kllapa këndore.<>p.sh. etiketë
…
shkurtesë për fjalën angleze paragraf, domethënë, teksti i mbyllur në këtë etiketë do të njihet nga shfletuesit si një paragraf.Çdo etiketë në HTML ka një kuptim të veçantë dhe është përgjegjës për shfaqjen e të dhënave të caktuara. Rasti i shkronjave në emrat e etiketave nuk ka rëndësi, për shembull, etiketa
…
dhe tag…
- Kjo është e njëjta gjë. Kjo do të thotë, etiketat mund të shkruhen me shkronja të vogla dhe të mëdha. Më parë, përgjithësisht pranohej që të gjitha etiketat të shkruheshin me shkronja të mëdha në mënyrë që etiketat të ndryshojnë nga teksti i zakonshëm. Tani kjo nuk është e nevojshme, pasi shumë redaktorë kanë theksuar sintaksë.Klasifikimi i etiketave
Ka më shumë se 90 etiketa në HTML. Si rregull, një etiketë prek vetëm një pjesë të dokumentit, për shembull, etiketën e titullit të nivelit të parë
…
. Në raste të tilla, përdoren etiketat e çiftuara: hapje dhe mbyllja. Etiketa hapëse (për shembull,) krijon efektin, dhe mbylljen ( ) e përfundon atë. Siç mund ta shihni nga shembulli, etiketa mbyllëse ka gjithmonë këtë karakter ( / ) është një prerje përpara. Këto etiketa quhen çiftëzohet.
Disa etiketa kanë një efekt një herë aty ku shfaqen. Për shembull, etiketa e shiritit horizontal
ose etiketën e shfaqjes së imazhit
Llojet e etiketave
Për më tepër, etiketat ndahen në disa lloje, të cilat ndryshojnë në funksionet e tyre:
- etiketat e titullit të dokumentit;
- elementet e bllokut;
- elemente inline;
- elemente universale;
- listat;
- tavolina;
- korniza.
Kjo ndarje nuk është e rreptë, kështu që disa etiketa janë në grupe të ndryshme. Për shembull, etiketat për krijimin e listave
- dhe
- zbatohen si për listat ashtu edhe për elementët e bllokut.
Struktura e etiketës
Kur ngarkohen në një shfletues, vetë etiketat nuk shfaqen, por ato ndikojnë në mënyrën se si shfaqet përmbajtja e tyre. Nëse një etiketë shkruhet gabimisht, ajo injorohet në tërësi.
Të gjitha etiketat kanë një strukturë të caktuar që duhet të respektohet gjatë shkrimit. Për më tepër, pothuajse të gjitha etiketat kanë atribute të ndryshme që mund të ndryshojnë mënyrën se si shfaqet përmbajtja.
Le të shohim strukturën e saktë të etiketave që përmbajnë atribute:
Për shembull, unë dhashë dy etiketa krejtësisht të ndryshme. Së pari i vetëm - përgjegjës për shfaqjen e imazheve, atribut - src="logo.jpg". Së dyti …çifti është përgjegjës për krijimin e lidhjeve, atributi është href="faqe".
Konkluzioni 1: Atributet mund të kenë etiketa të çiftuara dhe të paçiftuara.
Konkluzioni 2: Atributet mund të kenë vetëm etiketa fillimi, etiketat e fundit nuk kanë atribute.
Foto për sqarim:
Hej! Epo, e keni krijuar faqen tuaj të parë? Te lumte! Tani le të flasim për etiketat: cilat janë ato dhe pse janë të nevojshme.
Krijimi i një faqe interneti duke përdorur HTML bëhet duke përdorur etiketa. Çdo etiketë përmban një element specifik. Dhe të gjithë së bashku ata formojnë saktësisht faqen që shfaqet në dritaret e shfletuesit. Këto janë bazat e HTML. Le të flasim për to në më shumë detaje.
Çdo etiketë, pavarësisht nga qëllimi dhe vendndodhja e tij, vendoset midis karaktereve < dhe > të vendosura përkatësisht në fillim dhe në fund të etiketës.
Shembull:
Etiketat e çiftuara
Etiketat janë dy llojesh. E para përfshin ato të çiftëzuara, të cilat përfshijnë dy përbërës, nga të cilët kanë marrë emrin. Këta komponentë quhen etiketa hapëse dhe mbyllëse. Etiketa mbyllëse ndryshon nga çifti i saj nga prania e simbolit / , i cili vendoset menjëherë pas < .
Lloji i dytë i etiketave janë etiketa të vetme. Dhe, siç sugjeron emri, ata nuk kanë një çift të dytë të etiketave mbyllëse.
Etiketa të vetme HTML
Kur krijoni një faqe me HTML, qëllimi kryesor i një etikete çift është të shënojë fillimin dhe fundin e një pjese të veçantë të tekstit. Sidoqoftë, përdoren gjithashtu etiketa, detyra e të cilave nuk ka të bëjë fare me theksimin e fragmenteve të tekstit.
Shembuj të etiketave të tilla janë ato që ju lejojnë të vendosni një shirit ndarës ose të shtoni një imazh në faqe. Dhe janë këto etiketa që janë single, sepse, si të thuash, funksionin e tyre e kryejnë pa një palë.
Këto etiketa përfshijnë:
,
,
.
Linjë
Rreshti tjetër
Nëse e shihni këtë format për të shkruar një etiketë të vetme diku
, atëherë dijeni se kështu janë ekspozuar në versionet e mëparshme të HTML. Por tani, me HTML 5, prerja nuk kërkohet.
Atributet e etiketës HTML
Gjithashtu, në një bisedë rreth bazave të HTML, nuk mund të mos përmenden atributet e etiketave. Për etiketa të caktuara, përdorimi i atributeve nuk kërkohet, por është i pranueshëm. Dhe në disa raste, ato janë patjetër të nevojshme.
Një shembull i një rasti të tillë do të ishte etiketa
, i cili është krijuar për të futur një imazh në faqe. Atributi i kërkuar për këtë etiketë është src, me të cilin mund të specifikoni se ku ndodhet saktësisht imazhi. Kjo është bërë në mënyrë që shfletuesi të mund të hapë imazhin. Nëse adresa e imazhit specifikohet pa një atribut, imazhi nuk do të shfaqet në faqe.
Si rregull, në shumicën e rasteve, etiketat dhe atributet shkruhen në HTML si kjo:
<имя-тега атрибут1="значение1" атрибут2="значение2" …>
Një etiketë mund të ketë një ose më shumë atribute. Më poshtë mund të shihni shembuj.
......
Pra, shpresoj se gjithçka është e thjeshtë dhe e qartë këtu. Por nëse rastësisht, mos ngurroni të pyesni - unë patjetër do t'ju ndihmoj. Në mësimet e mëposhtme, ne do të zbërthejmë etiketat e ndryshme dhe do të mësojmë se për çfarë shërben secila.
