Maison > interface Web > tutoriel HTML > Que signifie la balise html noscript ? Que savez-vous de l'utilisation des balises noscript ?

Que signifie la balise html noscript ? Que savez-vous de l'utilisation des balises noscript ?

寻∝梦
Libérer: 2019-11-23 10:34:44
original
25394 Les gens l'ont consulté

La balise

Jetons un coup d'oeil ensemble

Définition et utilisation de la balise html noscript :

l'élément noscript est utilisé pour définir dans Contenu alternatif (texte) lorsque le script n'est pas exécuté.

Cette balise peut être utilisée dans les navigateurs qui reconnaissent la balise <script> mais ne peuvent pas prendre en charge le script qu'elle contient. </script>

HTML

JavaScript

<body>
  ...
  ...
  <script type="text/javascript">
    <!--
    document.write("Hello World!")
    //-->
  </script>
    <noscript>Your browser does not support JavaScript!</noscript>
  ...
  ...
</body>
Copier après la connexion

VBScript

<body>
  ...
  ...
  <script type="text/vbscript">
   <!--
   document.write("Hello World!")
   &#39;-->
  </script>
  <noscript>Your browser does not support VBScript!</noscript>
  ...
  ...
</body>
Copier après la connexion

Signification et explication de la balise html noscript :

La balise html noscript est une balise assez ancienne, dont le but initial était celui pour lequel elle a été introduit Il vise à faciliter la mise à niveau et le remplacement des anciens navigateurs, car les premiers navigateurs ne prennent pas en charge JavaScript. La balise noscript affiche du contenu alternatif dans les navigateurs qui ne prennent pas en charge JavaScript. Cet élément peut contenir n'importe quel élément HTML. L'utilisation de cette balise est également très simple :

<noscript>
  <p>本页面需要浏览器支持(启用)JavaScript</p>
</noscript>
Copier après la connexion

Cependant, à l'heure actuelle, les navigateurs qui ne prennent pas en charge Javascript ne devraient plus apparaître, mais les utilisateurs peuvent également désactiver Javascript pour diverses raisons. Comme économiser du trafic, prolonger la durée de vie de la batterie ou ne pas vouloir que votre vie privée soit divulguée par divers scripts de statistiques/suivi. De nombreux utilisateurs ont également installé des extensions de navigateur telles que NoScript pour empêcher le navigateur d'exécuter Javascript.

Bien que le site Web ne puisse pas forcer les utilisateurs à activer Javascript dans leur navigateur, il peut indiquer aux utilisateurs que leur navigateur a désactivé les scripts pour obtenir une meilleure expérience utilisateur.

Articles connexes recommandés :
1.La différence entre la balise script et la balise noscript en html
Recommandations vidéo associées :
1.Tutoriel vidéo Dugu Jiujian (1)_HTML5

Par exemple, Fackbook vous invite comme ceci :

Que signifie la balise html noscript ? Que savez-vous de lutilisation des balises noscript ?

Le contenu de la balise html noscript ne sera affiché que si :

  • Le navigateur ne prend pas en charge les scripts

  • Le navigateur prend en charge les scripts, mais les scripts sont désactivés

Si l'une des conditions ci-dessus est remplie, le navigateur affichera le contenu en noscript. Dans d'autres cas, le navigateur n'affichera pas le contenu en noscript.

L'utilisation de la balise noscript ne peut transmettre un message qu'aux utilisateurs du site Web, c'est-à-dire que si Javascript n'est pas activé, le contenu et les effets de la page Web peuvent ne pas être entièrement rendus. Mais si certains utilisateurs ne savent pas comment activer Javascript, ces informations rapides ne leur seront d'aucune utilité pratique. Par conséquent, nous devons toujours réfléchir à la manière de faire en sorte que de telles situations non conventionnelles affectent le moins possible l'expérience de navigation de l'utilisateur sans la prise en charge de Javascript (ou HTML5, ou d'autres dépendances) au début de la conception du site Web.

Utilisation de noscript en HTML :

L'élément noscript est utilisé pour définir un contenu alternatif (texte) lorsque le script n'est pas exécuté. Cette balise peut être utilisée pour identifier l'élément <script> afin de définir un contenu alternatif (texte) lorsque le script n'est pas exécuté. balise mais ne peut pas prendre en charge le script qu'elle contient. Si le navigateur prend en charge les scripts, le contenu de la balise noscript ne sera pas affiché. </p><p><strong>Exemple d'utilisation de la balise noscript : </strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>&lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;&lt;meta http-equiv=&quot;Content-Language&quot; content=&quot;zh-cn&quot; /&gt; &lt;/head&gt; &lt;body&gt; &lt;script type=&quot;text/javascript&quot;&gt; &lt;!--document.write(&quot;如果显示了这段文字,那么您的浏览器支持 JavaScript!&quot;)//--&gt;&lt;/script&gt; &lt;noscript&gt;No JavaScript support!&lt;/noscript&gt; &lt;p&gt;不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。&lt;/p&gt; &lt;/body&gt; &lt;/html&gt;</pre><div class="contentsignin">Copier après la connexion</div></div><p>Conseils et notes : </p> <p>Remarque : si le navigateur prend en charge les scripts, il ne sera pas affiché Texte dans les éléments noscript. </p> <p>Remarque : les navigateurs qui ne peuvent pas reconnaître la balise <script> afficheront le contenu de la balise sur la page. Pour empêcher les navigateurs de faire cela, vous devez masquer le script dans les balises de commentaires. Les navigateurs plus anciens (qui ne reconnaissent pas les balises <script>) ignorent les commentaires et n'écrivent donc pas le contenu de la balise sur la page, tandis que les navigateurs plus récents savent comment exécuter ces scripts même s'ils sont entourés de balises de commentaire ! </script>

[Articles connexes de l'éditeur]

Que signifie la balise html col ? Introduction aux exemples d'utilisation de la balise col html

Introduction au style de la balise table html5 (un exemple de centrage CSS de table html5 est joint)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal