МСню для html сайта: МСню для сайта html ΠΈ css Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ β€” 11 Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² мСню

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Π Π°Π±ΠΎΡ‚Π° с мСню β€” БоврСмСнная систСма управлСния сайтом UralCMS

Π Π°Π±ΠΎΡ‚Π° с мСню | Π Π°Π±ΠΎΡ‚Π° с Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ | Π Π°Π±ΠΎΡ‚Π° с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΠΈ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ сайта | ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ

Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅! Π’ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π·Π°ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ΡΡ Π² Ρ‚Π΅Π³ΠΈ [uss]функция[/uss], (ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰ΠΈΠ΅ Π½Π°Ρ‡Π°Π»ΠΎ ΠΈ ΠΊΠΎΠ½Π΅Ρ† Π²Ρ‹Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ)

Π’Ρ‹Π²ΠΎΠ΄ мСню

Данная функция Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π»Π΅Π²ΠΎΠ΅, ΠΏΡ€Π°Π²ΠΎΠ΅, Π²Π΅Ρ€Ρ…Π½Π΅Π΅, Π½ΠΈΠΆΠ½Π΅Π΅, Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ мСню, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ подмСню Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° сайта Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅.

displayMenu2(позиция, id, β€˜Ρ‚ΠΈΠΏβ€™, подмСню, ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ, класс, β€˜Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒβ€™, Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ Π² ΠΊΠΎΠ½Ρ†Π΅)

  • позиция β€” позиция мСню, прСдусмотрСнны ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ:
    • 1 β€” Π›Π΅Π²ΠΎΠ΅ мСню
    • 2 β€” Π’Π΅Ρ€Ρ…Π½Π΅Π΅ мСню. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ выводится Π²Π΅Ρ€Ρ…Π½Π΅Π΅ мСню (позиция=2)
    • 3 β€” ΠŸΡ€Π°Π²ΠΎΠ΅ мСню
    • 4 β€” НиТнСС мСню
    • 5 β€” НСвыводимыС Π½Π° сайтС
    • 6 β€” Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ мСню
    • false β€” Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡƒ, Π° Π±Ρ€Π°Ρ‚ΡŒ подмСню Ρ€Π°Π·Π΄Π΅Π»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ задаСтся Π²Ρ‚ΠΎΡ€Ρ‹ΠΌ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠΌ id
  • id β€” id ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π°, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ вывСсти подмСню. Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ, Ссли ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ false. БСрСтся ΠΈΠ· адрСсной строки Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π½Π°Ρ…ΠΎΠ΄ΡΡΡŒ Π² Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΠΎΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅ (Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π’Π°ΠΌ id ΠΏΡ€ΠΈΡ€Π°Π²Π½Π΅Π½ ΠΊ reference=id). По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ
    id
    =0.
  • β€˜Ρ‚ΠΈΠΏβ€™ β€” Ρ‚ΠΈΠΏ мСню:
    • β€˜li’ β€” Π²Ρ‹Π²ΠΎΠ΄ Π² структурированном спискС. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ β€˜Ρ‚ΠΈΠΏβ€™=’li’.
    • β€˜a’ β€” Π²Ρ‹Π²ΠΎΠ΄ просто ссылками подряд Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π». Выводится Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Π΅Π· подмСню
    • β€˜td’ β€” Π²Ρ‹Π²ΠΎΠ΄ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅. Выводится Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π±Π΅Π· подмСню
  • подмСню β€” Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ подмСню:
    • 1 β€” Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ подмСню. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ подмСню выводится (подмСню=1)
    • 2 β€” Π½Π΅ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ подмСню
    • 3 β€” Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ подмСню Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π°
  • ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ β€” ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ, Π΄ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ раскрываСтся мСню. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ мСню раскрываСтся ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ (ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ=false). ΠœΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ значСния false, 1, 2, 3 ΠΈ Ρ‚.Π΄.
  • классы = { true | false } β€” Π’Ρ‹Π²ΠΎΠ΄ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… классов для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π° мСню.
    По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π½Π΅ выводятся (классы=false)
  • β€˜Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒβ€™ β€” Π Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ. Выводится послС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π° мСню. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ (β€˜Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒβ€™=Β»)
  • Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ Π² ΠΊΠΎΠ½Ρ†Π΅ = { true | false } β€” Π’Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ послС послСднСго ΠΏΡƒΠ½ΠΊΡ‚Π° мСню. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π½Π΅ выводится (Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ Π² ΠΊΠΎΠ½Ρ†Π΅=false)

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

Π’Ρ‹Π²Π΅Π΄Π΅ΠΌ Π²Π΅Ρ€Ρ…Π½Π΅Π΅ мСню с ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

<div>
    [uss]displayMenu2()[/uss]
</div>

Π²Π΅Ρ€Π½Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ html-ΠΊΠΎΠ΄:

<div>
    <ul>
        <li>
            <a title="Π Π°Π±ΠΎΡ‚Π° с шаблонами" href="/templates/">Π Π°Π±ΠΎΡ‚Π° с шаблонами</a>
            <ul>
                <li><a title="Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Ρ‹/трСбования" href="/templates/standart/">Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Ρ‹/трСбования</a></li>
                <li><a title="ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ шаблона" href="/templates/tml/">ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ шаблона</a></li>
                <li><a title="ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй" href="/templates/addcss/">ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй</a></li>
            </ul>
        </li>
        <li>
            <a title="Π Π°Π±ΠΎΡ‚Π° со стилями" href="/css/">Π Π°Π±ΠΎΡ‚Π° со стилями</a>
            <ul>
                <li><a title="Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Ρ‹/трСбования" href="/css/standart/">Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Ρ‹/трСбования</a></li>
                <li><a title="ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ" href="/css/integration/">ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ</a></li>
                <li><a title="Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ" href="/css/recommendation/">Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ</a></li>
            </ul>
        </li>
        <li>
            <a title="ОписаниС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ" href="/function/">ОписаниС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ</a>
            <ul>
                <li><a title="Π Π°Π±ΠΎΡ‚Π° с мСню" href="/function/menu_functions/">Π Π°Π±ΠΎΡ‚Π° с мСню</a></li>
                <li><a title="Π Π°Π±ΠΎΡ‚Π° с Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ" href="/function/form_functions/">Π Π°Π±ΠΎΡ‚Π° с Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ</a></li>
                <li><a title="Π Π°Π±ΠΎΡ‚Π° с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΠΈ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ сайта" href="/function/content_functions/">Π Π°Π±ΠΎΡ‚Π° с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΠΈ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ сайта</a></li>
                <li><a title="ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ" href="/function/other_functions/">ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ</a></li>
            </ul>
        </li>
        <li>
            <a title="ΠžΠ±Ρ‰ΠΈΠ΅ настройки" href="/settings/">ΠžΠ±Ρ‰ΠΈΠ΅ настройки</a>
        </li>
    </ul>
</div>

ΠΈ Π²Ρ‹Π²Π΅Π΄Π΅Ρ‚ Π²Π΅Ρ€Ρ…Π½Π΅Π΅ мСню Π² Π²ΠΈΠ΄Π΅ структурированного списка с раскрытым ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ подмСню:

 

Π’Ρ‹Π²Π΅Π΄Π΅ΠΌ Π²Π΅Ρ€Ρ…Π½Π΅Π΅ мСню Π² Π²ΠΈΠ΄Π΅ ссылок с раздСлитСлями | красного Ρ†Π²Π΅Ρ‚Π° Π±Π΅Π· послСднСго.

<div>
    [uss]displayMenu2(2, false, 'a', 2, false, false, '<span> | </span>')[/uss]
</div>

Π²Π΅Ρ€Π½Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ html-ΠΊΠΎΠ΄:

<div>
	<a title="Π Π°Π±ΠΎΡ‚Π° с мСню" href="menu_functions/">
		Π Π°Π±ΠΎΡ‚Π° с мСню
	</a> |
	<a title="Π Π°Π±ΠΎΡ‚Π° с Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ" href="form_functions/">
		Π Π°Π±ΠΎΡ‚Π° с Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ
	</a> | 
	<a title="Π Π°Π±ΠΎΡ‚Π° с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΠΈ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ сайта" href="content_functions/">
		Π Π°Π±ΠΎΡ‚Π° с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ ΠΈ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ сайта
	</a> |
	<a title="ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ" href="other_functions/">
		ΠŸΡ€ΠΎΡ‡ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ
	</a>
</div>

ΠΈ Π²Ρ‹Π²Π΅Π΄Π΅Ρ‚ Π²Π΅Ρ€Ρ…Π½Π΅Π΅ мСню Π² Π²ΠΈΠ΄Π΅ ссылок с раздСлитСлями | красного Ρ†Π²Π΅Ρ‚Π° Π±Π΅Π· послСднСго:

 

Π’Ρ‹Π²ΠΎΠ΄ мСню ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°

Данная функция Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΈ ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° Π² Π²ΠΈΠ΄Π΅ мСню

