HTML Text Semantics
In this page:
<em>Emphasized text</em>
<strong>Important text</strong>
<time datetime="YYYY-MM-DD">Date</time>dfn से एक Term Define करना
<dfn> element उस specific शब्द या phrase को लपेटता है जिसे किसी passage में पहली बार formally introduce और define किया जा रहा है, आमतौर पर किसी technical term के पहली बार आने पर।
ब्राउज़र इसे आमतौर पर default रूप से italics में render करते हैं, और इसे title attribute के साथ जोड़ने से आप definition को एक tooltip के रूप में जोड़ सकते हैं।
उदाहरण: Defining a Term with dfn
<p><dfn title="HyperText Markup Language">HTML</dfn> structures web content.</p>data से Machine-Readable Values
<data> element visible, human-friendly text को उसके value attribute में stored एक machine-readable equivalent के साथ जोड़ता है -- यह product listings, sort keys, या ऐसे किसी भी content के लिए उपयोगी है जिसे कोई script structured form में पढ़ना चाहे, जबकि visitors को कुछ readable भी दिखे।
- <data> का उपयोग तब करें जब किसी script या search engine को एक stable, structured value चाहिए जो page पर दिखने वाले human-readable label से अलग हो।
- Accepted attributes:
- value — आवश्यक; machine-readable value string
उदाहरण: Machine-Readable Values with data
<p><data value="398">Product #398</data></p>s से अब सही नहीं रहा Text
<s> element उस text को mark करता है जो अब सही या relevant नहीं है, जो default रूप से strikethrough के साथ render होता है -- दिखने में <del> जैसा लगता है, लेकिन semantically अलग है।
<s> का उपयोग outdated price या पुराने status जैसी चीज़ों के लिए करें, न कि ऐसे content के लिए जिसे document से literally हटाया गया हो (उसके लिए <del> है)।
उदाहरण: Text That Is No Longer Accurate with s
<p><s>$50</s> $35 today only</p>u से Unarticulated Annotation
<u> element text को underline के साथ render करता है, जो एक ऐसे annotation को दर्शाता है जो stylistically अलग है लेकिन semantically emphasized नहीं है -- आमतौर पर इसका उपयोग Chinese text में किसी proper name को flag करने या किसी गलत spelling वाले शब्द को mark करने के लिए किया जाता है, ठीक वैसे जैसे कोई spell-checker errors को underline करता है।
उदाहरण: Unarticulated Annotation with u
<p>The word <u>seperate</u> is misspelled.</p>bdi से Direction Isolate करना
<bdi> (Bidirectional Isolation) element text के किसी span को isolate करता है ताकि उसकी direction (left-to-right या right-to-left) आसपास के text से स्वतंत्र रूप से calculate हो, जो user-generated content -- जैसे किसी English sentence में embedded Arabic username -- को आसपास के text के layout को बिगाड़ने से रोकता है।
उदाहरण: Isolating Direction with bdi
<p>User <bdi>عمر</bdi> commented on your post.</p>Chapter Quiz — Complete all 11 topics to unlock
0/11 topics done
Complete these topics first: