susukinosu

エンジニアリングって、何だよ

些細な勘違いをしてた?

HTML5的なお話(?)

現在、友人と共にwebページの構築をしています。

元々用意されていたテンプレート(hogehoge.php)をちょこっと変えるだけの簡単なお仕事ですが。

 

さて、友人が試しに制作してみた、「新着情報の履歴」ページ。

記事情報をMySQLから読み出し、表示させるものです。

ある数以上になれば、「前のページ」「次のページ」のリンクが出るのですが…

 

リンクがサイドバーの要素の間に入り込んでしまっているのです

(画像は都合上お見せできません、ごめんなさい。)

 

さてどうしたものかとソースコードを見ていると、

<section>タグが使用されていることがわかりました。(その箇所の前にも)

 

f:id:tkscotte:20130812025518p:plain

 

トラックボールクオリティなのでお許しを。図で言うならばこういった感じです。

 

<section>タグは、汎用的な要素に用いられるタグであり、段階分けに用いられるべきでない。

<div>タグに置き換えることで、段組みのためのものとして働くことになる。

 

コンテンツのみで<nav>の下が構成されるならば、<section>でくくってもダイジョブそう。

(サイドバー要素の無い構成ならば、ということ) 

bootstrapなどはspanXで簡単に分けれるから、便利だよなぁと再確認したり。

そっちのほうがわかりやすい…よね?

 

今日はこれだけ。