10 Cool stvari koje HTML oznake mogu učiniti
Trenutno postoji ukupno 142 HTML elemenata standardiziran od strane W3C, isključujući one u početnim fazama standardizacije i one koje su zastarjele. Međutim, moguće je propustiti ili zaboraviti neke od njih koje mogu biti korisne kada je to potrebno.
Ranije smo napravili rekapitulaciju nekih od najboljih CSS trikova koje ste možda previdjeli. Ovaj će vas post podsjetiti na neke HTML oznake koje niste znali da možete upotrijebiti za implementaciju značajki kao što su:
1. Mapirajte slike
HTML Elementi se mogu koristiti za izradu karata slika. Karte slika u osnovi su slike s područjima na kojima se može kliknuti, a koja se mogu povezati na drugu web-stranicu ili druge dijelove istog dokumenta. Možete odrediti koja područja slike mogu se kliknuti jednostavnim spominjanjem odgovarajućih X Y koordinata tih točaka u
unutarnjih elemenata
.
Bilješka: Područja koja se mogu kliknuti ne mogu se stilizirati putem CSS-a pa ako želite da se ti markeri stiliziraju, koristite jednostavan softver za uređivanje slika da biste nacrtali oznake.
Savjet: Ako želite znati koordinate točke na slici, otvorite sliku u softveru za uređivanje slika i pomaknite pokazivač na tu točku, trebali biste moći vidjeti koordinate u samom softveru. Za GIMP je prikazan na lijevoj strani donje trake.
2. Unos prijedloga
Koristiti da biste dali popis relevantnih prijedloga koji se pojavljuju pri unosu ulazne vrijednosti.
3. Označite Tekst
Označeni tekst obično ima tamnu boju teksta s svijetlom pozadinom. Taj efekt označenog teksta možete postići samo označivanjem. Bilo koji tekst zatvoren unutar će imati takav učinak.
Možete prilagoditi istaknite boju s boja pozadine
CSS svojstvo i boja teksta s
boja
svojstvo.
4. Definirajte predloške
Uz HTML5 došao je novi element.
element sadrži oznaku unutar njega koja nije prikazana u preglednicima, oznaka koju on sadrži mora se koristiti za generirati dinamički sadržaj na stranici pomoću JavaScripta.
Na primjer, pretpostavimo da imate a Fini tisak odnosi se na tekst dokumenta koji se tipično ispisuje u vrlo maloj veličini i sadrži informacije kao što su uvjeti, uvjeti, ograničenja, citati, zakonska prava itd. Bilješka: Svi relativni URL-ovi na stranici bit će upućeni na temelju osnovnog URL-a, ako imate neku vezu s drugom domenom, ne zaboravite joj dodijeliti cijeli URL. Prilagodljivi razvoj weba u modi je s rastućim mobilnim pristupom. Slike se mogu mijenjati za različite veličine zaslona pomoću oznake. Bilješka: To trenutačno radi samo u pregledniku Chrome. Morat ćete postaviti HTML5 je uveo mnogo novih elemenata tipa unosa; element za unos boje je jedan od njih. To vam omogućuje da odaberete boju na web stranici uz pomoć alata za odabir boja. Ako imate mnogo opcija u padajućem popisu i želite ih prikazati grupirane, Oznaka unutar gdje se redovi dodaju dinamički, jednostavno možete staviti oznaku praznog retka tablice unutar
i po potrebi pozvati JavaScript funkciju koja sadrži skriptu za kopiranje oznake unutar oznaka predloška i dodavanje u oznaku tablice. IE to ne podržava.
5. Fini ispis
oznaka u HTML-u može se koristiti za prikazivanje finih ispisa. Iz HTML5 nadalje
Oznaka ne prikazuje samo fino ispisani stilizirani tekst, nego će također semantički definirati isto kao i pravna odricanja i upozorenja.
6. Dodijelite osnovni URL
Element HTML je vrlo zgodan kada imate više veza u dokumentu s istim URL-ovima domene, omogućuje vam dodavanje osnovnog URL-a dokumentu koji vam omogućuje dodavanje samo relativnih URL-ova drugim vezama na stranici prema potrebi.7. Odgovarajuće slike
HTML5 element omogućuje dodavanje različitih izvora slike za različite medije za sliku unutar nje.
dom.image.picture.enable
do pravi
u about: config
u Firefoxu.8. Birač boja
9. Opcije grupe
element će obaviti posao. Također možete oblikovati grupe pomoću CSS-a.
10.
element
preglednik pregledava samo kada je skripta onemogućena. Ova je oznaka korisna za obavještavanje korisnika o tome kada je u pregledniku onemogućena skripta i za pružanje alternativnih rezervnih mehanizama za komponente na web-stranicama koje će prestati raditi bez JavaScripta.
Sada pročitajte: 15 korisnih CSS trikova koje ste mogli previdjeti