HTML kratice. Manje poznati semantički elementi. Zadani stil

Element koda koristi se za određivanje računalnog koda ili programskog jezika kao što su PHP, JavaScript, CSS, XML itd. Za kratke isječke unutar rečenice, možete jednostavno postaviti element oko isječka koda ovako:

na klik izravno u HTML.

Za veće uzorke koda koji obuhvaćaju više redaka, možete koristiti unaprijed formatirane blokove, kao što je prikazano u predavanju 15, "Označavanje tekstualnog sadržaja u HTML-u."

Iako ne postoji posebna metoda za označavanje koje programski jezik ili je kod prikazan u elementu koda, može se koristiti atribut klase. Uobičajena praksa (spomenuta u nacrtu HTML 5) je korištenje prefiksa jezika i zatim dodavanje naziva jezika. Stoga bi gornji primjer izgledao ovako:

Nije dobro koristiti rukovatelje događajima poput na klik izravno u HTML.

Neki programski jezici imaju nazive koje nije lako predstaviti u klasama, poput C# (C-sharp). Pravi put Unos će u ovom slučaju biti "class="language-c\#"" , što može stvoriti poteškoće i dovesti do tipfelera. Preporučio bih da koristite klasu koja se sastoji samo od slova i crtica i da je napišete u cijelosti. Stoga je u ovom slučaju bolje koristiti "class="language-csharp"" .

Izlaz računalne interakcije

Dva elementa uzorak a kbd se može koristiti za ulaznu i izlaznu interakciju s računalnim programom. Na primjer:

Jedna od uobičajenih metoda utvrđivanja je li računalo spojeno na internet jest korištenje računalnog programa ping da biste vidjeli je li moguće da je računalo pokrenuto dostupno.

Kittaghy% ping -o google.com
 PING google.com (64.233.187.99): 56 podatkovnih bajtova 64 bajta od 64.233.187.99: icmp_seq=0 ttl=242 vrijeme=108.995 ms --- google.com ping statistika --- 1 paket poslano, 1 paket primljen, 0 % povratnog povratnog gubitka paketa min/prosjek/max/stddev = 108,995/108,995/108,995/0,000 ms

Element uzorak označava izlaz uzorka iz kompjuterski program. Kao što je prikazano u ovom primjeru, Različite vrste izlaz se može specificirati pomoću atribut klase. Međutim, ne postoji široko prihvaćen dogovor o tome koje vrste klasa koristiti.

Element kbd specificira unos interakcije korisnika s računalom. Iako je ovo tradicionalno unos s tipkovnice (otuda i kratica "kbd"), također bi se trebao koristiti za označavanje drugih vrsta unosa, kao što je glasovni unos.

Varijable

Element var koristi se za određivanje varijabli u tekstualnom sadržaju. Može uključivati ​​algebarske matematičke izraze ili biti unutar programski kod. Na primjer:

Vrijednost x u 3 x+2=14 je 4.

moj $dobrodošli= "Zdravo svijete!";

Citat

Element citata koristi se za označavanje odakle dolazi sadržaj u blizini - kada se citira osoba, knjiga ili druga publikacija, ili općenito kada se ljudi upućuju na drugi izvor, taj izvor treba staviti unutar elementa citata. Na primjer:

Izreka Sve treba učiniti što jednostavnijim, ali ne jednostavnijimčesto se pripisuje Albert Einstein, ali to je zapravo parafraziranje citata koji je mnogo teže razumjeti.

Opis

Označiti označava da je niz znakova kratica. Korištenjem atributa title, kratica se dešifrira, što omogućuje osobama koje nisu upoznate s njom da razumiju kraticu. Osim toga, tražilice indeksiraju verziju kratice s punim tekstom, što se može koristiti za poboljšanje rangiranja dokumenta.

Preglednici ne ističu tekst unutar , s iznimkom Opere prije verzije 15, koja tekstu dodaje točkaste podvlake.

Sintaksa

Atributi

Završna oznaka

Potreban.

HTML5 IE Cr Op Sa Fx

CGI označava protokol kojim vanjski programi komuniciraju s web poslužiteljem. Koristeći CGI, možete pokrenuti programe na poslužitelju u bilo kojem programskom jeziku i prikazati rezultat njihovih radnji kao web stranicu.

Rezultat ovog primjera prikazan je na sl. 1.

Riža. 1. Vrsta tooltip-a kada mišem prijeđete preko teksta kratice

Preglednici

Preglednik Internet Explorer do verzije 6 ne podržava oznaku , preporučuje se korištenje oznake umjesto nje .

