HTMLのコメントのマークアップ

StackOverflow https://stackoverflow.com/questions/5226

  •  08-06-2019
  •  | 
  •  

質問

私は現在の私のコメント(スタイル用のhtmlタグをしていたマーキングは、クラウドコンピューティングには、どうするのがベストなマークです。

の情報が必要です:

  1. 人名
  2. Gravatarアイコン
  3. コメント日
  4. コメント

あらゆるアイデアのいと言うことができる。appriciated.

PS:私に最も人気のあるものを意味htmlマークアップ等を行っています。

役に立ちましたか？

解決

ると思いバージョンのツblockquote。私の仕事だが、意味するために必要なものは画面上の懸念をその個人的な利用を挙げ、blockquoteとして特定のものとなる。

のblockquote>タグがうお見積もりから他の引用のタグが意味を表すのに情報源（雑誌、新聞等）

と思い引数でも利用できる意味HTMLとクラス名は、その深い意味があります。この記事平野の古い意味HTMLでは参考用のクラスの名前- http://www.fooclass.com/plain_old_semantic_html

他のヒント

こちらは片道なにができるので、下記のCSSをfloat左の写真の内容：

.comment {
  width: 400px;
}

.comment_img {
  float: left;
}

.comment_text,
.comment_meta {
  margin-left: 40px;
}

.comment_meta {
  clear: both;
}
<div class='comment' id='comment_(comment id #)'>
  <div class='comment_img'>
    <img src='https://placehold.it/100' alt='(Commenter Name)' />
  </div>
  <div class='comment_text'>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mauris. Morbi quis tellus sit amet eros ullamcorper ultrices. Proin a tortor. Praesent et odio. Duis mi odio, consequat ut, euismod sed, commodo vitae, nulla. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pede.</p>
    <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rhoncus accumsan velit. Donec varius magna a est. </p>
  </div>
  <p class='comment_meta'>
    By <a href='#'>Name</a> on <span class='comment_date'>2008-08-21 11:32 AM</span>
  </p>
</div>

わからないことをありのマークアップそのものを代表するコメント構造のものを使用せずにdivsや授業などで使用定義のリストが表示されます。安く設定されていますのでdtやddのタグの定義のリストです。- http://www.w3.org/TR/html401/struct/lists.html#edef-DL

<dl>
  <dt>By [Name] at 2008-01-01<dt>
  <dd><img src='...' alt=''/></dd>
  <dd><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mauris. Morbi quis tellus sit amet eros ullamcorper ultrices. Proin a tortor. Praesent et odio. Duis mi odio, consequat ut, euismod sed, commodo vitae, nulla. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pede.</p>

  <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rhoncus accumsan velit. Donec varius magna a est. </p>
   </dd>
</dl>

更新:気になっているアプローチのようにすることが難しくなりそうだクトを一意に識別するための要素のためのCSSスタイリング。を使用できるJavaScript(jQueryしているこちら）を適用します。なCSSセレクタから導入後の保守-サポート体制のブラウザ（IE）をご利用になり、より厳しい。

私も考えていて思ったこと。

<ol class="comments">
    <li>
        <a href="">
            <img src="" alt="" />
        </a>
        <cite>Name<br />Date</cite>
        <blockquote>Comment</blockquote>
    </li>
</ol>

とても意味なしの部の合には、クラスです。リストの順番を示すためのコメントがあったり、リンクのサイトの画像をgravatar、引のモニターサイトとのコメントblockquoteを持っている。

何人ですね。

見えます。OK、後で読書を通じて、てみましょう。

<blockquote 
    cite="http://yoursite/comments/feederscript.php?id=commentid" 
    title="<?php echo Name . " - " . Date ?>" >
    <?php echo Comment ?>
</blockquote>

一部のお洒落CSSをしてくれます。

feederscript.php きっかけにもなりから読み取られデータベースのエコーのみcommentidければならない。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top