Meglio Javascript o HTML?

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Sono in dubbio: devo mettere dei codici per icone social nel sito e lo posso fare in questi 2 modi, secondo voi qual'è il linguaggio più leggero e sicuro?
 

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Ho la possibilità di mettere il codice in 2 modi, ma non so qual'è meglio:

Codice:
  <!-- HTML -->                          
<ul class="share-buttons">
  <li><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsito.it&quote=" title="Share on Facebook" target="_blank"><img alt="Share on Facebook" src="https://sito.it/icone-social/Facebook.svg" /></a></li>
  <li><a href="https://twitter.com/intent/tweet?source=https%3A%2F%2sito.it&text=:%20https%3A%2F%2Fsito.it" target="_blank" title="Tweet"><img alt="Tweet" src="https://sito.it/icone-social/Twitter.svg" /></a></li>
  <li><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fsito.it&description=" target="_blank" title="Pin it"><img alt="Pin it" src="https://sito.it/icone-social/Pinterest.svg" /></a></li>
</ul>

<!-- JS -->
<ul class="share-buttons">
  <li><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsito.it&quote=" title="Share on Facebook" target="_blank" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&quote=' + encodeURIComponent(document.URL)); return false;"><img alt="Share on Facebook" src="https://sito.it/icone-social/Facebook.svg" /></a></li>
  <li><a href="https://twitter.com/intent/tweet?source=https%3A%2F%2Fsito.it&text=:%20https%3A%2F%2Fsito.it" target="_blank" title="Tweet" onclick="window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + ':%20'  + encodeURIComponent(document.URL)); return false;"><img alt="Tweet" src="https://sito.it/icone-social/Twitter.svg" /></a></li>
  <li><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fsito.it&description=" target="_blank" title="Pin it" onclick="window.open('http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(document.URL) + '&description=' +  encodeURIComponent(document.title)); return false;"><img alt="Pin it" src="https://sito.it/icone-social/Pinterest.svg" /></a></li>
</ul>
 

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Io userei HTML, ma penso che sia più una scelta personale che determinata da convenienza

Funziona meglio il Js, l'altro va a influire sul css.
Però vorrei farti vedere una cosa: queste 3 icone appaiono in fondo a ogni articolo e di ogni pagina (quello in alto nella colonna sinistra). Se nota facilmente che nelle pagine appaiono quadrate con lo sfondo, mentre negli articoli sono rotonde senza sfondo, come mai?

CSS
CSS:
/* Icone social */
ul.share-buttons .sr-only{
    width: 110px;
    list-style: none;
    padding-top: 20px;
    border-top: 1px solid #d6d6d6;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
ul.share-buttons li {
  display: inline;
}
ul.share-buttons img {
  width: 32px;
}
 
Discussioni simili
Autore Titolo Forum Risposte Data
E Caricare dati da DB MySql all'apertura pagina, meglio PHP o Javascript? PHP 1
Z Cerco ecommerce gratuito meglio se realizzato con Woocommerce di Wordpress. E-Commerce 0
comunic_hiara Meglio Wordpress o Shopify? Guadagnare col Sito 1
E Come gestire al meglio le immagini legno grande formato Photoshop 0
S Cerco pagine Instagram, meglio se femminili. Annunci servizi di Social Media Marketing 3
A Sito sull'Inter, come posizionarlo meglio? SEO e Posizionamento 0
F Facebook ADS ... meglio impression o interazione con post? Social Media Marketing 1
P Consigli per sistemare meglio il menu HTML e CSS 63
N **AAA** CERCASI ACCOUNT FACEBOOK CON ALMENO 5.000 AMICI, se con seguaci MEGLIO, PAGO CON PAYPAL Annunci servizi di Social Media Marketing 0
S Cercasi programmatori php meglio se conoscono la piattaforma joomla Offerte e Richieste di Lavoro e/o Collaborazione 7
felino Scambio link: consigliato o meglio evitare? SEO e Posizionamento 0
filippino Meglio il simbolo o l'entità? HTML e CSS 1
A Meglio singolo backlink in Home o banner sul footer (quindi su tutte le pagine?) SEO e Posizionamento 2
S MICROSITE MANAGER **** Il meglio del SEO in un unico strumento!!! Altri Annunci 0
P Secondo voi Joomla! è meglio di Drupal? Perché? Joomla 9
C Meglio memorizzare alcuni parametri in $_SESSION o fare richieste al database? PHP 6
Shyson Meglio trattino o trattino basso? HTML e CSS 1
G Quale di questi strumenti è meglio analizzare il successo di un sito web? SEO e Posizionamento 2
P è meglio un framework o realizzare da solo un sito? HTML e CSS 4
M Decrementare numero nel db: meglio direttamente nella query? PHP 5
borgo italia opinione se meglio una tabella o due tabelle MySQL 1
S Meglio mysqli o PDO ? PHP 2
f107 Meglio tardi che mai Presentati al Forum 2
E Registrazione a directory e google webmaster tools com'è meglio fare? Google Search Console 0
borgo italia sarebbe meglio, ma questa volta non è una bufala Discussioni Varie 5
M Il meglio delle ptc Presenta il tuo Sito 1
V Meglio un libro di php 5 o 6 per un neofita? PHP 14
M Sito con PHP: meglio server Win o Linux? Server Dedicati e VPS 3
I Meglio utilizzare i trattini o l'underscore? [era: Tratto divisore.] Windows e Software 4
LaKanka Meglio programmare artigianalmente o con CRM? PHP 6
L AJAX o meglio JSON Ajax 10
C spiegare meglio/tolleranza Discussioni Varie 3
R Meglio Dreamweaver 8 o MX? Webdesign e Grafica 5
W Il Meglio del Poker Online Cerca Affiliati Presenta il tuo Sito 5
G oxado meglio di adsense Google AdSense 4
open-think sondaggio: meglio AMD o intel, ATI e nVidia Hardware 0
A Disattivare l'html - o meglio ancora l'invio di img in un form Classic ASP 12
Dusy Meglio di Lunedì? Discussioni Varie 3
F E meglio... HTML e CSS 1
jan267 Interista è meglio perchè... Discussioni Varie 2
P Per il futuro meglio asp o asp.net? ASP.NET 2
J Sconti saldi e tutto il meglio dei negozi di Roma. Presenta il tuo Sito 4
D Forse meglio un forum??? HTML e CSS 6
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
M Upload immagine con javascript problemi con FormData() Javascript 1

Discussioni simili