ブログ_音楽仲間 + 作成日誌:記事画面プランK

ブログ_音楽仲間

作成日誌:記事画面プラン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

コメント
×
「#ファンタジー」のBL小説を読む
BL小説 BLove
- ナノ -