બ્લોકક્વોટ શું છે?

જો તમે ક્યારેય HTML ઘટકોની સૂચિ પર જોયું હોય, તો તમે તમારી જાતને "શું બ્લોકક્વોટ છે?" બ્લોકક્વોટ એલિમેન્ટ એ HTML ટેગ જોડ છે જે લાંબા અવતરણોને વ્યાખ્યાયિત કરવા માટે વપરાય છે. W3C HTML5 સ્પષ્ટીકરણ મુજબ અહીં આ તત્વની વ્યાખ્યા છે:

બ્લોકક્વોટ ઘટક તે વિભાગનું પ્રતિનિધિત્વ કરે છે જે બીજા સ્રોતથી નોંધાયેલા છે.

તમારા વેબ પાનાંઓ પર બ્લોકક્વોટનો ઉપયોગ કેવી રીતે કરવો

જ્યારે તમે વેબ પૃષ્ઠમાં ટેક્સ્ટ લખી રહ્યાં છો અને તે પૃષ્ઠનું લેઆઉટ બનાવતા હોવ ત્યારે, તમે ક્યારેક ટેક્સ્ટને બ્લોક તરીકે અવતરણ તરીકે કૉલ કરવા માગો છો.

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

તો ચાલો જોઈએ કે લાંબા ક્વોટેશનને વ્યાખ્યાયિત કરવા માટે તમે બ્લોકક્વોટ ટૅગનો ઉપયોગ કેવી રીતે કરશો, જેમ કે લેવિસ કેરોલ દ્વારા "ધ જબ્બર વોકી" માંથી આ ટૂંકસાર:

'ટ્વાસ બ્રિલીંગ અને સ્લિથિ ટોવ્સ
શું wabe માં gyre અને gimble:
બધા mimsy borogoves હતા,
અને મૉમ રથ્સ આઉટગ્રેબે

(લેવિસ કેરોલ દ્વારા)

બ્લોકક્વોટ ટેગનો ઉપયોગ કરવાનો ઉદાહરણ

બ્લોકક્વોટ ટેગ એક સિમેન્ટીક ટેગ છે જે બ્રાઉઝર અથવા વપરાશકર્તા એજન્ટને કહે છે કે સમાવિષ્ટો લાંબા અવતરણ છે. જેમ કે, તમારે બ્લોકક્વોટ ટૅગની અંદર કોઈ અવતરણ ન હોવા જોઈએ તેવા ટેક્સ્ટને જોડવું જોઈએ નહીં. યાદ રાખો, "અવતરણ" ઘણી વાર વાસ્તવિક શબ્દો છે જે કોઈએ બહારના સ્ત્રોતમાંથી (આ લેખમાં લેવિસ કેરોલ ટેક્સ્ટની જેમ) કહ્યું છે અથવા ટેક્સ્ટ છે, પરંતુ તે પુલક્વોટ ખ્યાલ પણ હોઈ શકે છે જે આપણે અગાઉ આવરી લીધેલ છે.

જ્યારે તમે તેના વિશે વિચાર કરો છો, તે પુલક્વોટ એ ટેક્સ્ટની ક્વોટ છે, તે માત્ર તે જ લેખમાંથી બને છે જે ક્વોટ પોતે જ દેખાય છે.

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

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

તમારા ટેક્સ્ટને બ્લોકક્વોટ ટૅગ ઍડ કરવા માટે, ફક્ત તે ટેક્સ્ટને ફરતે ઉમેરો કે જે નીચેના ટેગ જોડ સાથેનું અવતરણ છે -

દાખ્લા તરીકે:

'ટ્વાસ બ્રિલીંગ અને સ્લિથિ ટોવ્સ

શું wabe માં gyre અને gimble:

બધા mimsy borogoves હતા,

અને મૉમ રથ્સ આઉટગ્રેબે

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

ઇન્ડેન્ટ ટેક્સ્ટ માટે બ્લૉકકોટનો ઉપયોગ કરશો નહીં

ઘણા વર્ષો સુધી, લોકોએ બ્લોકક્વોટ ટૅગનો ઉપયોગ કર્યો હોય, જો તેઓ તેમના વેબપૃષ્ઠ પર ટેક્સ્ટને ઇન્ડન્ટ કરવા માગે છે, પછી ભલે તે ટેક્સ્ટ પોટકોટ ન હોય. આ એક ખરાબ પ્રથા છે! તમે ફક્ત બ્લોકક્વોટના સીમેન્ટિક્સને વિઝ્યુઅલ કારણો માટે ઉપયોગમાં લેવા માંગતા નથી. જો તમને તમારા ટેક્સ્ટને ઇન્ડેન્ટ કરવાની જરૂર હોય, તો તમારે સ્ટૉક શીટ્સનો ઉપયોગ કરવો જોઈએ, બ્લૉકકોટ ટેગ નહીં (અલબત્ત, જે તમે ઇન્ડેન્ટ કરવાનો પ્રયાસ કરી રહ્યા છો એ ક્વોટ છે!). જો તમે ખાલી ઇન્ડેન્ટ ઉમેરવા માટે પ્રયાસ કરી રહ્યા હો તો આ કોડને તમારા વેબ પૃષ્ઠમાં મૂકવાનો પ્રયાસ કરો:

આ ટેક્સ્ટ છે જે ઇન્ડેન્ટ છે.

આગળ, તમે તે વર્ગને CSS શૈલી સાથે લક્ષિત કરો છો

.ઇન્સ્ટન્ટ {
પેડિંગ: 0 10 પીએક્સ;
}

આ ફકરોની બંને બાજુમાં 10 પૅક્સેલ પેડિંગ ઉમેરે છે.

જેનિફર કિનાન દ્વારા મૂળ લેખ. 5/8/17 ના રોજ જેરેમી ગીરર્ડ દ્વારા સંપાદિત