displayEshopTree(id, Ρ€Π°ΡΠΊΡ€Ρ‹Ρ‚ΠΎΡΡ‚ΡŒ, ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ, ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³, классы, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, β€˜Ρ€Π°Π·ΠΌΠ΅Ρ€ картинок’)

  • id β€” id Ρ€Π°Π·Π΄Π΅Π»Π° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°. Если ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ id 0 ΠΈΠ»ΠΈ false, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½. БСрСтся ΠΈΠ· адрСсной строки Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π½Π°Ρ…ΠΎΠ΄ΡΡΡŒ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° (Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π’Π°ΠΌ id ΠΏΡ€ΠΈΡ€Π°Π²Π½Π΅Π½ ΠΊ reference=id)
  • Ρ€Π°ΡΠΊΡ€Ρ‹Ρ‚ΠΎΡΡ‚ΡŒ:
    • 1 β€” всСгда ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ раскрыто
    • 2 β€” раскрываСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ активная Π²Π΅Ρ‚ΠΊΠ° Π΄Π΅Ρ€Π΅Π²Π°. Π’ этом случаС Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ
  • ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ β€” ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ, Π΄ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ раскрываСтся мСню. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ раскрываСтся ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ (ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ
    =-1). ΠœΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ значСния -1, 1, 2, 3 ΠΈ Ρ‚.Π΄.
  • ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ = { true | false } β€” ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ ΠΈΠ»ΠΈ Π½Π΅Ρ‚
  • классы = { true | false } β€” Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ Π½Π΅Ρ‚ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π° мСню ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ класс. Для спСцифичСских Π·Π°Π΄Π°Ρ‡ вСрстки 
  • ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ = { true | false } Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ Π½Π΅Ρ‚ Π² ΠΏΡƒΠ½ΠΊΡ‚Π°Ρ… мСню ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.
    Π’ качСствС ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½ΠΎΠ΅ «основноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β» Ρ€Π°Π·Π΄Π΅Π»Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π°.
  • β€˜Ρ€Π°Π·ΠΌΠ΅Ρ€ картинок’ β€” Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² ΠΏΡƒΠ½ΠΊΡ‚Π°Ρ… мСню.
    ΠœΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈΠ· Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ: ’78Γ—48β€², β€˜100Γ—100’, β€˜139Γ—104’, β€˜200Γ—200’, β€˜350Γ—350’.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

[uss]displayEshopTree(0, 1, 2, true)[/uss]

Π²Π΅Ρ€Π½Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ html-ΠΊΠΎΠ΄:

<ul>
    <li>
        <a href="catalog/">ΠšΠ°Ρ‚Π°Π»ΠΎΠ³</a>
        <ul>
            <li><a href="catalog/154/">Π”Π΅Π²ΠΎΡ‡ΠΊΠ°ΠΌ</a>
                <ul>
                    <li>
                        <a href="catalog/154/12/">ΠžΡ‚ Π³ΠΎΠ΄Π° Π΄ΠΎ Ρ‚Ρ€Π΅Ρ…</a>
                    </li>
                    <li>
                        <a href="catalog/154/13/">ΠžΡ‚ Ρ‚Ρ€Π΅Ρ… Π΄ΠΎ пяти</a>
                    </li>
                    <li>
                        <a href="catalog/154/14/">ΠžΡ‚ ΡˆΠ΅ΡΡ‚ΠΈ Π΄ΠΎ дСвяти</a>
                    </li>
                    <li>
                        <a href="catalog/154/15/">ΠžΡ‚ дСвяти Π΄ΠΎ Π΄Π²Π΅Π½Π°Π΄Ρ†Π°Ρ‚ΠΈ</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="catalog/155/">ΠœΠ°Π»ΡŒΡ‡ΠΈΠΊΠ°ΠΌ</a>
            </li>
            <li>
                <a href="catalog/156/">Для самых ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ…</a>
            </li>
        </ul>
    </li>
</ul>

ΠΈ Π²Ρ‹Π²Π΅Π΄Π΅Ρ‚ всСгда ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ раскрытоС Π΄ΠΎ 2 уровня мСню Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° с ΠΊΠΎΡ€Π½Π΅Π²Ρ‹ΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠΌ:

Π’Ρ‹Π²ΠΎΠ΄ мСню ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° услуг

Данная функция Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΈ ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° услуг Π² Π²ΠΈΠ΄Π΅ мСню.

displayCatalogTree(id, Ρ€Π°ΡΠΊΡ€Ρ‹Ρ‚ΠΎΡΡ‚ΡŒ, ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ, ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³, классы, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, β€˜Ρ€Π°Π·ΠΌΠ΅Ρ€ картинок’)

  • id β€” id Ρ€Π°Π·Π΄Π΅Π»Π° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°. Если ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ id 0 ΠΈΠ»ΠΈ false, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ услуг. БСрСтся ΠΈΠ· адрСсной строки Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π½Π°Ρ…ΠΎΠ΄ΡΡΡŒ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ услуг(Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π’Π°ΠΌ id ΠΏΡ€ΠΈΡ€Π°Π²Π½Π΅Π½ ΠΊ reference=id)
  • Ρ€Π°ΡΠΊΡ€Ρ‹Ρ‚ΠΎΡΡ‚ΡŒ
    • 1 β€” всСгда ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ раскрыто;
    • 2 β€” раскрываСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ активная Π²Π΅Ρ‚ΠΊΠ° Π΄Π΅Ρ€Π΅Π²Π°. Π’ этом случаС Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ.
  • ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ β€” ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ, Π΄ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ раскрываСтся мСню. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ раскрываСтся ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ
    (ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ=-1). ΠœΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ значСния -1, 1, 2, 3 ΠΈ Ρ‚.Π΄.
  • ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ = { true | false } β€” ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ ΠΈΠ»ΠΈ Π½Π΅Ρ‚
  • классы = { true | false } β€” Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ Π½Π΅Ρ‚ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π° мСню ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ класс.
    Для спСцифичСских Π·Π°Π΄Π°Ρ‡ вСрстки 
  • ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ = { true | false } Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ Π½Π΅Ρ‚ Π² ΠΏΡƒΠ½ΠΊΡ‚Π°Ρ… мСню ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.
    Π’ качСствС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½ΠΎΠ΅ «основноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β» Ρ€Π°Π·Π΄Π΅Π»Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π°.
  • β€˜Ρ€Π°Π·ΠΌΠ΅Ρ€ картинок’ β€” Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² ΠΏΡƒΠ½ΠΊΡ‚Π°Ρ… мСню, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: Β«65Ρ…40Β». Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π² пиксСлях.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

[uss]displayCatalogTree(0,1,2,false,true,true,'30x30')[/uss]

Π²Π΅Ρ€Π½Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ html-ΠΊΠΎΠ΄:

<ul class = "catalog_menu">
    <li class = "catalog_cat_310 first">
        <div class = "catalog_menu_item">
            <span class = "catalog_menu_image">
                <a href = "/katalog/remont_stiralnyh_mashin/" class = "catalog_cat_310 first">
                    <img src = "/uploadedFiles/catalogimages/icons/30x30_cropped/washer.png" />
                </a>
            </span>
            <a href = "/katalog/remont_stiralnyh_mashin/" class = "catalog_cat_310 first">
                Π Π΅ΠΌΠΎΠ½Ρ‚ ΡΡ‚ΠΈΡ€Π°Π»ΡŒΠ½Ρ‹Ρ… машин
            </a>
        </div>
    </li>
    <li class = "catalog_cat_311">
        <div class = "catalog_menu_item">
            <span class = "catalog_menu_image">
                <a href = "/katalog/remont_holodilnikov/" class = "catalog_cat_311">
                    <img src = "/uploadedFiles/catalogimages/icons/30x30_cropped/refrigerator. png" />
                </a>
            </span>
            <a href = "/katalog/remont_holodilnikov/" class = "catalog_cat_311" >
                Π Π΅ΠΌΠΎΠ½Ρ‚ Ρ…ΠΎΠ»ΠΎΠ΄ΠΈΠ»ΡŒΠ½ΠΈΠΊΠΎΠ²
            </a>
        </div>
    </li>
</ul>

ΠΈ Π²Ρ‹Π²Π΅Π΄Π΅Ρ‚ всСгда ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ раскрытоС Π΄ΠΎ 2 уровня мСню ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° услуг с классами ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ 30Ρ…30 для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π°:

Боковая панСль | HTML | CodeBasics

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ сайтов ΠΈΠΌΠ΅ΡŽΡ‚ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль ΠΈΠ»ΠΈ, ΠΊΠ°ΠΊ Π΅Ρ‘ Π΅Ρ‰Ρ‘ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚, сайдбар. Он слуТит для отобраТСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, которая дополняСт основной тСкст, Π½ΠΎ Π½Π΅ являСтся ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ. Π§Π°Ρ‰Π΅ всСго это мСню Ρ€Π°Π·Π΄Π΅Π»Π°, список ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΠΈΠ· ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ ΠΈ Ρ‚.Π΄.

Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, сущСствуСт Ρ‚Π΅Π³ <aside>, Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΈ располагаСтся наша боковая панСль. Π”ΠΎΠ±Π°Π²ΠΈΠΌ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΈΠ· ΠΏΡ€ΠΎΡˆΠ»ΠΎΠ³ΠΎ ΡƒΡ€ΠΎΠΊΠ° Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль с Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ мСню.

