HTML में Text Formatting - Phrase Elements
The < b > Element
हमें जिस किसी भी
Text को Bold दिखाना होता है, उसे हम <b></b> Tag Pair के बीच लिखते
हैं। जैसे:
This is normal text - <b>and this is bold
text</b> |
इस Elements को
उतना उपयोग में नहीं लिया जाता है, जितना पहले बताए गए Elements को उपयोग में लिया
जाता है। जैसाकि इस Element के नाम से ही हम समझ सकते हैं, कि इन Elements को उनके
Contents यानी Phrase को Describe करने के लिए Design किया गया है:
- <em> और <strong> emphasis के लिए
- <blockquote>, <cite> और <q> quotations और citations के लिए
- <abbr>, <acronym> और <dfn> abbreviations, acronyms, और key terms के लिए
- <code>, <kbd>, <var> और <samp> computer code और information के लिए
- <address> addresses के लिए
इन Phrase
Elements में कुछ Elements एक समान काम करते हैं, जिनमें से कुछ को हम पहले ही देख
चुके हैं।
इन Elements का प्रयोग कम ही किया जाता है, इसलिए इन Elements को हम
केवल अपनी जानकारी के लिए ही देख रहे हैं, ताकि जब भी जरूरत हो, हम इस Elements को
उपयोग में ले सकें।
और जहां भी सम्भव हो, हमें इन Elements को जरूर उपयोग में लेना
चाहिए, क्योंकि Google जैसे Search Engines हमारे Web Page के Contents को जब Read
करते हैं, तब Presentational Elements के स्थान पर Phrase Elements को ज्यादा महत्व
देते हैं। इसलिए यदि हम हमारे Page की Search Engine Ranking बढाना चाहते हैं, तो
जहां भी सम्भव हो, हमें इन Phrase Elements को जरूर उपयोग में लेना चाहिए।
The <em> Element
इस Element के
बीच लिखे Texts Italic दिखाई
देते हैं और ये Element, Presentational Element <i> की तरह काम करता है। इसे हम निम्नानुसार
उपयोग में ले सकते हैं:
|
<em>This text is Italic </em>
|
The <strong> Element
इस Element के
बीच लिखे Texts Bold
दिखाई देते हैं और ये Element, Presentational Element <b> की तरह काम करता है।
इसे हम निम्नानुसार उपयोग में ले सकते हैं:
|
<strong>This text is bold
</strong>
|
The <abbr> Element
कई बार हमें बडे
नामों को उनके छोटे रूप यानी Short Form से Represent करने की जरूरत पडती है।
उदाहरण के लिए यदि हम World Health Organization शब्द को WHO शब्द से Represent कर रहे हों, तो World Health Organization शब्द के इस छोटे रूप को इस Element के बीच लिख सकते हैं। जब हम इस तरह
का कोई Abbreviation बना रहे होते हैं, तब उस छोटे शब्द के पूरे नाम को इस Element
के Title Attribute में
जरूर Define करना चाहिए। जैसे:
<abbr
title="World Health Organization">WHO</abbr>
|
यदि हम हमारे
Document में किसी Foreighn शब्द को Abbrevitate कर रहे हों, तो हम इस जरूरत को
पूरा करने के लिए xml:lang Attribute
का भी प्रयोग कर सकते हैं।
इस समय जितने भी Web Browsers उपयोग में आ रहे हैं, वे
सभी Browsers इस Element के Content की Appearance को किसी भी तरह से Change नहीं
करते हैं, इसलिए इस Element को उपयोग में लेने का हमें कोई प्रत्यक्ष प्रभाव अपने
Web Browser में दिखाई नहीं देता है, लेकिन इस Element का उपयोग Google जैसे
Search Engine जरूर करते हैं, इसलिए Google जैसे Search Engine में Ranking प्राप्त
करने के लिए हमें हमारे Abbreviation को उपरोक्त तरीके से ही उपयोग में लेना चाहिए
व पूरे नाम को Title Attribute में जरूर Specify करना चाहिए।
एक
बात ध्यान रखें कि हम यहां पर Abbraviation की बात कर रहे हैं, जहां हम स्वयं
हमारी किसी जरूरत को पूरा करने के लिए किसी शब्द को नया या छोटा नाम देते हैं, ना
कि किसी शब्द के छोटे नाम को Represent करते हैं।
उदाहरण के लिए सामान्यतया हम
Doctor को Dr. शब्द से Represent करते हैं, लेकिन हम इसे Abbraviation नहीं कह
सकते। इसे हम Acronym कहते हैं और इसे Represent करने के लिए हमें हमारे अगले
Element <acronym> का प्रयोग करना होता है!
The <acronym> Element
सामान्यतया Hyper
Text Markup Language को HTML शब्द से Represent किया जाता है। इसलिए HTML शब्द
“Hyper Text Markup Language” का Acronym है। जब हम किसी Acronym का प्रयोग करते
हैं, तब हमें <acronym> Element का प्रयोग करना होता है और इस Element के
Title Attribute में भी हमें Acronym के पूरे नाम का प्रयोग करना चाहिए। जैसे:
|
<acronym title=” Hyper Text Markup
Language”>HTML</acronym>
|
इस समय जितने भी
Web Browsers उपयोग में आ रहे हैं, वे सभी Browsers इस Element के Content की
Appearance को भी किसी भी तरह से Change नहीं करते हैं, इसलिए इस Element को उपयोग
में लेने का हमें कोई प्रत्यक्ष प्रभाव अपने Web Browser में दिखाई नहीं देता है,
लेकिन इस Element का उपयोग Google जैसे Search Engine जरूर करते हैं, इसलिए Google
जैसे Search Engine में Ranking प्राप्त करने के लिए हमें हमारे Acronym को उपरोक्त
तरीके से ही उपयोग में लेना चाहिए व पूरे नाम को Title Attribute में जरूर Specify करना चाहिए।
The <dfn> Element
इस Element का
प्रयोग करके हम ये Specify करते हैं कि हम किसी Special Term को Define कर रहे हैं। हम जब भी अपने
Document में किसी नए शब्द को Introduce करते हैं, तब उसे इस Element के बीच लिख
कर Web Browser को बता सकते हैं, कि हमने एक नया शब्द उपयोग में लिया है। जैसे:
|
You are learning html tutroial on <dfn>Indian
books publication</dfn>
|
जब हम इस Element
को उपयोग में लेते हैं, तब Web Browser हमारे द्वारा Define किए गए शब्द को थोडा
Highlight करके Show करता है।
The <blockquote> Element
जब हमें हमारे
Document में किसी Content की Indenting करनी होती है, तब हम उस Content को इस
Element के बीच लिखते हैं। ये Element अपने Content की Indenting Left व Right
दोनों तरफ से करता है। जैसे:
|
<blockquote>
For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization. </blockquote> |
The <q> Element
जब हमें हमारे
Document में किसी Character के साथ Quote को Show करने की जरूरत पडती है, तब हम
इस Element का प्रयोग करके Web Browser में एक Double Quote को Show कर सकते हैं।
जैसे:
|
WWF's goal is to:
<q> Build a future where people live in harmony with nature.</q> We hope they succeed. |
यदि इस Element
का प्रयोग करने के बावजूद दिखाई देने वाला Text Double Quotes के बीच दिखाई नहीं
देता है, तो इस Element के बीच लिखे जाने वाले Content को Double Quotes के बीच
लिखना चाहिए। ये Element भी Search Engine के लिए उपयोगी होता है।
The <cite> Element
जब हम हमारे
Document में किसी Content के Resource की जानकारी देना चाहते हैं, तब उस Resource
की जानकारी देने वाले Web Page या Site का Web Address हमें इस Element के बीच
लिखना चाहिए। जब हम किसी Web Address को Specify करना चाहते हैं, तब हमें इस
Element को <a> Element Pair के बीच लिखना चाहिए। जैसे:
WWF has been protecting the future of nature. <a href=http://www.worldwildlife.org><cite>
WWF </cite></a>
|
इस Element के
बीच लिखा गया Search Engine के लिए उपयोगी होता है, क्योंकि Search Engine इस
Element के बीच लिखे गए Resource को किसी Required Keyword की Searching करने के
लिए उपयोग में लेता है। सामान्यतया इस Element के बीच लिखे गए Texts Italic Form में दिखाई देते हैं।
<blockquote>, <q> व <cite> Elements को हम निम्नानुसार किसी
HTML Document में उपयोग में ले सकते हैं:
|
<html>
<head>
<title>learn HTML in hindi – by Indian books publication</title>
</head>
<body>
<h2>The blockquote Element</h2>
<p>The blockquote element specifies a
section that is quoted from another source.</p><p>Here is a quote
from WWF's website:</p>
<blockquote
cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of
nature. </blockquote>
<p>
<b>Note:</b>
Browsers usually indent blockquote
elements.
</p>
<h2>The
q Element</h2>
<p>The q element defines a short quotation.</p> <p>WWF's goal
is to: <q> Build
a future where people live in harmony with nature.</q> We hope they
succeed.</p> <p><b>Note:</b> Browsers insert quotation
marks around the q element.</p>
</body>
</html>
|
The <code> Element
जब हम हमारे
Document में किसी Programming Language के Codes को Render करना चाहते हैं, तब हम
इस Element को उपयोग में ले सकते हैं। इस Element के बीच लिखे गए सभी Contents की
Formatting ज्यों की त्यों दिखाई देती है और इनके बीच लिखे गए Texts Monospaced Font में दिखाई देते हैं।
एक बात ध्यान
रखें कि हम इस प्रयोग के Elements के बीच Opening व Closing Angle Brackets को
दिखाने के लिए केवल < व > Symbol का प्रयोग नहीं कर सकते हैं, बल्कि
Left Angle Bracket के लिए हमें < व Right Angle Bracket के लिए >
Code को उपयोग में लेना जरूरी होता है, क्योंकि HTML Web Page में इन दोनों Angle
Brackets के बीच हमेंशा किसी ना किसी HTML Tag को लिखा जाता है। उदाहरण :
<html>
<head>
<title> learn HTML in hindi – by Indian books
publication </title>
</head>
<body>
<code> < HTML > </code> <br
/>
<code> < head ></code> <br
/>
<code>< p > this is a new paragraph
< /p ></code> <br />
</body>
</html>
|
No comments:
Post a Comment