勉強備忘録：ドットインストールJavaScriptでタブメニューをつくろう

１．html

・aタグ　リンクタグ。移動するときに使用。
・クラス属性２個のときは、スペースをあけてつなげる。
・カスタムデータ属性は、data-〇〇と表記。

２．css

・否定擬似クラス:not
　→指定した属性を持っていない要素にターゲットを定める。
　　menu li a:not(.active):hover
・display:inlineblock
　→要素の並び方はinline的（横並び）で、
　　要素の中身はblock的（幅、高さ、余白の指定が可能）

３．javascript

・e.preventDefalt→実行したイベントがキャンセル可能である場合、 
 イベントをキャンセルするためのメソッド。aタグをクリックしたけど、
 リンク遷移はせずに、 javascriptの処理を行うために使用した。
・カスタムデータ属性を取得するときは、dataset.〇〇

４．ロジック

・カスタムデータ属性を使用して、メニューのaタグと、
　表示内容のcontentを紐づける。