<header>
  <img src="/logo.png" alt="Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ"> <!-- Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ сайта -->
  <nav> <!-- МСню -->
    <ul>
      <li><a href="/">Главная</a></li>
      <li><a href="/about">О нас</a></li>
      <li><a href="/contacts">ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹</a></li>
    </ul>
  </nav>
</header>
<aside> <!-- Боковая панСль (сайдбар) -->
  <nav> <!-- Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ мСню страницы -->
    <ul>
      <li><a href="/service-1/">Услуга 1</a></li>
      <li><a href="/service-2/">Услуга 2</a></li>
      <li><a href="/service-3/">Услуга 3</a></li>
    </ul>
  </nav>
</aside>
<main>
  <p>Основной ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ страницы.  Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΡ, описаниС услуги, Π΄Π°Π½Π½Ρ‹Π΅ Π½Π° страницС ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹</p>
  <section>
    <h3>ΠžΡΡ‚Π°Π²ΠΈΡ‚ΡŒ заявку</h3>
    <form>
      <!-- Π—Π΄Π΅ΡΡŒ Ρ„ΠΎΡ€ΠΌΠ° Π·Π°ΠΊΠ°Π·Π° услуги -->
    </form>
  </section>
  <section>
    <h3>Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅</h3>
    <article>
      <h4>Услуга 2</h4>
      <p>ОписаниС Π½ΠΎΠ²ΠΎΠΉ услуги</p>
      <a href="#">Бсылка Π½Π° услугу</a>
    </article>
    <article>
      <h4>Услуга 3</h4>
      <p>ОписаниС Π½ΠΎΠ²ΠΎΠΉ услуги</p>
      <a href="#">Бсылка Π½Π° услугу</a>
    </article>
    <article>
      <h4>Услуга 4</h4>
      <p>ОписаниС Π½ΠΎΠ²ΠΎΠΉ услуги</p>
      <a href="#">Бсылка Π½Π° услугу</a>
    </article>
  </section>
</main>

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ <aside> содСрТится Π²Π½Π΅ Ρ‚Π΅Π³Π° <main>. Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π΅ обязан Π±Ρ‹Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС. Он ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° (Ссли Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Ρ‘Ρ‚, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎ мСню). Если боковая панСль ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Π° для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы, Ρ‚ΠΎ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ располоТСна Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° <main>.

Π—Π°Π΄Π°Π½ΠΈΠ΅

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ ΡˆΠ°ΠΏΠΊΡƒ сайта. Она состоит ΠΈΠ· 2-Ρ… элСмСнтов:

  • Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ
  • БСкция Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Π’Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Ρ‘ ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список ΠΈΠ· Π΄Π²ΡƒΡ… элСмСнтов

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ΅ΠΊΡ†ΠΈΡŽ <main>. Π’Π½ΡƒΡ‚Ρ€ΠΈ создайтС ΡΠ΅ΠΊΡ†ΠΈΡŽ с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ Π² Ρ‚Π΅Π³Π΅ <h3>. Π’Π½ΡƒΡ‚Ρ€ΠΈ сСкции создайтС Π΄Π²Π° Π±Π»ΠΎΠΊΠ° с описаниСм Π½ΠΎΠ²Ρ‹Ρ… услуг. НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° <article> ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ содСрТится Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ. Π‘Π°ΠΌΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ <article> Ρ€Π°Π·ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ Ρ‚Π΅Π³ΠΎΠΌ <h4>.

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль. Она являСтся ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы ΠΈ содСрТит тСкст, относящийся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊ этой страницС. Π’Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ тСкст. ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅, Π³Π΄Π΅ ΠΈΠΌΠ΅Π½Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ располоТСна эта ΠΎΠ±Π»Π°ΡΡ‚ΡŒ

Π£ΠΏΡ€Π°ΠΆΠ½Π΅Π½ΠΈΠ΅ Π½Π΅ ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ β€” Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ? 😢

Если Π²Ρ‹ зашли Π² Ρ‚ΡƒΠΏΠΈΠΊ, Ρ‚ΠΎ самоС врСмя Π·Π°Π΄Π°Ρ‚ΡŒ вопрос Π² Β«ΠžΠ±ΡΡƒΠΆΠ΄Π΅Π½ΠΈΡΡ…Β». Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ вопрос:

  • ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠΈΡ‚Π΅ Π²Ρ‹Π²ΠΎΠ΄ тСстов, Π±Π΅Π· Π½Π΅Π³ΠΎ практичСски Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ Π½Π΅ Ρ‚Π°ΠΊ, Π΄Π°ΠΆΠ΅ Ссли Π²Ρ‹ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚Π΅ свой ΠΊΠΎΠ΄. ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡΡ‚Ρ‹ ΠΏΠ»ΠΎΡ…ΠΎ ΠΈΡΠΏΠΎΠ»Π½ΡΡŽΡ‚ ΠΊΠΎΠ΄ Π² Π³ΠΎΠ»ΠΎΠ²Π΅, Π½ΠΎ ΠΏΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠΉ ошибкС ΠΏΠΎΡ‡Ρ‚ΠΈ всСгда понятно, ΠΊΡƒΠ΄Π° ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ.
Π’ ΠΌΠΎΠ΅ΠΉ срСдС ΠΊΠΎΠ΄ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Π° здСсь Π½Π΅Ρ‚ 🀨

ВСсты устроСны Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡŽΡ‚ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ способами ΠΈ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…. Часто Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с ΠΎΠ΄Π½ΠΈΠΌΠΈ Π²Ρ…ΠΎΠ΄Π½Ρ‹ΠΌΠΈ Π΄Π°Π½Π½Ρ‹ΠΌΠΈ, Π½ΠΎ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ. Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ с этим ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠΌ, ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ «ВСсты» ΠΈ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ посмотритС Π½Π° Π²Ρ‹Π²ΠΎΠ΄ ошибок, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π΅ΡΡ‚ΡŒ подсказки.

Мой ΠΊΠΎΠ΄ отличаСтся ΠΎΡ‚ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ учитСля πŸ€”

Π­Ρ‚ΠΎ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ πŸ™†, Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΎΠ΄Π½Ρƒ Π·Π°Π΄Π°Ρ‡Ρƒ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ мноТСством способов. Если ваш ΠΊΠΎΠ΄ ΠΏΡ€ΠΎΡˆΠ΅Π» ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ, Ρ‚ΠΎ ΠΎΠ½ соотвСтствуСт условиям Π·Π°Π΄Π°Ρ‡ΠΈ.

Π’ Ρ€Π΅Π΄ΠΊΠΈΡ… случаях Π±Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Π½ΠΎ ΠΏΠΎΠ΄ тСсты, Π½ΠΎ это Π²ΠΈΠ΄Π½ΠΎ сразу.

ΠŸΡ€ΠΎΡ‡ΠΈΡ‚Π°Π» ΡƒΡ€ΠΎΠΊ β€” Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ понятно πŸ™„

Π‘ΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹, понятныС для всСх Π±Π΅Π· ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ, довольно слоТно. ΠœΡ‹ ΠΎΡ‡Π΅Π½ΡŒ стараСмся, Π½ΠΎ всСгда Π΅ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ. Если Π²Ρ‹ встрСтили ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π°ΠΌ нСпонятСн, ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ Π² Β«ΠžΠ±ΡΡƒΠΆΠ΄Π΅Π½ΠΈΡΡ…Β». ИдСально, Ссли Π²Ρ‹ сформулируСтС нСпонятныС ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹ Π² Π²ΠΈΠ΄Π΅ вопросов. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ нСсколько Π΄Π½Π΅ΠΉ для внСсСния ΠΏΡ€Π°Π²ΠΎΠΊ.

ΠšΡΡ‚Π°Ρ‚ΠΈ, Π²Ρ‹ Ρ‚ΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡ‡Π°ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π² ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠΈ курсов: Π²Π½ΠΈΠ·Ρƒ Π΅ΡΡ‚ΡŒ ссылка Π½Π° исходный ΠΊΠΎΠ΄ ΡƒΡ€ΠΎΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ прямо ΠΈΠ· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ПолСзноС

  • Π₯ΠΎΡ‚ΡŒ ΠΌΡ‹ ΠΈ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΈ ΠΏΡ€ΠΎ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль, Π½ΠΎ aside ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΡΡŽΡ‰ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ. ΠŸΡ€ΠΈ этом, Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ, Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΠ½Π° выглядит ΠΊΠ°ΠΊ боковая панСль

β†ΠŸΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉβ†’

Нашли ΠΎΡˆΠΈΠ±ΠΊΡƒ? Π•ΡΡ‚ΡŒ Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ? ΠŸΡƒΠ»Ρ€Π΅ΠΊΠ²Π΅ΡΡ‚Ρ‹ ΠΏΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ΡΡ https://github.com/hexlet-basics

Quarto β€” навигация ΠΏΠΎ Π²Π΅Π±-сайту

ΠžΠ±Π·ΠΎΡ€

