作成日誌:記事画面プランK
ようやく、携帯版の記事画面の編集を開始。
ナノの実装のまま作るつもりだから <head>はトップページと同じなんで、よくよく考えて熟考せなアカンす。
スマホ版も考慮しつつシュミレーションしま〜す、、
※コメント と 追記 のページが単独表示出来るのでその辺上手くやらなアカン。
※普通に記述した方が良いのかな?、視覚的にもコンテンツを区切らないとアカンよ!
コメントをsectionでなく単にarticleにするか?だな、
投稿フォームをsection、aside内に設置するかな?ダメ!
footerは?どうするの?
※コメント部は<table>を使おう!!
先ずコメントページの作成からやろう!!
携帯版は、 width="90%"くらいで<blockquote>っぽくする
■記事画面プラン1
〈body〉〈div id="body"〉
〈nav〉トップナビ〈/nav〉
〈article〉
〈header〉
〈h1〉記事タイトル〈/h1〉
〈/header〉
〈time〉年月日〈/time〉
〈p〉本文
〈a〉追記※追記はformタグなども使う!〈/a〉
〈/p〉
〈nav〉ページナビ〈/nav〉
▼ここからコメント
〈section title="メインコンテンツへのコメント"〉
〈h2〉コメント〈/h2〉
〈p〉非表示の説明文〈/p〉
〈article〉〈p〉コメント1〈/p〉
〈aside class="robots-nocontent"〉 rel="nofollow"編集リンク〈/aside〉
〈/article〉
〈article〉〈p〉コメント2〈/p〉
〈aside class="robots-nocontent"〉 rel="nofollow"編集リンク〈/aside〉
〈/article〉
〈article〉〈p〉コメント3〈/p〉
〈aside class="robots-nocontent"〉 rel="nofollow"編集リンク〈/aside〉
〈/article〉
〈nav〉ページナビ〈/nav〉
〈aside〉form、投稿フォーム〈/aside〉
〈/section〉
▲ここまでコメント
〈footer〉フッター〈/footer〉
〈/article〉
‐‐ナノ広告‐‐
〈/div〉〈/body〉
■コメント部プラン2
▼ここからコメント
〈article title="メインコンテンツへのコメント"〉
〈h2〉コメント〈/h2〉
〈div〉〈p〉コメント1〈/p〉
〈time〉年月日〈/time〉〈aside class="robots-nocontent"〉 rel="nofollow"編集リンク〈/aside〉〈/div〉
〈/article〉
〈nav〉ページナビ〈/nav〉
〈aside〉form、投稿フォーム〈/aside〉
▲ここまでコメント
■コメント部プラン3
上手く出来るかな?
▼ここからコメント
〈table width="90%" align="center" summary="“title”へのコメント"〉
〈thead〉〈caption〉コメント〈/caption〉〈/thead〉
〈tbody〉
〈tr〉〈td〉〈article align="left"〉
▼繰り返し部分
〈div〉〈p〉コメント〈/p〉
〈time〉年月日〈/time〉
〈aside〉編集〈/aside〉
〈/div〉〈hr /〉
▲繰り返し部分
〈/article〉〈/td〉〈/tr〉
〈tr〉〈td〉
〈nav〉ページ移動〈/nav〉
〈/td〉〈/tr〉
〈tr〉〈td〉
〈form〉投稿フォーム
※ケータイ以外折り畳む
※上手く出来なければ別テーブルで!!〈/form〉
〈/td〉〈/tr〉
〈/tbody〉
〈/table〉
▲ここまでコメント
※テスト
あ
■初稿2016.12.1
■編集2016.12.2