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

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

मुझे जो जानकारी पेश करने की ज़रूरत है वह है:

  1. व्यक्ति का नाम
  2. Gravatar आइकन
  3. टिप्पणी दिनांक
  4. टिप्पणी

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

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

0
ro fr bn

5 उत्तर

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

  1. Name
    Date
    Comment

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

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

0
जोड़ा
मेरी समझ से, वर्ग विशेषताओं से अर्थशास्त्र की ओर जाता है। मेरा मानना ​​है कि अधिकांश माइक्रोफॉर्मैट्स को एक्सएचटीएमएल में कक्षाओं और विशेषताओं के रूप में कार्यान्वित किया जाता है, और जब तक आप आरडीएफ को गले लगाने की इच्छा नहीं रखते हैं, तब तक आप उससे अधिक अर्थपूर्ण नहीं होते हैं।
जोड़ा लेखक Thomas Owens, स्रोत

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

<?php echo Comment ?>
 

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

feederscript.php ऐसा कुछ होगा जो डेटाबेस से पढ़ सकता है और केवल कॉलिड को गूंजता है।

0
जोड़ा

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

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

.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'>
    (Commenter Name)
  </div>
  <div class='comment_text'>
    
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.


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

</div>
By Name on 2008-08-21 11:32 AM

</div>
</div> </div>
0
जोड़ा

I don't know that there's markup that would necessarily represent the comment structure well without using divs or classes as well, but you could use definition lists. You can use multiple dt and dd tags in the context of a definition list - http://www.w3.org/TR/html401/struct/lists.html#edef-DL

By [Name] at 2008-01-01

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.

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


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

0
जोड़ा

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

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

I think an argument can certainly made that you can use semantic HTML with class names, provided they are meaningful. This article on Plain Old Semantic HTML makes a reference to using class names - http://www.fooclass.com/plain_old_semantic_html

0
जोड़ा