БущСствуСт мноТСство Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ Π²Π΅Π±-сайту, Π² Ρ‚ΠΎΠΌ числС:

  • ИспользованиС Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ (ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ) с Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ подмСню.

  • ИспользованиС Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ с ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠ΅ΠΉ страниц.

  • Π‘ΠΎΡ‡Π΅Ρ‚Π°Π½ΠΈΠ΅ Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΈ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ (Π³Π΄Π΅ вСрхняя навигация ссылаСтся Π½Π° Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ сайта, каТдая со своСй собствСнной Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠ΅ΠΉ).

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ полнотСкстовый поиск Π² Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ интСрфСйс.

ВСрхняя навигация

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ Π½Π° Π²Π΅Π±-сайт, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ запись navbar Π² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡŽ Π²Π΅Π±-сайта Π² _quarto.yml . НапримСр, ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ YAML:

 сайт:
  панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ:
    Ρ„ΠΎΠ½: основной
    поиск: ΠΏΡ€Π°Π²Π΄Π°
    Π»Π΅Π²Ρ‹ΠΉ:
      - тСкст: "Π”ΠΎΠΌ"
        Ρ„Π°ΠΉΠ»: index.qmd
      - ΠΏΠ΅Ρ€Π΅Π³ΠΎΠ²ΠΎΡ€Ρ‹.qmd
      - ΠΎΠ±.qmd 

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ появится панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, которая выглядит ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

Π’Ρ‹ΡˆΠ΅ ΠΌΡ‹ использовали ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ left , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ элСмСнты для Π»Π΅Π²ΠΎΠΉ стороны ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ right , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ элСмСнты для ΠΏΡ€Π°Π²ΠΎΠΉ стороны.

ВСкст для элСмСнтов ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π±ΡƒΠ΄Π΅Ρ‚ взят ΠΈΠ· Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ прСдоставляСм ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ тСкст : Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Β«HomeΒ» для index.qmd .

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ мСню ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ² мСню (ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ прСдставляСт собой список элСмСнтов, ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠΈΡ… Π½Π° слСва, ΠΈ справа) . НапримСр:

ΠžΡΡ‚Π°Π»ΠΎΡΡŒ
:
  - тСкст: "Π•Ρ‰Π΅"
    мСню:
      - ΠΏΠ΅Ρ€Π΅Π³ΠΎΠ²ΠΎΡ€Ρ‹.qmd
      - ΠΎΠ±.qmd 

Π’ΠΎΡ‚ всС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹, доступныС для Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ:

НазваниС Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сайт : Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ , Ссли ΠΎΠ½ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½). Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ title: false , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.
Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠ΅ слСва ΠΎΡ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ-Π°Π»ΡŒΡ‚ ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°.
ссылка Π½Π° Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π¦Π΅Π»Π΅Π²ΠΎΠΉ href ΠΈΠ· Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°/Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡ‹Π»Π°ΡŽΡ‚ΡΡ Π½Π° ΠΊΠΎΡ€Π½Π΅Π²ΡƒΡŽ страницу сайта ( /index.html ).
Ρ„ΠΎΠ½ Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° («основной», Β«Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉΒ», «успСх», Β«ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒΒ», Β«ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅Β», «информация», «свСтлый», Β«Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉΒ» ΠΈΠ»ΠΈ ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚)
ΠΏΠ΅Ρ€Π΅Π΄Π½ΠΈΠΉ ΠΏΠ»Π°Π½ Π¦Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° («основной», Β«Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉΒ», «успСх», Β«ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒΒ», Β«ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅Β», «информация», «свСтлый», Β«Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉΒ» ΠΈΠ»ΠΈ ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚). Π¦Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для ΠΎΠΊΡ€Π°ΡˆΠΈΠ²Π°Π½ΠΈΡ элСмСнтов Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, тСкста ΠΈ ссылок, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.
поиск Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΠΊΠ½ΠΎ поиска (true ΠΈΠ»ΠΈ false)
слСва / справа Бписки элСмСнтов Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ для Π»Π΅Π²ΠΎΠΉ ΠΈ ΠΏΡ€Π°Π²ΠΎΠΉ стороны ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
со ΡˆΡ‚ΠΈΡ„Ρ‚Π°ΠΌΠΈ ВсСгда ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ (true ΠΈΠ»ΠΈ false). По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ false ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ headroom.js для автоматичСского отобраТСния ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚ страницу Π²Π²Π΅Ρ€Ρ….
ΠΎΠ±Ρ€ΡƒΡˆΠ΅Π½ΠΈΠ΅ Π‘Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ элСмСнты ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π² Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€-мСню, ΠΊΠΎΠ³Π΄Π° дисплСй становится ΡƒΠ·ΠΊΠΈΠΌ (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ true)
Ρ€Π°Π·Π²Π°Π»-Π½ΠΈΠΆΠ΅ ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Π°Ρ Ρ‚ΠΎΡ‡ΠΊΠ° останова, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ элСмСнты ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π² Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€-мСню (Β«smΒ», Β«mdΒ», Β«lgΒ», Β«xlΒ» ΠΈΠ»ΠΈ Β«xxlΒ», ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Β«lgΒ»)

Π’ΠΎΡ‚ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹, доступныС для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ:

ссылка Бсылка Π½Π° Ρ„Π°ΠΉΠ», содСрТащийся Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, ΠΈΠ»ΠΈ внСшний URL.
тСкст ВСкст для отобраТСния элСмСнта Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° , Ссли ΠΎΠ½ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½).
Π·Π½Π°Ρ‡ΠΎΠΊ НазваниС ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· стандартных Π·Π½Π°Ρ‡ΠΊΠΎΠ² Bootstrap 5 (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Β«githubΒ», Β«twitterΒ», Β«shareΒ» ΠΈ Ρ‚.  Π΄.).
этикСтка aria Доступная ΠΌΠ΅Ρ‚ΠΊΠ° для элСмСнта Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.
МСню Бписок элСмСнтов Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ для заполнСния Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ свСдСния ΠΎΠ± ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ внСшним Π²ΠΈΠ΄ΠΎΠΌ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅ΠΌ HTML см. Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π’Π΅ΠΌΡ‹ HTML β€” навигация.

Боковая навигация

Если ваш сайт состоит ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Π΅ΡΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ, которая позволяСт ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎ Π³Π»ΡƒΠ±ΠΎΠΊΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ статСй.

Если Π²Ρ‹ Ρ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ эту страницу Π½Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ устройствС, слСва Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ (Π² ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС Π²Π²Π΅Ρ€Ρ…Ρƒ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ строку Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΊΠΎΡΠ½ΡƒΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ).

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ Π½Π° Π²Π΅Π±-сайт, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль Π² Ρ€Π°Π·Π΄Π΅Π» Π²Π΅Π±-сайта _quarto. yml . НапримСр:

 сайт:
  боковая панСль:
    ΡΡ‚ΠΈΠ»ΡŒ: "ΠΊΡƒΠΏΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ"
    поиск: ΠΏΡ€Π°Π²Π΄Π°
    содСрТаниС:
      - Ρ€Π°Π·Π΄Π΅Π»: "ΠžΡΠ½ΠΎΠ²Ρ‹"
        содСрТаниС:
          - index.qmd
          - основы-knitr.qmd
          - основы-jupyter.qmd
      - Ρ€Π°Π·Π΄Π΅Π»: "ΠœΠ°ΠΊΠ΅Ρ‚"
        содСрТаниС:
          - layout.qmd
          - ΠΌΠ°ΠΊΠ΅Ρ‚-knitr.qmd
          - ΠΌΠ°ΠΊΠ΅Ρ‚-jupyter.qmd 

Доступны Π΄Π²Π° стиля Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ: Β«Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΉΒ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ Ρ„ΠΎΠ½Π°, ΠΈ Β«ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΉΒ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ Π΅Π΅ Π±Π»ΠΈΠΆΠ΅ ΠΊ основному тСксту. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ выглядят Β«Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΉΒ» ΠΈ Β«ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΉΒ» стили (соотвСтствСнно):

