HTMLでテキストをリンクにならないようにする方法


<a href="#">テキスト</a>

上記のコードでは、<a> タグ内の href 属性に "#" を指定しています。これにより、クリックしてもページがリロードされずに何も起こらないようになります。

&lt;span style="pointer-events: none;"&gt;テキスト&lt;/span&gt;
  • CSSを使用してテキストのスタイルを変更する方法:

    &lt;style&gt;
    .non-link-text {
     pointer-events: none;
     cursor: default;
     text-decoration: none;
     color: inherit;
    }
    &lt;/style&gt;
    &lt;span class="non-link-text"&gt;テキスト&lt;/span&gt;
  • これらの方法を使用することで、HTMLでテキストをリンクにならないようにすることができます。必要に応じて、適切な方法を選択してください。