Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • Sigurnost
  • Što je oznaka raspona? Opis HTML span taga: što je to, kako ga koristiti, značajke

Što je oznaka raspona? Opis HTML span taga: što je to, kako ga koristiti, značajke

Kao web programer, ne mogu ne osjećati da su sve ove preporuke nevjerojatno pogrešne u 2015. godini.

Naravno, oznaka "p" trebala je biti korištena kao odlomak u nekom trenutku... ali u 100% mojih aplikacija, dizajna i svakodnevnog općeg razvoja, nismo vidjeli ništa osim ograničenja nametnutih "p" oznaku... ne nudi nikakvu korist na današnjem internetu.

Rekao bih da, "p" je opisno i iz tog razloga ako se sve ovo dogodilo; "opisati nešto", bit ću za to... ali NE opisuje samo sadržaj, već izravno zamjenjuje MIJENJA sadržaj, koji, iako je već ograničen sam po sebi, nije sve što čini, već i OGRANIČAVA sadržaj. Ne mogu shvatiti zašto bi itko pri zdravoj pameti namjerno pokrivao ultimativni gradivni blok kada je u pitanju web razvoj. Iz perspektive dizajna to nema smisla. Sa strukturalnog gledišta to nema smisla. Od svih PERIOD DOM manipulacija, ovo nema smisla.

Kolektivno smo prestali koristiti oznaku "p" osim kada apsolutno moramo (kao što je klijentski rječnik, takve gluposti). Nema isprike zašto ne možemo gotovo sve opisati s dobro imenovanim klasama i identifikatorima, tako da ne vidimo razloga da se povinujemo "standardima" koji ne pružaju nikakvu korist, i zapravo BROJIMO svaki dio slagalice, Označite "p " ne pomaže programeru, krajnji korisnik ili moderno tražilice. Ukratko... Oznaka "p" gotovo je zastarjela u čak i izdaleka složenim implementacijama (i to iz vrlo dobrog razloga), ne dopustite da komentari tih standardnih nacističkih kontrola prikazuju vaš sadržaj!

Čak i na ovom mjestu, namijenjenom programerima na njemu, ima JAKO VRH vlastitu stranicu postoji mali pop dio koji bi mogao koristiti oznaku "p" budući da sadrži dovoljno teksta za prelazak u drugi redak, ali je potpuno uhvaćen u DIV (i samo div, ne div -> p) gotovo beskonačan broj razlozi... prije svega, danas je "p" SRT u usporedbi s bilo kojim dobro opisanim blokom stvorenim iz DIV-a koji je jednako dobro opisan (štoviše... kažem) kao "p" odlomak s vrlo opisnim id = "blurb" .

Iz Stackoverflowa:

Stack Overflow je mjesto za pitanja i odgovore za profesionalne programere i programere entuzijaste. To je 100% besplatno, nije potrebna registracija.

razgovaram s

i dugo živite

ljuljam se

I da, cijenim naše trenutne web standarde i ovakve stvari se još uvijek događaju, čak nude mogućnosti da se stvari rade s nekim moderni preglednici, što ne možete postići kontejnerom, ali to je to, konkretno pokvareni "p" element, kao dio restrukturiranog i moderniziranog HTML-a... trebalo je ostaviti u grobu gdje mu je i mjesto... ovo je generacija web stranica na kojima paragrafi više nisu paragrafi zauvijek. blokovi se doslovno mijenjaju...samo je zastario i nepraktičan.

Predstavljanje informacija kroz modernu ideju hiperteksta inherentno je apsurdno, ali to je tako i tako funkcionira. S tim se ne možete raspravljati i s tim morate računati.

S gledišta moderni jezik programiranja, nije važno kako su podaci predstavljeni: strogi tipovi i obvezni preliminarni opis, ili bez tipova i potreban opis jezik će sam "misliti o tome" dok se algoritam izvršava.

Važno je napomenuti da sve što preglednik, JavaScript ili jezik na strani poslužitelja ne "razume" neće biti izvršeno. Blokiraj oznaku pod određenim okolnostima može se “pretvoriti” u mala slova, ali mala slova u blok - ne.

Logika HTML stranice

Povijesni primjer - oznaka HTML font. Dugo se vrijeme “ne preporučuje” za korištenje. Motivacija "ne preporučuje se" - karakteristika moderno programiranje. Nedostatak kompatibilnosti koda "prema gore" među verzijama i nepostojanje stabilnosti u sekvencijalnom razvoju verzija softverske komponente i koncepti također.

Doista, oznaka span u HTML-u mnogo je praktičnija: ne odnosi se samo na font. Span može promijeniti mnoge atribute prikaza i korištenja određenog sadržaja.

Nizovi su uvijek bili primarna reprezentacija za sve podatke, ali programski jezici to nisu uvijek definirali u sintaksi, a programeri su bili svjesni da je korišteni broj ili Booleova vrijednost uvijek niz.

Apsurdnost i objektivnost hiperteksta u HTML implementacije: izgled je korištenje skupa oznaka (uparenih ili pojedinačnih) za službeni opis sadržaja (podataka). Ni opis ni sadržaj ne mogu se razumno opisati kao informacija. Prvi je određeni okvir u koji se uklapa neki sadržaj – podatak.

Okvir je izgrađen od kruto učvršćenih cigli (tagova), koje zauzimaju strogo određena mjesta u strukturi, i relativnih elemenata, koji se raspoređuju "kako karta pada".

Stranicu možete podijeliti u odjeljke za prikaz podataka pomoću tablica ili blok elemenata, a rezultirajuću strukturu možete "ispuniti" podacima s drugim oznakama. Obično se nazivaju malim slovima, odnosno postavljeni su na način da određuju trenutnu priliku i trenutni sadržaj.

Primjer HTML raspona: što je to i kako ga opisati

Zeleni okvir prikazuje primjer koda koji je preglednik prikazao siva pozadina. Blokirano div element završio u središtu teksta koji ga slijedi u kodu. Prvi element bila je oznaka s klasom scSpanLine. Zatim je postavljen tekst u kojem su dva dijela ovog teksta istaknuta pomoću span taga s klasom scSimpleSpan.

Elementi drugog i trećeg retka pozicionirani su točno onako kako je napisano u kodu.

Ovaj primjer pokazuje kako span radi u HTML-u. Očito je da se radi samo o nizu podataka. Još jedna stvar nije očita: programer može opisati ovu oznaku kako god želi, može čak primijeniti pravilo:

  • POZICIJA: apsolutna;

Neće biti nikakvog učinka. Određivanje koordinata i dimenzija također ne igra nikakvu ulogu. Centriranje ili poravnavanje raspona u HTML-u je beskorisno. U međuvremenu, oznaka je vrlo praktična i tražena u praksi. Ovo je vrlo zgodan omot za isticanje važan trenutak u općem toku podataka.

Glavna stvar je razumjeti da je span HTML način za promjenu prikaza retka ili razjašnjavanje pravila za prikaz dijela retka.

Logika za pružanje informacija o liniji

Koristite opisni jezik HTML podaci po svojoj namjeni, odnosno opisivanju podataka, ono je jučerašnje. Korištenje jezika na strani poslužitelja za oblikovanje tijela stranice je moderno i "svi" programeri to rade. Sustavi za upravljanje sadržajem (CMS) posebno drže do toga.

Prava praksa i potreba za stvaranjem živih web stranica je dinamičko upravljanje okvirom stranice i njezinim sadržajem. U tom smislu, oznaka span u HTML-u (da je jednostavno dinamična), kao rezultat rad JavaScripta, omogućuje vam stvaranje dinamičkog sadržaja u hodu.

JavaScript radi kao pretvarač izvorni tekst u formatiranim i zamjenama potrebne oznake s potrebnim CSS pravila u izlazni tok, koji se distribuira preko okvira blok elemenata stranice.

Što je veći profesionalizam programera, to je više blok (ili tablica) izgleda stranice i manje stvarna prisutnost statičkih oznaka raspona u HTML-u. Što ovo daje? Dinamika. JavaScript je algoritam koji može preuzeti rad na dolaznom toku nizova i prikazati ga onako kako je programer zamislio. Oznake raspona pojavit će se u na pravom mjestu i to u pravo vrijeme.

U ovom ćemo postu pokriti dvije važne teme - korištenje elementa span i stvaranje kurzivnog i podebljanog teksta pomoću oznaka em i strong. Vjerojatno ćete naučiti nešto novo i korisno. Nakon što ste jednom upamtili i shvatili suptilnosti, u budućnosti ćete točnije primijeniti ove elemente.

Korištenje elementa raspona

Element - drugi najčešće neshvaćen element u HTML rječnik, nakon blok elementa. Može biti korisno razmišljati o rasponskim elementima na ovaj način: ovo linija oznaka, koji je poput pojasa za spašavanje u HTML-u i koristi se tek nakon što se eliminira korištenje svih ostalih elemenata u ovoj situaciji. Gotovo uvijek postoje bolja rješenja.

