Տարբերությունը բլոկի և ներդիրի տարրերի միջև

2024 Հեղինակ: Alex Aldridge | [email protected]. Վերջին փոփոխված: 2023-12-17 13:41

Հիմնական տարբերություն – Արգելափակում ընդդեմ ներկառուցված տարրերի

HTML-ը նշանակում է Hyper Text Markup Language: Այն օգտագործվում է վեբ էջեր ստեղծելու համար։ Յուրաքանչյուր վեբ էջ կապված է այլ վեբ էջերի հետ՝ օգտագործելով հիպերհղումներ: Այս լեզուն բաղկացած է պիտակներից: Պիտակը փակված է անկյունային ամրացումների մեջ: Շարահյուսությունը նման է. Շատ թեգեր ունեն նաև փակման պիտակ: Երբ պիտակ է, փակման պիտակը. Որոշ պիտակներ չունեն փակման պիտակ: Նման պիտակների օրինակներ են՝

և

Դրանք հայտնի են որպես դատարկ պիտակներ: HTML տարրը HTML փաստաթղթի կամ վեբ էջի բաղադրիչն է այն բանից հետո, երբ այն վերլուծվել է Document Object Model (DOM) մեջ: DOM-ը ներքին ներկայացուցչություն է վեբ բրաուզերի ներսում: Այն ներկայացնում է յուրաքանչյուր փաստաթուղթ ծառի կառուցվածքում: Բրաուզերում ցուցադրվող տարրերը կարող են լինել կամ բլոկային տարր կամ ներկառուցված տարր: Բլոկի տարրերը ունեն ուղղանկյուն կառուցվածք: Ներքին տարրերը կարող են ներկառուցվել բլոկային տարրերի մեջ: Բլոկի և ներգծային տարրի հիմնական տարբերությունն այն է, որ բլոկի տարրերը զբաղեցնում են հասանելի ողջ լայնությունը, մինչդեռ ներկառուցված տարրերը վերցնում են անհրաժեշտ լայնությունը՝ տարրերի բովանդակությունը ցուցադրելու համար:

Ի՞նչ են արգելափակման տարրերը:

Արգելափակման տարրերը ստանում են հասանելի ողջ լայնությունը: Այդ տարրերը միշտ սկսվում են նոր տողով։ Բլոկի տարրերի որոշ օրինակներ հետևյալն են.

օգտագործվում է պարբերություն սահմանելու համար: օրինակ.

Սա պարբերություն է

. Գոյություն ունեն վեց պիտակներ՝ վերնագրերը սահմանելու համար: Նրանքեն

,

,

…

. Ծրագրավորողը կարող է համապատասխանաբար օգտագործել վերնագիրը։

Պատվիրված ցանկը սահմանվում է -ով

մինչդեռ չդասավորված ցուցակը սահմանվում է -ով

. Այն օգտագործվում է վեբ էջի վրա հորիզոնական գիծ ցուցադրելու համար:

օգտագործվում է տվյալների աղյուսակի ձևաչափով դասավորելու համար: Յուրաքանչյուր վեբ կայքի համար պահանջվում է տվյալներ հավաքել կայքի այցելուներից: HTML ձևերն օգտագործվում են օգտվողից տվյալներ ստանալու համար: Այն նաև բլոկի մակարդակի տարր է: Սրանք HTML-ում արգելափակման տարրերի մի քանի օրինակներ են:

Ի՞նչ են Inline Elements?

Ներդիր տարրերը վերցնում են միայն պահանջվող լայնությունը: Այդ տարրերը նոր տողով չեն սկսվում։ Ներքին տարրերի որոշ օրինակներ հետևյալն են. օգտագործվում է մի էջից մյուսը հղումներ ստեղծելու համար: Հիպերհղումները HTML-ի հիմնական տարրերից են:Այն կարող է պարունակել href հատկանիշը՝ նպատակակետին հղում ստեղծելու համար: օր. Այցելեք Google-ը: Թիրախային հատկանիշը դատարկ է: Այսպիսով, նոր փաստաթուղթը կբացվի նոր պատուհանում: Եթե թիրախ հատկանիշը «_self» է, ապա կապակցված փաստաթուղթը կբացվի նույն պատուհանում։

Նկար 01. Բլոկ և ներդիր տարրերի օրինակներ

-ն օգտագործվում է տեքստի հատվածը թավացնելու համար: Պիտակը պետք է տեքստը շեղ լինի: Վեբ էջը պետք է ներկայանալի լինի: Հետևաբար, ցանկացած վեբ էջ բաղկացած է բազմաթիվ պատկերներից:

օգտագործվում է էջում պատկեր ցուցադրելու համար: Այս պիտակը պահանջում է երկու հատկանիշ: Դրանք src և alt են։ «src»-ը նկարագրում է պատկերի գտնվելու վայրը, իսկ « alt»-ը նկարագրում է, թե ինչի մասին է պատկերը: օր.. Սրանք ներդիր տարրերի մի քանի օրինակներ են:

Ո՞րն է նմանությունը բլոկային և ներդիրային տարրերի միջև:

Block և inline տարրերը օգտագործվում են որպես HTML-ի կոնտեյներ:

Ո՞րն է տարբերությունը բլոկային և ներդիր տարրերի միջև:

Block vs Inline Elements
Բլոկի տարրերն այն տարրերն են, որոնք կտարածվեն մայր տարրի ողջ լայնությամբ և թույլ չեն տա, որ որևէ այլ տարր զբաղեցնի նույն հորիզոնական տարածքը, ինչ դրված է:	Ներդիր տարրերն այն տարրերն են, որոնք չեն կարող տեղադրվել անմիջապես մարմնի տարրի ներսում և որոնք գտնվում են բլոկի տարրերի մեջ:
Նոր տող
Արգելափակման տարրերը սկսվում են նոր տողով:	Ներքին տարրերը չեն սկսվում նոր տողով:
Պահանջվող տարածք
Բլոկի տարրերը վերցնում են ամբողջ լայնությունը:	Ներդիր տարրերը կունենան միայն պահանջվող լայնությունը:

Ամփոփում – Block vs Inline Elements

HTML-ը նշանակում է Hyper Text Markup լեզու: Այն պիտակներից բաղկացած լեզու է։ Յուրաքանչյուր պիտակ ունի որոշակի առաջադրանք և սահմանում է, թե ինչպես պետք է կառուցել վեբ էջը: Որոշ պիտակներ ունեն մեկնարկային և ավարտական պիտակ: Որոշ պիտակներ չունեն ավարտական պիտակ: Դրանք կոչվում են void tags: Վերլուծությունը շարահյուսության վերլուծության գործընթացն է: Վերլուծման քայլից հետո այս պիտակները դառնում են տարրեր: Տարրերը կարող են լինել բլոկի մակարդակի տարրեր կամ ներկառուցված տարրեր: Բլոկի և ներդիր տարրերի միջև տարբերությունն այն է, որ բլոկի տարրերը զբաղեցնում են հասանելի ողջ լայնությունը, մինչդեռ ներդիր տարրերը վերցնում են անհրաժեշտ լայնությունը՝ տարրերի բովանդակությունը ցուցադրելու համար:

Ներբեռնեք Block vs Inline Elements-ի PDF տարբերակը

Դուք կարող եք ներբեռնել այս հոդվածի PDF տարբերակը և օգտագործել այն անցանց նպատակներով՝ ըստ մեջբերումների: Խնդրում ենք ներբեռնել PDF տարբերակը այստեղ. Տարբերությունը բլոկի և ներկառուցված տարրերի միջև