HTML初心者が間違えやすい。footerが表示されない原因とは?

HTMLやcssのコードを書き、webで確認するも上手く動かない!あなたも初心者ならそんな経験ありませんか?
HTMLの勉強を始めたばかりの私が、失敗実体験を書いていきます。

今回は「footerが表示されない。。」という現象が起きました。

なぜか表示されないfooter

footerが全く表示されないので、まずは「F12」デベロッパーツールで確認しました。
確認するとfooter幅には数値が入っているけれど、高さが「0」表示なんです。だから見えないんですね。
footerだけではなく、small要素も高さ「0」表示です。。。

<
スペルは間違えていないか、変なスペースが入っていないか、全角が入っていないか。
1時間近く考えても全くわからないんですよね。原因が。。。

footerが表示されなかった原因

さらにHTMLの本をじっくり読み、自分の書いた物と比べたところ、やっとわかりました。

Copyright © TimeSwitchを <> でくくっていたのが原因で、外したら無事footer表示されました!

誤り⇒
<footer><div><small><Copyright &copy; TimeSwitch></small></div></footer>

正解⇒

<footer><div><small>Copyright &copy; TimeSwitch</small></div></footer>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください