અવતરણ અને ટેક્સ્ટ દિશાના ઘટકો. બ્લોકક્વોટ - લાંબા અવતરણ

આ લેખમાં, અમે HTML માં કોઈપણ ટેક્સ્ટમાંથી અથવા એક શબ્દ "ક્વોટ" માં શબ્દશઃ અવતરણને કેવી રીતે ફોર્મેટ કરવું તે જોઈશું અને બહુ-દિશાત્મક ટેક્સ્ટ અને પૂર્વ એશિયન અક્ષરો સાથે કામ કરવાની ઘોંઘાટ જોઈશું.

રશિયન ફેડરેશનના વર્તમાન કાયદા અનુસાર, તે લેખક અથવા અન્ય કૉપિરાઇટ ધારકની સંમતિ વિના અને મહેનતાણું ચૂકવ્યા વિના પરવાનગી છે, પરંતુ લેખકના નામના ફરજિયાત સંકેત સાથે કે જેના કામનો ઉપયોગ કરવામાં આવ્યો છે અને ઉધારનો સ્ત્રોત છે. : વૈજ્ઞાનિક, વાદવિષયક, વિવેચનાત્મક અથવા માહિતીના હેતુઓ માટે મૂળમાં અને અનુવાદમાં અવતરણ એ કાયદેસર પ્રકાશિત કૃતિઓ છે જે સંદર્ભના હેતુથી વાજબી ઠરે છે, જેમાં અખબાર અને સામયિકના લેખોના અંશોના પ્રેસ સમીક્ષાના સ્વરૂપમાં પુનઃઉત્પાદનનો સમાવેશ થાય છે.

માહિતી, પત્રકારત્વ અથવા વિશ્લેષણાત્મક સામગ્રીમાં પ્રત્યક્ષ ભાષણના રૂપમાં ઘડવામાં આવેલ અધિકૃત વ્યક્તિના નિવેદનમાંથી અવતરણ અને અવતરણ એ ટેક્સ્ટને ઉદ્દેશ્યપૂર્ણ, ગંભીર અને વાચક માટે વધુ વિશ્વસનીય બનાવવાનો એક માર્ગ છે. ચાલો જોઈએ કે HTML નો ઉપયોગ કરીને ટૂંકા અને લાંબા અવતરણો કેવી રીતે ફોર્મેટ થાય છે.

ટૂંકા અવતરણો

HTML ટેગ (HTML ક્વોટ એલિમેન્ટ) નો ઉપયોગ હાઇલાઇટ કરવા માટે થાય છે ટૂંકા અવતરણો(લાઇન અવતરણ). એક નિયમ તરીકે, બધા આધુનિક બ્રાઉઝર્સ પસંદ કરેલા ટેક્સ્ટની શરૂઆતમાં અને અંતમાં ઑપનિંગ અને ક્લોઝિંગ ક્વોટેશન ચિહ્નો આપમેળે સેટ કરે છે.

ચાલો એક ઉદાહરણ જોઈએ:

</span> <q><span>

પૈસાની ગંધ આવતી નથી- સમ્રાટ વેસ્પાસિયન દ્વારા બોલવામાં આવતું એક શબ્દસમૂહ.



સાઇટ વિશેષતા ટાંકવું = "http://site/html/tag_q.php"> cite = "tag_q.php" >.

લાંબા અવતરણ

HTML ટેગ

(HTML બ્લોક અવતરણ ઘટક) નો ઉપયોગ દસ્તાવેજમાં બ્લોક અવતરણને વ્યાખ્યાયિત કરવા માટે થાય છે (દસ્તાવેજની અંદર લાંબા અવતરણ). આ ટૅગની અંદરનો ટેક્સ્ટ ડાબે અને જમણે પેડિંગ (ડિફૉલ્ટ રૂપે 40px) સાથે સંરેખિત બ્લોક તરીકે દેખાય છે.

</span>તત્વનો ઉપયોગ કરવાનું ઉદાહરણ <blockquote><span>

અહીં વિકિપીડિયામાંથી માહિતી છે:

"https://ru.wikipedia.org/wiki/Pecunia_non_olet"> પૈસાની ગંધ આવતી નથી - એક લોકપ્રિય લેટિન અભિવ્યક્તિ. સમ્રાટ વેસ્પાસિયનને આભારી શબ્દો, રોમમાં જાહેર શૌચાલય પરના કરમાંથી નાણાં પ્રાપ્ત કર્યા પછી તેમના દ્વારા કથિત રીતે બોલવામાં આવ્યા હતા અને તેમના પુત્ર ટાઇટસને સંબોધવામાં આવ્યા હતા, જેમણે આ વિશે નારાજગી વ્યક્ત કરી હતી.


ટેગ જેવું જ ટૅગ વિશેષતા

