Espandi le funzionalità con attributi avanzati

Grazie ai dati aggiuntivi, su RevasOS puoi aggiungere attributi di ogni tipo a blocchi, pagine e sottoblocchi. In questo modo, puoi utilizzare stile personalizzato o script per espandere il funzionamento e il comportamento del tuo sito web.

Gli attributi avanzati che puoi aggiungere sono:

• id
• data- attributes
• class
• style

Come aggiungerli

Per aggiungere gli attributi avanzati, segui la guida sui dati aggiuntivi

id

Un identificatore univoco assegnato a un singolo elemento HTML. Con gli id di selezionare e modificare specifici elementi tramite CSS o JavaScript.

<div id="hero-banner">Benvenuto!</div> → Lo stile può essere applicato con #hero-banner { color: red; }

data- attributes

Attributi personalizzati che permettono di memorizzare dati extra negli elementi HTML. Utili per passare informazioni ai JavaScript senza alterare il contenuto visibile.

<button data-product-id="123">Acquista</button> → JavaScript può leggerlo con button.dataset.productId oppure puoi usare uno stile personalizzato nel caso l'attributo abbia un certo valore [data-product-id="123"] { color: red; }

class

Un attributo che assegna uno o più nomi di classe a un elemento. Consente di applicare stili CSS a gruppi di elementi e di selezionarli con JavaScript.

<p class="testo-evidenziato">Attenzione!</p> → Stilizzato con .testo-evidenziato { background: yellow; }

style

Un attributo che permette di applicare direttamente stili CSS a un elemento. Utile per modifiche rapide o inline, ma sconsigliato per una gestione strutturata del design.

<h1 style="color: blue;">Titolo Blu</h1> → Cambia il colore del titolo senza bisogno di CSS esterno.