Π’ΠΎΡ‚ всС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ:

ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π³ΠΈΠ±Ρ€ΠΈΠ΄Π½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, описанной Π½ΠΈΠΆΠ΅).
Π½Π°Π·Π²Π°Π½ΠΈΠ΅ НазваниС Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Ссли ΠΎΠ½ΠΎ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ΠΎ).
ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°
поиск Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΠΊΠ½ΠΎ поиска (true ΠΈΠ»ΠΈ false). ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Ссли Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΎΠΊΠ½ΠΎ поиска, ΠΎΠ½ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.
инструмСнты Бписок инструмСнтов Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ссылка Π½Π° github ΠΈΠ»ΠΈ twitter ΠΈ Ρ‚. Π΄.). ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ см. Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅.
ΡˆΡ‚ΡƒΠΊ Бписок ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… элСмСнтов Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ элСмСнты Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня, Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, ΠΈΠΌΠ΅ΡŽΡ‚ список подэлСмСнтов).
ΡΡ‚ΠΈΠ»ΡŒ Β«Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΉΒ» ΠΈΠ»ΠΈ Β«ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠΉΒ»
Ρ‚ΠΈΠΏ Β«Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉΒ» ΠΈΠ»ΠΈ «свСтлый» (подсказка, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ†Π²Π΅Ρ‚ тСкста Π±Ρ‹Π» ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚Ρƒ Ρ„ΠΎΠ½Π°)
Ρ„ΠΎΠ½ Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° (Β«Π½Π΅Ρ‚Β», «основной», Β«Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉΒ», «успСх», Β«ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒΒ», Β«ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅Β», «информация», «свСтлый», Β«Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉΒ» ΠΈΠ»ΠΈ Β«Π±Π΅Π»Ρ‹ΠΉΒ»). По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ «свСтлый».
ΠΏΠ΅Ρ€Π΅Π΄Π½ΠΈΠΉ ΠΏΠ»Π°Π½ Π¦Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° («основной», Β«Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉΒ», «успСх», Β«ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒΒ», Β«ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅Β», «информация», «свСтлый», Β«Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉΒ» ΠΈΠ»ΠΈ ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚). Π¦Π²Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для ΠΎΠΊΡ€Π°ΡˆΠΈΠ²Π°Π½ΠΈΡ элСмСнтов Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, тСкста ΠΈ ссылок, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.
Π³Ρ€Π°Π½ΠΈΡ†Π° ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π»ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. Β«ΠΏΡ€Π°Π²Π΄Π°Β» ΠΈΠ»ΠΈ «лоТь»
Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ («слСва», «справа» ΠΈΠ»ΠΈ Β«ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€ΡƒΒ»).
ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ ΠΎΠ±Ρ€ΡƒΡˆΠ΅Π½ΠΈΡ ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π»ΠΈ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ β€” 2, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΡƒΡ€ΠΎΠ²Π½ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚Ρ‹ (Π½ΠΎ ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ‚Ρ€Π΅Ρ‚ΠΈΠΉ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΡƒΡ€ΠΎΠ²Π½ΠΈ свСрнутыми).
Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΉ ВсСгда ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ строку Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, которая Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль ΠΏΡ€ΠΈ мСньшСй ΡˆΠΈΡ€ΠΈΠ½Π΅ экрана (true ΠΈΠ»ΠΈ false). По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ false ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ headroom.js для автоматичСского отобраТСния ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚ страницу Π²Π²Π΅Ρ€Ρ….

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ свСдСния ΠΎΠ± ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ внСшним Π²ΠΈΠ΄ΠΎΠΌ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅ΠΌ HTML см. Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π’Π΅ΠΌΡ‹ HTML β€” навигация.

АвтоматичСскоС созданиС

Quarto v1.2 ВрСбуСтся

Описанная Π½ΠΈΠΆΠ΅ функция автоматичСского создания Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ доступна Π² Quarto v1.2, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ с https://quarto.org/docs/download/.

Π’Ρ‹ΡˆΠ΅ ΠΌΡ‹ описали, ΠΊΠ°ΠΊ явно Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ содСрТимоС Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ элСмСнтами Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ автоматичСски Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΈΠ· Ρ„Π°ΠΉΠ»ΠΎΠ²ΠΎΠΉ систСмы. Π‘Π°ΠΌΡ‹ΠΉ простой способ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это β€” ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ auto: true ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

 боковая панСль:
  содСрТаниС: Π°Π²Ρ‚ΠΎ 

ИспользованиС содСрТимого : auto Π½Π° ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ всС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π½Π° вашСм Π²Π΅Π±-сайтС Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ Π² Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ (Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ домашнСй страницы, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΏΠΎ ссылкС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°). Навигация строится ΠΏΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ:

  1. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ элСмСнтов Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΈΠ· поля title Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².

  2. ΠŸΠΎΠ΄ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ автоматичСски Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π½Π° основС ΠΈΠΌΠ΅Π½ΠΈ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° (Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π·Π°Π³Π»Π°Π²Π½Ρ‹Ρ… Π±ΡƒΠΊΠ² ΠΈ Π·Π°ΠΌΠ΅Π½Ρƒ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² Π½Π° Ρ‚ΠΈΡ€Π΅ ΠΈ символы подчСркивания). Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ index.qmd Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ явный Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ , Ссли Π²Π°ΠΌ Π½Π΅ нравится автоматичСский.

  3. ΠŸΠΎΡ€ΡΠ΄ΠΎΠΊ Π² Π°Π»Ρ„Π°Π²ΠΈΡ‚Π½ΠΎΠΌ порядкС, Ссли Π½Π΅ Ρ†ΠΈΡ„Ρ€Π° 9ПолС Π·Π°ΠΊΠ°Π·Π° 0025 прСдоставляСтся Π² ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

