एचटीएमएल टिप्पणियां मार्कअप

Question

मैं वर्तमान में अपना ब्लॉग बनाने की प्रक्रिया में हूं और मुझे टिप्पणियों को चिह्नित करना है, लेकिन इसे चिह्नित करने का सबसे अच्छा तरीका क्या है?

जानकारी मैं पेश करने के लिए की जरूरत है:

1. व्यक्तियों नाम
2. Gravatar चिह्न
3. टिप्पणी तिथि
4. टिप्पणी

किसी भी विचार के बहुत appriciated जाएगा।

पीएस: मुझे केवल अर्थपूर्ण एचटीएमएल मार्कअप में दिलचस्पी है।

Answer 1

मुझे लगता है कि उद्धरण, ब्लॉकक्वाट इत्यादि के साथ आपका संस्करण निश्चित रूप से काम करेगा, लेकिन यदि अर्थशास्त्र आपकी मुख्य चिंता है तो मैं व्यक्तिगत रूप से उद्धरण और ब्लॉकक्वाइट का उपयोग नहीं करता क्योंकि उनके पास विशिष्ट चीजें हैं जिन्हें वे प्रस्तुत करना चाहते हैं।

ब्लॉकक्वाट टैग किसी अन्य स्रोत से उद्धरण का प्रतिनिधित्व करने के लिए है और उद्धरण टैग जानकारी के स्रोत (जैसे पत्रिका, समाचार पत्र इत्यादि) का प्रतिनिधित्व करने के लिए है।

मुझे लगता है कि एक तर्क निश्चित रूप से बनाया जा सकता है कि आप कक्षा नामों के साथ अर्थपूर्ण HTML का उपयोग कर सकते हैं, बशर्ते वे सार्थक हों। सादा ओल्ड सेमेन्टिक एचटीएमएल पर यह आलेख कक्षा के नामों का उपयोग करने का संदर्भ देता है - http://www.fooclass.com/plain_old_semantic_html

Answer 2

यहाँ एक तरीका है आप निम्नलिखित सीएसएस के साथ यह कर सकता है सामग्री के बाईं ओर चित्र फ्लोट करने के लिए:

.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 या कक्षाओं के प्रयोग के बिना टिप्पणी संरचना का प्रतिनिधित्व करते हैं, लेकिन आप परिभाषा सूचियों का उपयोग कर सकते हैं। तुम एक परिभाषा सूची के संदर्भ में कई डीटी और 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> 

अद्यतन: चिंता मैं इस तरह एक दृष्टिकोण के साथ होगा यह विशिष्ट सीएसएस के साथ तत्वों की पहचान करना मुश्किल हो सकता है कि है स्टाइल उद्देश्यों के लिए। शैलियों को खोजने और लागू करने के लिए आप जावास्क्रिप्ट का उपयोग कर सकते हैं (jQuery यहां बहुत अच्छा होगा)। ब्राउज़रों (आईई) में पूर्ण सीएसएस चयनकर्ता समर्थन के बिना, यह शैली के लिए कठिन होगा।

Answer 4

मैं शायद कुछ इस तरह की सोच रहा था:

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

यह बहुत अर्थ है div के और केवल एक वर्ग का उपयोग किए बिना। सूची में टिप्पणी की गई टिप्पणियां, व्यक्तियों की वेबसाइट के लिए एक लिंक, और उनके गुरुत्वाकर्षण के लिए छवि, साइट पर उद्धरण टैग दिखाया गया है, जिसने टिप्पणी और ब्लॉककोट को जो कहा वह पकड़ने के लिए कहा था।

लोग क्या सोचते हैं?

Answer 5

मैं आपका पॉइंट देखता हूं। ठीक है, उस लेख को पढ़ने के बाद, आप ऐसा कुछ क्यों नहीं करते?

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

कुछ स्नैज़ी सीएसएस के साथ यह अच्छा दिखने के लिए।

feederscript.php कुछ ऐसा होगा जो डेटाबेस से पढ़ सकता है और केवल टिप्पणी के लिए बुलाया जा सकता है।