search

Gruppo-TecWeb / Codice

http://nostress.sytes.net/Fungo
2 stars 0 forks source link

separazione css e html in beats #311

Open T-Brex opened 5 months ago

T-Brex commented 5 months ago

<svg aria-hidden=true xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M160-160v-80h110l-16-14q-52-46-73-105t-21-119q0-111 66.5-197.5T400-790v84q-72 26-116 88.5T240-478q0 45 17 87.5t53 78.5l10 10v-98h80v240H160Zm400-10v-84q72-26 116-88.5T720-482q0-45-17-87.5T650-648l-10-10v98h-80v-240h240v80H690l16 14q49 49 71.5 106.5T800-482q0 111-66.5 197.5T560-170Z"/></svg>

questo pezzo di codice si trova in beats.html, ma presenta anche componenti css vedi height,width... Sarebbe più corretto spostare le caratteristiche estetice nel css

LewentalDigital commented 5 months ago

height e width non sono componenti css, sono attributi del tag svg se fosse stato style="height: ...; width: ...;" allora sarebbe stato css

T-Brex commented 5 months ago

però, correggimi se sbaglio, height e width di un svg si possono mettere anche nel css, è dato che sono dati riguardanti l'estetica non è forse più corretto mettere sti parametri nel css?

LewentalDigital commented 5 months ago

Quegli attributi sono utili perchè dicono al browser quanto spazio occuperà nella pagina l'elemento, così la pagina si carica più velocemente e anche se lo stile non si carica, l'elemento occupa lo spazio giusto. Ad esempio li ho usati nel video della home.

Se preferisci però, per l'svg posso implementarlo nello stile, per me è lo stesso!

T-Brex commented 5 months ago

si, è vero che la pagina si carica un pel più velocemente, ma metti caso che io ora volessi cambiare/vedere la size di quell'elemento, non è corretto che debba andare a cercare nell'html, di norma vado a cercare nel css, e se non lo trovo la bestemmia è dietro l'angolo! Questo è il mio pensiero! se vuoi sentiamo antony e rich e chiediamo anche un loro parere

abenetazzo commented 4 months ago

Domanda... Perché non caricarlo da file, quindi con tag img? così il codice è contenuto in un unico file, stilizzato da CSS, si mantiene la separazione, e se si vuole modificare si modifica solo lì.