АвтоматичСская навигация автоматичСски Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ элСмСнты Π² ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π°Ρ…. Если Π²Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ этого Π½Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ явный /* , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅:

 боковая панСль:
  содСрТимоС: /* 

ВмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ всС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ имя ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° ΠΈΠ»ΠΈ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ шаблон. НапримСр, допустимы всС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ значСния для auto (ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ вторая Ρ„ΠΎΡ€ΠΌΠ° для сообщаСт, Ρ‡Ρ‚ΠΎ Π½Π΅ являСтся рСкурсивным):

 боковая панСль:
  содСрТаниС: ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹
  
боковая панСль:
  содСрТаниС: ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹/*
  
боковая панСль:
  содСрТимоС: "*.ipynb" 

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π² YAML Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ Π»ΡŽΠ±Ρ‹Π΅ строки, Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠ΅ΡΡ с * (ΠΊΠ°ΠΊ ΠΌΡ‹ Π΄Π΅Π»Π°Π»ΠΈ Π²Ρ‹ΡˆΠ΅ для *.ipynb ).

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ автоматичСски ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ содСрТимоС Π² любом мСстС ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. НапримСр, здСсь ΠΌΡ‹ добавляСм Ρ€Π°Π·Π΄Π΅Π», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ автоматичСски гСнСрируСтся ΠΈΠ· ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π°:

.
 боковая панСль:
  содСрТаниС:
    - ΠΎΠ±.ΠΊΠ²ΠΌΠ΄
    - Π²ΠΊΠ»Π°Π΄.qmd
    - Ρ€Π°Π·Π΄Π΅Π»: ΠžΡ‚Ρ‡Π΅Ρ‚Ρ‹
      содСрТаниС: ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹ 

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ автоматичСски сгСнСрированныС элСмСнты Π² сСрСдину списка ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… элСмСнтов, Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ² элСмСнт со свойством auto . Π—Π΄Π΅ΡΡŒ ΠΌΡ‹ добавляСм запись auto Π² сСрСдинС списка элСмСнтов:

 боковая панСль:
  содСрТаниС:
    - ΠΎΠ±. ΠΊΠ²ΠΌΠ΄
    - Π²ΠΊΠ»Π°Π΄.qmd
    - Π°Π²Ρ‚ΠΎ: "*-report.qmd" 

Π•Ρ‰Π΅ Ρ€Π°Π· ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Ρ†ΠΈΡ‚ΠΈΡ€ΡƒΠ΅ΠΌ запись auto с * , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π»Π°ΡΡŒ.

Гибридная навигация

Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π²Π΅Π±-сайт с дСсятками ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ сотнями страниц, Π²Ρ‹, вСроятно, Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ ΠΈ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ вмСстС, Π³Π΄Π΅ вСрхняя навигация Π²Π΅Π΄Π΅Ρ‚ ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌ, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠΌΠ΅Π΅Ρ‚ ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ.

Для этого ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π³Ρ€ΡƒΠΏΠΏΡ‹ ΠΈΠ· элСмСнтов Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ свяТитС ΠΊΠ°ΠΆΠ΄ΡƒΡŽ Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΈΠ· элСмСнтов Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ с элСмСнтом ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ , сопоставив ΠΈΡ… Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ ΡƒΠΊΠ°Π·Π°Π² страницу, ΡΠ²ΡΠ·Π°Π½Π½ΡƒΡŽ с ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ , Π² качСствС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ содСрТимого Π² боковая панСль Π³Ρ€ΡƒΠΏΠΏΠ°. НапримСр, Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Diataxis Framework для Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ, Ρƒ вас ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ для руководств, практичСских руководств, объяснСний ΠΈ справочных Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², ваша страница ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.

ΠŸΡ€ΠΈ Π³ΠΈΠ±Ρ€ΠΈΠ΄Π½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Ссли Π·Π°Ρ‚Π΅ΠΌ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ, скаТСм, Tutorials, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ Π½Π° страницу, ΠΏΠΎΠ΄ΠΎΠ±Π½ΡƒΡŽ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ.

Для достиТСния этого ΠΌΠ°ΠΊΠ΅Ρ‚Π° конфигурация вашСго сайта Π΄ΠΎΠ»ΠΆΠ½Π° Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

 сайт:
  НазваниС: ProjectX
  панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ:
    Ρ„ΠΎΠ½: основной
    поиск: ΠΏΡ€Π°Π²Π΄Π°
    Π»Π΅Π²Ρ‹ΠΉ:
      - тСкст: "Π”ΠΎΠΌ"
        Ρ„Π°ΠΉΠ»: index.qmd
      - тСкст: "Π£Ρ‡Π΅Π±Π½ΠΈΠΊΠΈ"
        Ρ„Π°ΠΉΠ»: tutorials.qmd
      - тСкст: "Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ"
        Ρ„Π°ΠΉΠ»: howto.qmd
      - тСкст: "ΠžΡΠ½ΠΎΠ²Ρ‹"
        Ρ„Π°ΠΉΠ»: основы.qmd
      - тСкст: "Бсылка"
        Ρ„Π°ΠΉΠ»: reference.qmd
  боковая панСль:
    - Π½Π°Π·Π²Π°Π½ΠΈΠ΅: "Π£Ρ‡Π΅Π±Π½ΠΈΠΊΠΈ"
      ΡΡ‚ΠΈΠ»ΡŒ: "ΠΊΡƒΠΏΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ"
      Ρ„ΠΎΠ½: свСтлый
      содСрТаниС:
        - ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠΈ.qmd
        - ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ-1.qmd
        - ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ-2.qmd
    - Π½Π°Π·Π²Π°Π½ΠΈΠ΅: "Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ"
      содСрТаниС:
        - ΠΊΠ°ΠΊ.qmd
        # элСмСнты Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
    - Π½Π°Π·Π²Π°Π½ΠΈΠ΅: "ΠžΡΠ½ΠΎΠ²Ρ‹"
      содСрТаниС:
        - основы.qmd
        # элСмСнты Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
    - Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ: "Π‘ΠΏΡ€Π°Π²ΠΎΡ‡Π½ΠΈΠΊ"
      содСрТаниС:
        - ссылка. qmd
        # элСмСнты Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
     

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ содСрТит нСсколько ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡΡ‚ΠΈΠ»ΡŒ ΠΈ Ρ„ΠΎΠ½ ). Π­Ρ‚ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ автоматичСски Π½Π°ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ΡΡ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Π±ΠΎΠΊΠΎΠ²Ρ‹ΠΌΠΈ панСлями.

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ состоит Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ элСмСнты Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ доступными ΠΈΠ· Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСню элСмСнтов ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΎΠ½ΠΈ сгруппированы. Для этого ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ список ΠΈΠ· записСй Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ присвойтС ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π½ΠΈΡ… ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π·Π°Ρ‚Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ для ссылки Π½Π° Π½ΠΈΡ… ΠΈΠ· навигационная панСль .

Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π°, которая Π½Π΅ отобраТаСтся Π½ΠΈ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ, унаслСдуСт ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ ΠΏΠ΅Ρ€Π²ΡƒΡŽ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π° страницС, установив sidebar: false Π² Π΅Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅.

Для этого конфигурация вашСго сайта Π΄ΠΎΠ»ΠΆΠ½Π° Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

 сайт:
  НазваниС: ProjectX
  панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ:
    Ρ„ΠΎΠ½: основной
    поиск: ΠΏΡ€Π°Π²Π΄Π°
    Π»Π΅Π²Ρ‹ΠΉ:
      - тСкст: "Π”ΠΎΠΌ"
        Ρ„Π°ΠΉΠ»: index. qmd
      - боковая панСль: ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠΈ
      - боковая панСль: как
      - боковая панСль: основы
      - боковая панСль: ссылка
  боковая панСль:
    - ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€: ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠΈ
      НазваниС: "Π£Ρ‡Π΅Π±Π½ΠΈΠΊΠΈ"
      ΡΡ‚ΠΈΠ»ΡŒ: "ΠΊΡƒΠΏΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ"
      Ρ„ΠΎΠ½: свСтлый
      ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ коллапса: 2
      содСрТаниС:
        # элСмСнты Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
        
    - ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€: ΠΊΠ°ΠΊ
      НазваниС: "Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ"
      содСрТаниС:
        # элСмСнты Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
        
    - ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€: основы
      НазваниС: "ΠžΡΠ½ΠΎΠ²Ρ‹"
      содСрТаниС: :
        # элСмСнты Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
        
    - ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€: ссылка
      Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ: "Бсылка"
      содСрТаниС:
        # элСмСнты Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
     

Навигация ΠΏΠΎ страницам

Если Ρƒ вас Π΅ΡΡ‚ΡŒ Π²Π΅Π±-сайт с нСсколькими страницами Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»Π΅, часто Π±Ρ‹Π²Π°Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΊ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ страницС (ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΉ страницС) Π²Π½ΠΈΠ·Ρƒ страницы, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΎΠ½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Ρ‚ΠΎ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠ» Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ это, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ:

 сайт:
  навигация ΠΏΠΎ страницам: ΠΏΡ€Π°Π²Π΄Π° 

Если этот ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½, навигация ΠΏΠΎ страницам Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π²Π½ΠΈΠ·Ρƒ страницы всякий Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π΅ΡΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ ΠΈΠ»ΠΈ прСдыдущая страница (Π² Ρ‚ΠΎΠΌ числС Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅). Π­Ρ‚ΠΎΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для ΠΊΠ½ΠΈΠ³, Π½ΠΎ Π½Π΅ для Π²Π΅Π±-сайтов.

Π‘Π΅ΠΏΠ°Ρ€Π°Ρ‚ΠΎΡ€Ρ‹

Если Π²Ρ‹ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚Π΅ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ страниц Π² Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль (ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌΠΈ ΠΈΠ»ΠΈ элСмСнтами), элСмСнты управлСния Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠ΅ΠΉ ΠΏΠΎ страницам Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ для продолТСния разбиСния Π½Π° страницы Ρ‡Π΅Ρ€Π΅Π· Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ. НапримСр, Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ:

 сайт:
  боковая панСль:
    содСрТаниС:
      - Ρ€Π°Π·Π΄Π΅Π»: "ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π»"
        содСрТаниС:
          - ссылка: document1.qmd
          - ссылка: document2.qmd
          - ссылка: document3.qmd
      - тСкст: "---"
      - Ρ€Π°Π·Π΄Π΅Π»: "Π’Ρ‚ΠΎΡ€ΠΎΠΉ Ρ€Π°Π·Π΄Π΅Π»"
        содСрТаниС:
          - ссылка: document4.qmd
          - ссылка: document5.qmd
          - ссылка: document6.qmd 

Когда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ достигаСт ΠΊΠΎΠ½Ρ†Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°3.qmd, ΠΎΠ½ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ для Π²ΠΎΠ·Π²Ρ€Π°Ρ‚Π° ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ2.qmd, Π½ΠΎ Π½Π΅ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ для продолТСния ΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ 4. Π’Π°ΠΊΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° Ρƒ вас Π΅ΡΡ‚ΡŒ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ содСрТимого, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Π½Π΅ ΡΠ»ΠΈΠ²Π°ΡŽΡ‚ΡΡ СстСствСнным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π² ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΌ порядкС. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΡ‚ΡŒ это Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ ΠΈ Ρ€Π°Π·Π±ΠΈΡ‚ΡŒ Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ страниц.

НиТний ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» страницы

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ page-footer , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΠΎΠ±Ρ‰ΠΈΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» для всСх страниц Π²Π΅Π±-сайта. Π‘Π°ΠΌΡ‹ΠΉ простой Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» просто содСрТит тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ Π±ΠΎΠ»Π΅Π΅ свСтлым ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ:

 сайт:
  Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» страницы: «АвторскоС ΠΏΡ€Π°Π²ΠΎ 2021, Нора ДТонс» 

Π’ качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π»Π΅Π²ΡƒΡŽ , ΠΏΡ€Π°Π²ΡƒΡŽ ΠΈ Ρ†Π΅Π½Ρ‚Ρ€Π°Π»ΡŒΠ½ΡƒΡŽ области Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ:

 сайт:
  Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» страницы:
    слСва: «АвторскоС ΠΏΡ€Π°Π²ΠΎ 2021, Нора ДТонс»
    Π²Π΅Ρ€Π½ΠΎ:
      - Π·Π½Π°Ρ‡ΠΎΠΊ: Π³ΠΈΡ‚Ρ…Π°Π±
        ссылка: https://github.com/
      - Π·Π½Π°Ρ‡ΠΎΠΊ: Ρ‚Π²ΠΈΡ‚Ρ‚Π΅Ρ€
        ссылка: https://twitter.com/

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Для ΠΏΡ€Π°Π²ΠΎΠΉ области Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° ΠΌΡ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ элСмСнты для GitHub ΠΈ Twitter, Π° Π½Π΅ тСкст. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ элСмСнты Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π² Π»ΡŽΠ±ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ„ΠΎΠ½Π° , ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π° ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ для дальнСйшСго управлСния внСшним Π²ΠΈΠ΄ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ†Π²Π΅Ρ‚Π° Ρ„ΠΎΠ½Π° ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Π²Π΅Ρ€Ρ…Π½ΡŽΡŽ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это:

 сайт:
  Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» страницы:
    Π³Ρ€Π°Π½ΠΈΡ†Π°: лоТь 

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ свСтлый Ρ„ΠΎΠ½ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ соотвСтствовал ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ), сдСлайтС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

 сайт:
  Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ» страницы:
    Ρ„ΠΎΠ½: свСтлый 

Если Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ΠΎ ΠΈΠ½ΠΎΠ΅, Ρ†Π²Π΅Ρ‚ ( ΠΏΠ΅Ρ€Π΅Π΄Π½ΠΈΠΉ ΠΏΠ»Π°Π½ ), ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ для элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π΅, Π±ΡƒΠ΄Π΅Ρ‚ автоматичСски ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒΡΡ с использованиСм Ρ†Π²Π΅Ρ‚Π°, ΠΊΠΎΠ½Ρ‚Ρ€Π°ΡΡ‚ΠΈΡ€ΡƒΡŽΡ‰Π΅Π³ΠΎ с Ρ„ΠΎΠ½ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°.

Π‘ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ

Для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… страниц (особСнно с ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ) Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ( навигационная панСль , боковая панСль ΠΈΠ»ΠΈ ΠΈ Ρ‚ΠΎ, ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅). Π’ этом случаС Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ Π½Π° ΠΎΠ±Π»ΠΎΠΆΠΊΡƒ страницы:

 # Π‘ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль Π½Π° этой страницС
боковая панСль: лоТь
# Π‘ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π½Π° этой страницС
панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ: лоТь 

Π Π΅ΠΆΠΈΠΌ чтСния

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ΠΈ ΠΎΠ³Π»Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΈΠΌΠ΅Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ†Π΅Π»Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Π½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚ чтСния, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ€Π΅ΠΆΠΈΠΌ чтСния . ΠŸΡ€ΠΈ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, Ссли ΠΎΠ½Π° Π΅ΡΡ‚ΡŒ, ΠΈΠ»ΠΈ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ появится ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ Ρ€Π΅ΠΆΠΈΠΌΠ° чтСния . ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ «свСрнСт» Π±ΠΎΠΊΠΎΠ²ΡƒΡŽ панСль ΠΈ ΠΎΠ³Π»Π°Π²Π»Π΅Π½ΠΈΠ΅.

Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ€Π΅ΠΆΠΈΠΌ чтСния , ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π² своСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

 сайт:
  Ρ€Π΅ΠΆΠΈΠΌ чтСния: ΠΏΡ€Π°Π²Π΄Π° 

Поиск ΠΏΠΎ сайту

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ поиск ΠΏΠΎ сайту, Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ² search: true Π² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡŽ site-navbar ΠΈΠ»ΠΈ site-sidebar . НапримСр:

 сайт:
  боковая панСль:
    ΡΡ‚ΠΈΠ»ΡŒ: "ΠΊΡƒΠΏΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ"
    поиск: ΠΏΡ€Π°Π²Π΄Π°
    ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Ρ‹:
      - тСкст: "ΠžΡΠ½ΠΎΠ²Ρ‹"
        содСрТаниС:
          - index. qmd
          - основы-jupyter.md
        # ΠΈ Ρ‚. Π΄. 

Бсылки Π½Π° GitHub

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ссылки (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для рСдактирования страниц, сообщСния ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°Ρ… ΠΈ Ρ‚. Π΄.) Π² Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ GitHub, Π³Π΄Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ исходный ΠΊΠΎΠ΄ вашСго сайта. Для этого Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ repo-url вмСстС с ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ»ΠΈ нСсколькими дСйствиями Π² repo-actions . НапримСр:

 сайт:
  URL-адрСс рСпозитория: https://github.com/quarto-dev/quarto-demo
  Ρ€Π΅ΠΏΠΎ-Π°ΠΊΡ†ΠΈΠΈ: [ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ, выпуск] 

Бсылки Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ сразу ΠΏΠΎΠ΄ ΠΎΠ³Π»Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ страницы:

Π•ΡΡ‚ΡŒ нСсколько Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΎΠΏΡ†ΠΈΠΉ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ссылок Π½Π° Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ:

Ρ€Π΅ΠΏΠΎ-ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ ΠŸΠΎΠ΄ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ рСпозитория, содСрТащий исходныС Ρ„Π°ΠΉΠ»Ρ‹ (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³).
ΠΎΡ‚Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ€Π΅ΠΏΠΎ Π’Π΅Ρ‚ΠΊΠ° рСпозитория, содСрТащая исходныС Ρ„Π°ΠΉΠ»Ρ‹ (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ main )

ΠŸΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΡ

Если Π²Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚Π΅ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ страницу Π½Π° своСм сайтС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ пСрСнаправлСния со старых URL-адрСсов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ ссылки Π½Π΅ ΠΏΡ€Π΅Ρ€Ρ‹Π²Π°Π»ΠΈΡΡŒ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это, Π΄ΠΎΠ±Π°Π²ΠΈΠ² псСвдонимов со старых страниц Π½Π° ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½Ρ‹Π΅ страницы.

НапримСр, допустим, Π²Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π»ΠΈ page.qmd Π² ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π»ΠΈ-page.qmd . Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ запись псСвдонимов Π² named-page.qmd для создания пСрСнаправлСния:

 ---
title: "ΠŸΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π½Π°Ρ страница"
псСвдонимы:
  - страница.html
--- 

Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π² ситуациях, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Ρ€Π΅ΠΎΡ€Π³Π°Π½ΠΈΠ·ΡƒΠ΅Ρ‚Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° своСм сайтС Π² Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ² ΠΈΠ»ΠΈ Ρ€Π°Π·Π±ΠΈΠ²Π°Π΅Ρ‚Π΅ ΠΎΠ΄Π½Ρƒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ Π½Π° Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π»ΠΊΠΈΠ΅. Π’ этом случаС Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ…ΡΡˆ URL-адрСса Ρ€Π°Π·Π΄Π΅Π»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π²Π·Π»ΠΎΠΌΠ°Π»ΠΈ, Π½Π° Π½ΠΎΠ²ΡƒΡŽ страницу. НапримСр:

 ---
НазваниС: "Π£Π·Π½Π°Ρ‚ΡŒ большС"
псСвдонимы:
  - review.html#learning-more
--- 

Π’ зависимости ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Π³Π΄Π΅ Π²Ρ‹ Ρ€Π°Π·Π²Π΅Ρ€Ρ‚Ρ‹Π²Π°Π΅Ρ‚Π΅ свой сайт, ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ доступны Π±ΠΎΠ»Π΅Π΅ ΠΌΠΎΡ‰Π½Ρ‹Π΅ инструмСнты для опрСдСлСния ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΉ Π½Π° основС шаблонов. НапримСр, Netlify _redirects Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ»ΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² . htaccess . НайдитС Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ вашСго Π²Π΅Π±-хостинга «пСрСнаправлСния», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, доступны Π»ΠΈ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΠΈΠ· этих инструмСнтов.

404 страницы

Когда Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ Π·Π°ΠΏΡ€ΠΎΡˆΠ΅Π½Π½ΡƒΡŽ Π²Π΅Π±-страницу, ΠΎΠ½ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΎΡˆΠΈΠ±ΠΊΡƒ 404, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ» Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π°ΠΉΠ΄Π΅Π½. Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρ‹ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° с ошибкой 404 ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ довольно ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹ΠΌΠΈ, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΡƒΡŽ страницу с Π±ΠΎΠ»Π΅Π΅ друТСствСнным сообщСниСм ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, указатСлями Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°ΠΉΡ‚ΠΈ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΡ‰ΡƒΡ‚.

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ Π²Π΅Π±-обслуТивания (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Netlify, GitHub Pages ΠΈ Ρ‚. Π΄.) Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» с ΠΈΠΌΠ΅Π½Π΅ΠΌ 404.html Π² ΠΊΠΎΡ€Π½Π΅ вашСго Π²Π΅Π±-сайта Π² качСствС настраиваСмой страницы ошибок, Ссли Π²Ρ‹ Π΅Π³ΠΎ прСдоставитС. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΡƒΡŽ страницу 404 Π½Π° Π²Π΅Π±-сайт Quarto, создав Ρ„Π°ΠΉΠ» ΡƒΡ†Π΅Π½ΠΊΠΈ с ΠΈΠΌΠ΅Π½Π΅ΠΌ 404.qmd Π² ΠΊΠΎΡ€Π½Π΅ вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. НапримСр:

 ---
НазваниС: Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° Π½Π΅ Π½Π°ΠΉΠ΄Π΅Π½Π°
---
Π—Π°ΠΏΡ€ΠΎΡˆΠ΅Π½Π½Π°Ρ Π²Π°ΠΌΠΈ страница Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π°ΠΉΠ΄Π΅Π½Π° (Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΎΠ½Π° Π±Ρ‹Π»Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½Π° ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Π°). 
Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ поиск, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π½ΠΎΠ²ΠΎΠ΅ мСстополоТСниС страницы. 

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HTML вмСстС с ΡƒΡ†Π΅Π½ΠΊΠΎΠΉ Π² ​​файлС 404.qmd , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎΡ‚ внСшний Π²ΠΈΠ΄ ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π°ΠΌ Π½ΡƒΠΆΠ΅Π½.

 Π’Π°ΡˆΠ° страница 404 появится Π² Chrome вашСго сайта (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, css, ΠΌΠ°ΠΊΠ΅Ρ‚, навигация ΠΈ Ρ‚. Π΄.). Π­Ρ‚ΠΎ сдСлано для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ чувствовали, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Π±Π΅Π·Π²ΠΎΠ·Π²Ρ€Π°Ρ‚Π½ΠΎ Β«ΡƒΡˆΠ»ΠΈΒ» с вашСго сайта, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ ΠΎΡˆΠΈΠ±ΠΊΡƒ 404. Если Π²Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΠΎΠ³ΠΎ повСдСния, ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ 404.html , Π° Π½Π΅ 404.qmd .

Π’ΠΎΡ‚ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ популярныС Π²Π΅Π±-сайты ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ страницы 404: https://blog.fluidui.com/top-404-error-page-examples/.

НСкорнСвыС ΠΏΡƒΡ‚ΠΈ ΠΊ сайту

Если ваш Π²Π΅Π±-сайт обслуТиваСтся ΠΈΠ· корня Π΄ΠΎΠΌΠ΅Π½Π° (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, https://example.com/), Ρ‚ΠΎ для создания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ страницы 404 достаточно просто ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» 404. qmd , ΠΊΠ°ΠΊ описано Π²Ρ‹ΡˆΠ΅.

Однако, Ссли ваш Π²Π΅Π±-сайт с Π½ΠΎΠΌΠ΅Ρ€ΠΎΠΌ , Π° Π½Π΅ обслуТиваСтся ΠΈΠ· корня Π΄ΠΎΠΌΠ΅Π½Π°, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ элСмСнт ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ рСсурсы (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, CSS вашСго сайта) ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°ΡŽΡ‚ΡΡ Π½Π° страницах 404.

НапримСр, Ссли ваш сайт обслуТиваСтся с https://example.com/mysite/, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ Π² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡŽ вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π²Π΅Π±-сайта Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… _quarto.yml :

 сайт:
  title: "Мой сайт"
  ΠΏΡƒΡ‚ΡŒ ΠΊ сайту: "/mysite/" 

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Ссли Π²Ρ‹ ΡƒΠΆΠ΅ прСдоставляСтС URL-адрСс сайта (ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ трСбуСтся для создания ΠΊΠ°Ρ€Ρ‚ сайта ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй), Ρ‚ΠΎ достаточно просто ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ Π² URL-адрСсС сайта :

. 9Π‘Π°ΠΉΡ‚ 0032: title: «Мой сайт» URL-адрСс сайта: Β«https://example.com/mysite/Β»

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ для сайта (Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΊΠΎΠ΄) | ΠœΡƒΡΠ»ΠΈΠΌΠ±Π΅ΠΊ Восидий

ИдСи для Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° мСню

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅

НавигационноС мСню Π²Π΅Π±-сайта являСтся Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса. Π­Ρ‚ΠΎ ΠΊΠ°ΠΊ основа любого Π²Π΅Π±-сайта. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π²Ρ‹ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эту ΡΡ‚Π°Ρ‚ΡŒΡŽ, Ссли Π²Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΠ»ΠΈ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ.

НС сущСствуСт Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΉ Β«Π»ΡƒΡ‡ΡˆΠ΅ΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ сайту». МСню всСгда зависит ΠΎΡ‚ сайта. НапримСр Для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… сайтов достаточно простоС Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ мСню . Для Π±ΠΎΠ»Π΅Π΅ слоТных Π²Π΅Π±-сайтов Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ большоС мСгамСню. Π’ΠΎΡ‚ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ для мСгамСню с Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ . Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π²Π΅Π±-сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²Ρ‹Ρ… мСню, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π΄Ρ€Π΅Π²ΠΎΠ²ΠΈΠ΄Π½ΠΎΠ΅ мСню . Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ это зависит ΠΎΡ‚ структуры вашСго сайта ΠΈ количСства страниц.

Как ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ мСню Π²Π΅Π±-сайта

ΠŸΡ€Π΅ΠΆΠ΄Π΅ всСго, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚Ρƒ сайта ΠΈΠ»ΠΈ структурноС Π΄Π΅Ρ€Π΅Π²ΠΎ вашСго Π²Π΅Π±-сайта Π½Π° основС ваТности ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ссылки. НСкоторыС ссылки всСгда Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄Π½Ρ‹ Π²Π²Π΅Ρ€Ρ…Ρƒ Π² шапкС ΠΈΠ»ΠΈ Π²Π½ΠΈΠ·Ρƒ β€” Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅, Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ссылки связаны с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ страницами. НапримСр: Ρ‚Π°ΠΊΠΈΠ΅ страницы, ΠΊΠ°ΠΊ «О нас», Β«ΠŸΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹Β», Β«ΠŸΠ»Π°Π½Ρ‹Β», Β«ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹Β» ΠΈ Β«Π‘Π»ΠΎΠ³Β», Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π²ΠΈΠ΄Π½Ρ‹ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ страницам Β«Π˜ΡΡ‚ΠΎΡ€ΠΈΡ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈΒ» ΠΈ «Команда», Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ сначала Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ страницу «О ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈΒ», Π° Π·Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌ страницам.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚Ρ‹ Π΄Π΅Ρ€Π΅Π²Π° Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ сайта

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ я подСлюсь всСми Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ мСню с ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ. Π’ основном это Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ мСню. Π­Ρ‚Π° информация ΠΏΠΎΠ»Π΅Π·Π½Π° ΠΊΠ°ΠΊ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ‚Π°ΠΊ ΠΈ для Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ². Π’ ΠΊΠΎΠ½Ρ†Π΅ я подСлюсь ссылкой Π½Π° скачиваниС html css ΠΊΠΎΠ΄Π°.

β„–1. ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ мСню с Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΌ мСню

Π’Π°ΠΊΠΈΠ΅ мСню Π²Ρ‹ ΡƒΠΆΠ΅ Π²ΠΈΠ΄Π΅Π»ΠΈ ΠΏΠΎΠ²ΡΡŽΠ΄Ρƒ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ мСню ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΊΠ»ΠΈΠΊΠΎΠΌ ΠΈΠ»ΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ, ΠΈΠ»ΠΈ ΠΎΠ±ΠΎΠΈΠΌΠΈ способами. Π’ Ρ€Π°ΠΌΠΊΠ°Ρ… Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΎΠ½ доступСн Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для ΠΊΠ»ΠΈΠΊΠΎΠ². Но Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… строк ΠΊΠΎΠ΄Π° CSS.

Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ мСню

#2. ΠœΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ мСню.

ΠœΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²ΠΎΠ΅ Π²Π΅Π±-мСню Ρ‚Π°ΠΊΠΆΠ΅ называСтся Π΄Ρ€Π΅Π²ΠΎΠ²ΠΈΠ΄Π½Ρ‹ΠΌ мСню. Когда Π²Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список ΠΈ Π½Π°Π²ΠΎΠ΄ΠΈΡ‚Π΅ курсор ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΎΠ΄ΠΈΠ½ ΠΈΠ· элСмСнтов Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ списка, слСва ΠΈΠ»ΠΈ справа появляСтся Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ список. Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ изобраТСния:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ мСню Π²Π΅Π±-сайта

#3. ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° мСгамСню.

МСгамСню Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π½Π° сайтах элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ. Он ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ вСсь ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π² ΠΎΠ΄Π½ΠΎΠΌ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ ΠΎΠΊΠ½Π΅. Π’ мСгамСню ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ большой ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ всС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², мноТСство ссылок, Π±Π°Π½Π½Π΅Ρ€ΠΎΠ² Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π΅Π³ΠΎ. Π­Ρ‚ΠΎ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ слоТноС мСню для создания ΠΈ Π°Π΄Π°ΠΏΡ‚Π°Ρ†ΠΈΠΈ. Π’ΠΎΡ‚ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² оформлСния мСгамСню:

ΠžΠ±Ρ€Π°Π·Π΅Ρ† Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ мСгамСню β€” полная ΡˆΠΈΡ€ΠΈΠ½Π°

Π’ΠΎΡ‚ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΡΡ‚ΠΈΠ»ΡŒ мСгамСню для Π²Π΅Π±-сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ список ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ свой Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ Π·Π½Π°Ρ‡ΠΎΠΊ:

ИдСя Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ мСгамСню ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ элСктронной Ρ‚ΠΎΡ€Π³ΠΎΠ²Π»ΠΈ

Π”Π°ΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Π΅ Π°ΠΊΡ†ΠΈΠΈ ΠΈΠ»ΠΈ прСдлоТСния ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π²Π½ΡƒΡ‚Ρ€ΠΈ Π±Π»ΠΎΠΊΠ° мСгамСню . Π’ΠΎΡ‚ ΠΎΠ±Ρ€Π°Π·Π΅Ρ†:

#4. МСга-мСню с мСню Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π²Π½ΡƒΡ‚Ρ€ΠΈ

Π­Ρ‚ΠΎΡ‚ Ρ‚ΠΈΠΏ мСгамСню Π² основном ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для Π²Π΅Π±-сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ. Он Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π²Ρ‹ΡˆΠ΅, мСгамСню ΠΏΠΎΠ»Π½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹, Π½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ (ΠΈΠ½ΠΎΠ³Π΄Π° Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅) Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *