Ինչ է արգելափակոցը:

Եթե ​​դուք երբեւէ նայեք HTML- ի տարրերի ցանկին, ապա գուցե դուք ինքներդ հայտնաբերեք «ինչ է արգելափակումը»: Blockquote տարրը HTML պիտակի զույգ է, որն օգտագործվում է երկարատեւ գոտիներ սահմանելու համար: Ահա այս բաղադրիչի սահմանումը, ըստ W3C HTML5 հստակեցման:

Blockquote տարրը ներկայացնում է մի բաժին, որը մեջբերվում է մեկ այլ աղբյուրից:

Ինչպես օգտվել Blockquote ձեր Webpages- ում

Երբ եք գրում տեքստը վեբ էջում եւ ստեղծելով այդ էջի դասավորությունը, երբեմն ցանկանում եք զանգահարել տեքստի բլոկ, որպես մեջբերում:

Սա կարող է լինել ուրիշ տեղից մեջբերում, ինչպես օրինակ, հաճախորդի ցուցմունք, որը ուղեկցում է դեպքի ուսումնասիրություն կամ ծրագրի հաջողության պատմություն: Սա կարող է նաեւ դիզայնի բուժում, որը կրկնում է որոշ կարեւոր տեքստ հոդվածից կամ բովանդակությունից: Հրապարակման մեջ դա երբեմն կոչվում է քաշեք-մեջբերում , վեբ դիզայնի մեջ, դրա հասնելու եղանակներից մեկը (եւ այս ձեւով մենք լուսաբանողը) կոչվում է թաղամաս:

Այսպիսով, եկեք նայենք, թե ինչպես եք օգտագործել blockquote tag- ը `երկար գնանշումներ սահմանելու համար, ինչպիսիք են Lewis Carroll- ի« The Jabberwocky »- ի այս հատվածը.

'Twas brillig եւ slithey toves
Արդյոք փարթամ ու քմծիծաղ արեց,
Բոլոր մռայլները բորոգովներն էին,
Եվ կախարդն անջատված է:

(ըստ Lewis Carroll)

Blockquote Tag- ի օգտագործման օրինակ

Blockquote tag- ը semantic tag է, որը պատմում է զննարկիչին կամ օգտագործողի գործակալին, որ բովանդակությունը երկարատեւ մեջբերում է: Այնուամենայնիվ, դուք չպետք է կցեք տեքստը, որը մեջբերում է թաքնված գրառման մեջ: Նշենք, որ «մեջբերումը» հաճախակի բառեր է, որոնք ինչ-որ մեկը ասել է կամ տեքստ է դրսից աղբյուրից (ինչպես այս հոդվածում Լյուիս Կառոլլենի տեքստը), բայց այն կարող է նաեւ լինել pullquote հայեցակարգը, որը մենք նախկինում լուսաբանեցինք:

Երբ դուք մտածում եք դրա մասին, այդ pullquote- ը տեքստի մեջբերում է, հենց այն նույն հոդվածից է, որ մեջբերվում է մեջբերումը:

Վեբ զննարկիչներից շատերը ավելացնում են որոշ հատվածներ (մոտ 5 տարածքներ) բլոկկոտի երկու կողմերին, որպեսզի դրանք առանձնացնեն շրջակա տեքստից: Որոշ ծայրահեղ հին բրաուզերները նույնիսկ կարող են մատնանշել մեջբերումը տառատեսակով:

Հիշեք, որ դա պարզապես պարզապես blockyote տարրի ստանդարտ ոճավորումը: CSS- ով դուք ունեք լիակատար վերահսկողություն, թե ինչպես է ձեր բլոկուքը ցուցադրվելու: Դուք կարող եք ավելացնել կամ նույնիսկ հեռացնել հորիզոնը, ավելացնել ֆոնային գույները կամ ավելացնել տեքստային չափը, հետագայում զանգահարելու համար: Դուք կարող եք բարձրանալ այդ մեջբերումը էջի մեկ կողմի վրա եւ մյուս տեքստը շրջապատել դրա շուրջ, որը տպագիր ամսագրերում գրավիչ տպագրության համար սովորաբար տեսողական ոճ է: Դուք վերահսկում եք blockquote- ի արտաքին տեսքը CSS- ով, ինչ-որ մի բան, որը մենք կքննարկենք մի փոքր ավելի շուտ: Այսուհետ, եկեք շարունակենք նայելով, թե ինչպես պետք է ավելացնել ձեր մեջ HTML ձեւաչափը:

Blockquote- ի տեքստը ձեր տեքստին ավելացնելու համար պարզապես շրջապատում է տեքստը, որը մեջբերում է հետեւյալ տիպի զույգով.

Օրինակ:

'Twas brillig եւ slithey toves

Արդյոք փարթամ ու քմծիծաղ արեց,

Բոլոր մռայլները բորոգովներն էին,

Եվ կախարդն անջատված է:

Ինչպես տեսնում եք, դուք պարզապես ավելացնում եք զտման թիրախների զույգը մեջբերման բովանդակության շուրջ: Այս օրինակում մենք նաեւ օգտագործեցինք որոշ կոտրված պիտակներ (
), տեքստի ներսում համապատասխան տողերի ընդգրկման համար: Դա այն պատճառով է, որ մենք ստեղծում ենք բանաստեղծություն, որտեղ այն հատուկ ընդմիջումներն են կարեւոր: Եթե ​​ձեր հաճախորդները ներկայացրին հաճախորդի վկայություն, ապա գծերը չպետք է կոտրել կոնկրետ մասերում, դուք չեք ցանկանում ավելացնել այս կոտրված պիտակները եւ թույլ տալ, որ զննարկիչը ինքնուրույն փաթեթավորի եւ կոտրի, անհրաժեշտության դեպքում `էկրանին:

Մի օգտագործեք Blockquote- ը տեքստի ընդմիջման համար

Տարիներ շարունակ մարդիկ օգտագործում էին blockquote պիտակը, եթե ցանկանում էին տեքստը անմիջապես հանել իրենց ինտերնետային էջում, նույնիսկ եթե այդ տեքստը գրավիչ չէր: Սա վատ պրակտիկա է: Դուք չեք ցանկանում օգտագործել թաղամասի իմաստաբանությունը միայն տեսողական պատճառներով: Եթե ​​ձեր տեքստը տեղադրեք, դուք պետք է օգտագործեք ոճաթերթեր, ոչ թե բլոկի տողերի պիտակները (եթե, իհարկե, ինչ եք փորձում անջատել, մեջբերումը): Փորձեք այս կոդն տեղադրել ձեր վեբ էջում, եթե դուք պարզապես փորձում եք անուղղակի ավելացնել:

Սա կլինի տեքստ, որն անջատված է:

Հաջորդը, դուք կստանաք այդ դասը CSS ոճով

{{
padding: 0 10px;
}

Սա լրացնում է 10 պիքսելների պարունակությունը պարբերության երկու կողմերին:

Իրական հոդվածը Ջենիֆեր Քրինինն է: Փոփոխված է Ջերեմի Գիրարդը, 5/8/17 թ .: