Այս կոդը գրված է մեկտող.
html ներդիրի նիշ: HTML ձևաչափում. Որոշ հատուկ նիշերի օգտագործման դեպքեր, այդ թվում՝ չխախտվող տարածություն և փափուկ գծիկ
Ողջույն, բլոգի կայքի սիրելի ընթերցողներ: Նրանք, ում հետ գոնե մակերեսորեն հաջողվել է ծանոթանալ, հավանաբար, արդեն ի գիտություն են ընդունել, թեկուզ ընդհանուր առմամբ։ Սա նշանակում է, որ նրանք պատկերացում ունեն, թե ինչ HTML նշաններօգտագործվում է փաստաթղթի կոդում:
Այսօրվա հոդվածում մենք կփորձենք պարզել, թե ինչ է բացատը HTML-ում, որի դեպքում դուք կարող եք օգտագործել բացատ նիշեր հենց կոդը ձևաչափելիս՝ հեշտ ընկալման համար: Մենք կիմանանք, երբ անհրաժեշտ է օգտագործել չընդհատվող տարածություն, ինչպես նաև կծանոթանանք այլ հատուկ կերպարների (կամ, ինչպես կոչվում են նաև մնեմոնիկներ):
Իրականում, ես խորհուրդ կտայի չանտեսել տարբեր հատուկ նիշերի օգտագործման թեման, քանի որ սա կարևոր բաղադրիչ է հիպերտեքստի նշագրման լեզվի ուսումնասիրությունն ավարտելու համար: Ընդհանուր առմամբ, այս հրապարակման մեջ բերված տեղեկատվությունը հաստատ ավելորդ չի լինի։ Դե, հիմա կետին:
Բացատներ և բացատների նիշերը HTML-ում
Նախ անհրաժեշտ է մի կարևոր դիտողություն անել. Համակարգչի ստեղնաշարի վրա կան հատուկ ստեղներ, որոնք թույլ են տալիս իրականացնել տեքստի տարանջատում (այս մասին ավելին ստորև): Այնուամենայնիվ, միայն լայն բացատն է ապահովում բառերի միջև տարանջատում ոչ միայն խմբագրիչում, այլև դիտարկիչի պատուհանում: Կան նրբերանգներ, երբ գծերը փաթաթում են և եզրից նահանջում:
Ինչպես գիտեք, որոշ տարրերի ցուցադրումը վեբ բրաուզերում որոշվում է պիտակներով: Տեքստի ձևաչափման համար օգտագործվում է հայտնի , որը հիմնված է բլոկների վրա: Այսինքն, դրա բովանդակությունը գտնվում է ողջ հասանելի լայնությամբ:
Դեպի փաթաթել տողերը պարբերության ներսում Պ, դուք պետք է օգտագործեք մեկ BR թեգ, որով դա կարելի է անել։ Ենթադրենք, մենք պետք է տեքստի մեջ մտցնենք բանաստեղծության մի քանի տող, որում գրում ենք տեքստային խմբագիր:
Չնայած այն հանգամանքին, որ հատվածի տողերը ճիշտ են տեղակայված և գծիկները պատրաստված են ճիշտ տեղերում, զննարկիչում ամեն ինչ այլ կերպ կթվա.
Վեբ զննարկչի պատուհանում նույն ցուցադրումը ստանալու համար դուք պետք է գրեք BR յուրաքանչյուր տողի ընդմիջման ժամանակ.
Այժմ մենք հասել ենք առաջադրանքին, և բրաուզերում բանաստեղծական տողերը կցուցադրվեն բավականին ճիշտ.
Այսպիսով, անհրաժեշտ գծերի ընդմիջումները ավարտված են: Այստեղ անհրաժեշտ է նշել նաև այնպիսի հատկանիշ, որ մեկը մյուսի հետևից մի քանի տարածություններ վեբ բրաուզերի կողմից ցուցադրվում են որպես մեկը։ Դուք կարող եք դա հաստատել, եթե նույն խմբագրում փորձեք տեղադրել ոչ թե մեկ, այլ մի քանի բացատ երկու բառերի միջև և սեղմելով «Պահպանել» կոճակը, դիտեք արդյունքը բրաուզերում:
Բացատ, ներդիր և տող ընդմիջում
Հիմնականում սրանց հետ բացատ նիշերմենք ծանոթանում ենք, հենց որ սկսում ենք խմբագրում տեքստի հետ աշխատել և այն ճիշտ ձևակերպում։ Նման առաջադրանքն իրականացնելու համար կան հատուկ ստեղներ, որոնցից յուրաքանչյուրը համապատասխանում է իր սեփական տիեզերական բնույթին.
- Space - համակարգչային ստեղնաշարի ամենալայն ստեղնը (առանց մակագրության);
- Աղյուսակավորում - ձախ կողմում գտնվող բանալին «Tab» մակագրությամբ և երկու սլաքներով, որոնք ուղղված են տարբեր ուղղություններով;
- Գծի ընդմիջում - «Մուտքագրեք» ստեղնը:
Այնուամենայնիվ, ինչպես ասացի վերևում, մենք ստանում ենք վերջնական ցանկալի արդյունք ոչ միայն տեքստային խմբագրիչում, այլ նաև բրաուզերում, միայն առաջին բանալին օգտագործելու դեպքում: Բոլոր երեք ստեղները (ներառյալ ներդիրը և տողերի ընդմիջումը) օգտակար են HTML կոդը ֆորմատավորելիս: Ենթադրենք, որ կոդի մի հատվածը այսպիսի տեսք ունի NotePad ++-ում (բացատրական նյութ այս խմբագրի մասին), երբ ցուցադրվում են բոլոր բացատ նիշերը.
Մենք ստանում ենք կոդ, որը հեշտ է կարդալ և հասկանալ բացատների շնորհիվ: Նարնջագույն սլաքները նշում են Tab ստեղնով ստեղծված նահանջները, իսկ CR և LF նիշերը նշում են Enter ստեղնով արված տողերի ընդմիջումները։
Ներդրված բեռնարկղերը դիտվում են, բացման և փակման պիտակները լավ են առանձնանում: Այս ձևով տրված կոդըկարելի է հեշտությամբ խմբագրել: Այժմ համեմատեք այն նույն կոդի հետ, որը չունի նման տեքստային տարանջատում.
Նույն կերպ, օգտագործելով բացատ նիշերը, կարող եք գրել և css կանոնները, որը տեսողականորեն հասկանալի և մարսելի տեսք կունենա.
Բոլոր ոճերը ընդհանուր հայտարարի բերելուց և ոճի ֆայլի խմբագրումն ամբողջությամբ ավարտելուց հետո կարող եք այն ենթարկել՝ հեռացնելով ծածկագրից բոլոր բացատները: Սա անհրաժեշտ է ավելացնելու համար, ինչը շատ կարևոր է ռեսուրսի առաջխաղացման ժամանակ:
Հատուկ նիշեր (կամ մնեմոնիկներ) HTML կոդի մեջ
Հիմա նայենք այն դեպքերին, երբ անհրաժեշտ է օգտագործել այն հատուկ նիշերը, որոնք ես նշեցի հոդվածի սկզբում։ HTML-ի հատուկ նիշերը, որոնք երբեմն կոչվում են մնեմոնիկա, ներդրվել են հիպերտեքստի նշագրման լեզվում կոդավորման երկարամյա խնդիր լուծելու համար:
Երբ ստեղնաշարի վրա մուտքագրում եք տեքստ, ձեր օգտագործած լեզվի նիշերը կոդավորված են: Վեբ զննարկիչում մուտքագրված տեքստը կարտացոլվի ձեր ընտրած տառատեսակներով՝ հակադարձ ապակոդավորման գործողության արդյունքում:
Փաստն այն է, որ նման կոդավորումները շատ են, հիմա դրանք մանրամասն վերլուծելու նպատակ չունենք։ Պարզապես նրանցից յուրաքանչյուրին կարող են պակասել որոշակի կերպարներ, որոնք, սակայն, պետք է ցուցադրվեն։ Ենթադրենք, դուք ցանկանում եք գրել առանձին մեջբերումներ կամ շեշտադրման նշան, և այս պատկերակները բացակայում են հավաքածուում:
Այս խնդիրը վերացնելու համար ներդրվել է հատուկ նիշերի համակարգ, որն իր մեջ ներառում է հսկայական թվով տարբեր մնեմոնիկներ։ Դրանք բոլորը սկսվում են «&» նշանով և սովորաբար ավարտվում են «;» ստորակետով: Սկզբում յուրաքանչյուր հատուկ նիշ ուներ իր թվային կոդը: Օրինակ, չխզվող տարածության համար, որը մենք ավելի մանրամասն կքննարկենք ստորև, ճիշտ կլինի հետևյալ գրառումը.
Բայց որոշ ժամանակ անց ամենատարածված խորհրդանիշներին նշանակվեցին բառացի գործընկերներ (մնեմոնիկներ)՝ դրանք ավելի հեշտ հիշելու համար: Ենթադրենք, նույն չընդհատվող տարածության համար այն ունի հետևյալ տեսքը.
Արդյունքում զննարկիչը ցուցադրում է համապատասխան նիշը: Մնեմոնիկների ցանկը շատ ծավալուն է, HTML-ում առավել հաճախ օգտագործվող հատուկ նիշերըկարող եք գտնել հետևյալ աղյուսակից.
| խորհրդանիշ | կոդը | մնեմոնիկա | նկարագրությունը |
|---|---|---|---|
| չկոտրվող տարածություն | |||
| նեղ տարածություն (n տառի լայնությամբ) | |||
| լայն տարածություն (em-լայնությունը մինչև m տառը) | |||
| – | - | – | em dash (en-dash) |
| - | — | — | em dash (em-dash) |
| | - | | փափուկ փոխանցում |
| ա | ́ | ակցենտ՝ դրված «շոկ» տառից հետո | |
| © | © | հեղինակային իրավունք | |
| ® | ® | ® | գրանցված ապրանքային նշանը |
| ™ | ™ | ™ | ապրանքային նշանի նշան |
| º | º | º | մարսի նիզակ |
| ª | ª | ª | Վեներայի հայելին |
| ‰ | ‰ | ‰ | ppm |
| Նոր Ռոման,serif;">պ | π | π | pi (օգտագործել Times New Roman) |
| ¦ | ¦ | ¦ | ուղղահայաց կետավոր գիծ |
| § | § | § | պարբերություն |
| ° | ° | ° | աստիճան |
| µ | µ | µ | միկրո նշան |
| ¶ | ¶ | ¶ | պարբերության նշան |
| … | … | … | էլիպսիս |
| ‾ | ‾ | ‾ | overlining |
| ´ | ´ | ´ | շեշտադրման նշան |
| № | № | թվանշան | |
| 🔍 | 🔍 | Խոշորացույց (ձախ թեքված) | |
| 🔎 | 🔎 | Խոշորացույց (թեքված դեպի աջ) | |
| թվաբանական և մաթեմատիկական գործողությունների նշաններ | |||
| × | × | × | բազմապատկել |
| ÷ | ÷ | ÷ | բաժանել |
| < | < | ավելի քիչ | |
| > | > | > | ավելին |
| ± | ± | ± | գումարած/մինուս |
| ¹ | ¹ | ¹ | աստիճան 1 |
| ² | ² | ² | աստիճան 2 |
| ³ | ³ | ³ | աստիճան 3 |
| ¬ | ¬ | ¬ | ժխտում |
| ¼ | ¼ | ¼ | մեկ քառորդ |
| ½ | ½ | ½ | կես |
| ¾ | ¾ | ¾ | երեք քառորդ |
| ⁄ | ⁄ | ⁄ | կոտորակային բար |
| − | − | − | մինուս |
| ≤ | ≤ | ≤ | պակաս կամ հավասար |
| ≥ | ≥ | ≥ | ավելի կամ հավասար |
| ≈ | ≈ | ≈ | մոտավորապես (գրեթե) հավասար |
| ≠ | ≠ | ≠ | ոչ հավասար |
| ≡ | ≡ | ≡ | նույնությամբ |
| √ | √ | √ | քառակուսի արմատ (արմատական) |
| ∞ | ∞ | ∞ | անսահմանություն |
| ∑ | ∑ | ∑ | գումարման նշան |
| ∏ | ∏ | ∏ | ապրանքի նշան |
| ∂ | ∂ | ∂ | մասնակի դիֆերենցիալ |
| ∫ | ∫ | ∫ | անբաժանելի |
| ∀ | ∀ | ∀ | բոլորի համար (տեսանելի է միայն թավերի դեպքում) |
| ∃ | ∃ | ∃ | գոյություն ունի |
| ∅ | ∅ | ∅ | դատարկ հավաքածու |
| Ø | Ø | Ø | տրամագիծը |
| ∈ | ∈ | ∈ | պատկանում է |
| ∉ | ∉ | ∉ | չեն պատկանում |
| ∋ | ∋ | ∗ | պարունակում է |
| ⊂ | ⊂ | ⊂ | ենթաբազմություն է |
| ⊃ | ⊃ | ⊃ | սուպերսեթ է |
| ⊄ | ⊄ | ⊄ | ենթաբազմություն չէ |
| ⊆ | ⊆ | ⊆ | կամի ենթաբազմություն է |
| ⊇ | ⊇ | ⊇ | գերբազմություն է կամ հավասար |
| ⊕ | ⊕ | ⊕ | գումարած շրջանագծի մեջ |
| ⊗ | ⊗ | ⊗ | բազմապատկման նշան շրջանագծի մեջ |
| ⊥ | ⊥ | ⊥ | ուղղահայաց |
| ∠ | ∠ | ∠ | անկյուն |
| ∧ | ∧ | ∧ | տրամաբանական ԵՎ |
| ∨ | ∨ | ∨ | տրամաբանական ԿԱՄ |
| ∩ | ∩ | ∩ | խաչմերուկ |
| ∪ | ∪ | ∪ | մի ասոցիացիա |
| արժույթի նշաններ | |||
| € | € | € | եվրո |
| ¢ | ¢ | ¢ | ցենտ |
| £ | £ | £ | Լբ |
| ¤ | ¤t; | ¤ | Արժույթի նշան |
| ¥ | ¥ | ¥ | Յենի և յուանի նշան |
| ƒ | ƒ | ƒ | Ֆլորին նշան |
| մարկերներ | |||
| . | պարզ մարկեր | ||
| ○ | ○ | շրջան | |
| · | · | · | միջին կետ |
| † | † | Խաչ | |
| ‡ | ‡ | կրկնակի խաչ | |
| ♠ | ♠ | ♠ | գագաթները |
| ♣ | ♣ | ♣ | ակումբներ |
| սրտեր | |||
| ♦ | ♦ | ♦ | ադամանդներ |
| ◊ | ◊ | ◊ | ռոմբուս |
| ✏ | ✏ | մատիտ | |
| ✎ | ✎ | մատիտ | |
| ✐ | ✐ | մատիտ | |
| ✍ | ✍ | ձեռքը | |
| մեջբերումներ | |||
| " | " | " | կրկնակի մեջբերում |
| & | & | & | ամպերսանդ |
| « | « | « | ձախ տպագրական չակերտ (եղլնաձլ չակերտ) |
| » | » | » | ճիշտ տպագրական չակերտ (եղլնաձլ չակերտ) |
| ‹ | ‹ | մեկ անկյան մեջբերումի բացում | |
| › | › | մեկ անկյունային մեջբերում փակում | |
| ′ | ′ | ′ | կաթված (րոպե, ոտքեր) |
| ″ | ″ | ″ | կրկնակի հարված (վայրկյան, դյույմ) |
| ‘ | ‘ | ‘ | վերևի ձախ մեկ մեջբերում |
| ’ | ’ | ’ | վերին աջ մեկ մեջբերում |
| ‚ | ‚ | ‚ | աջ ներքևի մեկ մեջբերում |
| “ | “ | “ | չակերտ-ոտք ձախ |
| ” | ” | ” | չակերտ-ոտքի վերին աջ |
| „ | „ | „ | չակերտ-ոտք ներքևի աջ |
| ❛ | ❛ | մեկ անգլերեն չակերտի բացում | |
| ❜ | ❜ | մեկ անգլերեն չակերտի փակում | |
| ❝ | ❝ | կրկնակի անգլերեն չակերտի բացում | |
| ❞ | ❞ | կրկնակի անգլերեն չակերտի փակում | |
| նետերը | |||
| ← | ← | ← | ձախ սլաք |
| սլաքը դեպի վեր | |||
| → | → | → | աջ սլաք |
| ↓ | ↓ | ↓ | սլաք դեպի ներքև |
| ↔ | ↔ | ↔ | սլաք ձախ և աջ |
| ↕ | ↕ | վերև վար սլաք | |
| ↵ | ↵ | ↵ | վագոնի վերադարձ |
| ⇐ | ⇐ | ⇐ | կրկնակի ձախ սլաք |
| ⇑ | ⇑ | ⇑ | կրկնակի վեր սլաք |
| ⇒ | ⇒ | ⇒ | կրկնակի աջ սլաք |
| ⇓ | ⇓ | ⇓ | կրկնակի ներքև սլաք |
| ⇔ | ⇔ | ⇔ | կրկնակի սլաք ձախ և աջ |
| ⇕ | ⇕ | կրկնակի սլաք վեր ու վար | |
| ▲ | ▲ | եռանկյուն վեր սլաք | |
| ▼ | ▼ | եռանկյուն ներքև սլաք | |
| եռանկյուն աջ սլաք | |||
| ◄ | ◄ | եռանկյունաձև ձախ սլաք | |
| աստղեր, ձյան փաթիլներ | |||
| ☃ | ☃ | Ձնեմարդ | |
| ❄ | ❄ | Ձյան փաթիլ | |
| ❅ | ❅ | Ձյան փաթիլ՝ մատնված շամռիկների կողմից | |
| ❆ | ❆ | Ճարպ սուր անկյունաձեւ ձյան փաթիլ | |
| ★ | ★ | ստվերված աստղ | |
| ☆ | ☆ | չստվերված աստղ | |
| ✪ | ✪ | Չլցված աստղ՝ լցված շրջանի մեջ | |
| ✫ | ✫ | Լցված աստղ՝ ներսում չլցված շրջանով | |
| ✯ | ✯ | պտտվող աստղ | |
| ⚝ | ⚝ | Նկարված սպիտակ աստղ | |
| ⚪ | ⚪ | Միջին չլցված շրջան | |
| ⚫ | ⚫ | Միջին լցված շրջանակ | |
| ⚹ | ⚹ | Սեքստիլ (ձյան փաթիլի տեսակ) | |
| ✵ | ✵ | Ութաթև պտտվող աստղ | |
| ❉ | ❉ | Աստղանիշ գնդաձեւ վերջավորություններով | |
| ❋ | ❋ | Համարձակ ութաթև կաթիլաձև պտուտակի աստղ | |
| ✺ | ✺ | Տասնվեցական աստղանիշ | |
| ✹ | ✹ | Տասներկութև լցված աստղ | |
| ✸ | ✸ | Համարձակ ութաթև ուղղագիծ ստվերավորված աստղ | |
| ✶ | ✶ | վեցաթև լցված աստղ | |
| ✷ | ✷ | Ութաթև ուղղագիծ ստվերավորված աստղ | |
| ✴ | ✴ | Ութաթև ստվերավորված աստղ | |
| ✳ | ✳ | ութաթև աստղանիշ | |
| ✲ | ✲ | Դատարկ կենտրոնով աստղանիշ | |
| ✱ | ✱ | հաստ աստղ | |
| ✧ | ✧ | Սլաք չորսթև չստվերված աստղ | |
| ✦ | ✦ | Ուղղաձիգ քառաթև ստվերավորված աստղ | |
| ⍟ | ⍟ | աստղը շրջանագծի մեջ | |
| ⊛ | ⊛ | Ձյան փաթիլը շրջանագծի մեջ | |
| ժամացույց, ժամանակ | |||
| ⏰ | ⏰ | Դիտեք | |
| ⌚ | ⌚ | Դիտեք | |
| ⌛ | ⌛ | ավազի ժամացույց | |
| ⏳ | ⏳ | ավազի ժամացույց | |
Որոշ հատուկ նիշերի օգտագործման դեպքեր, այդ թվում՝ չխախտվող տարածություն և փափուկ գծիկ
Եթե արդեն մի փոքր ուսումնասիրել եք աղյուսակը, ապա ստացել եք վերևում ասածս բառերի հաստատում, որ բոլոր հատուկ նիշերը ցուցադրելու համար օգտագործվում է թվային ծածկագիր () կամ դրա այբբենական անալոգը (նիշերի մնեմոնիկ), որտեղ գրված են տառերը () վանդակաճաղերի և թվերի համակցության փոխարեն:
Հիմա տեսնենք, թե երբ է անհրաժեշտ կիրառել այս կոդերը։ Ենթադրենք, հոդվածում դուք պետք է նշեք որոշ HTML թեգ տեղեկատվական նպատակներով, օրինակ.
Այսպիսով, նույն սեղանից HTML հատուկ նիշերմենք վերցնում ենք համապատասխան ծածկագրերը, և ամբողջ մուտքն այսպիսի տեսք կունենա.
Բացի այդ, զննարկիչում ցուցադրելու համար ոչ թե ամպերսանդը, այլ դրա նշանակումը ձեւը , դուք պետք է ավելացնեք դրա կոդը աղյուսակից.
ստորագիր
Այնուհետև զննարկիչը կցուցադրի հենց մնեմոնիկայի մուտքը, որը պետք է կիրառվի FOOTER պիտակը ցուցադրելու համար: Մի փոքր շփոթեցնող է, բայց այս էջում դուք կարող եք կիրառել այս ասպեկտը՝ մուտքագրելով համապատասխան նիշերի մնեմոնիկները «HTML» դաշտում և օգտագործելով «Run» կոճակը, իսկ «Արդյունք» տարածքում՝ ստանալով դրանց ցուցադրման արդյունքը: զննարկիչը:
Խնդրում ենք նկատի ունենալ, որ ես տրամադրել եմ տեքստի փաթեթավորում՝ օգտագործելով արդեն նշված BR պիտակը, որպեսզի նիշերն իրենք ցուցադրվեն ոչ թե մեկ տողում, այլ սյունակում՝ հարմարության համար:
Առաջ շարժվել. Երբեմն տեքստում կան համակցություններ, որոնք անցանկալի է տարանջատել տարբեր տողերի։ Եկեք ասենք «1000 ռուբլի»: տրամաբանական կլինի, թե կշարունակվի վերին գիծ, կամ եթե բավարար տարածք չկա, տեղափոխեք ամբողջ շինարարությունը ներքևում գտնվող մեկ տողով:
Սա հատկապես ճիշտ է, եթե օգտվողներն օգտագործում են էկրանի տարբեր լայնություններ ունեցող սարքեր, ներառյալ շարժական սարքերը: Իրոք, այս դեպքում վեբ բրաուզերը ձևավորում է տեքստը՝ հարմարվելով նոր պայմաններին։ Եվ եթե ժամը ստանդարտ չափսերմոնիտորի տեքստը ճիշտ է թվում, այնուհետև դրանք փոխելը կարող է փոխել ամեն ինչ:
Այս դեպքերի համար կա չխախտող տարածության HTMLորը ես արդեն նշեցի. Հիշեցնեմ, որ այս դեպքում տիեզերական ծածկագիրը հետևյալն է.
Եվ այն պետք է տեղադրվի նիշերի երկու խմբերի միջև, որոնք ցանկանում եք կապել.
1000 ռուբ.
Այժմ զննարկիչը երբեք չի առանձնացնի դրանք, նույնիսկ եթե այն ճիշտ ցուցադրելու համար անհրաժեշտ է տեքստի ձևաչափում:
Կա նաև մի իրավիճակ, երբ շատ երկար բառը չի տեղավորվում ազատ տարածության մեջ և պետք է փոխանցել դրա մի մասը։ Ինչպե՞ս, անհրաժեշտության դեպքում, այս դեպքում կանխորոշել գծի ընդմիջում: Դրա համար կա փափուկ գծիկ հատուկ բնույթ-, որը պետք է տեղադրվի այն վայրում, որտեղ պետք է կոտրել բառը.
longlonglonglonglongword
Եթե իրավիճակ է ստեղծվում, երբ բառը պետք է գծիկով գրվի, ապա փափուկ գծիկ mnemonic-ի տեղում առաջանում է բաց, որտեղ կհայտնվի գծիկ (գծիկ), իսկ մնացածը. տրված խոսքկլինի հաջորդ տողից ցածր:
Այնուամենայնիվ, կրկին, օգտակար կլինի հետևել այս ամբողջին, ներառյալ անքակտելի և փափուկ փոխանցման օրինակները, գործնականում ձեր սեփական աչքերով.
Այս խմբագրի պատուհանում կարող եք փոխել «Արդյունք» դիտման դաշտի չափը՝ մկնիկի ձախ կոճակով բռնելով այս տարածքի եզրը և առանց այն բաց թողնելու, քաշեք այն դեպի ձախ՝ լայնությունը նվազեցնելու համար։ Այնուհետև կա իրական իրավիճակ, երբ բրաուզերը սկսում է վերաֆորմատավորել բովանդակությունը՝ այն ճիշտ ցուցադրելու համար։
Իսկ փոխանցումն իրականացվում է, ինչը նախատեսված էր իմ նկարագրած օրինակներով։ Այնուամենայնիվ, դուք ինքներդ կարող եք տեղափոխել դիտման պատուհանը, ընդլայնելով կամ նեղացնելով այն և տեսողականորեն ստուգել դա:
ՆշելՊիտակը նշում է ներդիրի նիշը տեքստում: Դա նույնն է, ինչ օգտագործել /t փախուստի հաջորդականությունը։
1 2 3\t\t\t4
Ցուցադրված է:
1 2 3 4
Հեռավորությունը, որով տողը կփոխվի, երբ դրա մեջ ներդիրի նիշ մուտքագրվի, կարող է կամայականորեն սահմանվել: Դա արվում է պիտակի TABSTOPS հատկանիշով:
Թեգը ստանդարտ HTML թեգ չէ: Այն ավելացվել է Flash նշագրման պիտակներին, որպեսզի տեքստի ձևաչափումը հնարավոր լինի կատարել հետևողական ձևով:
Նշել...
Պիտակը պատասխանատու է տեքստի ձևաչափման բնութագրերի համար, ինչպիսիք են լուսանցքները, նահանջները և տողերի ընդմիջումները: Դրանում կարող են սահմանվել հետևյալ հատկանիշները.
ՁԱԽ ՄԱՐԳԻՆ. Ձախ եզրի չափը միավորներով: Անալոգը TextFormat դասի ձախ լուսանցքի հատկությունն է:
ԱՋԱԿԱՆ ՄԱՐԳԻՆ. Աջ լուսանցքի արժեքը կետերով Անալոգը TextFormat դասի աջ լուսանցքի հատկությունն է:
ՄԻՋՈՑ. Պարբերության առաջին տողի նահանջը՝ կետերով. TextFormat դասի հատկությունների շարքում indent հատկությունը նման է դրան։
BLOCKINDENT.
Տեքստային պարբերության ձախ նահանջը կետերով: Անալոգային - սեփականություն blockIndent
TextFormat դաս.
ԱՌԱՋԱՏԱՐ. Գծերի միջև հեռավորությունը կետերով: TextFormat դասի նմանատիպ հատկությունը առաջատար է:
TABSTOPS. Հատկանիշը նշում է, թե հաջորդականության յուրաքանչյուր ներդիրի նիշը ինչ գծերի շեղում կառաջացնի: Դրա արժեքը թվերի ցանկն է, որոնք պարունակում են այն հեռավորությունները, որոնցով տողը կտեղափոխվի պատուհան, եթե անընդմեջ մուտքագրվեն 1, 2, 3, ... n ներդիրի նիշերը: TABSTOPS հատկանիշի անալոգը TextFormat դասի tabStops հատկությունն է։
0 մեկ ներդիր > Երկու ներդիր >
pole.html=pole.border=pole.multiline=true;
field.htmlText="
ԵՐԵՔ ԹԱԲԱՐ>
Թեգը ստանդարտ HTML թեգ չէ: Այն ներկայացվել է այնպես, որ պիտակների միջոցով տեքստը նշելու հնարավորությունները նման են Text Format դասի հատկությունների օգտագործմանը։
Նշել...
Նշել նախատեսված է դասը կիրառելու համար css ոճըկամայական տեքստի հատվածի հետ կապված:
Դասի անունը նշված է իր CLASS հատկանիշում:
This.createTextField("pole", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Ստեղծեք երեք դասի ոճեր, որոնք սահմանում են կարմիր, կանաչ և կապույտ տեքստը
var style:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".GREEN (գույն:#00FF00)";
var red_text:String = ".ԿԱՐՄԻՐ (գույն:#FF0000)";
var blue_text:String = ".ԿԱՊՈՒՅՏ (գույն:#0000FF)";
style.parseCSS (green_text+red_text+blue_text);
pole.styleSheet=style;
// Ցուցադրել տեքստը ստեղծված ոճերով
field.text=" 3 կանաչ տեքստ
կարմիր տեքստ
Կապույտ տեքստ »;
Ողջույն, բլոգի կայքի հարգելի ընթերցողներ: Մի փոքր ավելի վաղ, մենք արդեն հասցրել ենք խոսել այն մասին, թե ինչպես ենք մենք նաև իմացել դրա դիզայնի մասին: Այսօր մենք հերթով ունենք HTML-ում բացթողման հայեցակարգը, ինչպես նաև դրա հետ կապված կոդի ձևաչափումը այն գրելիս (դրա հետագա ընթերցման և ընկալման հարմարության համար):
Դե, քանի որ մենք կանդրադառնանք անխափան տարածության և փափուկ գծագրերի թեմային, մենք ստիպված կլինենք մեր ուշադրությունը կենտրոնացնել Html լեզվով օգտագործվող այսպես կոչված հատուկ նիշերի կամ մնեմոնիկայի վրա, որոնք թույլ կտան ավելացնել. վեբ փաստաթղթի կոդի շատ լրացուցիչ նիշեր, ինչպես արդեն վերը նշվածը: Բայց առաջին հերթին առաջինը:
Բացատներ և բացատների նիշերը Html լեզվով
Նախքան հատուկ դրա համար նախատեսված թեգերի (պարբերություն, վերնագրեր և այլն) միջոցով տեքստի ձևաչափման խնդրին անցնելը, ես ուզում եմ անդրադառնալ այն պահի վրա, թե ինչպես են բացատները, տողերի ընդմիջումները (Enter) և աղյուսակները մեկնաբանվում HTML լեզվով։ , թե ինչպես է տարանջատումը կատարվում բրաուզերի պատուհանում տեքստը չափափոխելիս:
Ճիշտ է, այս տեսակի վիզուալ ձևաչափման համար (որը տեսանելի չի լինի վեբ էջում), ամենից հաճախ նրանք օգտագործում են ոչ թե իրենք բացատները, այլ աղյուսակավորումը և տողերի ընդմիջման նիշերը: Նման կանոն կա՝ երբ սկսում ես գրել բնադրված html պիտակ, ապա նահանջ ներդիրով(Tab ստեղնը ստեղնաշարի վրա), և երբ փակում եք այս պիտակը, հեռացրեք նահանջը (Shift + Tab ստեղնաշարի համադրություն ստեղնաշարի վրա):
Դուք պետք է դա անեք այնպես, որ բացման և փակման պիտակները լինեն նույն ուղղահայաց մակարդակի վրա (նույն թվով ներդիրներ ձեր Html խմբագրիչի էջի աջ եզրից, օրինակ՝ Notepad ++, որը ես գրել եմ. մասին). Բացի այդ, խորհուրդ եմ տալիս բացվող տարրը գրելուց անմիջապես հետո մի քանի տող ընդմիջում կատարել և փակող տարրը անմիջապես գրել նույն մակարդակի վրա (ներդիրների քանակը), որպեսզի չմոռանաք դա անել ավելի ուշ։
Նրանք. բացման և փակման տարրերը պետք է լինեն ուղղահայաց նույն մակարդակի վրա, և մենք տեղափոխում ենք ներքին պիտակները մեկ ներդիրով և տեղադրում փակման և բացման տարրերը կրկին նույն մակարդակի վրա:
Պարզ վեբ փաստաթղթերի համար սա կարող է թվալ չափազանցված, բայց քիչ թե շատ բարդ փաստաթղթեր ստեղծելիս՝ դրանք կոդը շատ ավելի պարզ կլինիև ընթեռնելի բացատների առատության շնորհիվ, ինչպես նաև շատ ավելի հեշտ կլինի դրանում սխալներ նկատել պիտակների սիմետրիկ դասավորության պատճառով:
Հատուկ նիշեր կամ մնեմոնիկա Html կոդում
Այսպիսով, հիմա եկեք խոսենք այսպես կոչված հատուկ նիշերի մասին, որոնց պիտանիության մասին ես հայտարարեցի այս հոդվածի սկզբում: Հատուկ նիշերը երբեմն կոչվում են նաև մնեմոնիկա կամ փոխարինումներ: Դրանք նախատեսված են լուծելու հիպերտեքստի նշագրման լեզվում երկար ժամանակ առաջացած խնդիրը՝ կապված օգտագործվող կոդավորումների հետ։
Երբ ստեղնաշարից մուտքագրում եք տեքստ, ձեր լեզվի նիշերը նախապես կոդավորված են հաստատված ալգորիթմ, և այնուհետև դրանք ցուցադրվում են կայքում՝ օգտագործելով ձեր օգտագործած տառատեսակները (որտեղ գտնել և ինչպես տեղադրել կայքի համար) վերծանման պատճառով։
Կան բազմաթիվ կոդավորումներ, սակայն Html լեզվի համար լռելյայն ընդունվել է կոդավորման ընդլայնված տարբերակը։
Տեքստի այս կոդավորման մեջ հնարավոր եղավ գրել ընդամենը 256 նիշ՝ 128-ը ASCII-ից և ևս 128-ը՝ ռուսաց լեզվի տառերի համար: Արդյունքում, խնդիրներ առաջացավ կայքերում օգտագործելու նիշերի, որոնք ներառված չեն ASCII-ում և ռուսերեն նիշեր չեն, որոնք Windows 1251 (CP1251) կոդավորման մաս են կազմում: Դե, դուք ձեր գլխում վերցրեցիք, որ օգտագործեք tilde կամ apostroph, բայց Html լեզվի կողմից օգտագործվող կոդավորումն ի սկզբանե նման հնարավորություններ չունի:
Հենց նման դեպքերի համար են հորինվել փոխարինումներ կամ, այլ կերպ ասած, մնեմոնիկա։ Ի սկզբանե հատուկ կերպարներ ուներ թվային տեսքգրառումներ, բայց հետո դրանցից ամենատարածվածների համար ավելացվել են այբբենական նմանակները՝ դրանք հիշելու համար։
Ընդհանուր առմամբ, մնեմոնիկը այն կերպարն է, որը սկսվում է «&» նշանով և ավարտվում «;» կետով: Հենց այս հիմքով բրաուզերը, Html կոդը վերլուծելիս, դրանից հատուկ նիշեր է հանում։ Թվային փոխարինման կոդի ամպերսանդին պետք է անմիջապես հաջորդի «#» ֆունտի նշանը, որը երբեմն կոչվում է հեշ: Եվ միայն դրանից հետո հետևում է Յունիկոդի կոդավորման ցանկալի նիշի թվային կոդը:
Unicode-ում կարելի է գրել ավելի քան 60000 նիշ. գլխավորն այն է, որ ձեզ անհրաժեշտ մնեմոնիկ սիմվոլը աջակցվում է ձեր կայքում օգտագործվող տառատեսակով: Կան տառատեսակներ, որոնք աջակցում են Յունիկոդի գրեթե բոլոր նիշերը, և կան տարբերակներ միայն որոշակի նիշերով:
Հատուկ կերպարների ամբողջական ցանկը պարզապես հսկայական կլինի, բայց առավել հաճախ օգտագործվող մնեմոնիկաԴուք կարող եք վերցնել, օրինակ, այս աղյուսակից.
| Խորհրդանիշ | Html կոդը | Տասնորդական կոդը | Նկարագրություն |
|---|---|---|---|
| չկոտրվող տարածություն | |||
| նեղ տարածություն (n տառի լայնությամբ) | |||
| լայն տարածություն (em-լայնությունը մինչև m տառը) | |||
| – | - | – | em dash (en-dash) |
| - | — | — | em dash (em-dash) |
| | - | | փափուկ փոխանցում |
| ա | ́ | ակցենտ՝ դրված «շոկ» տառից հետո | |
| © | © | հեղինակային իրավունք | |
| ® | ® | ® | գրանցված ապրանքային նշանը |
| ™ | ™ | ™ | ապրանքային նշանի նշան |
| º | º | º | մարսի նիզակ |
| ª | ª | ª | Վեներայի հայելին |
| ‰ | ‰ | ‰ | ppm |
| π | π | π | pi (օգտագործել Times New Roman) |
| ¦ | ¦ | ¦ | ուղղահայաց կետավոր գիծ |
| § | § | § | պարբերություն |
| ° | ° | ° | աստիճան |
| µ | µ | µ | միկրո նշան |
| ¶ | ¶ | ¶ | պարբերության նշան |
| … | … | … | էլիպսիս |
| ‾ | ‾ | ‾ | overlining |
| ´ | ´ | ´ | շեշտադրման նշան |
| № | № | թվանշան | |
| 🔍 | 🔍 | Խոշորացույց (ձախ թեքված) | |
| 🔎 | 🔎 | Խոշորացույց (թեքված դեպի աջ) | |
| թվաբանական և մաթեմատիկական գործողությունների նշաններ | |||
| × | × | × | բազմապատկել |
| ÷ | ÷ | ÷ | բաժանել |
| < | < | ավելի քիչ | |
| > | > | > | ավելին |
| ± | ± | ± | գումարած/մինուս |
| ¹ | ¹ | ¹ | աստիճան 1 |
| ² | ² | ² | աստիճան 2 |
| ³ | ³ | ³ | աստիճան 3 |
| ¬ | ¬ | ¬ | ժխտում |
| ¼ | ¼ | ¼ | մեկ քառորդ |
| ½ | ½ | ½ | կես |
| ¾ | ¾ | ¾ | երեք քառորդ |
| ⁄ | ⁄ | ⁄ | կոտորակային բար |
| − | − | − | մինուս |
| ≤ | ≤ | ≤ | պակաս կամ հավասար |
| ≥ | ≥ | ≥ | ավելի կամ հավասար |
| ≈ | ≈ | ≈ | մոտավորապես (գրեթե) հավասար |
| ≠ | ≠ | ≠ | ոչ հավասար |
| ≡ | ≡ | ≡ | նույնությամբ |
| √ | √ | √ | քառակուսի արմատ (արմատական) |
| ∞ | ∞ | ∞ | անսահմանություն |
| ∑ | ∑ | ∑ | գումարման նշան |
| ∏ | ∏ | ∏ | ապրանքի նշան |
| ∂ | ∂ | ∂ | մասնակի դիֆերենցիալ |
| ∫ | ∫ | ∫ | անբաժանելի |
| ∀ | ∀ | ∀ | բոլորի համար (տեսանելի է միայն թավերի դեպքում) |
| ∃ | ∃ | ∃ | գոյություն ունի |
| ∅ | ∅ | ∅ | դատարկ հավաքածու |
| Ø | Ø | Ø | տրամագիծը |
| ∈ | ∈ | ∈ | պատկանում է |
| ∉ | ∉ | ∉ | չեն պատկանում |
| ∋ | ∋ | ∗ | պարունակում է |
| ⊂ | ⊂ | ⊂ | ենթաբազմություն է |
| ⊃ | ⊃ | ⊃ | սուպերսեթ է |
| ⊄ | ⊄ | ⊄ | ենթաբազմություն չէ |
| ⊆ | ⊆ | ⊆ | կամի ենթաբազմություն է |
| ⊇ | ⊇ | ⊇ | գերբազմություն է կամ հավասար |
| ⊕ | ⊕ | ⊕ | գումարած շրջանագծի մեջ |
| ⊗ | ⊗ | ⊗ | բազմապատկման նշան շրջանագծի մեջ |
| ⊥ | ⊥ | ⊥ | ուղղահայաց |
| ∠ | ∠ | ∠ | անկյուն |
| ∧ | ∧ | ∧ | տրամաբանական ԵՎ |
| ∨ | ∨ | ∨ | տրամաբանական ԿԱՄ |
| ∩ | ∩ | ∩ | խաչմերուկ |
| ∪ | ∪ | ∪ | մի ասոցիացիա |
| արժույթի նշաններ | |||
| ₽ | ₽ | Ռուբլի. Ռուբլու նշանը պետք է օգտագործվի համարից ընդմիջումով: Unicode 7.0 ստանդարտ. Եթե դուք չեք տեսնում պատկերը, թարմացրեք ձեր Unicode տառատեսակները: | |
| € | € | € | եվրո |
| ¢ | ¢ | ¢ | ցենտ |
| £ | £ | £ | Լբ |
| ¤ | ¤ | ¤ | Արժույթի նշան |
| ¥ | ¥ | ¥ | Յենի և յուանի նշան |
| ƒ | ƒ | ƒ | Ֆլորին նշան |
| մարկերներ | |||
| . | պարզ մարկեր | ||
| ○ | ○ | շրջան | |
| · | · | · | միջին կետ |
| † | † | Խաչ | |
| ‡ | ‡ | կրկնակի խաչ | |
| ♠ | ♠ | ♠ | գագաթները |
| ♣ | ♣ | ♣ | ակումբներ |
| սրտեր | |||
| ♦ | ♦ | ♦ | ադամանդներ |
| ◊ | ◊ | ◊ | ռոմբուս |
| ✏ | ✏ | մատիտ | |
| ✎ | ✎ | մատիտ | |
| ✐ | ✐ | մատիտ | |
| ✍ | ✍ | ձեռքը | |
| մեջբերումներ | |||
| " | " | " | կրկնակի մեջբերում |
| & | & | & | ամպերսանդ |
| « | « | « | ձախ տպագրական չակերտ (եղլնաձլ չակերտ) |
| » | » | » | ճիշտ տպագրական չակերտ (եղլնաձլ չակերտ) |
| ‹ | ‹ | մեկ անկյան մեջբերումի բացում | |
| › | › | մեկ անկյունային մեջբերում փակում | |
| ′ | ′ | ′ | կաթված (րոպե, ոտքեր) |
| ″ | ″ | ″ | կրկնակի հարված (վայրկյան, դյույմ) |
| ‘ | ‘ | ‘ | վերևի ձախ մեկ մեջբերում |
| ’ | ’ | ’ | վերին աջ մեկ մեջբերում |
| ‚ | ‚ | ‚ | աջ ներքևի մեկ մեջբերում |
| “ | “ | “ | չակերտ-ոտք ձախ |
| ” | ” | ” | չակերտ-ոտքի վերին աջ |
| „ | „ | „ | չակերտ-ոտք ներքևի աջ |
| ❛ | ❛ | մեկ անգլերեն չակերտի բացում | |
| ❜ | ❜ | մեկ անգլերեն չակերտի փակում | |
| ❝ | ❝ | կրկնակի անգլերեն չակերտի բացում | |
| ❞ | ❞ | կրկնակի անգլերեն չակերտի փակում | |
| նետերը | |||
| ← | ← | ← | ձախ սլաք |
| սլաքը դեպի վեր | |||
| → | → | → | աջ սլաք |
| ↓ | ↓ | ↓ | սլաք դեպի ներքև |
| ↔ | ↔ | ↔ | սլաք ձախ և աջ |
| ↕ | ↕ | վերև վար սլաք | |
| ↵ | ↵ | ↵ | վագոնի վերադարձ |
| ⇐ | ⇐ | ⇐ | կրկնակի ձախ սլաք |
| ⇑ | ⇑ | ⇑ | կրկնակի վեր սլաք |
| ⇒ | ⇒ | ⇒ | կրկնակի աջ սլաք |
| ⇓ | ⇓ | ⇓ | կրկնակի ներքև սլաք |
| ⇔ | ⇔ | ⇔ | կրկնակի սլաք ձախ և աջ |
| ⇕ | ⇕ | կրկնակի սլաք վեր ու վար | |
| ▲ | ▲ | եռանկյուն վեր սլաք | |
| ▼ | ▼ | եռանկյուն ներքև սլաք | |
| եռանկյուն աջ սլաք | |||
| ◄ | ◄ | եռանկյունաձև ձախ սլաք | |
| աստղեր, ձյան փաթիլներ | |||
| ☃ | ☃ | Ձնեմարդ | |
| ❄ | ❄ | Ձյան փաթիլ | |
| ❅ | ❅ | Ձյան փաթիլ՝ մատնված շամռիկների կողմից | |
| ❆ | ❆ | Ճարպ սուր անկյունաձեւ ձյան փաթիլ | |
| ★ | ★ | ստվերված աստղ | |
| ☆ | ☆ | չստվերված աստղ | |
| ✪ | ✪ | Չլցված աստղ՝ լցված շրջանի մեջ | |
| ✫ | ✫ | Լցված աստղ՝ ներսում չլցված շրջանով | |
| ✯ | ✯ | պտտվող աստղ | |
| ⚝ | ⚝ | Նկարված սպիտակ աստղ | |
| ⚪ | ⚪ | Միջին չլցված շրջան | |
| ⚫ | ⚫ | Միջին լցված շրջանակ | |
| ⚹ | ⚹ | Սեքստիլ (ձյան փաթիլի տեսակ) | |
| ✵ | ✵ | Ութաթև պտտվող աստղ | |
| ❉ | ❉ | Աստղանիշ գնդաձեւ վերջավորություններով | |
| ❋ | ❋ | Համարձակ ութաթև կաթիլաձև պտուտակի աստղ | |
| ✺ | ✺ | Տասնվեցական աստղանիշ | |
| ✹ | ✹ | Տասներկութև լցված աստղ | |
| ✸ | ✸ | Համարձակ ութաթև ուղղագիծ ստվերավորված աստղ | |
| ✶ | ✶ | վեցաթև լցված աստղ | |
| ✷ | ✷ | Ութաթև ուղղագիծ ստվերավորված աստղ | |
| ✴ | ✴ | Ութաթև ստվերավորված աստղ | |
| ✳ | ✳ | ութաթև աստղանիշ | |
| ✲ | ✲ | Դատարկ կենտրոնով աստղանիշ | |
| ✱ | ✱ | հաստ աստղ | |
| ✧ | ✧ | Սլաք չորսթև չստվերված աստղ | |
| ✦ | ✦ | Ուղղաձիգ քառաթև ստվերավորված աստղ | |
| ⍟ | ⍟ | աստղը շրջանագծի մեջ | |
| ⊛ | ⊛ | Ձյան փաթիլը շրջանագծի մեջ | |
| ժամացույց, ժամանակ | |||
| ⏰ | ⏰ | Դիտեք | |
| ⌚ | ⌚ | Դիտեք | |
| ⌛ | ⌛ | ավազի ժամացույց | |
| ⏳ | ⏳ | ավազի ժամացույց | |
Կա բավականին հետաքրքիր ստանալու միջոց html կոդըմնեմոնիկՁեզ անհրաժեշտ կերպարի համար: Դա անելու համար բավական կլինի բացել խմբագրիչը Microsoft Word, ստեղծել նոր փաստաթուղթև վերևի մենյուից ընտրել «Insert» - «Symbol» (ես օգտագործում եմ 2003 թվականի տարբերակը, ուստի չգիտեմ, թե ինչպես անել նմանատիպ գործողություն հետագա տարբերակներում):
Բացվող պատուհանում դուք պետք է ընտրեք տառատեսակ, օրինակ՝ Times New Roman (կամ որևէ այլ, որը, անշուշտ, առկա կլինի ձեր կայքի այցելուների համակարգիչների մեծ մասում, օրինակ՝ Courier կամ Arial):
Ավելացնել ցանկից, որը բացվում է ձեր word փաստաթուղթՁեզ անհրաժեշտ բոլոր հատուկ նիշերը և պահեք այս Word փաստաթուղթը որպես վեբ էջ (պահելիս ընտրված է «.html» բացվող ցանկից): Դե, ապա դուք պարզապես պետք է բացեք այս վեբ էջը ցանկացածում Html խմբագիր(միևնույն է Notepad ++-ը կանի) և կտեսնեք ձեզ անհրաժեշտ մնեմոնիկայի բոլոր թվային կոդերը.
Մեթոդը մի փոքր բարդ է, բայց եթե ցանկանում եք օգտագործել ձեր կայքի էջում որևէ հազվագյուտ հատուկ խորհրդանիշ, ապա ավելի հեշտ կլինի, քան վերը նշվածի նման աղյուսակներ փնտրել ինտերնետում: Դուք պետք է տեղադրեք ստացված հատուկ նիշերի կոդը ճիշտ տեղում և դրա փոխարեն վեբ էջում զննարկիչը կցուցադրի ձեզ անհրաժեշտ նիշը (օրինակ՝ չընդհատվող բացատ):
Չկոտրվող տարածություն և փափուկ գծագիր օրինակներում
Ինչպես նշեցի վերևում, և ինչպես կարող եք տեսնել հենց վերևում տրված հատուկ նիշերի աղյուսակից, HTML-ում որոշ մնեմոնիկներ, բացի թվայինից, ստացել են նաև խորհրդանշական նշանակում՝ ավելի հեշտ անգիր անելու համար: Նրանք. գրանշանների տարբերակներում ֆունտի «#» (հեշ) նշանի փոխարեն օգտագործվում են բառեր։ Օրինակ, նույն չընդհատվող տարածությունը կարող է գրվել կամ որպես (թվային մնեմոնիկ) կամ որպես (նիշ):
Հոդվածներ գրելիս, եթե ձեզ անհրաժեշտ է տեղադրել նշան (&) կամ բաց անկյունային փակագիծ (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
Այսինքն, եթե դուք հոդված եք գրում, որտեղ ձեզ հարկավոր է տեքստի մեջ տեղադրել, օրինակ, ցուցադրման պիտակը< body>կամ պարզապես պետք է տեղադրել պակաս նշան (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
Հետևաբար, նման խնդիր լուծելու համար ձեզ հարկավոր է տեղադրել հետևյալ կառուցվածքը.
Նույնը վերաբերում է հենց մնեմոնիկների ծածկագիրը ցուցադրելուն, քանի որ դրանք սկսվում են ամպերսանդով: Դուք պետք է տեքստի մեջ տեղադրեք ծածկագիր՝ ամպերսանդ նշանը փոխարինելով դրա փոխարինմամբ (հատուկ նիշ).
Սա պետք է արվի էջ մտնելու համար<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
Բացի այդ, դուք, ամենայն հավանականությամբ, կօգտագործեք չընդհատվող տարածություն, որը նման կլինի սովորական տարածության վեբ էջի վրա, բայց զննարկիչը այն ընդհանրապես չի վերաբերվի որպես տիեզերական նիշ և չի փոխանցվի դրա վրա(օրինակ, սա տեղին կլինի այնպիսի արտահայտությունների համար, ինչպիսիք են 1400 ԳԲ և այլն, որոնք ցանկալի չի լինի տարբեր տողերի վրա գծիկ կրել).
1400 ԳԲ:
Երբեմն կարող է հակառակ իրավիճակ առաջանալ, երբ տեքստում շատ երկար բառեր կան, և ուզում ես համոզվել, որ անհրաժեշտության դեպքում բրաուզերը կարող էր կոտրել այս խոսքերը փոխանցումով. Նման նպատակների համար տրամադրվում է «փափուկ փոխանցում» հատուկ խորհրդանիշ.
Երկար, երկար խոսք;
Երբ այլ տող անցնելու անհրաժեշտություն առաջանա, զննարկիչը կդնի գծիկ փափուկ փաթաթման մնեմոնիկի փոխարեն և բառի մնացած մասը կուղարկի հաջորդ տող: Եթե բավականաչափ տարածք կա այս ամբողջ բառը մեկ տողի վրա տեղավորելու համար, ապա զննարկիչը նոր տող չի գծի: Դա այն է, դա պարզ է:
Հաջողություն քեզ! Կհանդիպենք շուտով բլոգի էջերի կայքում
Ձեզ կարող է հետաքրքրել
MailTo - ինչ է դա և ինչպես ստեղծել էլփոստի հղում Html-ով 
H1-H6 վերնագրերի պիտակներ և ատրիբուտներ, հորիզոնական տող Hr, տողերի ընդմիջում Br և պարբերություն P՝ ըստ Html 4.01 ստանդարտի: 
Ինչպես տեղադրել հղում և նկար (լուսանկար) HTML - IMG և A թեգերի մեջ 
Ինչ է Html Hypertext Markup Language-ը և ինչպես ցուցակագրել բոլոր պիտակները W3C վավերացնողում 
Տառատեսակ (դեմք, չափ և գույն), բլոկ մեջբերում և նախնական պիտակներ - տեքստի հնացած ձևաչափում մաքուր HTML-ով (առանց CSS-ի օգտագործման) 
Ինչպես են գույները տեղադրվում Html և CSS կոդերում, աղյուսակներում RGB երանգների ընտրություն, Yandex-ի արդյունքներ և այլ ծրագրեր 
Մեկնաբանության հրահանգները և Doctype-ը Html կոդում, ինչպես նաև բլոկի և ներկառուցված տարրերի հայեցակարգը (պիտակներ) 
Ցուցակներ Html կոդով՝ UL, OL, LI և DL պիտակներ
Ինչի մեջ կա տարբերություն գրվածձեր HTML կոդում և դա ցուցադրվում էբրաուզերում:
Ինչպես տեսանք, պիտակներ HTML-ի նման<р>, կարդում են միայն զննարկիչը (իմանալու համար, թե որ տեսակբովանդակությունը գրված է), բայց չի ցուցադրվումնրա մեջ։
Մենք նաև տեսել ենք, թե ինչպես գրել մեկնաբանություններ HTML կոդի մեջ՝ օգնելու մարդուն կարդալ կոդը՝ առանց այդ մեկնաբանությունները բրաուզերում ցուցադրելու:
Մեկ այլ տեսակի գրավոր կոդ, որը անտեսվածզննարկիչն է տարածություն, այն ներառում է.
- տողերի ընդմիջումներ;
- դատարկ տողեր;
- աղյուսակավորում (կամ նահանջ):
Գծի ընդմիջում
HTML կոդում տողերի ընդհատումներ և դատարկ տողեր (որոնք տողերի ընդմիջումների հաջորդականություն են): անտեսվածբրաուզերը. Դրանք միայն կազմում են միայնակտարածություն.
Համացանցի սկզբնական գաղափարն այն էր, որ այն պետք է լինի համագործակցային տարածք, որտեղ դուք կարող եք հաղորդակցվել տեղեկատվության փոխանակման միջոցով:
Իրական լինել ներդիրգծի ընդմիջում դուք պետք է օգտագործեք տարրը
:
Լավագույն դեպքում կյանքը կատարյալ է
անկանխատեսելի
Աղյուսակավորում
Աղյուսակավորումհատուկ նիշ է, որը ստացվում է Tab ստեղնով: Այն սովորաբար կուրսորը տեղափոխում է հաջորդ ներդիրի կանգառ, բայց երբեմն վերածվում է երկու բացատների:
Ամեն դեպքում, ինչպես սովորական տարածություն, ներդիր անտեսանելի. Այն նաև անտեսվում է բրաուզերի կողմից.
Եկեք սեղմենք այս տեքստը ներդիրով:
Եթե ցանկանում եք տարածք ավելացնել նախքանԱյլ կերպ ասած, դուք պետք է օգտագործեք CSS:
Եթե ցանկանում եք փակել HTML տարրը, նախ պետք է փակեք դրա բոլոր զավակ տարրերը:
Ծառի ձևավորում
Քանի որ HTML տարրերը կարող են տեղադրվել միմյանց մեջ, դուք պետք է հոգ տանեք որպեսզիորտեղ դրանք բացվել են, քանի որ դա կազդի դրանց փակման հերթականության վրա:
Քանի որ դժվար է հետևել HTML տարրերի բացման հերթականությանը, խորհուրդ է տրվում գրել ձեր HTML-ը ծառ:
Այս կոդը գրված է մի քանիսըտողեր, բայց դեռ կցուցադրվեն որպես մեկտող.
Ծառի ձևավորումը թույլ է տալիս տեսողականորենվերարտադրել բնադրման մակարդակըձեր HTML կոդը: Սա հեշտացնում է տեսնել, որ.
է նախահայր; - ծնողհամար և ;
- և - սա եղբայրականտարրեր.
Ինքներդ ձեզ համար գրեք HTML կարդալու համար
Ներդիրները, դատարկ տողերը, բացատների հավաքածուն և տողերի ընդմիջումները բաց են թողնում համակարգիչը և դրանք բոլորը վերածվում են մեկ տարածություն.
HTML փաստաթուղթը գրվում և կարդում է մարդը, բայց կարդում է միայն համակարգիչը: Հաշվի առնելով, որ ներդիրները, բացատները և տողերի ընդմիջումները չեն ազդում, թե ինչպես է զննարկիչը կարդալու և հետագայում ցուցադրելու վեբ էջը, դուք կարող եք ձևաչափել ձեր փաստաթուղթը հնարավորինս ընթեռնելի: ինքս ինձճանապարհ.
Չկան հատուկ կանոններ HTML ձևաչափման վերաբերյալ, բայց կան անուղղակի կանոններ: պայմանագրեր, մասնավորապես:
- օգտագործել աղյուսակավորումըօգնել պատկերացնել հավելվածներ HTML տարրեր;
- տեղադրեք բլոկի տարրերի բացման և փակման պիտակները առանձին տողեր;
- մեկ տողի վրա գրել ներդիր տարրեր (ներառյալ բացման և փակման պիտակները):
Երբ փաստաթուղթը ցուցադրվում է, բացատները և դատարկ տողերը չեն պահպանվում, բացառությամբ պիտակների մեջ ներառված տեքստի ՆԱԽԸՆՏՐԱԿԱՆ(նախապես ձևաչափված տեքստ): Այսինքն՝ բացատների, ներդիրների և դատարկ տողերի ցանկացած հաջորդականություն համարժեք է HTML ֆայլի մեկ տարածությանը։ Մյուս կողմից, HTML ֆայլի տարածքը կարող է ներկայացվել ցանկացած քանակությամբ բացատների կամ նոր (դատարկ) տողերի միջոցով:
Ժամկետ newlin(նոր տող) օգտագործվում է գծի վերջը ՏԵՍԱԿԱՆորեն նշելու համար: SGML-ը սահմանում է, որ տողը (գրառումը) պետք է սկսվի սկզբնական նիշով (նոր տող - տողերի հոսք, LF, ASCII կոդ 10) և ավարտվի ռեկորդային ավարտի նիշով (փոխադրման վերադարձ, CR, ASCII 13): Գործնականում HTML փաստաթղթերը ներկայացվում և փոխանցվում են տվյալ համակարգչային համակարգերին համապատասխանող նոր տողերի միջոցով: Հետևաբար, HTML բրաուզերները թույլ են տալիս աջակցություն երեք ընդհանուր տողերի բաժանման ներկայացումներից որևէ մեկին, որոնք նշվում են CR LF, CR միայն կամ միայն LF հաջորդականությամբ և հիմնված են այս ենթադրության վրա և ընդգծում են սխալները սկզբի և վերջի նիշերի ներկայացման մեջ: մուտք.
Այսպիսով, կարևոր չէ, թե ինչպես եք տեքստը բաժանում տողերի, քանի որ նոր տողը համարժեք է բացատին: Նկատի ունեցեք, սակայն, որ պետք չէ HTML-ում բառը երկու տողի բաժանել: Եթե դուք, օրինակ, միջազգային բառը բաժանեք երկու տողի, հետևյալ կերպ.
| միջազգային |
այն կմեկնաբանվի որպես
| միջազգային |
Այսպիսով, ձեր փաստաթուղթը տրամաբանորեն ներկայացնելու համար դուք պետք է օգտագործեք HTML թեգեր, ինչպիսիք են Պկամ BRանհրաժեշտության դեպքում տրամադրել նոր գիծ:
Բրաուզերները սովորաբար բառերը չեն բաժանում երկու տողի վրա, եթե բառը գծիկ չի պարունակում: Հղված HTML 3.2-ի բնութագրերը այս հարցում այնքան էլ ճշգրիտ չեն, և աղյուսակի բաժինը քննարկելիս տրվում է հետևյալը.
Որոշ օգտատերերի համար կարող է անհրաժեշտ կամ ցանկալի լինել բառի մեջ տողը թարգմանել: Նման դեպքերում ցանկալի է տեսողականորեն ստուգել, որ դա տեղի է ունեցել։
Զգուշացեք, որ տողի երկարությունը ձեր վերահսկողությունից դուրս է. Դա կախված է դիտարկիչից, համակարգչից և ձեր փաստաթուղթը դիտող մարդկանց կողմից կատարված կարգավորումներից: Ընդհանուր առմամբ, բառերի միջև գծերի ընդհատումները կանխելու միջոցներ չկան, բայց դուք կարող եք փորձել կանխել տողերի ընդհատումները՝ օգտագործելով շարունակական բացատներ:
Ինչ վերաբերում է նոր տողերի օգտագործմանը HTML թեգերի հետ համատեղ, կան հատուկ կանոններ.
- Սկսնակ պիտակից անմիջապես հաջորդող նոր տողը անտեսվում է: Օրինակ, տողերը
- Նմանապես, վերջի պիտակին նախորդող նոր տողը անտեսվում է: Օրինակ, տողերը
Հորիզոնական ներդիրի նիշը (HT) կարող է օգտագործվել HTML փաստաթղթում: Բայց տարրի ներսում ՆԱԽԸՆՏՐԱԿԱՆներդիրի նիշն ունի հատուկ մեկնաբանություն, համարժեք է բացատին և չի պարունակում որևէ տեսակի ներդիրների մասին տեղեկատվություն: (Աղյուսակավորված տվյալները ներկայացնելու համար օգտագործեք տարրը սեղան.) Որպես գործնական հարց, ավելի լավ է խուսափել ներդիրների նիշերը HTML կոդում ներառելուց և դրա փոխարեն օգտագործել համապատասխան թվով բացատներ, եթե ցանկանում եք ձևաչափել HTML փաստաթղթի սկզբնական կոդը որպես ներդիր:
