التعليقات HTML العلامات

Question

أنا حاليا في عملية خلق بلدي بلوق وأنا يجب أن تصل بمناسبة التعليقات ، ولكن ما هي أفضل طريقة للاحتفال ؟

المعلومات التي تحتاج إلى الوقت الحاضر هو:

1. الأشخاص اسم
2. غرفتر رمز
3. تاريخ التعليق
4. التعليق

أي فكرة سوف تكون محل تقدير كبير.

PS:أنا مهتم فقط الدلالي html.

Answer 1

أعتقد أن الإصدار الخاص بك مع الاستشهاد ، blockquote ، إلخ.بالتأكيد العمل ، ولكن إذا علم الدلالة هو الشاغل الرئيسي الخاص بك ثم أنا شخصيا لا استخدم الاستشهاد و blockquote كما أنها محددة من الأشياء التي من المفترض أن تمثل.

فإن الوسم blockquote ومن المفترض أن يمثل اقتباس مأخوذة من مصدر آخر استشهد العلامة المفترض أن تمثل مصدرا من مصادر المعلومات (مثل مجلة أو صحيفة ، إلخ.).

أعتقد حجة يمكن أن المؤكد أنه يمكنك استخدام الدلالي HTML مع أسماء فئة ، شريطة أن تكون ذات مغزى.هذه المادة على القديم عادي الدلالي HTML يجعل إشارة إلى استخدام أسماء فئة - http://www.fooclass.com/plain_old_semantic_html

Answer 2

هنا طريقة واحدة يمكنك أن تفعل ذلك مع CSS التالية إلى تعويم الصورة على يسار المحتويات:

.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>

Answer 3

أنا لا أعرف أن هناك العلامات التي من شأنها أن تمثل بالضرورة التعليق هيكل جيدا دون باستخدام divs أو الطبقات كذلك ، ولكن هل يمكن استخدام تعريف القوائم.يمكنك استخدام عدة dt و دد الكلمات في سياق تعريف قائمة - 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 لتصميم الأغراض.هل يمكن استخدام جافا سكريبت (مسج من شأنها أن تكون كبيرة هنا) إلى إيجاد وتطبيق الأساليب.دون الكاملة محدد CSS دعم جميع المتصفحات (IE) ، سيكون من الصعب النمط.

Answer 4

كنت ربما يفكرون في شيء مثل هذا:

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

انها جدا الدلالي دون استخدام div و فئة واحدة فقط.قائمة إظهار ترتيب التعليقات ، رابط موقع أشخاص ، صورة عن غرفتر, استشهد العلامة إلى الموقع الذي قال تعليق blockquote عقد ما قالوا.

ما يفكر به الناس ؟

Answer 5

أرى وجهة نظرك.حسنا, بعد قراءة هذا المقال, لماذا لا تجرب شيئا من هذا القبيل ؟

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

مع بعض أنيق CSS لجعلها تبدو لطيفة.

feederscript.php سيكون شيء يمكن أن يقرأ من قاعدة البيانات و صدى فقط commentid دعا.