10 Cool Things HTML tagi var darīt
Šobrīd ir kopā 142 HTML elementi standartizēja W3C, izņemot tos, kas iekļauti standartizācijas sākotnējos posmos un tie, kas novecojuši. Tas nozīmē, ka ir iespējams palaist garām vai aizmirst dažas no tām, kas var būt noderīgas, ja nepieciešams.
Agrāk mēs atkārtojaim dažus no labākajiem CSS trikiem, kurus jūs, iespējams, esat ignorējuši. Šī ziņa jums atgādinās dažus HTML tagus, kurus jūs nezināt, lai varētu izmantot tādas funkcijas kā:
1. Kartēt attēlus
HTML elementus var izmantot, lai izveidotu attēlu kartes. Attēlu kartes pamatā ir attēli ar klikšķināmiem apgabaliem, kas var būt saistīti ar citu tīmekļa lapu vai citām tā paša dokumenta daļām. Jūs varat definēt, kuras attēla daļas ir noklikšķināmas, vienkārši pieminējot attiecīgo punktu Y Y koordinātas
iekšpusē ligzdoti elementi
.
Piezīme: Noklikšķināmās zonas nevar veidot, izmantojot CSS, tādēļ, ja vēlaties, lai šie marķieri būtu veidoti, izmantojiet vienkāršu attēlu rediģēšanas programmatūru, lai zīmētu marķierus..
Padoms: Ja vēlaties uzzināt attēla punkta koordinātas, atveriet attēlu attēlu rediģēšanas programmatūrā un pārvietojiet kursoru uz šo punktu, jums vajadzētu būt iespējai redzēt tās koordinātas programmatūrā. GIMP tas ir redzams apakšējā joslas kreisajā pusē.
2. Ievades ieteikumi
Izmantot lai sniegtu sarakstu ar attiecīgajiem ieteikumiem, kas parādās, ievadot ievades vērtību.
3. Iezīmējiet tekstu
Izceltajam tekstam parasti ir tumša teksta krāsa ar gaišu fonu. Šo iezīmēto teksta efektu var sasniegt tikai ar atzīmi. Jebkurš teksts, kas iekļauts būs šāda ietekme.
Jūs varat pielāgot izcelt krāsu Ar fona krāsa
CSS īpašums un teksta krāsa Ar
krāsa
īpašums.
4. Definējiet veidnes
Kopā ar HTML5 nāca jauns elementu. The
elements satur tā iekšpusē iezīmēto atzīmi, kas nav sniegta pārlūkprogrammās, pie tam pievienotā atzīme radīt dinamisku saturu lapā izmantojot JavaScript.
Piemēram, pieņemsim, ka jums ir a Precīza druka attiecas uz dokumenta tekstu, kas parasti tiek drukāts ļoti mazā izmērā un satur informāciju, piemēram, nosacījumus, noteikumus, ierobežojumus, citātus, likumīgās tiesības utt. The Piezīme: Visi relatīvie vietrāži URL tiks norādīti, pamatojoties uz bāzes URL, ja jums ir kāda saite ar citu domēnu, neaizmirstiet piešķirt tam pilnu URL. Interaktīva tīmekļa izstrāde ir modē ar arvien pieaugošu mobilo piekļuvi. Attēlus var pārslēgt uz dažādiem ekrāna izmēriem ar atzīmi. The Piezīme: Pašlaik tas darbojas tikai pārlūkā Chrome. Jums būs jāiestata HTML5 ieviesa daudzus jaunus ievades tipa elementus; krāsu ievades elements ir viens no tiem. Tas ļauj jums izvēlēties krāsu tīmekļa lapā, izmantojot krāsu atlasītāju. Ja nolaižamajā sarakstā ir daudz iespēju un vēlaties parādīt tos grupētiem, Marķējums iekšpusē kur rindas ir jāpievieno dinamiski, varat vienkārši ievietot tabulas tukšās rindas atzīmi
un nepieciešamības gadījumā izsauciet JavaScript funkciju, kurā ir skripts, lai kopētu atzīmi no šablonu tagiem un pievienotu to tabulas atzīmei. IE to neatbalsta.
5. Smalka druka
tagu HTML var izmantot, lai parādītu smalkas izdrukas. No HTML5 sākot ar
atzīme ne tikai parāda smalku drukātu tekstu, bet arī semantiski definēs to pašu kā juridiskās atrunas un brīdinājumus.
6. Piešķirt bāzes URL
HTML elements ir diezgan ērts, ja jūsu dokumentā ir vairākas saites ar tiem pašiem domēna URL, tas ļauj pievienot dokumentam bāzes URL, kas savukārt ļauj jums pievienot tikai relatīvus URL uz citām saitēm lapā pēc vajadzības.7. Atsaucīgi attēli
HTML5 elements ļauj pievienot dažādus attēla avotus dažādiem multivides attēliem tajā.
dom.image.picture.enable
uz taisnība
iekšā par: config
Firefox.8. Krāsu atlasītājs
9. Grupas iespējas
elements saņems darbu. Varat arī veidot grupas ar CSS.
10.
elementu
pārlūks tiek sniegts tikai tad, ja skripts ir atspējots. Šī atzīme ir noderīga, lai ļautu lietotājiem uzzināt, kad skripts savā pārlūkprogrammā ir atspējots, un lai nodrošinātu alternatīvu rezerves mehānismu tīmekļa lapām, kas pārtrauks darboties bez JavaScript.
Tagad lasiet: 15 Noderīgi CSS triki, ko jūs varētu būt skatījuši