10 cose interessanti Tag HTML possono fare
Al momento ci sono a totale di 142 elementi HTML standardizzati dal W3C escludendo quelli nelle fasi iniziali della standardizzazione e quelli che sono diventati obsoleti. Detto questo, è possibile perdere o dimenticare alcuni di essi che possono essere utili quando necessario.
In precedenza abbiamo fatto un riepilogo di alcuni dei migliori trucchi CSS che potreste aver trascurato. Questo post ti ricorderà alcuni dei tag HTML che non sapevi di poter utilizzare per implementare funzionalità come:
1. Mappa immagini
L'HTML gli elementi possono essere usati per creare mappe di immagini. Mappe immagine sono fondamentalmente immagini con aree cliccabili su di esse, che possono essere linkate a un'altra pagina web o ad altre parti dello stesso documento. Puoi definire quali aree di un'immagine sono selezionabili semplicemente menzionando le corrispondenti coordinate X Y di quei punti nel
elementi annidati all'interno
.
Nota: Le aree cliccabili non possono essere ridisegnate tramite CSS, quindi, se vuoi che questi marcatori siano stilizzati, usa un semplice software di modifica delle immagini per disegnare i marcatori.
Mancia: Se vuoi conoscere le coordinate per un punto in un'immagine, aprire l'immagine in un software di modifica delle immagini e spostare il cursore su quel punto, dovresti essere in grado di vedere le sue coordinate nel software stesso. Per GIMP è mostrato sul lato sinistro della barra in basso.
2. Suggerimenti di input
Uso per fornire un elenco di suggerimenti pertinenti visualizzati durante la digitazione di un valore di input.
3. Evidenzia testo
Il testo evidenziato di solito ha il colore del testo scuro con uno sfondo chiaro. È possibile ottenere quell'effetto di testo evidenziato con il solo markup. Qualsiasi testo racchiuso nel avrà questo effetto.
È possibile personalizzare il evidenzia il colore con il colore di sfondo
Proprietà CSS di e il colore del testo con il
colore
proprietà.
4. Definisci modelli
Insieme a HTML5 è arrivato il nuovo elemento. Il
l'elemento contiene markup al suo interno che non è reso dai browser, deve essere usato il markup in esso incluso generare contenuti dinamici nella pagina usando JavaScript.
Ad esempio, supponiamo di avere un La stampa fine si riferisce al testo del documento tipicamente stampato in dimensioni molto piccole che contiene informazioni come condizioni, termini, restrizioni, citazioni, diritti legali, ecc. Il Nota: Tutti gli URL relativi nella pagina saranno riferiti in base all'URL di base, se si dispone di un collegamento con un dominio diverso non dimenticare di assegnare l'URL completo ad esso. Lo sviluppo web reattivo è in voga per l'accesso mobile in continua crescita. Le immagini possono essere attivate per diverse dimensioni dello schermo con markup. Il Nota: Attualmente funziona solo con Chrome. Dovrai impostare HTML5 ha introdotto molti nuovi elementi di input; l'elemento di input del colore è uno di questi. Ti consente di scegliere un colore su una pagina web con l'aiuto di un selettore di colori. Se hai molte opzioni in un elenco a tendina e vorresti mostrarle raggruppate, l ' Il markup dentro dove le righe devono essere aggiunte dinamicamente, puoi semplicemente mettere il markup di una riga vuota di quella tabella all'interno di
tag e, quando necessario, chiama una funzione JavaScript contenente script per copiare il markup dall'interno dei tag del modello e aggiungerlo al markup della tabella. Questo non è supportato da IE.
5. Stampa fine
il tag in HTML può essere usato per mostrare le stampe fini. Da HTML5 in poi il
tag non mostra solo un testo in stile fine, ma definisce anche semanticamente le stesse dichiarazioni di non responsabilità e avvertimenti legali.
6. Assegna un URL di base
L'elemento HTML è molto utile quando hai più collegamenti nel tuo documento con gli stessi URL di dominio, ti consente di aggiungere un URL di base al documento che a sua volta ti consente di aggiungere solo URL relativi ad altri link nella pagina, se necessario.7. Immagini reattive
L'elemento HTML5 consente di aggiungere varie sorgenti di immagini per supporti diversi per l'immagine al suo interno.
dom.image.picture.enable
a vero
nel about: config
in Firefox.8. Color Picker
9. Opzioni di gruppo
elemento farà il lavoro. Puoi anche modellare i gruppi con i CSS.
10. Il
elemento
è reso dal browser solo quando lo script è disabilitato. Questo tag è utile per consentire agli utenti di sapere quando lo script è disabilitato nel proprio browser e di fornire qualsiasi meccanismo di fallback alternativo per i componenti delle pagine Web che smetteranno di funzionare senza JavaScript.
Ora Leggi: 15 utili trucchi CSS che potresti avere trascurato