私の<a href=""></a>は機能していませんか？

Question

私はこのテンプレートをオンラインで入手し、それを使ってポートフォリオを作っています。 私は自分のアカウントにリンクしようとしているページの右下にtwitter/facebook/linkedinアイコンがあります。もともとはhrefが "＃"に設定されていましたが、これを設定しようとすると動作しません。アイコンをクリックすると、何もしません。

<footer> 
 
    <ul class="icons"> 
 
     <li><a href="www.twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li> 
 
     <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> 
 
     <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> 
 
     <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li> 
 
     <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li> 
 
    </ul> 
 
</footer>

Answer 1

<footer> 
 
    <ul class="icons"> 
 
     <li><a href="https://twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li> 
 
     <li><a href="https://facebook.com" class="icon fa-facebook"><span class="label">Facebook</span></a></li> 
 
     <li><a href="https://instagram.com" class="icon fa-instagram"><span class="label">Instagram</span></a></li> 
 
     <li><a href="https://github.com" class="icon fa-github"><span class="label">Github</span></a></li> 
 
     <li><a href="mailto:YOUR_EMAIL_ADDR" class="icon fa-envelope"><span class="label">Email</span></a></li> 
 
    </ul> 
 
</footer>

これを試してみてください。

Answer 2

私はこのローカルで作業しており、ローカルドライブからwww.twitter.comを提供しようとしています。

1つは、URLリンクの先頭に//と接頭辞を付けます。 Twitterのリンクは//www.twitter.comになります。これは現在使用しているプロトコル（httpまたはhttps）を使用します。

httpサーバからURLを取得する必要がある場合もあります。そこには多くのオプションがあります。あなたは、Macを使っているのであれば一つの簡単な方法は、ファイルがあるディレクトリに端末内に移動することで、次のように入力します。

python -m SimpleHTTPServer 

これは単純なHTTPサーバーを起動しますし、あなたのリンクが動作します。

<footer> 
 
    <ul class="icons"> 
 
    <li><a href="//www.twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li> 
 
    <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> 
 
    <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> 
 
    <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li> 
 
    <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li> 
 
    </ul> 
 
</footer>