સંસાધનનું URL સૂચવે છે જેમાંથી ક્વોટ લેવામાં આવ્યો હતો. આ વિશેષતા વપરાશકર્તાને પ્રદર્શિત થતી નથી (તેનો ઉપયોગ દેખાતો નથી). સર્વર-સાઇડ સ્ક્રિપ્ટો ચલાવતી વખતે તેનો ઉપયોગ સર્ચ એન્જિન દ્વારા અને આંકડાકીય હેતુઓ માટે થઈ શકે છે. તેને સંપૂર્ણ સરનામાં તરીકે સ્પષ્ટ કરવાની મંજૂરી છે (ઉદાહરણ તરીકે:
ટાંકવું = "http://site/html/tag_blockquote.php"> ), અને સંબંધિત (ઉદાહરણ તરીકે:
cite = "tag_blockquote.php" >.

નીચે બ્રાઉઝરમાં આ કેવી રીતે પ્રદર્શિત થાય છે તેનું ઉદાહરણ છે:

ચોખા. 23a HTML માં લાંબા અવતરણનો ઉપયોગ કરવાનું ઉદાહરણ.

કાર્યનું HTML શીર્ષક

HTML ટેગ (HTML અવતરણ ઘટક) કૃતિઓના શીર્ષકોને પ્રકાશિત કરવાનો હેતુ છે. તેમાં કાર્યનું શીર્ષક અથવા કાર્યની લિંક (URL) શામેલ હોવી આવશ્યક છે. મૂળભૂત રીતે, બ્રાઉઝર્સ તત્વો દર્શાવે છે ત્રાંસી.

ઉપયોગનું ઉદાહરણ:

તત્વનો ઉપયોગ કરવાનું ઉદાહરણ <cite><span><title> </head> <body> <cite> </span>"બુદ્ધિથી અફસોસ"</cite>- A. S. Griboedov દ્વારા શ્લોકમાં કોમેડી. પ્રથમ શો 1825<script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> <p>બ્રાઉઝરમાં તે આના જેવું દેખાય છે:</p> <h2>ટેક્સ્ટ આઉટપુટ દિશા</h2> <p>ટેગ <bdo> (<i>HTML બાયડાયરેક્શનલ ઓવરરાઇડ એલિમેન્ટ</i>) નો ઉપયોગ વર્તમાન ટેક્સ્ટ દિશાને ઓવરરાઇડ કરવા માટે થાય છે (ટેક્સ્ટ આઉટપુટ દિશા સુયોજિત કરે છે અને મુખ્યત્વે તે ભાષાઓ સાથે ઉપયોગ કરવા માટે બનાવાયેલ છે જ્યાં વાંચન જમણેથી ડાબે થાય છે, જેમ કે અરબી).</p> <p>ટેગ <bdo>dir લક્ષણ અને ltr (ડાબેથી જમણે), અથવા rtl (જમણે-થી-ડાબે) મૂલ્યો સાથે વપરાય છે, ટેક્સ્ટની દિશા ડાબેથી જમણે અથવા જમણેથી ડાબે સ્પષ્ટ કરે છે.</p> <span><!DOCTYPE html> <html> <head> <title> </span>ટેગનો ઉપયોગ કરવાનું ઉદાહરણ <bdo><span>

dir = "ltr" > ડાબેથી જમણે ટેક્સ્ટની દિશા.

ટેક્સ્ટની દિશા જમણેથી ડાબે છે.



ઉદાહરણ પરિણામ:

HTML 5 ટેગમાં ટેક્સ્ટના એક ભાગને અલગ કરે છે જે અલગ લેખન દિશામાં પ્રદર્શિત થવો જોઈએ અને બ્રાઉઝર્સને દ્વિપક્ષીય ટેક્સ્ટને યોગ્ય રીતે હેન્ડલ કરવાની મંજૂરી આપે છે. લેખનની વિવિધ દિશાઓ સાથે ટેક્સ્ટ દર્શાવતી વખતે આ તત્વ ઉપયોગી છે.

ઉદાહરણ તરીકે:

</span>ટેગનો ઉપયોગ કરવાનું ઉદાહરણ <bdi><span>

યુરોપિયન રેસ વિજેતાઓ:

સહભાગી નંબર 1 ماقسيم 99 પોઈન્ટ - 1મું સ્થાન

સહભાગી નંબર 2 دميتري 97 પોઈન્ટ - 2જા સ્થાને

સહભાગી નંબર 3 જ્હોન કોનર 96 પોઈન્ટ – ત્રીજું સ્થાન



અમારા ઉદાહરણનું પરિણામ:

ચોખા. 25 બહુદિશાવાળી ભાષાઓના ઉપયોગનું ઉદાહરણ.

કૃપા કરીને નોંધો કે બ્રાઉઝર્સ ઈન્ટરનેટ એક્સપ્લોરરઅને એજટેગને સપોર્ટ કરતા નથી .

પૂર્વ એશિયન પ્રતીકોની ઘોંઘાટ.

HTML તત્વો સમાવે છે , અને

તત્વની વ્યાખ્યા બદલવામાં આવી છે

અને . આ લેખ વિકાસકર્તાઓ માટે આનો અર્થ શું છે તે સમજાવે છે.

વ્યાખ્યામાં ફેરફાર

તત્વ

સામગ્રીનું પ્રતિનિધિત્વ કરે છે જે અન્ય સ્ત્રોતમાંથી અવતરણ છે, કદાચ, આ સ્ત્રોતના ઉલ્લેખ સહિત, જે ત્યાં હોવું જ જોઈએતત્વો અંદર મૂકવામાં આવે છે
અથવા , અને, કદાચ, નોંધો અને સંક્ષેપો સમાવે છે.

તત્વની અંદરની સામગ્રી

, સ્ત્રોતના સંદર્ભો અને ટેક્સ્ટમાં ફેરફાર સિવાય, હોવું જ જોઈએઅન્ય સ્ત્રોતમાંથી ચોક્કસ અવતરણ, જેનું સરનામું, જો ઉપલબ્ધ હોય તો, હોઈ શકે છેટાંકેલ લક્ષણમાં ઉલ્લેખિત.

દુર્લભ કેસ

અવતરણોના સ્ત્રોતને દર્શાવવા માટે બ્લોકક્વોટની અંદર ટાંકણી અને ફૂટરનો ઉપયોગ કરવા સામેની એક દલીલ એ છે કે ટાંકવામાં આવેલી સામગ્રીમાં જ ટાંકણો અને સ્ત્રોત લિંક્સ હોઈ શકે છે. અમે આ દલીલને એટલા માટે નકારી શકીએ કે આવા કિસ્સાઓ અત્યંત દુર્લભ છે. અસ્વીકરણ અને

આવા દુર્લભ કેસ ખાતર - સૈદ્ધાંતિક શુદ્ધતાનું બીજું ઉદાહરણ, જે વ્યવહારિક હેતુઓને પૂર્ણ કરશે નહીં.

પરંતુ જો તમારી પાસે આવો કિસ્સો હોય, તો HTML સ્પષ્ટીકરણ હાલમાં સૂચવે છે કે તમે ફક્ત અવતરણ કોડમાં સ્ત્રોત એટ્રિબ્યુશન પર ટિપ્પણી કરો. (પ્રશ્ન હજી ખુલ્લો છે અને આ સલાહ બદલાઈ શકે છે):

(11/6/13 ઉમેરાયેલ, સંપાદકની નોંધ.)પ્રતિસાદના પ્રતિભાવમાં, અમે વર્ગ વિશેષતા (જેનો ઉપયોગ વિસ્તારવા માટે કરી શકાય છે) એલિમેન્ટનો ઉપયોગ કરવા માટે સ્પષ્ટીકરણ માટેની અમારી દરખાસ્ત બદલવાનું નક્કી કર્યું તે અવતરણના સ્ત્રોતનો ભાગ છે તે દર્શાવવા માટે.

મારું પ્રિય પુસ્તક છે સ્વિમ-ટુ-બર્ડ્સ પર

- માઇકસ્મિથ

વ્યાખ્યામાં ફેરફાર

વિકાસકર્તાઓએ વ્યાખ્યામાં ફેરફારોનો વિરોધ કર્યો:

બિનજરૂરી રીતે પ્રતિબંધિત, પાછળ-અસંગત તત્વ ફેરફારો સામે નાગરિક આજ્ઞાભંગ અભિયાનમાં જોડાઓ . HTML5 નો ઉપયોગ કરવાનું શરૂ કરો, પરંતુ તેનો સમજદારીપૂર્વક ઉપયોગ કરવાનું શરૂ કરો. ચાલો જોઈએ કે ખરાબ સલાહ કેવી રીતે વિસ્મૃતિમાં ફેલાઈ જાય છે.

તેઓએ સ્રોત એટ્રિબ્યુશનના અમૂર્ત અને વાસ્તવિક-વિશ્વના ઉદાહરણો પણ પ્રદાન કર્યા. હવે, સંશોધન, ડેટા વિશ્લેષણ અને ચર્ચાના પરિણામે, વિકાસકર્તાઓ ફરી એકવાર ઉપયોગ કરી શકે છે વિવિધ રીતે સંદર્ભ લેવા માટે

આ પાઠમાં આપણે ટેક્સ્ટમાં અવતરણોને હાઇલાઇટ કરવા અને લાઇન બ્રેક કરવાની ફરજ પાડવા વિશે વાત કરીશું. સૈદ્ધાંતિક રીતે, અહીં ચર્ચા કરાયેલા ટૅગ્સ HTML પૃષ્ઠોમાં વારંવાર ઉપયોગમાં લેવાતા નથી, પરંતુ તેમ છતાં કેટલીકવાર તમે તેમના વિના કરી શકતા નથી. તો, ચાલો જઈએ.

ટેગ
અથવા લાંબા અવતરણ પ્રકાશિત કરો

ટેગનો ઉપયોગ HTML માં કહેવાતા "લાંબા અવતરણો" ને પ્રકાશિત કરવા માટે થાય છે, જેમ કે એક અથવા વધુ ફકરા. આ ટેગ છે બ્લોકઅને બ્લોક ટેગ સમાવી શકે છે, પરંતુ એમ્બેડેડ સમાવી શકાતું નથી. વધુમાં, તે ઉપલા અને તળિયે બાહ્ય માર્જિન ઉમેરે છે, ફકરાની જેમ જ, પણ બાજુના માર્જિન પણ ઉમેરે છે, જે અવતરણ કરેલ ટેક્સ્ટને દૃષ્ટિની રીતે પ્રકાશિત કરે છે.

BLOCKQUOTE ટૅગનો ઉપયોગ કરવાનું ઉદાહરણ

BLOCKQUOTE ટેગનો ઉપયોગ કરીને

ઘણી વાર BLOCKQUOTE ટૅગનો ઉપયોગ તેના ઇચ્છિત હેતુ માટે થતો નથી - ટાંકેલા ટેક્સ્ટને હાઇલાઇટ કરવા. પરંતુ માત્ર બાજુના માર્જિન ખાતર જે તે બનાવે છે. સૈદ્ધાંતિક રીતે, આ ટેગનો આવો ઉપયોગ HTML વાક્યરચનાનો વિરોધ કરતું નથી, મુખ્ય વસ્તુ એ છે કે BLOCKQUOTE બ્લોક ટૅગ્સ ધરાવે છે. પરંતુ હજુ પણ આ રીતે તેનો ઉપયોગ ન કરવો વધુ સારું છે, કારણ કે BLOCKQUOTE ખાસ કરીને લાંબા અવતરણને પ્રકાશિત કરવા માટે બનાવાયેલ છે.



બ્રાઉઝરમાં પરિણામ

BLOCKQUOTE ટેગ શેના માટે વપરાય છે? Seodon.ru વેબસાઇટ અમને આ વિશે શું કહે છે તે અહીં છે:

ઘણી વાર BLOCKQUOTE ટૅગનો ઉપયોગ તેના ઇચ્છિત હેતુ માટે થતો નથી - ટાંકેલા ટેક્સ્ટને હાઇલાઇટ કરવા. પરંતુ માત્ર બાજુના માર્જિન ખાતર જે તે બનાવે છે. સૈદ્ધાંતિક રીતે, આ ટેગનો આવો ઉપયોગ HTML વાક્યરચનાનો વિરોધ કરતું નથી, મુખ્ય વસ્તુ એ છે કે BLOCKQUOTE બ્લોક ટૅગ્સ ધરાવે છે. પરંતુ હજુ પણ આ રીતે તેનો ઉપયોગ ન કરવો વધુ સારું છે, કારણ કે BLOCKQUOTE ખાસ કરીને લાંબા અવતરણને પ્રકાશિત કરવા માટે બનાવાયેલ છે.

ટેગ અથવા નાના અવતરણો પ્રકાશિત કરો

અને અહીં ટેગ છે ...અલંકારિક અર્થમાં નાના અવતરણો અથવા શબ્દો સૂચવવા માટે વપરાય છે. તે આ તત્વના ટૅગ્સ વચ્ચેના તમામ ટેક્સ્ટને અવતરણમાં મૂકે છે. માર્ગ દ્વારા, - આ સૌથી સામાન્ય છે ઇનલાઇન (લાઇન સ્તર)એક ટેગ કે જેમાં ફક્ત ઇનલાઇન ટેગ હોઈ શકે છે.

અવતરણ પ્રકાશિત કરવાનું ઉદાહરણ

ટેક્સ્ટમાં અવતરણોને હાઇલાઇટ કરી રહ્યાં છે

ભાષા શીખવા માટે, મફત જિજ્ઞાસા પ્રચંડ આવશ્યકતા કરતાં વધુ મહત્વપૂર્ણ છે.ઓગસ્ટિન ઓરેલિયસ.

તમે જે પણ શીખો છો, તમે તમારા માટે શીખો છો.પેટ્રોનિયસ.



બ્રાઉઝરમાં પરિણામ

ભાષા શીખવા માટે, મફત જિજ્ઞાસા પ્રચંડ આવશ્યકતા કરતાં વધુ મહત્વપૂર્ણ છે. ઓગસ્ટિન ઓરેલિયસ.

તમે જે પણ શીખો છો, તમે તમારા માટે શીખો છો. પેટ્રોનિયસ.

ટેગ
અથવા ફરજિયાત લાઇન બ્રેક

કેટલીકવાર તે જરૂરી છે કે ટેક્સ્ટની એક લીટી ઉપલબ્ધ જગ્યાની સમગ્ર પહોળાઈમાં ચાલુ રહેતી નથી, પરંતુ આપણને જોઈતી જગ્યાએ તૂટી જાય છે અને આગળની લાઇન પર ચાલુ રહે છે. પરંતુ જેમ તમને યાદ છે, બ્રાઉઝર્સ HTML કોડમાં સરળ લાઇન બ્રેક્સને અવગણે છે જાણે કે તેઓ અસ્તિત્વમાં નથી. આવા કિસ્સાઓમાં, ટેગ અમને મદદ કરશે
, જે તે જ્યાં ઇન્સ્ટોલ કરેલું છે ત્યાં લાઇન બ્રેક કરવાની ફરજ પાડે છે.

ટેગ
પણ છે બિલ્ટ-ઇન (ઇનલાઇન) તત્વઅને એ હકીકતથી મૂંઝવણમાં ન આવશો કે તે પોતે જ એક લાઇન બ્રેક કરે છે, તેની પાસે આ કાર્ય છે. વધુમાં, તત્વ
ત્યાં કોઈ બંધ ટેગ નથી, જેનો અર્થ છે ખાલી, કારણ કે તેમાં સામગ્રી હોઈ શકતી નથી.

BR ટેગનો ઉપયોગ કરવાનું ઉદાહરણ

BR ટેગ, લાઇન બ્રેક

સર્જનાત્મકતાનું લક્ષ્ય સમર્પણ છે,
હાઇપ નથી, સફળતા નથી.
શરમજનક, અર્થહીન
રડવું એ દરેકના હોઠ પર એક કહેવત છે.
બી. પેસ્ટર્નક.



બ્રાઉઝરમાં પરિણામ

સર્જનાત્મકતાનું લક્ષ્ય સમર્પણ છે,
હાઇપ નથી, સફળતા નથી.
શરમજનક, અર્થહીન
રડવું એ દરેકના હોઠ પર એક કહેવત છે.
બી. પેસ્ટર્નક.

તમે સારી રીતે પૂછી શકો છો: “મારે શા માટે ટેગનો ઉપયોગ કરવો જોઈએ
, જો હું ફક્ત કેટલાક ફકરાઓમાં ટેક્સ્ટ લખી શકું, તો તે વિવિધ લાઇન પર પણ સૂચવવામાં આવશે? આ બધું સાચું છે, પરંતુ ટેગ કરવાનું ભૂલશો નહીં

ઉપર અને નીચે ખાલી જગ્યાનો માર્જીન અને ટેગ બનાવે છે
આ કરતું નથી. વધુમાં, ફકરાઓ અસ્તિત્વમાં છે જેથી તેમાંના દરેકમાં અર્થપૂર્ણ અને સંપૂર્ણ અભિવ્યક્તિઓ હોય, અને ટેક્સ્ટના ટુકડાઓ નહીં.

માર્ગ દ્વારા, ઘણી વાર વેબસાઇટ્સ પર તમે તે જોઈ શકો છો
માત્ર થોડી ખાલી લીટીઓ બનાવવા માટે વપરાય છે. હા, જો તમે તેને સળંગ ઘણી વખત સ્પષ્ટ કરો છો (


...), પછી તમે કોઈપણ કદના વર્ટિકલ ઇન્ડેન્ટેશન બનાવી શકો છો. પરંતુ, જો કે આ HTML સિન્ટેક્સની વિરુદ્ધ નથી, હું ભલામણ કરતો નથી કે તમે આ કરો, કારણ કે આ ટેગ આ માટે બનાવાયેલ નથી.

હોમવર્ક.

  1. પૃષ્ઠ પૃષ્ઠભૂમિને કાળી અને ટેક્સ્ટને સફેદ બનાવો.
  2. લેખ અને તેના બે વિભાગો માટે શીર્ષક બનાવો. તેમને વર્ડાના ફોન્ટ પર સેટ કરો અને પેજ પર કેન્દ્રમાં બીજું સબહેડિંગ રાખો.
  3. પ્રથમ અને બીજા મથાળા હેઠળ એક ફકરો અને ત્રીજા હેઠળ બે ફકરાનું અવતરણ લખો.
  4. પ્રથમ ફકરામાં બે અવતરણો હાઇલાઇટ કરો અને એક બોલ્ડ અને બીજા ઇટાલિકમાં લખો.
  5. છેલ્લા ફકરામાં પાંચ લીટી વિરામ બનાવો અને ટેક્સ્ટને પૃષ્ઠ પર કેન્દ્રમાં રાખો.

હેલો મિત્રો!

મેં વર્ડપ્રેસ ચલાવતા બ્લોગ પરના લેખોના ટેક્સ્ટમાં અવતરણોની સુંદર ડિઝાઇન વિશે લખવાનું નક્કી કર્યું, કારણ કે મને આવા કામની જરૂરિયાતનો સીધો સામનો કરવો પડ્યો હતો. મારે એક સાઇટ પરનો ટેમ્પલેટ બદલવો પડ્યો. પરંતુ, હકીકતમાં, તે તદ્દન મુશ્કેલ છે. એ હકીકત હોવા છતાં કે હવે પેઇડ અને ફ્રી ટેમ્પ્લેટ્સની વિશાળ સંખ્યા છે, અમારી બધી આવશ્યકતાઓને પૂર્ણ કરે છે તે પસંદ કરવાનું ખૂબ મુશ્કેલ છે. ટેમ્પલેટમાં એવું કંઈક હશે જે આપણને ગમતું નથી. તેથી, મોટેભાગે તમારે ઓછામાં ઓછી સંખ્યામાં ખામીઓ સાથેનો વિષય પસંદ કરવો પડે છે, અને પછી તેને રિફાઇન કરવું પડશે.

તેથી, મેં પસંદ કરેલા વિષયની ખામીઓમાંની એક અવતરણની અસ્પષ્ટ હાઇલાઇટિંગ હતી. તે ફક્ત ડાબી બાજુના વધારાના ઇન્ડેન્ટેશન સાથે બહાર આવ્યું. આ ટેક્સ્ટ ઘટકને વધુ દૃશ્યમાન અને સુંદર બનાવવા માટે મારે CSS શૈલીઓમાં ફેરફાર કરવો પડ્યો.

હું ત્રણ કારણો આપીશ:

  1. તમે વાચકોને બતાવો છો કે ટેક્સ્ટનો આ ભાગ અવતરણ છે. તમે જે વ્યક્તિનો ઉલ્લેખ કરી રહ્યાં છો તેના કૉપિરાઇટનો આદર કરવા માટે આ જરૂરી છે. બીજી બાજુ, પ્રતિષ્ઠિત લેખક સાથે લિંક કરવાથી પણ તમારા લેખમાં વજન વધે છે.
  2. સર્ચ એંજીન અનન્ય ટેક્સ્ટ્સને "પ્રેમ" કરે છે, અને જો અવતરણ યોગ્ય રીતે ફોર્મેટ કરવામાં આવ્યું નથી, તો તે સાહિત્યચોરી તરીકે ગણવામાં આવશે, અને સાઇટનું રેટિંગ ઓછું કરવામાં આવશે, શોધમાં તેની સ્થિતિ નીચે જશે.
  3. ખાસ પ્રકારના અવતરણો ટેક્સ્ટને વધુ વૈવિધ્યસભર અને દેખાવમાં આકર્ષક બનાવે છે. તે વાંચવા માટે સરળ છે.

ટેક્સ્ટના ભાગને વિશિષ્ટ રીતે પ્રકાશિત કરવા માટે, તમે વિવિધ પદ્ધતિઓનો ઉપયોગ કરી શકો છો.

CSS શૈલીઓ સંપાદન

ક્વોટને ફોર્મેટ કરવાની પ્રથમ અને સૌથી સાચી રીત એ ટેગનો ઉપયોગ કરવો જોઈએ બ્લોકક્વોટઅને તેની શૈલીઓ. જો કે CSS નિયમોનો ઉપયોગ કરીને તમે કોઈપણ ટુકડો પસંદ કરી શકો છો (મેં આ વિશે લેખમાં લખ્યું છે), ફક્ત ટેગ બ્લોકક્વોટશોધ એંજીનને જણાવવા દો કે આ સ્નિપેટ એક અવતરણ છે અને અનન્ય ન પણ હોઈ શકે.

જો આપણે બટનનો ઉપયોગ કરીએ તો આ ટેગ કોડમાં મૂકવામાં આવે છે વી

પરંતુ, મેં પહેલેથી જ નોંધ્યું છે તેમ, આ ટેગની શૈલીઓ હંમેશા આપણે જોઈએ તે રીતે હોતી નથી. તેમને સંપાદિત કરવા માટે, તમારે ફાઇલમાં અનુરૂપ કોડ શોધવાની જરૂર છે style.cssઅને ટેગ માટે ઉલ્લેખિત નિયમોને બદલો બ્લોકક્વોટ, તમારા પોતાના પર.

આ ફાઇલને બે રીતે સંપાદિત કરી શકાય છે:

  1. સર્વરથી તમારા કમ્પ્યુટર પર FTP ક્લાયંટનો ઉપયોગ કરીને તેને ડાઉનલોડ કરો, તેને માં ખોલો, ફેરફારો કરો અને ફરીથી ડાઉનલોડ કરો. ફાઈલ style.cssખાતે સ્થિત છે wp-content/themes/your_theme/style.css.
  2. તમે વર્ડપ્રેસમાં બિલ્ટ-ઇન કોડ એડિટરનો ઉપયોગ કરી શકો છો. તેને WP કંટ્રોલ પેનલમાં ખોલવા માટે, પસંદ કરો દેખાવ - સંપાદક. કમનસીબે, આ સંપાદક લાઇન નંબર્સ બતાવતું નથી, જે શોધને મુશ્કેલ બનાવે છે.

તમે ફાઇલમાં ફેરફાર કરો તે પહેલાં style.css, બ્રાઉઝરમાં ઉપયોગ કરીને કોડમાં ફેરફાર કરો Google Chromeઅથવા બ્રાઉઝરમાં સમાન મોઝિલા ફાયરફોક્સ. આ સાધનોનો ઉપયોગ કરીને, તમે તરત જ દૃષ્ટિની રીતે જોઈ શકો છો કે તમારી વેબસાઇટ પર ક્વોટ કેવો દેખાશે.

અવતરણ ફોર્મેટિંગ ઉદાહરણો

અવતરણ ચિહ્નો સાથે અવતરણ

આ પ્રતીક સામાન્ય રીતે અવતરણ સૂચવવા માટે સ્વીકૃત માનવામાં આવે છે, તેથી તેનો ઉપયોગ મોટાભાગે થાય છે. ચિત્રનો ઉપયોગ કરીને અવતરણો દાખલ કરી શકાય છે, જે વધુ સામાન્ય છે, અથવા તમે અક્ષર કોડનો ઉપયોગ કરીને આ કરી શકો છો "\201C", આપેલ ઉદાહરણમાં બતાવ્યા પ્રમાણે.

અહીં છબી છે

અને અહીં અનુરૂપ કોડ છે

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 બ્લોકક્વોટ (બેકગ્રાઉન્ડ: કોઈ રિપીટ સ્ક્રોલ 0 0 #fea; રંગ: #009a82; ફોન્ટ-ફેમિલી: જ્યોર્જિયા, સેરિફ; ફોન્ટ-સાઇઝ: 18px; ફોન્ટ-શૈલી: ઇટાલિક; લાઇન-ઊંચાઈ: 1.45; પેડિંગ: 1.25em 50px; સ્થિતિ : સંબંધિત; પહોળાઈ: 750px; ) બ્લોકક્વોટ: પહેલા ( રંગ: #009a82; સામગ્રી: "\201C"; પ્રદર્શન: બ્લોક; ફોન્ટ-સાઇઝ: 60px; ડાબે: 1px; સ્થિતિ: સંપૂર્ણ; ટોચ: 1px; )

બ્લોકક્વોટ (બેકગ્રાઉન્ડ: કોઈ રિપીટ સ્ક્રોલ 0 0 #fea; રંગ: #009a82; ફોન્ટ-ફેમિલી: જ્યોર્જિયા, સેરિફ; ફોન્ટ-સાઇઝ: 18px; ફોન્ટ-શૈલી: ઇટાલિક; લાઇન-ઊંચાઈ: 1.45; પેડિંગ: 1.25em 50px; સ્થિતિ : સંબંધિત; પહોળાઈ: 750px; ) બ્લોકક્વોટ: પહેલા ( રંગ: #009a82; સામગ્રી: "\201C"; પ્રદર્શન: બ્લોક; ફોન્ટ-સાઇઝ: 60px; ડાબે: 1px; સ્થિતિ: સંપૂર્ણ; ટોચ: 1px; )

  • બીજી લાઇનમાં આ કોડમાં #fea- પૃષ્ઠભૂમિ રંગ, તમે તેને તમારા પોતાના સાથે બદલી શકો છો,
  • 3જી લાઇન - ફોન્ટ રંગ,
  • 4, 5, 6, 7 – ફોન્ટ પરિમાણો,
  • 8, 9 - ટુકડાની સ્થિતિ,
  • 10 - બ્લોક પહોળાઈ, તે ટકાવારી તરીકે સ્પષ્ટ કરી શકાય છે, ઉદાહરણ તરીકે, 90%.
  • 13 - રંગ,
  • 16 - કદ,
  • 17-19 - સ્થિતિ.

બોક્સ પસંદગી

અહીં એક ઉદાહરણ છે:

અને અહીં તેના માટે સરળ CSS કોડ છે:

1 2 3 4 5 6 7 બ્લોકક્વોટ (રંગ: #333; ફોન્ટ-ફેમિલી: વર્દાના, જીનીવા, સેન્સ-સેરીફ; બોર્ડર: 1px ડેશેડ #999; પૃષ્ઠભૂમિ: #F8F4AB; પેડિંગ: 10px 20px; )

બ્લોકક્વોટ (રંગ: #333; ફોન્ટ-ફેમિલી: વર્દાના, જીનીવા, સેન્સ-સેરીફ; બોર્ડર: 1px ડેશેડ #999; પૃષ્ઠભૂમિ: #F8F4AB; પેડિંગ: 10px 20px; )

જો તમને અવતરણ ડિઝાઇન કરવાના વિષયમાં રસ હોય, તો હું મીની-બુક ડાઉનલોડ કરવાનું સૂચન કરું છું. તે લખાણના ટુકડાને પ્રકાશિત કરવાના વિવિધ ઉદાહરણોની વિગતવાર તપાસ કરે છે. આ ઉદાહરણોનો અભ્યાસ કર્યા પછી, તમે તમારી પોતાની ડિઝાઇન શૈલી બનાવી શકો છો.

બ્લોગ પર ટેક્સ્ટના ટુકડાઓ ડિઝાઇન કરવા માટે WP-નોટ પ્લગઇન

આ પ્લગઇન તમને લેખના ટુકડાને સરળતાથી અને સરળ રીતે ફોર્મેટ કરવાની મંજૂરી આપે છે. પરંતુ તે તરત જ નોંધવું જોઈએ કે સર્ચ એન્જિન માટે આ ટુકડાઓ અવતરણ તરીકે ગણવામાં આવશે નહીં, કારણ કે તેઓ ટેગનો ઉપયોગ કરતા નથી. બ્લોકક્વોટ. પ્લગઇનનો ઉપયોગ ફક્ત બાહ્ય ડિઝાઇન માટે થાય છે, અને અવતરણને પ્રકાશિત કરવા માટે નહીં.

ડિફૉલ્ટ રૂપે, પ્લગઇન સેટિંગ્સમાં પાંચ ડિઝાઇન વિકલ્પો છે. તેમને લાગુ કરવા માટે, તમારે કોઈપણ કોડ બદલવાની જરૂર નથી; તમારે ફક્ત વિઝ્યુઅલ એડિટરમાં સીધા જ ટુકડાની શરૂઆતમાં અને અંતમાં યોગ્ય ટૅગ્સ દાખલ કરવાની જરૂર છે.

WP-નોટ પ્લગઇન ટૅગ્સ


પ્લગઇન સંપાદિત કરી રહ્યું છે

જો તમને ડિફૉલ્ટ ડિઝાઇન વિકલ્પો પસંદ નથી અથવા તે તમારી સાઇટની ડિઝાઇન સાથે સુસંગત નથી, તો તમે તેમને બદલી શકો છો. પરંતુ આ માટે તમારે સ્ટાઇલ ફાઇલમાં ફેરફાર કરવા પડશે. તમે તેને પર શોધી શકો છો wp-content/plugins/wp-note/style.css.

તમે બિલ્ટ-ઇન વર્ડપ્રેસ એડિટરનો પણ ઉપયોગ કરી શકો છો. આ કરવા માટે, નિયંત્રણ પેનલમાં પસંદ કરો પ્લગઇન્સ - સંપાદક, પછી ડ્રોપ-ડાઉન સૂચિમાં જમણી બાજુએ આપણને Wp-note મળે છે અને બટન દબાવો પસંદ કરો, બધી પ્લગઈન ફાઈલોની યાદી દેખાશે.

હું આશા રાખું છું કે મેં બધું સારી રીતે સમજાવ્યું છે અને હવે તમે સમજો છો કે સાઇટ પર અવતરણ કેવી રીતે ફોર્મેટ કરવું. સામાજિક નેટવર્ક્સ પર લેખ શેર કરવાનું ભૂલશો નહીં.

ટૂંક સમયમાં મળીશું!

ભલામણોને આંધળાપણે અનુસરવાથી લગભગ સમાન સંભાવના સાથે લાભ થાય છે કે સોનેરી ડાયનાસોરને મળી શકે છે - 50/50, કાં તો તેણી કરશે કે નહીં. ડાયનાસોરને ન મળવા માટે, તમારે તમારા મગજને ચાલુ કરવાની જરૂર છે ત્યારે પણ, એવું લાગે છે કે, દરેક વસ્તુ બિંદુએ બિંદુએ દર્શાવેલ છે. પ્રોફેશનલ એ લેમરથી અલગ પડે છે જેમાં શબ્દો "તે સૂચનોમાં કહે છે "પ્રશ્ન સાથે જવાબો"શા માટે બરાબર? ».

ઉદાહરણ તરીકે, ઉપયોગ કરો તેના બદલે તે બિલકુલ જરૂરી નથી કારણ કે "યાન્ડેક્સ તેને આ રીતે વધુ પસંદ કરે છે " ટેગ માર્કઅપ સિમેન્ટિક્સમાં અર્થ બરાબર છેબોલ્ડબોલ્ડફોન્ટ શૈલી. પણ - આ એક અર્થપૂર્ણ ભાર છે, ટેગ રોબોટને કહે છે કે લેખક કંઈક મહત્વપૂર્ણ પર ભાર મૂકવા માંગે છે.

અથવા આના જેવા સરળ ટૅગ્સ:

અને
.

  • ટૅગ્સમાં ટેક્સ્ટનો ટુકડો બંધ કરવોટેક્સ્ટનું લોજિકલ એકમ બનાવે છે - એક ફકરો. ટેક્સ્ટમાં, ફકરાનો અંત લાઇન બ્રેક જેવો દેખાય છે (Enter દબાવીને) - આગળનો ફકરો નવી લાઇન પર શરૂ થાય છે.
  • ટેગ
    - આ એક વિશિષ્ટ "લાઇન બ્રેક" અક્ષર છે, તે આગલા અક્ષરને નવી લાઇનમાં ખસેડે છે. પરંતુ તે કોઈપણ રીતે તાર્કિક બંધારણને અસર કરતું નથી.

પરંતુ બહારથી, બંને ટૅગ્સનું પરિણામ સમાન દેખાઈ શકે છે. અનુભવી એસઇઓ નિષ્ણાત સમજે છે કે આ બધું શું છે - એક ફકરામાંના કીવર્ડ્સને એકસાથે ગણવામાં આવે છે, અને બે ફકરા વચ્ચેનું વિભાજન તેમની વચ્ચેના જોડાણને તોડે છે.

ટૅગ્સ વચ્ચેનો તફાવત તમારા મનપસંદ શબ્દમાં ખૂબ જ સ્પષ્ટ રીતે જોઈ શકાય છે:

અને માર્ગ દ્વારા, આનો ઉપયોગ કરી શકાય છે. ફકરો પૂર્ણ કરવા માટે, તમે Enter દબાવો. રેખા તોડવા માટે, Shift+Enter દબાવો.

એક જોડણી વિશે... માફ કરશો, આ લેખમાં એક રસપ્રદ ટૅગની ચર્ચા કરવામાં આવશે.

આ ટેગ તમને સ્ત્રોતના સંકેત સાથે ઉધાર લીધેલ ટેક્સ્ટ દાખલ કરવાની મંજૂરી આપે છે. આ રીતે તમે વિશિષ્ટતાનું મૂલ્યાંકન કરવા માટે પરિણામો વિના અન્ય લોકોના શબ્દોનો ઉપયોગ કરી શકો છો અને ટેક્સ્ટમાં સત્તા ઉમેરી શકો છો.

સિમેન્ટીક કોર લાક્ષણિકતાઓને નહીં, પરંતુ ટેક્સ્ટનો સિમેન્ટીક અર્થ નક્કી કરે છે. કીવર્ડ્સ પસંદ કરતી વખતે, ફક્ત સુસંગતતા વિશે જ નહીં, પરંતુ તેના અર્થપૂર્ણ અર્થના આધારે દસ્તાવેજોના ચોક્કસ જૂથમાં ટેક્સ્ટને વર્ગીકૃત કરવાની સર્ચ એન્જિનની તકનીકી ક્ષમતા વિશે પણ વિચારવું મહત્વપૂર્ણ છે.

સિમેન્ટિક્સ એ ભાષાશાસ્ત્રમાં ભાષાના એકમો જ નહીં, પણ પ્રોગ્રામિંગમાં બાંધકામનો અર્થ પણ છે. SEO દૃષ્ટિકોણથી આ વધુ મહત્વપૂર્ણ છે, કારણ કે સર્ચ એન્જિન એ એવા પ્રોગ્રામ્સ છે જે અમલીકૃત અલ્ગોરિધમ્સ સાથે સંપૂર્ણ રીતે કામ કરે છે.

ઉદાહરણ તરીકે: HTML દસ્તાવેજના અર્થશાસ્ત્ર તેના તત્વોના અર્થ અને વંશવેલો દ્વારા નક્કી કરવામાં આવે છે. હા, ટેગ કરો વર્ણન (ટેગ ) અને સામગ્રી (ટેગ ) દસ્તાવેજ. ટેગ દૂર કરો , અને દસ્તાવેજના અર્થશાસ્ત્રનું ઉલ્લંઘન કરવામાં આવશે.

લિંક રેન્કિંગ હજુ પણ વેબસાઈટના પ્રમોશનમાં મહત્વની ભૂમિકા ભજવે છે, પરંતુ તેનું મહત્વ ચોક્કસપણે ઉદ્ધરણના પ્લેનમાં રહેલું છે, જે અંગેની ગેરસમજને કારણે સર્ચ એન્જિનો તરફથી પ્રતિબંધો લાદવામાં આવ્યા છે.

અવતરણ અનુક્રમણિકા(અથવા IC) એ વૈજ્ઞાનિક વિશ્વમાં અપનાવવામાં આવતું માપ છે. મહત્વ»કોઈપણ વૈજ્ઞાનિકના કાર્યો. ઇન્ડેક્સ મૂલ્ય નક્કી કરવામાં આવે છે લિંક્સની સંખ્યાઅન્ય સ્ત્રોતોમાં આ કાર્ય (અથવા અટક) માટે.

ક્વોટનો સિમેન્ટીક અર્થ (સિમેન્ટિક્સ) નક્કી કરવા માટે અન્ય વિકલ્પો છે, જ્યાં ટૅગ્સ દેખાઈ શકે છે

(તત્વોનું જૂથ) અને
(આકૃતિ માટેનું વર્ણન), માઇક્રો માર્કઅપ અને તેથી વધુ, પરંતુ અહીં એક જીવલેણ ભૂલ કરવી સરળ છે જે અર્થશાસ્ત્રનું ઉલ્લંઘન કરશે અને અર્થઘટનના અણધારી પરિણામો તરફ દોરી જશે.

ચાલો તેનો સરવાળો કરીએ

  • કૉપિરાઇટર્સ અને SEO નિષ્ણાતો માટે વેબમાસ્ટર્સ માટેની સલાહને આંખ આડા કાન કરવા માટે જ નહીં, પરંતુ સ્પષ્ટીકરણો દ્વારા વ્યાખ્યાયિત સૂચિત ઉકેલોના સારને સમજવા માટે પણ મહત્વપૂર્ણ છે.
  • સિમેન્ટિક્સ એ ભાષાશાસ્ત્રમાં ભાષાના માત્ર એકમો નથી, પરંતુ પ્રોગ્રામિંગમાં બાંધકામનો અર્થ પણ છે, જે સર્ચ એન્જિનમાં વેબસાઇટ પ્રમોશનના સંદર્ભમાં વધુ મહત્વપૂર્ણ છે, જે પ્રોગ્રામ્સ છે.
  • લિંક રેન્કિંગ ટાઈટેશનના સિમેન્ટીક અર્થ સાથે ચુસ્તપણે જોડાયેલું છે.
  • HTML5 માં નવું એ સામાન્ય રીતે HTML દસ્તાવેજના સિમેન્ટીક ઘટકનું વિસ્તરણ છે અને ટેગ
    ખાસ કરીને - ટાંકણો માટે સાચા HTML કોડના જનરેટરનો ઉપયોગ કરો.


શું તમને લેખ ગમ્યો? તમારા મિત્રો સાથે શેર કરો!
પણ વાંચો