Element raspona koristi se samo kao zadnje utočište, budući da nema semantičko značenje: ne postoji način da se kaže kakav sadržaj sadrži. Element potpuno je beskoristan bez primjene CSS koda: sam po sebi nema apsolutno nikakav učinak na prikaz. Kombinacija ovih dviju značajki dovodi do činjenice da rasponski element na mjestu treba koristiti rijetko, promišljeno i pažljivo.

Tipičan primjer korištenja elementa u blokovnom elementu - omatanje sadržaja koji se inače ne bi mogao navesti CSS stilovi. Na primjer:

Iz nekog razloga moramo određena riječ bio prikazan inače u ovom paragrafu.

Naravno, prvo smo morali isključiti sve druge mogućnosti prije upotrebe elementa raspona, izbjegavajući korištenje ugrađenih oznaka kao što su: (koristi se za definicije) i (koristi se za kratice), (koristi se za stvaranje kurzivnog teksta) i (koristi se za stvaranje podebljanog teksta), od kojih se na svaki može primijeniti CSS kod.

Stvaranje kurzivnog i podebljanog teksta

HTML kod je dizajniran da bude što je moguće više neovisan o okruženju i korisniku. Iako obično komunicirate s većinom web-stranica putem njihovog prikaza, postoje mnoge druge opcije za prikaz sadržaja, kao što su ispis, čitači teksta, prevoditelji brajice i druge.

Iz tog razloga, oznake koje se koriste za označavanje teksta u HTML kodu imaju vrlo širok raspon primjena. Na primjer, oznaka ističe tekst. U većini slučajeva, vizualni sadržaj ove oznake prikazuje se ukoso, a čitači teksta će istaknuti tekst, čitajući ga glasnije.

Sadržaj oznake vizualno izgleda podebljano, a kao u prethodnom slučaju, ova oznaka će imati različita značenja u različitim kontekstima.

Obje oznake namijenjene su za korištenje na malim količinama teksta - jednoj ili dvije riječi ili rečenici - u odlomku dugom nekoliko rečenica. Ako naiđete na sljedeći kod:

U takvoj situaciji gotovo je uvijek bolje ne koristiti oznake za stvaranje kurzivnog ili podebljanog teksta, već postaviti stilove u CSS kodu.

Isto tako, upotreba oznake za stvaranje podebljanog teksta u elementima zaglavlja nema smisla; za to je bolje koristiti CSS kod.

HTML5 specifikacija ponovno uvodi oznake I za stvaranje podebljanog i kurzivnog teksta, ali preporučujemo da i dalje koristite oznake I za te namjene, jer imaju širu primjenjivost i prilagodljivost.

Prijevod – Dežurna soba

Prilikom oblikovanja teksta pomoću koristeći css najčešće korištena oznaka . To znači "samo blok teksta" Odnosno, nema nikakvo posebno značenje. Također, ova oznaka ni na koji način ne mijenja prikaz teksta.

Međutim, postoji dodatno značenje ovu oznaku dodano korištenjem klasa. Na primjer:

I već za razred, koristeći css, postavljaju stilove i time mijenjaju dizajn.

Idi na zadatak

  • index.html Split način rada
  • stil.css Split način rada

HTML

Glavni <a href="https://bumotors.ru/hr/znacheniya-ot-i-do-v-forme-html-html-formy-mnogostrochnoe-tekstovoe-pole--.html">tekstualna oznaka</a>- raspon

Progresivno poboljšanje

Ne možete samo tako govoriti o progresivnom poboljšanju bez spominjanja graciozne degradacije. Koja je razlika između ovih pojmova? Kao što je spomenuto u ranijem članku, Graceful Degradation može se prevesti kao tolerancija na pogreške.

Ovo je vrlo širok koncept, ali u kontekstu weba može se shvatiti kao tolerancija na pogreške klijentskih web sučelja, poslužiteljskih dijelova web stranica itd. U ovom članku Graceful Degradation će se shvatiti kao tolerancija grešaka sučelja web klijenta.

CSS

Važno ( font-weight: podebljano; font-style: italic; ) .note ( font-size: 0.8em; color: #999999; ) .error ( text-decoration: line-through; color: red; )

Provjerite na poslužiteljuProvjera je trajala predugo, pokušajte ponovno Pokaži odgovor

Automatsko pokretanje

Najbolji članci na temu