This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
2017_2018:s1:webdoc:td1 [2017/10/23 08:43] pourcelot [Courrier électronique] |
2017_2018:s1:webdoc:td1 [2017/11/07 09:02] pourcelot [Aller toujours plus loin avec HTML5] |
||
---|---|---|---|
Line 224: | Line 224: | ||
* Visualiser votre document.. Qu'en pensez-vous? | * Visualiser votre document.. Qu'en pensez-vous? | ||
* Retirer le dimensionnement en largeur de l'image. Re-visualiser votre document. | * Retirer le dimensionnement en largeur de l'image. Re-visualiser votre document. | ||
- | * A quoi sert l'attribut alt? Mettez un nom erroné d'image, et re-testez. | + | * A quoi sert l'attribut alt? Modifiez l'attribut ''src'' en mettant un nom erroné d'image, et re-testez. |
* Si vous ôtez cet attribut, votre fichier est-il toujours valide? | * Si vous ôtez cet attribut, votre fichier est-il toujours valide? | ||
* Si vous ne l'avez pas encore fait, placer l'image dans un répertoire ''/images'' au même niveau que le répertoire ''TD1'' (sous WEB), puis référencer l'image de manière relative par rapport au répertoire où vous vous situez. | * Si vous ne l'avez pas encore fait, placer l'image dans un répertoire ''/images'' au même niveau que le répertoire ''TD1'' (sous WEB), puis référencer l'image de manière relative par rapport au répertoire où vous vous situez. | ||
Line 321: | Line 321: | ||
Cette fonctionnalité est fréquemment utilisée pour une section "Contact". | Cette fonctionnalité est fréquemment utilisée pour une section "Contact". | ||
- | Attention, c'est également le meilleur moyen de livrer votre adresse mail aux robots de SPAM. | ||
- | Une alternative consiste à écrire en toute lettres ou insérer une image compréhensible seulement par un humain : nom at unice point fr. | ||
<code html> | <code html> | ||
<a href="mailto:prenom.nom@unice.fr">Contacter M. Machin </a> | <a href="mailto:prenom.nom@unice.fr">Contacter M. Machin </a> | ||
</code> | </code> | ||
+ | |||
+ | Attention, c'est également le meilleur moyen de livrer votre adresse mail aux robots de SPAM. | ||
+ | |||
+ | Pour contourner ce problème, on peut essayer de ruser, par exemple : | ||
+ | * écrire l'adresse en toute lettres. Par exemple, ''prenom point nom at unice point fr'' au ''lieu de prenom.nom@unice.fr''.\\ //Inconvénient// : on perd le lien. (Par ailleurs, certains robots spammeurs peuvent avoir des algorithmes de détection relativement sophistiqués pour traduire ce genre d'écriture). | ||
+ | * insérer une image compréhensible seulement par un humain.\\ //Inconvénient// : cela diminue l’accessibilité du site aux personnes malvoyantes. | ||
==== Mise en Pratique ==== | ==== Mise en Pratique ==== | ||
Line 476: | Line 480: | ||
Référence : https://www.vectorskin.com/balises-html5/ | Référence : https://www.vectorskin.com/balises-html5/ | ||
+ | <html><a href="http://www.41mag.fr/demo/41mag-memo-html5.pdf"><span style="color:red;font-size:150%">Aide-mémoire des balises HTML5 : http://www.41mag.fr/demo/41mag-memo-html5.pdf</span></a></html> | ||
===== Autres outils ===== | ===== Autres outils ===== | ||