The Element HTML skraćenica( ) predstavlja kraticu ili akronim; izborni atribut naslova može pružiti proširenje ili opis kratice. Ako postoji, naslov mora sadržavati ovaj puni opis i ništa drugo.

Izvor za ovaj interaktivni primjer pohranjen je u GitHub repozitorij. Ako želite doprinijeti projektu interaktivnih primjera, klonirajte https://github.com/mdn/interactive-examples i pošaljite nam zahtjev za povlačenje.

Problemi s pristupačnošću

Ispisivanje akronima ili kratice u cijelosti kada se prvi put koristi na stranici korisno je jer pomaže ljudima da ih razumiju, osobito ako je sadržaj tehnički ili industrijski žargon.

Primjer

Zapis JavaScript objekta ( JSON) je lagani format za razmjenu podataka.

Ovo je posebno korisno za ljude koji nisu upoznati s terminologijom ili konceptima o kojima se govori u sadržaju, za ljude koji tek upoznaju jezik i za osobe s kognitivnim problemima.

Tehnički podaci

Kompatibilnost preglednika

Tablica kompatibilnosti na ovoj stranici generirana je iz strukturiranih podataka. Ako želite doprinijeti podacima, pogledajte https://github.com/mdn/browser-compat-data i pošaljite nam zahtjev za povlačenje.

Ažurirajte podatke o kompatibilnosti na GitHubu

Legenda

Vidi također

• Ostali elementi koji prenose semantiku na razini teksta: element (ili element sidra), sa svojim atributom href, stvara hipervezu na web stranice, datoteke, adrese e-pošte, lokacije na istoj stranici ili bilo što drugo što URL može adresirati."> , !} , ) označava da njegov sadržaj ima veliku važnost, ozbiljnost ili hitnost. Preglednici obično prikazuju sadržaj podebljanim slovima."> , element predstavlja popratne komentare i sitna slova, poput autorskih prava i pravnog teksta, neovisno o njegovom stiliziranom prikazu. Prema zadanim postavkama iscrtava tekst unutar njega za jednu veličinu fonta, na primjer od malog do x-malog."> , ) koristi se za opisivanje reference na citirano kreativno djelo i mora sadržavati naslov tog djela."> , element označava da je priloženi tekst kratki umetnuti citat. Većina modernih preglednika implementira ovo stavljanjem teksta u navodnike. "> , ) koristi se za označavanje pojma koji se definira unutar konteksta definicijske fraze ili rečenice."> , element predstavlja određeno vremensko razdoblje."> , element prikazuje svoj sadržaj stiliziran na način koji je namijenjen da pokaže da je tekst kratki fragment računalnog koda."> , ) predstavlja naziv varijable u matematičkom izrazu ili kontekstu programiranja."> , ) koristi se za uključivanje umetnutog teksta koji predstavlja ogledni (ili citirani) izlaz iz računalnog programa."> , ) predstavlja raspon umetnutog teksta koji označava tekstualni korisnički unos s tipkovnice, glasovnim unosom ili bilo kojim drugim uređajem za unos teksta."> , ) navodi umetnuti tekst koji bi trebao biti prikazan kao indeks isključivo zbog tipografskih razloga."> , ) specificira umetnuti tekst koji će biti prikazan kao superskript isključivo iz tipografskih razloga."> , ) koristi se za privlačenje pozornosti čitatelja na sadržaje elemenata kojima se inače ne pridaje posebna važnost.> , element predstavlja niz teksta koji je iz nekog razloga odmaknut od normalnog teksta. Neki primjeri uključuju tehničke izraze, fraze na stranom jeziku ili misli izmišljenih likova. Obično se prikazuje kurzivom."> , ) predstavlja tekst koji je označen ili istaknut u svrhu reference ili notacije, zbog relevantnosti ili važnosti označenog odlomka u kontekstu koji ga prilaže.> , element predstavlja oznaku rubina. Ruby bilješke služe za prikaz izgovora istočnoazijskih znakova."> , ) element se koristi za pružanje rezervnih zagrada za preglednike koji ne podržavaju prikaz ruby ​​napomena pomoću element."> , ) element specificira ruby ​​komponentu teksta ruby ​​napomene, koja se koristi za pružanje informacija o izgovoru, prijevodu ili transliteraciji za istočnoazijsku tipografiju. The element uvijek mora biti sadržan unutar a element."> , ) poništava trenutno usmjerenje teksta, tako da se tekst unutar prikazuje u drugom smjeru."> , .
• Zastarjeli ) omogućuje autorima da jasno naznače niz znakova koji čine akronim ili kraticu za riječ."> element, whose responsibilities were folded into !}