Π Π°Π·Π½ΠΎΠ΅

Html Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста: Π’Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ тСкст, Ρ‡Π°ΡΡ‚ΡŒ тСкста Π² html css ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ†Π²Π΅Ρ‚ любой

28.06.2018

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

ΠžΡΠ½ΠΎΠ²Ρ‹ HTML. Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста курсивом, ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ списков. ИмСна Ρ„Π°ΠΉΠ»ΠΎΠ²

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽ ΡΠ΅Ρ€ΠΈΡŽ постов для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ… освоСниС HTML.

Π’ этот Ρ€Π°Π· ΠΌΡ‹ рассмотрим Ρ‚Π΅Π³ΠΈ для выдСлСния тСкста, Ρ‚Π΅Π³ΠΈ для создания списков, пСрСнос строки ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ линию.

ΠšΡ€ΠΎΠΌΠ΅ этого – нСсколько Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΏΡ€Π°Π²ΠΈΠ» ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠΌΡ‘Π½ Ρ„Π°ΠΉΠ»ΠΎΠ², Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅ΠΌΡ‹Ρ… Π½Π° хостингС.

Π’Π΅Π³ΠΈ выдСлСния тСкста курсивом ΠΈ ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ

Π’Π΅Π³ <strong>ВСкст Π²Π½ΡƒΡ‚Ρ€ΠΈ этого Ρ‚Π΅Π³Π°, Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²Π΅Π΄Π΅Π½ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ</strong>.

Π’Π΅Π³ <em>Π΄Π°Ρ‘Ρ‚ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ вывСсти тСкст β€” курсивом</em>.

Надо ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ±Π° этих Ρ‚Π΅Π³Π° Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ логичСскими, ΠΈ ΠΈΡ… Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ – ΠΈΠΌΠ΅Π½Π½ΠΎ логичСскоС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ участка тСкста.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°ΠΌ извСстно, Ρ‡Ρ‚ΠΎ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π½Π΅ графичСскиС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, для слСпых, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€. Π’Π°ΠΊΠΎΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ тСкст Ρ‡ΠΈΡ‚Π°Π΅Ρ‚, ΠΈ Π² логичСских Ρ‚Π΅Π³Π°Ρ… ΠΎΠ½ произносит слова ΠΈΠ»ΠΈ Π³Ρ€ΠΎΠΌΡ‡Π΅, ΠΈΠ»ΠΈ с Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈΠ½Ρ‚ΠΎΠ½Π°Ρ†ΠΈΠ΅ΠΉ.

Π’ HTML5 Π²Π΅Ρ€Π½ΡƒΠ»ΠΈ, Ρ€Π°Π½Π΅Π΅ ΡΡ‡ΠΈΡ‚Π°Π²ΡˆΠΈΠ΅ΡΡ ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΌΠΈ, Ρ‚Π΅Π³ΠΈ физичСского форматирования <b> – ΠΎΡ‚ слова

bold (β€œΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΉβ€) ΠΈ Ρ‚Π΅Π³ <i> ΠΎΡ‚ слова italica (β€œΠΊΡƒΡ€ΡΠΈΠ²β€). Но я ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΈΡ… Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π° ΠΎΡ‚Π΄Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ <strong> ΠΈ <em>.

ΠœΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΈ Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ списки

Π’ Ρ‚Π°Π±Π»ΠΈΡ†Π΅ Π½ΠΈΠΆΠ΅, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π½Π°Ρ‡Π°Π»ΠΎ ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ списка Π·Π°Π΄Π°Ρ‘Ρ‚ Ρ‚Π΅Π³ <UL>, Π° Π½Π°Ρ‡Π°Π»ΠΎ Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ списка – Ρ‚Π΅Π³ <OL>.

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡƒΠ½ΠΊΡ‚ списка находится Π² Ρ‚Π΅Π³Π΅ <LI>.


ΠœΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ список (Π½Π΅ упорядочСнный)
Π’Π•Π‘ мастСр Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ:

  • HTML
  • CSS
  • JavaScript
  • AdobePhotoshop

HTML ΠΊΠΎΠ΄:

<ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>AdobePhotoshop</li> </ul>

НумСрованный список (упорядочСнный)

Для создания ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠ³ΠΎ Π±Π»ΠΎΠ³Π° Π½ΡƒΠΆΠ½ΠΎ:

  1. ΠΊΡƒΠΏΠΈΡ‚ΡŒ Π΄ΠΎΠΌΠ΅Π½
  2. хостинг
  3. ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ WordPress
  4. Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΠΈ

HTML ΠΊΠΎΠ΄:

<ol>
	<li>ΠΊΡƒΠΏΠΈΡ‚ΡŒ Π΄ΠΎΠΌΠ΅Π½</li>
	<li>хостинг</li>
	<li>ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ WordPress</li>
	<li>Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΠΈ</li>
</ol>

Π’Π½ΡƒΡ‚Ρ€ΠΈ OL ΠΈ UL

нСльзя Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½ΠΈΡ‡Π΅Π³ΠΎ, ΠΊΡ€ΠΎΠΌΠ΅ элСмСнтов LI, Π½ΠΎ Π² самих ΠΏΡƒΠ½ΠΊΡ‚Π°Ρ… списка (LI) ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π²Π»ΠΎΠΆΠ΅Π½Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ссылки.

ΠœΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ списки, с ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Π°ΠΌΠΈ, ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… мСню ΠΏΠΎ сайту.

Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ, Π² CSS этого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, любой список ΠΈΠ· Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ располоТСнного, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π² Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ.

Атрибуты HTML Ρ‚Π΅Π³ΠΎΠ²

Π•Ρ‰Ρ‘ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ Π² HTML-ΠΊΠΎΠ΄Π΅ Ρ‚Π°ΠΊΠΈΠ΅ конструкции:

<UL TYPE=Β»SQUAREΒ»>

β€œΠ΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅β€, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΈΠ΄Ρ‘Ρ‚ Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π» Π²Π½ΡƒΡ‚Ρ€ΠΈ ΡƒΠ³Π»ΠΎΠ²Ρ‹Ρ… скобок Ρ‚Π΅Π³Π° – называСтся β€œΠ°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ тСга”. Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС, этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π΄Π°Ρ‘Ρ‚ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π² ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ спискС Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Ρ‡Ρ‘Ρ€Π½Ρ‹Π΅ ΠΊΡ€ΡƒΠΆΠΊΠΈ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ², Π½Π° ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ΠΈΠΊΠΈ.

Π’ Π½Π°ΡΡ‚ΡƒΠΏΠ°ΡŽΡ‰Π΅ΠΌ Новом Π“ΠΎΠ΄Ρƒ HTML5, НЕ рСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Ρ‚Π΅Π³ΠΎΠ². Для этой Ρ†Π΅Π»ΠΈ, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π½ΡƒΠΆΠ½ΠΎ  ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ возмоТности CSS3 (ΠšΠ°ΡΠΊΠ°Π΄Π½Ρ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй).

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS3 ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²ΠΈΠ΄ ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² (это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ любой символ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΅ΡΡ‚ΡŒ Π² ΡˆΡ€ΠΈΡ„Ρ‚Π΅), Π½ΠΎ ΠΈ Ρ‚ΠΈΠΏ символов Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΠΈ Π² Π½ΡƒΠΌΠ΅Ρ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… списках. Π­Ρ‚ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, римскиС Ρ†ΠΈΡ„Ρ€Ρ‹ ΠΈΠ»ΠΈ Π±ΡƒΠΊΠ²Ρ‹ латинского Π°Π»Ρ„Π°Π²ΠΈΡ‚Π° (A, B, C, D…).

О CSS ΠΏΡ€Π°Π²ΠΈΠ»Π°Ρ… для измСнСния внСшнСго Π²ΠΈΠ΄Π° ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² списка я Π±ΡƒΠ΄Ρƒ Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅.

Π’Π΅Π³ пСрСноса строки ΠΈ создания Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ

Для ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ пСрСноса тСкста Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку (Π±Π΅Π· создания Π½ΠΎΠ²ΠΎΠ³ΠΎ Π°Π±Π·Π°Ρ†Π°) слуТит Ρ‚Π΅Π³

<BR />.

Иногда, Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ просто вывСсти нСсколько строк Π΄Ρ€ΡƒΠ³ Π½Π°Π΄ Π΄Ρ€ΡƒΠ³ΠΎΠΌ. ΠŸΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΉ адрСс, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€.

Для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ отдСлСния частСй страницы, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅Π³ <HR />. Он создаСт Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ линию. Π”Π»ΠΈΠ½Ρƒ этой Π»ΠΈΠ½ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ WIDTH.

<hr />

Π­Ρ‚Π° линия Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ 30% ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта.


ΠŸΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ так…
ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ Π½Π° Ρ‚Π΅ΠΌΡƒ Β«ΠžΡΠ½ΠΎΠ²Ρ‹ HTMLΒ». Π’ Π½Π΅ΠΉ рассказ ΠΎ ΡƒΠΆΠ΅ извСстных Π²Π°ΠΌ, Π±Π°Π·ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Π³Π°Ρ… HTML.

Π’Π°ΠΆΠ½Ρ‹Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΏΡ€ΠΈ Π·Π°Π΄Π°Π½ΠΈΠΈ ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π°

НуТно ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ограничСния ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° (это ΠΆΠ΅ относится ΠΈ ΠΊ названиям ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ²). Π­Ρ‚ΠΈ особСнности связаны с UNIX – ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмой, ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ хостинг-ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€ΠΎΠ².

ΠŸΡ€Π°Π²ΠΈΠ»Π° просты:

  1. НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ русских Π±ΡƒΠΊΠ², Π² ΠΈΠΌΠ΅Π½Π°Ρ… ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ латинскиС Π±ΡƒΠΊΠ²Ρ‹ ΠΈ Ρ†ΠΈΡ„Ρ€Ρ‹,
  2. НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹. Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π° символ_Π½ΠΈΠΆΠ½Π΅Π³ΠΎ_подчСркивания. Π₯отя, часто слова Π² ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° ΠΏΠΈΡˆΡƒΡ‚ слитно.
  3. НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ символы, Ρ‚ΠΈΠΏΠ°: β€œβ„–;%:?*()”@! МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½ΠΈΠΆΠ½Π΅Π΅ ΠΏΠΎΠ΄Ρ‡Ρ‘Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ Ρ‚ΠΎΡ‡ΠΊΡƒ (хотя Π»ΡƒΡ‡ΡˆΠ΅ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· – ΠΏΠ΅Ρ€Π΅Π΄ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ).
  4. Π–Π΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠΌΠ΅Π½Π° ΠΈ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΈ Π±ΡƒΠΊΠ²Π°ΠΌΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ
    Π² Π½ΠΈΠΆΠ½Π΅ΠΌ рСгистрС (Ρ‚.Π΅. малСнькими Π±ΡƒΠΊΠ²Π°ΠΌΠΈ)
    .

Π’ΠΎΡ‚ ΠΈ всС ΠΏΡ€Π°Π²ΠΈΠ»Π° – Ρ‚Ρ€ΠΈ β€œΠ·ΠΎΠ»ΠΎΡ‚Ρ‹Ρ…β€ ΠΈ ΠΎΠ΄Π½ΠΎ β€œΡΠ΅Ρ€Π΅Π±Ρ€ΡΠ½ΠΎΠ΅β€.

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ сСриала…

Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ вставкС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² HTML – страницу. Π’Π΅Π³ IMG ΠΈ Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹.

ВСкст Π² html

Π£ Вас Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½ JavaScript. Π Π°Π·Ρ€Π΅ΡˆΠΈΡ‚Π΅ JavaScript для Ρ€Π°Π±ΠΎΡ‚Ρ‹ сайта!

Π’ΠΈΠ΄ тСкста Π½Π° экранС зависит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ‚ Ρ‚Π΅Π³ΠΎΠ², ΠΎΠ½ Π½Π΅ зависит ΠΎΡ‚ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² ΠΈ Ρ€Π°Π·Π±ΠΈΠ²ΠΊΠΈ Π½Π° строки.

ВсС элСмСнты оформлСния HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π½Π° Π΄Π²Π° Ρ‚ΠΈΠΏΠ°: строчныС ΠΈ Π±Π»ΠΎΡ‡Π½Ρ‹Π΅.

Π‘Ρ‚Ρ€ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты ΠΌΠΎΠ³ΡƒΡ‚ ΡΠ²Π»ΡΡ‚ΡŒΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ строки, Π° Π±Π»ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты всСгда Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ обособлСнноС мСсто Π½Π° web-страницС ΠΈ всСгда Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ с Π½ΠΎΠ²ΠΎΠΉ строки. ЕстСствСнно, Π±Π»ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² сСбя Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π±Π»ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты ΠΈ строчныС элСмСнты. По Π²ΠΏΠΎΠ»Π½Π΅ понятным ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ строчныС элСмСнты Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² сСбя Π±Π»ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты.

ОбъСдинСниС элСмСнтов web-страницы Π² Π±Π»ΠΎΠΊΠΈ позволяСт ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊ Π½ΠΈΠΌ Π΅Π΄ΠΈΠ½ΠΎΠ΅ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅, ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²Π»ΡΡ‚ΡŒ вСрстку. Достаточно Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ располоТСниС Π±Π»ΠΎΠΊΠ°, ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² ΠΎΠ΄ΠΈΠ½ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³. ЕстСствСнно, это ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅, Ρ‡Π΅ΠΌ ΠΌΠ΅Π½ΡΡ‚ΡŒ располоТСниС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта web-страницы ΠΏΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Π‘Ρ‚Ρ€ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты ΠΎΠ±Ρ€Π°ΠΌΠ»ΡΡŽΡ‚ΡΡ Ρ‚Π΅Π³Π°ΠΌΠΈ <span>…</span>.

Для обрамлСния элСмСнтов Π±Π»ΠΎΡ‡Π½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΠ°Ρ€Π° <div>…</div>.

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΎΠ±Ρ€Π°ΠΌΠ»ΡΡŽΡ‚ div-Π±Π»ΠΎΠΊΠΈ Ρ€Π°Π·Ρ€Ρ‹Π²Π°ΠΌΠΈ строки.

Π‘Π»ΠΎΠΊ <div> Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°ΡΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π±Π»ΠΎΠΊΠ° <span>.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€
<!DOCTYPE html>
<html>
<head>
    <title>Π‘Π»ΠΎΠΊΠΈ</title>
    <meta charset="Windows-1251">
</head>
<body>
<div>ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ Π±Π»ΠΎΠΊ тСкста</div>
<div>Π’Ρ‚ΠΎΡ€ΠΎΠΉ Π±Π»ΠΎΠΊ тСкста.</div>
</body>
</html>

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ форматирования тСкста

<p>…</p>Абзац.
<h2>…</h2>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ уровня.
<h3>…</h3>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ уровня.
…
<h6>…</h6>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡˆΠ΅ΡΡ‚ΠΎΠ³ΠΎ уровня.
<br>ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π½ΠΎΠ²ΡƒΡŽ строку.
<q>…</q>Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ автоматичСски Π±Π΅Ρ€Π΅Ρ‚ тСкст Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π²ΠΈΠ΄ ΠΊΠ°Π²Ρ‹Ρ‡Π΅ΠΊ ΠΌΠΎΠΆΠ½ΠΎ стилСвым свойством quotes.
<hr>Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ линия.
<pre>…</pre>ВСкст фиксированной ΡˆΠΈΡ€ΠΈΠ½Ρ‹ с сохранСниСм всСх ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² ΠΈ пСрСносов.
ΠŸΡ€ΠΈΠΌΠ΅Ρ€
<!DOCTYPE html>
<html>
<head>
    <title>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΈ Π°Π±Π·Π°Ρ†Ρ‹</title>
    <meta charset="Windows-1251">
</head>
<body>
<h2>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ<br>ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ уровня</h2>
<h3>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ уровня</h3>
<h4>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅Π³ΠΎ уровня</h4>
<h5>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΎΠ³ΠΎ уровня</h5>
<h5>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ пятого уровня</h5>
<h6>Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡˆΠ΅ΡΡ‚ΠΎΠ³ΠΎ уровня</h6>
<hr>
<p>ВСст Π°Π±Π·Π°Ρ†Π°</p>
</body>
</html>

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ тСкстовый Ρ„Π°ΠΉΠ», ΠΊΠ°ΠΊ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ Π΅Π³ΠΎ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ html.

Π”Π²ΠΎΠΉΠ½ΠΎΠΉ Ρ‰Π΅Π»Ρ‡ΠΎΠΊ ΠΏΠΎ Π΅Π³ΠΎ наимСнованию Π² ΠΏΠ°ΠΏΠΊΠ΅ запустит Π±Ρ€Π°ΡƒΠ·Π΅Ρ€, установлСнный ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΈ Π² Π½Π΅Π³ΠΎ ΡƒΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ ваш html-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

Для создания ΠΈ рСдактирования html-страниц ΠΏΠΎΠ΄ΠΎΠΉΠ΄Ρ‘Ρ‚ Π΄Π°ΠΆΠ΅ Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚. Но я Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Notepad++ ΠΈΠ»ΠΈ PhpStorm.

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π² тСкстС

<b>…</b>ΠŸΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚.
<i>…</i>ΠšΡƒΡ€ΡΠΈΠ².
<ins>…</ins>ΠŸΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Ρ‹ΠΉ тСкст.
<del>…</del>ΠŸΠ΅Ρ€Π΅Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Ρ‹ΠΉ тСкст.
<sup>…</sup>Надстрочный тСкст.
<sub>…</sub>ΠŸΠΎΠ΄ΡΡ‚Ρ€ΠΎΡ‡Π½Ρ‹ΠΉ тСкст.
ΠŸΡ€ΠΈΠΌΠ΅Ρ€
<b>ВСкст ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ</b>. <i>ВСкст ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ курсивом.</i><br>
<ins>ВСкст ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΡŒ.</ins> <del>ВСкст ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΡŒ.</del><br>
ВСкст ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ <sup>надстрочным</sup>. ВСкст ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ <sub>подстрочным</sub>.

РЕЗУЛЬВАВ:

ВСкст ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ. ВСкст ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ курсивом.
ВСкст ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΡŒ. ВСкст ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΡŒ.
ВСкст ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ надстрочным. ВСкст ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ подстрочным.

Π¦ΠΈΡ‚Π°Ρ‚Ρ‹, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅, адрСса

<address>…
</address>
Π‘Π»ΡƒΠΆΠΈΡ‚ для прСдоставлСния Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΠ΅ ΠΌΠΎΠ³Π»ΠΈ ΡΠ²ΡΠ·Π°Ρ‚ΡŒΡΡ с Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ отобраТаСтся курсивом. Π‘Π»ΠΎΡ‡Π½Ρ‹ΠΉ элСмСнт.
<blockquote>…
</blockquote>
Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ†ΠΈΡ‚Π°Ρ‚. Π‘Π»ΠΎΡ‡Π½Ρ‹ΠΉ элСмСнт.
<cite>…</cite>Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ†ΠΈΡ‚Π°Ρ‚. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ отобраТаСтся курсивом.
<code>…</code>Π’Ρ‹Π²ΠΎΠ΄ тСкста ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ фиксированной ΡˆΠΈΡ€ΠΈΠ½Ρ‹. ΠŸΡ€ΠΈΠΌΠ΅Π½ΡΠ΅Ρ‚ΡΡ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, для Π²Ρ‹Π²ΠΎΠ΄Π° нСбольшого куска ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° (для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… листингов ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚Π΅Π³ <pre>).
<em>…</em>Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²Π°ΠΆΠ½Ρ‹Ρ… Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² тСкста. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ отобраТаСтся курсивом.
<kbd>…</kbd>Π’Ρ‹Π²ΠΎΠ΄ тСкста ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ фиксированной ΡˆΠΈΡ€ΠΈΠ½Ρ‹.
<samp>…</samp>Π’Ρ‹Π²ΠΎΠ΄ тСкста ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ фиксированной ΡˆΠΈΡ€ΠΈΠ½Ρ‹.
<strong>…</strong>БильноС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π²Π°ΠΆΠ½Ρ‹Ρ… Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² тСкста. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ отобраТаСтся ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ.
<var>…</var>Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΈΠΌΠ΅Π½ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ отобраТаСтся курсивом.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ дальшС: HTML списки

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ HTML Ρ‚Π΅Π³ΠΈ форматирования тСкста

ЗдравствуйтС, ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ Π±Π»ΠΎΠ³Π° MonetaVInternete.ru! Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ Ρ€Π΅Ρ‡ΡŒ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ ΠΎ Ρ‚Π΅Π³Π°Ρ… форматирования тСкста. Π―Ρ€ΠΊΠΈΠΌΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ курсивом. Π’Π°ΠΊΠΆΠ΅ ΠΌΡ‹ рассмотрим влияниС Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ² Π½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΡŽΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ сайта ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΈΡ… написания. ΠŸΡ€ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ‚Π΅Π³ΠΈ ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅. ΠšΡΡ‚Π°Ρ‚ΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ элСмСнты оформлСния тСкста Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… тСкстовых Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ…, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π² Π’ΠΎΡ€Π΄Π΅.

Π’Π΅Π³ΠΈ Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π½Π° 2 Π²ΠΈΠ΄Π°: Π±Π»ΠΎΡ‡Π½Ρ‹Π΅ ΠΈ строчныС. ΠŸΡ€ΠΈ использовании ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, Π²Ρ‹ смоТСтС ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ содСрТаниС части тСкста (строки, ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈΠ»ΠΈ ΠΆΠ΅ слова), Π° Π²Ρ‚ΠΎΡ€Ρ‹Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ структурой HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π’Π΅Π³ΠΈ форматирования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ рассмотрим Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅, прСимущСствСнно строчныС.

ΠŸΡ€Π°Π²ΠΈΠ»Π° ΠΈ порядок написания Ρ‚Π΅Π³ΠΎΠ²


Π’Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³ΠΈ. Если Π½Π΅Ρ‚, Ρ‚ΠΎ ΠΏΡ€ΠΎΡ‡Ρ‚ΠΈΡ‚Π΅ ΡΡ‚Π°Ρ‚ΡŒΡŽ, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΡƒΡŽ Π² самом Π½Π°Ρ‡Π°Π»Π΅ этого ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°. Если ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎ, Ρ‚ΠΎ Ρ‚Π΅Π³ΠΈ Π±Ρ‹Π²Π°ΡŽΡ‚ Π΄Π²ΡƒΡ… Π²ΠΈΠ΄ΠΎΠ²: ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½Ρ‹Π΅ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, пСрСнос Π½Π° Π½ΠΎΠ²ΡƒΡŽ строку ) ΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π½Ρ‹Π΅ (ΠΏΠ°Ρ€Π½Ρ‹ΠΌΠΈ). Π’Π°ΠΊ Π²ΠΎΡ‚, всС Ρ‚Π΅Π³ΠΈ форматирования тСкста ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΠ°Ρ€Π½Ρ‹ΠΌΠΈ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ любой элСмСнт ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³ΠΈ, Π° выдСляСмый Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ. НапримСр, ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ„Ρ€Π°Π·Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:
<strong> Π’Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ </strong>

Когда Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ этот Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚, Ρ‚ΠΎ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ Π²ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠΉ тСкст: Π’Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚. ΠšΡΡ‚Π°Ρ‚ΠΈ, Π² RSS Π»Π΅Π½Ρ‚Π΅ всС Ρ‚Π΅Π³ΠΈ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ (Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ RSS Π»Π΅Π½Ρ‚Π° ΠΈ новостная рассылка).

Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΏΡ€ΠΈ написании Ρ‚Π΅Π³ΠΎΠ² β€” Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΈΡ… Π·Π°ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ. Π˜Π½Π°Ρ‡Π΅ вСсь тСкст Π½Π° страницС Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π΄Π΅Π»Π΅Π½ ΠΆΠΈΡ€Π½Ρ‹ΠΌ (Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ с Ρ‚Π΅Π³ΠΎΠΌ <strong>). Но Π±Ρ‹Π²Π°ΡŽΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ случаи, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ ΠΈ ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΠΈ курсивом ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Но Ρ‚Π΅Π³Π°, Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‰Π΅Π³ΠΎ это дСйствиС, Π½Π΅ сущСствуСт. Π’Ρ‹Ρ…ΠΎΠ΄ ΠΈΠ· этой ситуации ΠΎΠ΄ΠΈΠ½: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π²Π° Ρ‚Π΅Π³Π° ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Π’ ΠΊΠ°ΠΊΠΎΠΌ порядкС ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ значСния Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, написав тСкст с Ρ‚Π΅Π³Π°ΠΌΠΈ Ρ‚Π°ΠΊ:

<strong><em> Π’Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚</em></strong>

ΠΈΠ»ΠΈ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ:

<strong><em> Π’Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚</em></strong>

Π’Ρ‹ всС Ρ€Π°Π²Π½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π’Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ курсивом ΠΈ ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. Однако, ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΎΠ½ Π±Ρ‹Π» СдинствСнным ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ. Π’Π°ΠΊΠΆΠ΅ Π½Π΅ стоит Π·Π°Π±Ρ‹Π²Π°Ρ‚ΡŒ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Ρ‚Π΅Π³ΠΈ ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ (Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈ ΠΊΠ°ΠΊΠΎΠΉ Π½ΠΈΡ… самый Π»ΡƒΡ‡ΡˆΠΈΠΉ), Π² зависимости ΠΎΡ‚ настроСк. А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄Π΅ΠΌ ΠΊ самим Ρ‚Π΅Π³Π°ΠΌ форматирования

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΠΈ курсивом β€” Ρ‚Π΅Π³ΠΈ <strong>, <B>, <em> ΠΈ <I>


Π‘Π°ΠΌΡ‹Π΅ популярныС Ρ‚Π΅Π³ΠΈ форматирования тСкста β€” Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π΅Π³ΠΎ ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΠΈ курсивом. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для придания ваТности ΠΊΠ°ΠΊΠΎΠΌΡƒ-Π»ΠΈΠ±ΠΎ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρƒ. ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ случай слуТит для выдСлСния Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°, содСрТащСго ΠΏΠΎΠ»Π΅Π·Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова. ΠšΡƒΡ€ΡΠΈΠ² примСняСтся Π² Ρ‚Π΅Ρ… ΠΆΠ΅ цСлях, Ρ‡Ρ‚ΠΎ ΠΈ ΠΆΠΈΡ€Π½Ρ‹ΠΉ тСкст, Π½ΠΎ информация ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½Π°, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ курсив Π½Π° Ρ„ΠΎΠ½Π΅ основного тСкста ΠΌΠ΅Π½Π΅Π΅ Π·Π°ΠΌΠ΅Ρ‚Π΅Π½, Π½Π΅ΠΆΠ΅Π»ΠΈ ΠΆΠΈΡ€Π½Ρ‹ΠΉ тСкст.

Рассмотрим для Π½Π°Ρ‡Π°Π»Π° Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста ΠΆΠΈΡ€Π½Ρ‹ΠΌ. Для этого дСйствия ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π΄Π²Π° Ρ‚Π΅Π³Π° β€” <strong> ΠΈ <B>. Π Π°Π·Π½ΠΈΡ†Ρ‹ Π²ΠΎ внСшнСм Π²ΠΈΠ΄Π΅ Π½Π΅Ρ‚. Π₯отя, учитывая Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ любой Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт ΠΏΠΎ-своСму, Π²Ρ‹ смоТСтС ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ отличия. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ выглядит тСкст Π² Ρ‚Π΅Π³Π°Ρ… <strong> ΠΈ <B> Π² ΡƒΠΆΠ΅ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π²ΠΈΠ΄Π΅:

ВСкст Π² Ρ‚Π΅Π³Π°Ρ… strong

ВСкст Π² Ρ‚Π΅Π³Π°Ρ… b

А Π²ΠΎΡ‚ ΠΊΠ°ΠΊ выглядят Π΄Π²Π΅ Π΄Π°Π½Π½Ρ‹Π΅ строчки Π² исходном ΠΊΠΎΠ΄Π΅ страницы:

<strong>ВСкст Π² Ρ‚Π΅Π³Π°Ρ… strong </strong>
<b>ВСкст Π² Ρ‚Π΅Π³Π°Ρ… b </b>

Π’Ρƒ ΠΆΠ΅ ΡΠΈΡ‚ΡƒΠ°Ρ†ΠΈΡŽ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Π² случаС с Ρ‚Π΅Π³Π°ΠΌΠΈ выдСлСния курсивом <em> ΠΈ <I>. ΠŸΠΎΠΏΡ‹Ρ‚Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π°ΠΉΡ‚ΠΈ отличия ΠΌΠ΅ΠΆΠ΄Ρƒ двумя ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ:

ВСкст Π² Ρ‚Π΅Π³Π°Ρ… em

ВСкст Π² Ρ‚Π΅Π³Π°Ρ… I

А Π²ΠΎΡ‚ исходный ΠΊΠΎΠ΄:

<em>ВСкст Π² Ρ‚Π΅Π³Π°Ρ… em </em>
<i>ВСкст Π² Ρ‚Π΅Π³Π°Ρ… I </i>

Π˜Ρ‚Π°ΠΊ, рассмотрСнныС Ρ‚Π΅Π³ΠΈ выдСлСния ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΠΈ курсивом фактичСски Π½Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ, Π½ΠΎ Π·Π°Ρ‡Π΅ΠΌ ΠΆΠ΅ Ρ‚ΠΎΠ³Π΄Π° Π½Π°ΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚Π΅Π³ <strong> Π΅ΡΠ»ΠΈ Π΅ΡΡ‚ΡŒ <B>? Π’Π΅Π΄ΡŒ послСдний содСрТит всСго ΠΎΠ΄ΠΈΠ½ символ (Π½Π΅ считая скобок) ΠΈ, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π»Π΅Π³Ρ‡Π΅ Π² написании. А всС Π΄Π΅Π»ΠΎ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π³ΠΈ <strong> ΠΈ <em> Π²Π»ΠΈΡΡŽΡ‚ Π½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΡŽΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ сайта. Если Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΎΠΊΡ€ΡƒΠΆΠ°Ρ‚ΡŒ этими Ρ‚Π΅Π³Π°ΠΌΠΈ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, Ρ‚ΠΎ это благоприятно скаТСтся Π½Π° ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ сайта.Π“Π»Π°Π²Π½ΠΎΠ΅ Π½Π΅ ΠΏΠ΅Ρ€Π΅ΡƒΡΠ΅Ρ€Π΄ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ β€” максимум Π² тСкстС Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ 5% ΠΆΠΈΡ€Π½ΠΎΠ³ΠΎ тСкста Π² Ρ‚Π΅Π³Π΅ <strong>, ΠΈ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΆΠ΅ ΠΈ курсива Π² Ρ‚Π΅Π³Π΅ <em>.

Если ΠΆΠ΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ просто Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π² тСкстС ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚, Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‚Π΅Π³ <B> ΠΈΠ»ΠΈ <I>. Π’ΠΎΠΎΠ±Ρ‰Π΅, я Π΄ΡƒΠΌΠ°ΡŽ, Ρ‡Ρ‚ΠΎ поисковики Ρ‚ΠΎΠΆΠ΅ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ тСкст Π² этих Ρ‚Π΅Π³Π°Ρ… ΠΊΠ°ΠΊ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹ΠΉ, Π½ΠΎ Π½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΡŽΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΎΠ½ΠΈ всС-Ρ‚Π°ΠΊΠΈ ΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ мСньшСС влияниС, Π½Π΅ΠΆΠ΅Π»ΠΈ <strong> ΠΈ <em>.

Π’Π΅Π³ΠΈ выдСлСния тСкста Ρ‡Π΅Ρ€Ρ‚ΠΎΠΉ β€” <u>, <s> ΠΈ <strike>


Π’Π΅ΠΏΠ΅Ρ€ΡŒ рассмотрим нСсколько Ρ‚Π΅Π³ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ‡Π΅Ρ€Ρ‚Ρƒ Π² ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ тСкста. Π‘Π°ΠΌΡ‹ΠΉ извСстный Π²Π°ΠΌ ΠΈΠ· тСкстовых Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² β€” Ρ‚Π΅Π³ <u> ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅. ВлияниС Π½Π° Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ этот Ρ‚Π΅Π³ Π½Π΅ ΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ (насколько я знаю), Π° Π²ΠΎΡ‚ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ тСкст ΠΈ Π·Π°ΠΎΡΡ‚Ρ€ΠΈΡ‚ΡŒ Π½Π° Π½Π΅ΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ использования Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π° я ΠΏΡ€ΠΈΠ²Π΅Π» Ρ‡ΡƒΡ‚ΡŒ Π²Ρ‹ΡˆΠ΅.

Π•Ρ‰Π΅ Π΄Π²Π° схоТих ΠΏΠΎ Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΡŽ Ρ‚Π΅Π³Π° β€” <s> ΠΈ <strike>. Оба Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ зачСркивания тСкста. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот Ρ‚Π΅Π³ ΠΌΠΎΠΆΠ½ΠΎ Π² Π»ΡŽΠ±Ρ‹Ρ… ситуациях: Ссли Π²Ρ‹ обновляСтС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ (Π° Ρ‚ΠΎΡ‡Π½Π΅Π΅ Π΅Π³ΠΎ Ρ‡Π°ΡΡ‚ΡŒ), Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚ΡŒ староС ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²ΠΎΠ΅; Ссли Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π΅Ρ‡Ρ‚ΠΎ, отходящСС ΠΎΡ‚ Ρ‚Π΅ΠΌΡ‹ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°; Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ ΠΌΠΎΡ€Π°Π»ΡŒΠ½ΠΎ-этичСским Π½ΠΎΡ€ΠΌΠ°ΠΌ.

ΠžΡ‚Π»ΠΈΡ‡ΠΈΡ ΠΆΠ΅ этих Π΄Π²ΡƒΡ… Ρ‚Π΅Π³ΠΎΠ² Π·Π°ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΈΡ… написании, вслСдствиС Ρ‡Π΅Π³ΠΎ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Π΅ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ, Ρ‚.ΠΊ. Π²ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ… ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ ΠΏΠΈΡΠ°Ρ‚ΡŒ, Π° Π²ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, Π½Π° вашСй страницС Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ мСньшСС количСство HTML-ΠΊΠΎΠ΄Π°, Π° поисковики это Π»ΡŽΠ±ΡΡ‚.

Π’Π΅Π³ <font> ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ β€” ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚Π° тСкста

Π’Π΅ΠΏΠ΅Ρ€ΡŒ рассмотрим Ρ‚Π΅Π³, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π±Π΅Π· Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ². Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΅Π³ΠΎ Π²Ρ‹ смоТСтС Π·Π°Π΄Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ для ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π° тСкста. Π’ΠΎΠΎΠ±Ρ‰Π΅, сСйчас ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Π΅ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ CSS (каскадныС Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй), Ρ‚.ΠΊ. с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ сильно ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒ вСсь HTML ΠΊΠΎΠ΄ страницы. Π˜Ρ‚Π°ΠΊ, рассмотрим Ρ‚ΠΎΡ‚ самый Ρ‚Π΅Π³ <font>. Π”ля Π½Π΅Π³ΠΎ сущСствуСт всСго Ρ‚Ρ€ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°:

  • face β€” сам ΡˆΡ€ΠΈΡ„Ρ‚. НапримСр, Arial, Courier ΠΈΠ»ΠΈ Verdana. МоТно ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»ΠΈΡ‚ΡŒ нСсколько, Ρ‚.ΠΊ. Π½Π΅ Ρƒ всСх ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ имССтся ΠΎΠ±ΡˆΠΈΡ€Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², Π° написав нСсколько Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ face, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ смоТСт Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π° Ρ‚ΠΎΡ‡Π½Π΅Π΅ β€” ΠΊΠ°ΠΊΠΎΠΉ присутствуСт Π² систСмС;
  • size β€” Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ тСкста. ΠœΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ ΠΊΠ°ΠΊ Π² условных Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ…, Ρ‚Π°ΠΊ ΠΈ Π² пиксСлях;
  • color β€” Ρ†Π²Π΅Ρ‚ тСкста. Π”Π°Π½Π½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ Π² HTML-ΠΊΠΎΠ΄Π°Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ², Ρ‚Π°ΠΊ ΠΈ Π² словСсных. ΠŸΠ΅Ρ€Π²Ρ‹Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ Π²ΠΈΠ΄ #FFFFFF (Π³Π΄Π΅ F β€” любая Ρ†ΠΈΡ„Ρ€Π° ΠΈΠ»ΠΈ Π±ΡƒΠΊΠ²Π° ΠΎΡ‚ A Π΄ΠΎ F), Π° Π²Ρ‚ΠΎΡ€Ρ‹Π΅ Π·Π°ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ простыми словами (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, red β€” красный).

Π’Π°ΠΊ выглядит тСкст Π² Ρ‚Π΅Π³Π΅ <font> с использованиСм ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°:

</pre>
<span>Π­Ρ‚ΠΎΡ‚ тСкст ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ 6px</span>
<pre></pre>
<span>Π­Ρ‚ΠΎΡ‚ тСкст красного Ρ†Π²Π΅Ρ‚Π°</span>
<pre></pre>
<span>Π­Ρ‚ΠΎΡ‚ тСкст ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚ Arial</span>
<pre></pre>
<span>Π­Ρ‚ΠΎΡ‚ тСкст красного Ρ†Π²Π΅Ρ‚Π° ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° 5px</span>
<pre>

А Π²ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, послС ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ написанного ΠΊΠΎΠ΄Π°:

Π‘Π»ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты оформлСния тСкста β€” Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ <h2>-<h6>, Π°Π±Π·Π°Ρ† <p>

НапослСдок ΠΌΡ‹ рассмотрим Π±Π»ΠΎΡ‡Π½Ρ‹Π΅ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ практичСски Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. Π­Ρ‚ΠΎ Ρ‚Π΅Π³ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈ Π°Π±Π·Π°Ρ†Π°. Рассмотрим ΠΏΠ΅Ρ€Π²ΠΎΠ΅. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π±Ρ‹Π²Π°ΡŽΡ‚ 6-Ρ‚ΠΈ Π²ΠΈΠ΄ΠΎΠ² ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ свой Ρ‚Π΅Π³. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π²ΠΈΠ΄ носит лишь свой порядковый Π½ΠΎΠΌΠ΅Ρ€ ΠΈ записываСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Π³ΠΎΠ² <h2>, <h3>,…, <h6>. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ выглядят всС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π² ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅:

Π¦ΠΈΡ„Ρ€Π° послС слова Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ соотвСтствуСт Ρ†ΠΈΡ„Ρ€Π΅ Π² Ρ‚Π΅Π³Π΅ <h*>. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ ΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ влияниС Π½Π° Π½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΡŽΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ, поэтому Π·Π°ΠΊΠ»ΡŽΡ‡Π°ΠΉΡ‚Π΅ Π² Ρ‚Π΅Π³ΠΈ <h*> ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова. ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚Π΅ΠΉ этого Π΄Π΅Π»Π° довольно ΠΌΠ½ΠΎΠ³ΠΎ, ΠΎ Ρ‡Π΅ΠΌ я расскаТу Π² ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΡΡ‚Π°Ρ‚ΡŒΡΡ….

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΏΡ€ΠΎ Ρ‚Π΅Π³ выдСлСния Π°Π±Π·Π°Ρ†Π° <p>. Ѐункция Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² ΠΎΡ‚Π΄Π΅Π»Π΅Π½ΠΈΠΈ тСкста ΠΌΠ΅ΠΆΠ΄Ρƒ <p> ΠΈ </p> ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΆΠ΅ тСкста пустой строкой. Если ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ исходный ΠΊΠΎΠ΄ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

Π’ Π·Π΅Π»Π΅Π½Ρ‹Ρ… ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°Ρ… ΠΎΠ΄ΠΈΠ½ Π°Π±Π·Π°Ρ†, Π² красных β€” Π΄Ρ€ΡƒΠ³ΠΎΠΉ. А Π²ΠΎΡ‚ ΠΊΠ°ΠΊ этот ΠΊΠΎΠ΄ выглядит послС ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ (стрСлочка ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° ΠΏΡƒΡΡ‚ΡƒΡŽ строку):

Π’ ΠΈΡ‚ΠΎΠ³Π΅ ΠΌΡ‹  ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ довольно Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΠ΅ ΠΎΡ‚Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π°Π±Π·Π°Ρ†Π° ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΈΠ΄Π΅Ρ‚ Π½Π° ΠΏΠΎΠ»ΡŒΠ·Ρƒ β€” Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ становится Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ.

Π’ΠΎΡ‚ ΠΈ подошла ΠΊ ΠΊΠΎΠ½Ρ†Ρƒ ΡΡ‚Π°Ρ‚ΡŒΡ ΠΏΡ€ΠΎ Ρ‚Π΅Π³ΠΈ форматирования Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π˜Ρ… Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, Π½Π΅ΠΆΠ΅Π»ΠΈ я описал Π² этом ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π΅. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ довольно ΠΌΠ½ΠΎΠ³ΠΎ, вслСдствиС Ρ‡Π΅Π³ΠΎ ΠΈΠΌ Π±ΡƒΠ΄Π΅Ρ‚ посвящСны ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ с ΠΏΠΎΠ»Π½Ρ‹ΠΌ ΠΎΠ±Π·ΠΎΡ€ΠΎΠΌ. Π”ΠΎ скорых встрСч Π½Π° страницах Π±Π»ΠΎΠ³Π° MonetaVInternete.ru!

HTML: Π’Π΅Π³ΠΈ для тСкста | HTML ΡΠ°ΠΌΠΎΡƒΡ‡ΠΈΡ‚Π΅Π»ΡŒ

Π’ HTML Π΅ΡΡ‚ΡŒ Ρ‚Π΅Π³ΠΈ для измСнСния внСшнСго Π²ΠΈΠ΄Π° тСкста, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ <b> ΠΈ <i>. Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для выдСлСния тСкста ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ ΠΈΠ»ΠΈ курсивом, Ρ‚Π°ΠΊΠΈΠ΅ Ρ‚Π΅Π³ΠΈ Π² HTML Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Ρ‚Π΅Π³Π°ΠΌΠΈ для форматирования.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ тСкста

Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ дСмонстрируСт, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π² HTML Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ:

<html>
  <body>

    <p><b>ВСкст</b></p>
    <p><strong>ВСкст</strong></p>
    <p><em>ВСкст</em></p>
    <p><i>ВСкст</i></p>
    <p><small>ВСкст</small></p>
    <p>Π­Ρ‚ΠΎ<sub> Π½ΠΈΠΆΠ½ΠΈΠΉ индСкс</sub> ΠΈ <sup>Π²Π΅Ρ€Ρ…Π½ΠΈΠΉ индСкс</sup></p>

  </body>
</html>
ΠŸΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Β»

Π’Π΅Π³ <pre>

Π’Π΅Π³ <pre> позволяСт Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ исходного тСкста, которая Π΄ΠΎΠ»ΠΆΠ½Π° ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π² ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΌ Π²ΠΈΠ΄Π΅, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Ρ‚Π΅ΠΌΠΈ ΠΆΠ΅ символами ΠΈ с Ρ‚Π΅ΠΌ ΠΆΠ΅ количСством ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Ρ‹Π²ΠΎΠ² строк. Π’Π΅ΡΡŒ тСкст, Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ Ρ‚Π΅Π³ΠΎΠΌ <pre> ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ </pre>, Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΌΠΎΠ½ΠΎΡˆΠΈΡ€ΠΈΠ½Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ:

<html>
  <body>

    <pre>
      Он сохраняСт авторскоС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ тСкста
      (оставляСт Π±Π΅Π· ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ)
      ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΌΠΎΠ½ΠΎΡˆΠΈΡ€ΠΈΠ½Π½Ρ‹ΠΌ
    </pre>

  </body>
</html>
ΠŸΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Β»

Π’Π΅Π³ΠΈ для отобраТСния ΠΊΠΎΠ΄Π°

ΠŸΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Π½ΠΈΠΆΠ΅, дСмонстрируСт Ρ€Π°Π·Π½ΠΈΡ†Ρƒ Π²Ρ‹Π²ΠΎΠ΄Π° содСрТимого Ρ‚Π΅Π³ΠΎΠ² Π½Π° экран:

<html>
  <body>

    <p><code>ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄</code>
      <br>
      <kbd>Π’Π²ΠΎΠ΄ с ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹</kbd>
      <br>
      <samp>ΠžΠ±Ρ€Π°Π·Π΅Ρ† ΠΊΠΎΠ΄Π°</samp>
      <br>
      <var>Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ</var>
    </p>
    <p>
      Π­Ρ‚ΠΈ Ρ‚Π΅Π³ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π° страницС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄
    </p>

</body>
</html>
ΠŸΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Β»

Π’Π΅Π³ <address>

АдрСс являСтся распространСнным элСмСнтом ΠΌΠ½ΠΎΠ³ΠΈΡ… HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², для выдСлСния адрСса Π½Π° страницС сущСствуСт ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π΅Π³ <address>, ΠΎΡ‚Π΄Π΅Π»ΡΡŽΡ‰ΠΈΠΉ тСкст, Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ Π² Π½Π΅Π³ΠΎ, ΠΎΡ‚ всСго ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ содСрТимого.

Π§Π°Ρ‰Π΅ всСго ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для выдСлСния ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ адрСса элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ ΠΈΠ»ΠΈ способа связи с Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ/Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΈΠ»ΠΈ сайта:

<html>
  <body>

    <p>Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ мСня Π½Π° ΠΌΠΎΠ΅ΠΌ сайтС</p>
    <address>
      <a href="www.puzzleweb.ru">Мой сайт для связи</a>
    </address>

  </body>
</html>
ΠŸΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Β»

АббрСвиатуры

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ дСмонстрируСт, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρƒ ΠΈΠ»ΠΈ сокращСниС:

<html>
 <body>

    <p><abbr title="НСопознанный Π›Π΅Ρ‚Π°ΡŽΡ‰ΠΈΠΉ ΠžΠ±ΡŠΠ΅ΠΊΡ‚">ΠΠ›Πž</abbr><br><br><br>
      Атрибут title Π½ΡƒΠΆΠ΅Π½ для Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки, ΠΎΠ½Π° появляСтся
      ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρƒ.
    </p>

  </body>
</html>
ΠŸΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Β»

НаправлСниС тСкста

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ дСмонстрируСт, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ тСкста:

<html>
  <body>

    <p>
      Π’Π΅Π³ bdo опрСдСляСт Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ тСкста - слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚.<br><br>
      <bdo dir="rtl">
        Π­Ρ‚ΠΎ наш тСкст
      </bdo>
    </p>

  </body>
</html>
ΠŸΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Β»

Π¦ΠΈΡ‚Π°Ρ‚Ρ‹

Π’ HTML Π΅ΡΡ‚ΡŒ Π΄Π²Π° Ρ‚Π΅Π³Π° для выдСлСния Ρ†ΠΈΡ‚Π°Ρ‚ Π² тСкстС β€” <q> ΠΈ <blockquote>. Π’Π΅Π³ <q> являСтся строчным элСмСнтом ΠΈ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для выдСлСния ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΡ… Ρ†ΠΈΡ‚Π°Ρ‚ нСпосрСдствСнно Π² тСкстС Π°Π±Π·Π°Ρ†Π°. ВСкст, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΉ Π²Π½ΡƒΡ‚Ρ€ΠΈ элСмСнта <q>, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² отобраТаСтся Π² Π΄Π²ΠΎΠΉΠ½Ρ‹Ρ… ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ°Ρ….

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Ρ‚Π΅Π³Π° <q>, Ρ‚Π΅Π³ <blockquote> являСтся Π±Π»ΠΎΡ‡Π½Ρ‹ΠΌ элСмСнтом, ΠΎΠ½ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для выдСлСния Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… Ρ†ΠΈΡ‚Π°Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎ ΠΎΠ±ΡŠΠ΅ΠΌΡƒ большС ΠΏΠΎΡ…ΠΎΠΆΠΈ Π½Π° Ρ†Π΅Π»Ρ‹Π΅ Π°Π±Π·Π°Ρ†Ρ‹. Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² тСкст элСмСнта <blockquote> Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ с нСбольшим отступом Π²ΠΏΡ€Π°Π²ΠΎ ΠΈ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π·Ρ€Ρ‹Π²Ρ‹ строки Π΄ΠΎ ΠΈ послС сСбя:

<html>
  <body>

    <p>Длинная Ρ†ΠΈΡ‚Π°Ρ‚Π°:</p>
    <blockquote>
      Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ длинная Ρ†ΠΈΡ‚Π°Ρ‚Π°.Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ длинная Ρ†ΠΈΡ‚Π°Ρ‚Π°.Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ длинная Ρ†ΠΈΡ‚Π°Ρ‚Π°.
      Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ длинная Ρ†ΠΈΡ‚Π°Ρ‚Π°.Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ длинная Ρ†ΠΈΡ‚Π°Ρ‚Π°.Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ длинная Ρ†ΠΈΡ‚Π°Ρ‚Π°.
    </blockquote>
    <p><b>Для Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… Ρ†ΠΈΡ‚Π°Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ вставляСт отступы со всСх сторон. </b>
      <br><br>
      ΠšΠΎΡ€ΠΎΡ‚ΠΊΠ°Ρ Ρ†ΠΈΡ‚Π°Ρ‚Π°: 
      <q>Π­Ρ‚ΠΎ короткая Ρ†ΠΈΡ‚Π°Ρ‚Π°.</q><br>
      <b>ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΈΠ΅ Ρ†ΠΈΡ‚Π°Ρ‚Ρ‹ Π·Π°ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ΡΡ Π² Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ.</b>
    </p>

</body>
</html>
ΠŸΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Β»

Π£Π΄Π°Π»Π΅Π½Π½Ρ‹ΠΉ ΠΈ вставлСнный тСкст

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ дСмонстрируСт, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΏΠΎΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Ρ‹Π» ΡƒΠ΄Π°Π»Π΅Π½ (помСчаСтся ΠΊΠ°ΠΊ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Ρ‹ΠΉ) ΠΈΠ»ΠΈ вставлСн (помСчаСтся ΠΊΠ°ΠΊ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Ρ‹ΠΉ):

<html>
  <body>

    <p>
      Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ‚Π΅Π³Π° del, Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ <del>ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Ρ‹ΠΌ</del>, Π° 
      содСрТимоС Ρ‚Π΅Π³Π° ins - <ins>ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Ρ‹ΠΌ</ins>
    </p>

  </body>
</html>
ΠŸΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Β»

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Ρ‡Ρ‘Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‡Ρ‘Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS свойства text-decoration.

Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ тСкста Π² html-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅

Π’ Π΄Π°Π½Π½ΠΎΠΌ ΡƒΡ€ΠΎΠΊΠ΅ html ΠΌΡ‹ познакомимся с Ρ‚Π΅Π³Π°ΠΌΠΈ, ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΠΈΠΌΠΈ Π·Π° внСшний Π²ΠΈΠ΄ тСкста, ΠΈ научимся этими Ρ‚Π΅Π³Π°ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ. И Ρ‚Π°ΠΊ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Π² нашСм Ρ„Π°ΠΉΠ»Π΅ html ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ тСкста ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π°Π±Π·Π°Ρ†Π° ΠΈΠ· сСрого Π½Π° Π·Π΅Π»Π΅Π½Ρ‹ΠΉ.

Π—Π° внСшний Π²ΠΈΠ΄ тСкста Π² html-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Ρ‚Π΅Π³ <font>. Π­Ρ‚ΠΎ Ρ‚Π΅Π³ ΠΏΠ°Ρ€Π½Ρ‹ΠΉ: Π·Π½Π°Ρ‡ΠΈΡ‚ Π² ΠΊΠΎΠ½Ρ†Π΅ Π°Π±Π·Π°Ρ†Π° Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΅Π³ΠΎ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ β€” </font>.

Π‘Π°ΠΌ ΠΏΠΎ сСбС Ρ‚Π΅Π³ <font> Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π·Π½Π°Ρ‡ΠΈΡ‚. Π’Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ Π΅ΠΌΡƒ ΠΏΡ€ΠΈΠ΄Π°ΡŽΡ‚ Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ, Ссли ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΡ€ΠΈΠ΄Π°Ρ‚ΡŒ тСксту Π°Π±Π·Π°Ρ†Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚, ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚, ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΠΈΠΉ Π·Π° Ρ†Π²Π΅Ρ‚. Π­Ρ‚ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ color ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π°.

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

<p><font color=Β»greenΒ»>ВСкст Π°Π±Π·Π°Ρ†Π° стал Π·Π΅Π»Π΅Π½Ρ‹ΠΌ</font></p>

Π’Π°ΠΊ ΠΆΠ΅ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‚Π΅Π³ <font> β€” Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ Ρ‚Π΅Π³, ΠΎΠ½ прописан Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° <p>.

ΠšΡ€ΠΎΠΌΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° color, Ρ‚Π΅Π³ <font> ΠΈΠΌΠ΅Π΅Ρ‚ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Π²Π°ΠΆΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ β€” это Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ face. Он ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° ΡˆΡ€ΠΈΡ„Ρ‚ тСкста β€” ΠΊΠ°ΠΊΠΎΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² этом Π°Π±Π·Π°Ρ†Π΅. Π‘Π°ΠΌΡ‹Π΅ распространСнныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π½Π° сСгодня β€” это Verdana, Tahoma. РСкомСндуСтся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ этими ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈ использовании экзотичСских ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², Ρ‚Π°ΠΊΠΎΠ²Ρ‹Ρ… ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ посСтитСля вашСго сайта ΠΈ страница Ρƒ Π½Π΅Π³ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ стандартным ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ.

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

<p><font color=Β»greenΒ» face=Β»VerdanaΒ»>ВСкст Π°Π±Π·Π°Ρ†Π° ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ Verdana</font></p>

 

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ разбСрСмся со способами выдСлСния Π² тСкстС. Π‘Ρ‹Π²Π°ΡŽΡ‚ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹, ΠΊΠΎΠ³Π΄Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ Π°Π±Π·Π°Ρ†Π°, ΠΎΠ΄Π½ΠΎ слово ΠΈΠ»ΠΈ вСсь Π°Π±Π·Π°Ρ†. Π—Π° Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста ΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Ρ‚Π΅Π³ <strong>. ИмСнно Ρ‚Ρƒ Ρ‡Π°ΡΡ‚ΡŒ тСкста, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΆΠΈΡ€Π½Ρ‹ΠΌ, ΠΏΠΎΠΌΠ΅Ρ‰Π°Π΅ΠΌ Π²Π½ΡƒΡ‚Ρ€ΡŒ Ρ‚Π΅Π³Π° <strong>.

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

<p>ВСкст Π°Π±Π·Π°Ρ†Π°<strong>Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π² тСкстС ΠΆΠΈΡ€Π½Ρ‹ΠΌ</strong>тСкст</p>

Если ΠΆΠ΅ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π² тСкстС курсивом, примСняСм Ρ‚Π΅Π³ <em>.

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

<p>ВСкст Π°Π±Π·Π°Ρ†Π°<em>Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ курсивом</em>тСкст</p>


ΠŸΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ, тСкст ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈ ΠΆΠΈΡ€Π½Ρ‹ΠΌ, ΠΈ курсивом. Π’ этом случаС ΠΊ Ρ‚Π΅Π³Ρƒ <strong> Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π΅Ρ‰Π΅ Ρ‚Π΅Π³ <em>:

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

 

<p>ВСкст <strong><em>Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΆΠΈΡ€Π½Ρ‹ΠΌ курсивом </em></strong> тСкст</p>

 

Π’ Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Ρ€Π΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ для выдСлСния тСкста ΠΆΠΈΡ€Π½Ρ‹ΠΌ примСняСтся Ρ‚Π΅Π³ <b>. Π­Ρ‚ΠΎ ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΉ Ρ‚Π΅Π³. ИмСнно ΠΎΠ½ использовался для выдСлСния тСкста ΠΆΠΈΡ€Π½Ρ‹ΠΌ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… вСрсиях языка html. Π’ΠΎΠΆΠ΅ самоС ΠΈ с курсивом: Ρ€Π°Π½ΡŒΡˆΠ΅, для выдСлСния тСкста курсивом, использовался Ρ‚Π΅Π³ <i>.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΡƒΡ€ΠΎΠΊ β€” Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ изобраТСния.

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² тСкста. HTML 5, CSS 3 ΠΈ Web 2.0. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° соврСмСнных Web-сайтов

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² тСкста

БобствСнно, срСдства HTML для оформлСния тСкста ΠΌΡ‹ Π½Π°Ρ‡Π°Π»ΠΈ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ Π΅Ρ‰Π΅ Π² Π³Π»Π°Π²Π΅ 1. Π­Ρ‚ΠΎ ΠΏΠ°Ρ€Π½Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ <STRONG> ΠΈ <EM>, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚ своС содСрТимоС ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ ΠΈ курсивным ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ соотвСтствСнно.

Однако Π½Π° самом Π΄Π΅Π»Π΅ Ρ‚Π΅Π³ΠΈ <STRONG> ΠΈ <EM> β€” это Π½Π΅Ρ‡Ρ‚ΠΎ большСС, Ρ‡Π΅ΠΌ просто Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста. Они Π΄Π°ΡŽΡ‚ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρƒ тСкста, ΡΠ²Π»ΡΡŽΡ‰Π΅ΠΌΡƒΡΡ ΠΈΡ… содСрТимым, особоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Web-обозрСватСля. Они говорят, Ρ‡Ρ‚ΠΎ Π΄Π°Π½Π½Ρ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ тСкста являСтся Π²Π°ΠΆΠ½Ρ‹ΠΌ, ΠΈ Π½Π° Π½Π΅Π³ΠΎ слСдуСт ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ посСтитСля. Π’Π΅Π³ <STRONG> Π΄Π΅Π»Π°Π΅Ρ‚ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ тСкста ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Ρ‹ΠΌ, Π° Ρ‚Π΅Π³ <EM> β€” ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹ΠΌ (листинг 3.1).

Листинг 3.1

<P><STRONG>Π― β€” ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Ρ‹ΠΉ тСкст ΠΈ поэтому Π½Π°Π±Ρ€Π°Π½ ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΌ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ!</STRONG> ΠŸΡ€ΠΎΡ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ мСня Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ!</P>

<P><EM>А я β€” ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹ΠΉ тСкст ΠΈ Π½Π°Π±Ρ€Π°Π½ курсивом. </EM> НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ мСня, Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это ΠΏΠΎΡ‚ΠΎΠΌ.</P>

HTML прСдусматриваСт для выдСлСния тСкста довольно ΠΌΠ½ΠΎΠ³ΠΎ Ρ‚Π΅Π³ΠΎΠ² (Ρ‚Π°Π±Π». 3.1), ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ… Π΄Π²Π΅ особСнности:

β€” Π²ΡΠ΅ ΠΎΠ½ΠΈ ΠΏΠ°Ρ€Π½Ρ‹Π΅;

β€” ΡΠ»ΡƒΠΆΠ°Ρ‚ для выдСлСния частСй тСкста Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… элСмСнтов (Π°Π±Π·Π°Ρ†Π΅Π², Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² списков, тСкста фиксированного форматирования; ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… элСмСнтах см. Π² Π³Π»Π°Π²Π΅ 2).

Π’Π°Π±Π»ΠΈΡ†Π° 3.1. Π’Π΅Π³ΠΈ HTML, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Π΅ для выдСлСния Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² тСкста

Как ΡƒΠΆΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΎΡΡŒ Ρ€Π°Π½Π΅Π΅, всС эти Ρ‚Π΅Π³ΠΈ слуТат для выдСлСния Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠ² тСкста, ΡΠ²Π»ΡΡŽΡ‰ΠΈΡ…ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… элСмСнтов, скаТСм, Π°Π±Π·Π°Ρ†Π΅Π² (листинг 3.2). Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Web-страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚, Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ нСзависимыми ΠΈ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚ ΠΈΡ… «сосСдСй», Π° ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‚ Π΄Ρ€ΡƒΠ³ΠΈΠΌ элСмСнтам β€” Π±Π»ΠΎΡ‡Π½Ρ‹ΠΌ. Π’Π°ΠΊΠΈΠ΅ элСмСнты Web-страницы Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ встроСнными.

Листинг 3.2

<P>Π’Π΅Π³ΠΈ HTML слуТат для создания элСмСнтов Web-страниц.

<STRONG>Π‘ΠΎΠ±Π»ΡŽΠ΄Π°ΠΉΡ‚Π΅ порядок влоТСнности Ρ‚Π΅Π³ΠΎΠ²!</STRONG><P>

<P>Π’Π΅Π³ <CODE>P</CODE> слуТит для создания <DFN>Π°Π±Π·Π°Ρ†Π°</DFN> HTML.</P>

<P>Π―Π·Ρ‹ΠΊ <ABBR>HTML</ABBR> слуТит для создания <INS>содСрТимого</INS>

Web-страниц.</P>

<P>НабСритС Π² Web-ΠΎΠ±ΠΎΠ·Ρ€Π΅Π²Π°Ρ‚Π΅Π»Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-адрСс

<KBD>http://www.w3.org</KBD>.<P>

Из всСх рассмотрСнных Π½Π°ΠΌΠΈ Ρ‚Π΅Π³ΠΎΠ² Ρ‡Π°Ρ‰Π΅ всСго Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ <STRONG> ΠΈ <EM>. ΠžΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ Ρ‚Π°ΠΊ ΠΈ Π½Π΅ снискали большой популярности срСди Web-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ².

Для ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅ΠΌ Web-страницу index.htm ΠΈ Π²Ρ‹Π΄Π΅Π»ΠΈΠΌ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ Π΅Π΅ тСкста с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Π³ΠΎΠ², пСрСчислСнных Π² Ρ‚Π°Π±Π». 3.1 (листинг 3.3).

Листинг 3.3

<P>ΠŸΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΡƒΠ΅ΠΌ Π½Π° нашСм Web-сайтС всСх, ΠΊΡ‚ΠΎ занимаСтся Web-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ! Π—Π΄Π΅ΡΡŒ Π²Ρ‹ смоТСтС Π½Π°ΠΉΡ‚ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ±ΠΎ всСх ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-тСхнологиях, примСняСмых ΠΏΡ€ΠΈ создании Web-страниц. А ΠΈΠΌΠ΅Π½Π½ΠΎ, ΠΎ языках <DFN>HTML</DFN> ΠΈ <DFN>CSS</DFN>.</P>

.

<P><CODE>!DOCTYPE</CODE>, <CODE>BODY</CODE>, <CODE>EM</CODE>,

<CODE>HEAD</CODE>, <CODE>HTML</CODE>, <CODE>META</CODE>, <CODE>P</CODE>,

<CODE>STRONG</CODE>, <CODE>TITLE</CODE></P>

ВсС эти Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ Ρ‚Π°ΠΊ ΠΈ просятся: ΠΎΡ„ΠΎΡ€ΠΌΠΈΡ‚Π΅ нас Π½Π°Π΄Π»Π΅ΠΆΠ°Ρ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ! ΠœΡ‹ вСдь особСнныС!

Π”Π°Π½Π½Ρ‹ΠΉ тСкст являСтся ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ΠΎΠΌ.

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ЛитРСс

Π Π°Π±ΠΎΡ‚Π° с подсвСткой синтаксиса

DetectChar

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ символа. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для Π½Π°ΠΉΡ‚ΠΈ ΠΊΠΎΠ½Ρ†Ρ‹ строк Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ°Ρ….

  

Атрибут char опрСдСляСт символ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ.

Detect2Chars

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°Π΅Ρ‚ Π΄Π²Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… символа Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ порядкС.

  

Атрибут char опрСдСляСт ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΉ символ, char1 Π²Ρ‚ΠΎΡ€ΠΎΠΉ.

AnyChar

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ символа ΠΈΠ· Π½Π°Π±ΠΎΡ€Π° ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… символов.

  

Атрибут String опрСдСляСт Π½Π°Π±ΠΎΡ€ символы.

StringDetect

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡Π½ΠΎΠΉ строки.

  

Атрибут String опрСдСляСт строку Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ.Атрибут нСчувствитСлСн ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ false ΠΈ пСрСдаСтся Π² сравнСниС строк функция. Если Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ истинно Π½Π΅Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сравнСниС.

WordDetect

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ‚ΠΎΡ‡Π½ΡƒΡŽ строку, Π½ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π³Ρ€Π°Π½ΠΈΡ† слова Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚ΠΎΡ‡ΠΊΠ° '.' ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ±Π΅Π» Π² Π½Π°Ρ‡Π°Π»Π΅ ΠΈ ΠΊΠΎΠ½Π΅Ρ† слова. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅ \ b <строка> \ b с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния рСгулярного выраТСния, Π½ΠΎ ΠΎΠ½ΠΎ быстрСС, Ρ‡Π΅ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ RegExpr .

  

Атрибут String опрСдСляСт строку Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ. ) ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ сопоставлСно с Π½Π°Ρ‡Π°Π»ΠΎΠΌ строки.

Π‘ΠΌ. РСгулярныС выраТСния для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Ρ‚Π΅Ρ….

ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ³ΠΎ слова ΠΈΠ· ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ списка.

  

Атрибут String опрСдСляСт список ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов ΠΏΠΎ ΠΈΠΌΠ΅Π½ΠΈ. Бписок с Ρ‚Π°ΠΊΠΈΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ.

БистСма выдСлСния ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов ΠΎΡ‡Π΅Π½ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. Π­Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»ΡŽΠ±Ρ‹Π΅ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ, ΠΎΠΊΡ€ΡƒΠΆΠ΅Π½Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌΠΈ раздСлитСлями, Π»ΠΈΠ±ΠΎ ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°ΡŽΡ‚ΡΡ (Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ), ΠΈΠ»ΠΈ явно ΡƒΠΊΠ°Π·Π°Π½ΠΎ Π² additionalDeliminator свойство ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов Ρ‚Π΅Π³Π°.

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

Int

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Ρ†Π΅Π»ΠΎΠ΅ число (ΠΊΠ°ΠΊ рСгулярноС Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅: \ b [0-9] + ).

  

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

Float

ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ число с ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅ΠΉ запятой (ΠΊΠ°ΠΊ рСгулярноС Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅: (\ b [0-9] + \. [0-9] * | \. [0-9] +) ([eE] [- +]? [0-9] +)? ).

  

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

HlCOct

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΎΡΡŒΠΌΠ΅Ρ€ΠΈΡ‡Π½ΠΎΠ΅ прСдставлСниС числа Ρ‚ΠΎΡ‡Π΅ΠΊ (ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅: \ b0 [0-7] + ).

  

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

HlCHex

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ прСдставлСния ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½ΠΎΠ³ΠΎ числа (Π² Π²ΠΈΠ΄Π΅ рСгулярного выраТСния: \ b0 [xX] [0-9a-fA-F] + ).

  

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

HlCStringChar

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ экранированного символа.

  

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

БоотвСтствуСт Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»Π΅Π½ΠΈΡŽ символов, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ \ n (новая строка) ΠΈΠ»ΠΈ \ t (TAB).

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ символы Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ, Ссли ΠΎΠ½ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ Π·Π° ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ косой Ρ‡Π΅Ρ€Ρ‚ΠΎΠΉ ( \ ): abefnrtv "'? \ . Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΡΠΊΠΎΠ»ΡŒΠ·Π½ΡƒΠ» ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹Π΅ числа, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, \ xff ΠΈ экранированныС Π²ΠΎΡΡŒΠΌΠ΅Ρ€ΠΈΡ‡Π½Ρ‹Π΅ числа, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ \ 033 Π±ΡƒΠ΄ΡƒΡ‚ соотвСтствиС.

HlCChar

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ символа C.

  

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

БоотвСтствуСт символам C, Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌ Π² Π³Π°Π»ΠΎΡ‡ΠΊΡƒ (ΠΏΡ€ΠΈΠΌΠ΅Ρ€: 'c' ).Π“Π°Π»ΠΎΡ‡ΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ простыми символами ΠΈΠ»ΠΈ экранированными символами. Π‘ΠΌ. HlCStringChar для согласованных экранированных ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚Π΅ΠΉ символов.

RangeDetect

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°Π΅Ρ‚ строку с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌΠΈ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈ ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹ΠΌΠΈ символами.

  

char опрСдСляСт символ, начиная с Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, char1 символ, Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½.

ПолСзно для обнаруТСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… строк Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ°Ρ… ΠΈ Ρ‚.ΠΏ., Π½ΠΎ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ выдСлСния Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΉ строкС Π·Π° Ρ€Π°Π·, это Π½Π΅ Π½Π°ΠΉΠ΄Π΅Ρ‚ строки, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠ΅ Ρ€Π°Π·Ρ€Ρ‹Π² строки.

LineContinue

БоотвСтствуСт ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌΡƒ символу Π² ΠΊΠΎΠ½Ρ†Π΅ строки.

  

char Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ символ для сопоставлСния, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ обратная косая Ρ‡Π΅Ρ€Ρ‚Π° ( '\' ). НовоС с KDE 4.13.

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ контСкста Π² ΠΊΠΎΠ½Ρ†Π΅ строки. Π­Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π½Π° C / C ++ для продолТСния макросов ΠΈΠ»ΠΈ строк.

IncludeRules

Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ контСкста ΠΈΠ»ΠΈ языка / Ρ„Π°ΠΉΠ»Π°.

  

Атрибут контСкста опрСдСляСт, ΠΊΠ°ΠΊΠΎΠΉ контСкст Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ.

Если это простая строка, ΠΎΠ½Π° Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ всС ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° Π² Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ контСкст, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  

Если строка содСрТит ## , систСма выдСлСния Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΊΠ°Ρ‚ΡŒ контСкст ΠΈΠ· опрСдСлСния Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ языка с Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€

  

Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ контСкст String ΠΈΠ· C ++ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ опрСдСлСния.

Если Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ includeAttrib true , ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ назначСния Π½Π° ΠΎΠ΄Π½ΠΎ ΠΈΠ· источник. Π­Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΎ, Ссли тСкст соотвСтствуСт Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΠΎΠΌΡƒ контСксту, отличаСтся ΠΎΡ‚ хоста контСкст.

DetectSpaces

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ².

  

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Ссли Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π²ΠΏΠ΅Ρ€Π΅Π΄ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ нСсколько ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ², Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π² Π½Π°Ρ‡Π°Π»Π΅ строк с отступом.Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ пропустит всС ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² сразу, вмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ нСсколько ΠΏΡ€Π°Π²ΠΈΠ» ΠΈ ΠΏΡ€ΠΎΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ врСмя ΠΈΠ·-Π·Π° нСсоотвСтствия.

DetectIdentifier

ΠžΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ΡŒ строки ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π° (ΠΊΠ°ΠΊ рСгулярноС Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅: [a-zA-Z _] [a-zA-Z0-9 _] * ).

  

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ².

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сразу ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ строку символов слова, Π° Π½Π΅ тСстированиС с нСсколькими ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ ΠΈ пропуск ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡƒ ΠΈΠ·-Π·Π° нСсоотвСтствия.

Руководство ΠΏΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΡŽ языка β€” докумСнтация highlight.js 10.4.0

ΠžΠ±Π·ΠΎΡ€ подсвСтки

Код языка программирования состоит ΠΈΠ· частСй с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ Ρ€Π°Π·Π±ΠΎΡ€Π°: Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, ΠΊΠ°ΠΊ для ΠΈΠ»ΠΈ для Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ смысла Π²Π½ΡƒΡ‚Ρ€ΠΈ строк, строки ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ символы с ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ косой Ρ‡Π΅Ρ€Ρ‚ΠΎΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ \ ", Π° ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π΅ содСрТат Π½ΠΈΡ‡Π΅Π³ΠΎ интСрСсного, ΠΊΡ€ΠΎΠΌΠ΅ ΠΊΠΎΠ½Ρ†Π° коммСнтария.

Π’ Highlight.js Ρ‚Π°ΠΊΠΈΠ΅ части Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Β«Ρ€Π΅ΠΆΠΈΠΌΠ°ΠΌΠΈΒ».

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ состоит ΠΈΠ·:

  • Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ΅ состояниС
  • ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ΅ условиС
  • список содСрТащихся ΠΏΠΎΠ΄Ρ€Π΅ΠΆΠΈΠΌΠΎΠ²
  • лСксичСскиС ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΈ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова
  • … экзотичСскиС Π²Π΅Ρ‰ΠΈ Π²Ρ€ΠΎΠ΄Π΅ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ языка Π²Π½ΡƒΡ‚Ρ€ΠΈ языка

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

ΠžΠ±Ρ‰ΠΈΠΉ синтаксис

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ языка β€” это ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ JavaScript, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ€Π΅ΠΆΠΈΠΌ синтаксичСского Π°Π½Π°Π»ΠΈΠ·Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для языка. Π­Ρ‚ΠΎΡ‚ Ρ€Π΅ΠΆΠΈΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ содСрТит ΠΏΠΎΠ΄Ρ€Π΅ΠΆΠΈΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, содСрТат Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΠ΄Ρ€Π΅ΠΆΠΈΠΌΡ‹, фактичСски прСвращая ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ языка Π² Π΄Π΅Ρ€Π΅Π²ΠΎ Ρ€Π΅ΠΆΠΈΠΌΠΎΠ².

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

 {
  case_insensitive: true, // язык нСчувствитСлСн ΠΊ рСгистру
  ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова: 'для if while',
  содСрТит: [
    {
      className: 'строка',
      Π½Π°Ρ‡Π°Π»ΠΎ: '"', ΠΊΠΎΠ½Π΅Ρ†: '"'
    },
    hljs.ΠšΠžΠœΠœΠ•ΠΠ’ΠΠ Π˜Π™(
      '/\\*', // Π½Π°Ρ‡Π°Ρ‚ΡŒ
      '\\*/', // ΠΊΠΎΠ½Π΅Ρ†
      {
        содСрТит: [
          {
            className: 'doc', Π½Π°Ρ‡Π°Π»ΠΎ: '@ \\ w +'
          }
        ]
      }
    )
  ]
}
 

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Ρ€Π΅ΠΆΠΈΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ составляСт Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠΎΠ΄Π° ΠΈ описываСт всС ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова языка. Π—Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ здСсь являСтся XML, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ β€” это просто ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ тСкст, Π½Π΅ содСрТащий Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов, ΠΈ самый интСрСсный Ρ€Π°Π·Π±ΠΎΡ€ происходит Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³ΠΎΠ².

ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова

Π’ простом случаС ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова языка ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ строки, Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠΌ:

 {
  ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова: 'else for if while'
}
 

Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… языках ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²ΠΈΠ΄Ρ‹ Β«ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ нСльзя Π½Π°Π·Π²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ ΠΏΠΎ спСцификации языка, Π½ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π±Π»ΠΈΠ·ΠΊΠΈ ΠΊ Π½ΠΈΠΌ с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния подсвСтка синтаксиса.Π­Ρ‚ΠΎ всСвозмоТныС Β«Π»ΠΈΡ‚Π΅Ρ€Π°Π»Ρ‹Β», «встроСнныС ΠΌΠΎΠ΄ΡƒΠ»ΠΈΒ», «символы». ΠΈ Ρ‚ΠΎΠΌΡƒ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅. Для опрСдСлСния Ρ‚Π°ΠΊΠΈΡ… Π³Ρ€ΡƒΠΏΠΏ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова становится ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ свойство ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ опрСдСляСт свою Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов:

 {
  ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова: {
    ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово: 'else для if while',
    Π»ΠΈΡ‚Π΅Ρ€Π°Π»: 'лоТь истина Π½ΡƒΠ»ΡŒ'
  }
}
 

Имя Π³Ρ€ΡƒΠΏΠΏΡ‹ становится ΠΈΠΌΠ΅Π½Π΅ΠΌ класса Π² сгСнСрированной Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅, Ρ‡Ρ‚ΠΎ позволяСт Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ° для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов.

Для обнаруТСния ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов highlight.js Ρ€Π°Π·Π±ΠΈΠ²Π°Π΅Ρ‚ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚ ΠΊΠΎΠ΄Π° Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ слова β€” процСсс, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ лСксированиСм.По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ «слова» ΡΠΎΠΏΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ с рСгулярным Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. \ w + , ΠΈ это Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ для ΠΌΠ½ΠΎΠ³ΠΈΡ… языков. ΠœΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° лСксирования. опрСдСляСтся Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ magic $ pattern :

 {
  ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова: {
    $ pattern: / - [a-z] + /, // Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ словам Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒΡΡ с Ρ‚ΠΈΡ€Π΅
    ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово: '-import -export'
  }
}
 

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Бтарая настройка лСксСм устарСла Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ использования ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов. $ Pattern . Π€ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΠΎΠ½ΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹.

ΠŸΠΎΠ΄Ρ€Π΅ΠΆΠΈΠΌΡ‹

ΠŸΠΎΠ΄Ρ€Π΅ΠΆΠΈΠΌΡ‹ пСрСчислСны Π² содСрТит Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ :

 {
  ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова: '... ',
  содСрТит: [
    hljs.QUOTE_STRING_MODE,
    hljs.C_LINE_COMMENT,
    {... ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Ρ€Π΅ΠΆΠΈΠΌΠ° ...}
  ]
}
 

Π Π΅ΠΆΠΈΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° сСбя Π² содСрТит массив , ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово 'self β€˜. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ это ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… Ρ€Π΅ΠΆΠΈΠΌΠΎΠ²:

 {
  className: 'ΠΎΠ±ΡŠΠ΅ΠΊΡ‚',
  Π½Π°Ρ‡Π°Π»ΠΎ: / \ {/, ΠΊΠΎΠ½Π΅Ρ†: / \} /,
  содСрТит: [hljs.QUOTE_STRING_MODE, 'self']
}
 

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: self нСльзя ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅. содСрТит языка.Π Π΅ΠΆΠΈΠΌ ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠ³ΠΎ уровня являСтся особСнным ΠΈ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ самодостаточным.

ПоколСниС Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ

Π Π΅ΠΆΠΈΠΌΡ‹

ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΡŽΡ‚ Ρ„Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ выдСлСния β€” элСмСнтов с ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΌΠΈ ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ классов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ className :

Руководство ΠΏΠΎ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΡŽ синтаксиса

| API Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΊΠΎΠ΄Π° Visual Studio

ΠŸΠΎΠ΄ΡΠ²Π΅Ρ‚ΠΊΠ° синтаксиса опрСдСляСт Ρ†Π²Π΅Ρ‚ ΠΈ ΡΡ‚ΠΈΠ»ΡŒ исходного ΠΊΠΎΠ΄Π°, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΊΠΎΠ΄Π° Visual Studio. Он ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Ρ€Π°ΡΠΊΡ€Π°ΡˆΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ , Ссли ΠΈΠ»ΠΈ для Π² JavaScript, ΠΈΠ½Π°Ρ‡Π΅, Ρ‡Π΅ΠΌ строки, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ ΠΈΠΌΠ΅Π½Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ….

ΠŸΠΎΠ΄ΡΠ²Π΅Ρ‚ΠΊΠ° синтаксиса состоит ΠΈΠ· Π΄Π²ΡƒΡ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ²:

  • ВокСнизация: Ρ€Π°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ тСкста Π½Π° список Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ²
  • Π’Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ°: использованиС Ρ‚Π΅ΠΌ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… настроСк для сопоставлСния Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ² с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌΠΈ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ ΠΈ стилями

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΡƒΠ³Π»ΡƒΠ±Π»ΡΡ‚ΡŒΡΡ Π² Π΄Π΅Ρ‚Π°Π»ΠΈ, Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ Π½Π°Ρ‡Π°Π»ΠΎ β€” ΠΏΠΎΠΈΠ³Ρ€Π°Ρ‚ΡŒΡΡ с инструмСнтом инспСктора области видимости ΠΈ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Π² исходном Ρ„Π°ΠΉΠ»Π΅ ΠΈ ΠΊΠ°ΠΊΠΈΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ Ρ‚Π΅ΠΌΡ‹ ΠΎΠ½ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊ сСмантичСский, Ρ‚Π°ΠΊ ΠΈ синтаксичСский Ρ‚ΠΎΠΊΠ΅Π½, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Dark +) Π² Ρ„Π°ΠΉΠ»Π΅ TypeScript.

ВокСнизация

ВокСнизация тСкста β€” это Ρ€Π°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ тСкста Π½Π° сСгмСнты ΠΈ классификации ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ сСгмСнта ΠΏΠΎ Ρ‚ΠΈΠΏΡƒ Ρ‚ΠΎΠΊΠ΅Π½Π°.

ΠœΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ Ρ‚ΠΎΠΊΠ΅Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ

VS Code основан Π½Π° Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ°Ρ… TextMate. Π“Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ TextMate ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой структурированный Π½Π°Π±ΠΎΡ€ рСгулярных Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π·Π°ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ Π² Π²ΠΈΠ΄Π΅ Ρ„Π°ΠΉΠ»ΠΎΠ² plist (XML) ΠΈΠ»ΠΈ JSON. Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ VS Code ΠΌΠΎΠ³ΡƒΡ‚ Π²Π½ΠΎΡΠΈΡ‚ΡŒ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ Ρ‡Π΅Ρ€Π΅Π· Ρ‚ΠΎΡ‡ΠΊΡƒ добавлСния Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ .

ΠœΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ Ρ‚ΠΎΠΊΠ΅Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ TextMate Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Ρ‚ΠΎΠΌ ΠΆΠ΅ процСссС, Ρ‡Ρ‚ΠΎ ΠΈ срСдство Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ, ΠΈ Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Π²Π²ΠΎΠ΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.Π’ΠΎΠΊΠ΅Π½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для выдСлСния синтаксиса, Π° Ρ‚Π°ΠΊΠΆΠ΅ для классификации исходного ΠΊΠΎΠ΄Π° Π½Π° области ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π², строк, рСгулярных Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Начиная с вСрсии 1.43, VS Code Ρ‚Π°ΠΊΠΆΠ΅ позволяСт Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠΊΠ΅Π½ΠΈΠ·Π°Ρ†ΠΈΡŽ Ρ‡Π΅Ρ€Π΅Π· Semantic Token Provider. БСмантичСскиС ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ€Π΅Π°Π»ΠΈΠ·ΡƒΡŽΡ‚ΡΡ языковыми сСрвСрами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ Π±ΠΎΠ»Π΅Π΅ Π³Π»ΡƒΠ±ΠΎΠΊΠΎΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ исходного Ρ„Π°ΠΉΠ»Π° ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ символы Π² контСкстС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°. НапримСр, постоянноС имя ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ с использованиСм постоянного выдСлСния Π²ΠΎ всСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅, Π° Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² мСстС Π΅Π΅ объявлСния.

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

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ посвящСна Ρ‚ΠΎΠΊΠ΅Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ Π½Π° основС TextMate. БСмантичСская Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° ΠΈ тСматизация описаны Π² Semantic Highlighting Guide.

Π“Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ TextMate

VS Code ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ TextMate Π² качСствС ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠ° Ρ‚ΠΎΠΊΠ΅Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ синтаксиса.Π˜Π·ΠΎΠ±Ρ€Π΅Ρ‚Π΅Π½Π½Ρ‹Π΅ для Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° TextMate, ΠΎΠ½ΠΈ Π±Ρ‹Π»ΠΈ приняты ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ ΠΈ IDE ΠΈΠ·-Π·Π° большого количСства языковых ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ², созданных ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Ρ… сообщСством Open Source.

Π“Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ

TextMate основаны Π½Π° рСгулярных выраТСниях Oniguruma ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π·Π°ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ Π² Π²ΠΈΠ΄Π΅ списков ΠΈΠ»ΠΈ JSON. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ TextMate здСсь, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ TextMate, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚.

Π–Π΅Ρ‚ΠΎΠ½Ρ‹ ΠΈ области дСйствия TextMate

Π’ΠΎΠΊΠ΅Π½Ρ‹ β€” это ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ нСсколько символов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ элСмСнта.ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ² Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя Ρ‚Π°ΠΊΠΈΠ΅ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹, ΠΊΠ°ΠΊ + ΠΈ * , ΠΈΠΌΠ΅Π½Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ myVar , ΠΈΠ»ΠΈ строки, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ «моя строка» .

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ‚ΠΎΠΊΠ΅Π½ связан с ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ, которая опрСдСляСт контСкст Ρ‚ΠΎΠΊΠ΅Π½Π°. ΠžΠ±Π»Π°ΡΡ‚ΡŒ β€” это список ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠ², Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ контСкст Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Ρ‚ΠΎΠΊΠ΅Π½Π°. НапримСр, опСрация + Π² JavaScript ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ видимости keyword.operator.arithmetic.js .

Π’Π΅ΠΌΡ‹ ΡΠΎΠΏΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ области дСйствия с Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ ΠΈ стилями, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ синтаксис.TextMate прСдоставляСт список ΠΎΠ±Ρ‰ΠΈΡ… областСй, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°Ρ†Π΅Π»Π΅Π½Ρ‹ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Ρ‚Π΅ΠΌΡ‹. Π§Ρ‚ΠΎΠ±Ρ‹ ваша Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π»Π°ΡΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΎ, ΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ ΠΎΠΏΠΈΡ€Π°Ρ‚ΡŒΡΡ Π½Π° ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ области, Π° Π½Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Π½ΠΎΠ²Ρ‹Π΅.

ΠžΠ±Π»Π°ΡΡ‚ΠΈ Π²Π»ΠΎΠΆΠ΅Π½Ρ‹ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ‚ΠΎΠΊΠ΅Π½ Ρ‚Π°ΠΊΠΆΠ΅ связан со списком Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΡ… областСй. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ инспСктор области видимости, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ области дСйствия для ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Π° + Π² простой Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ JavaScript. НаиболСС конкрСтная ΠΎΠ±Π»Π°ΡΡ‚ΡŒ дСйствия ΡƒΠΊΠ°Π·Π°Π½Π° Π²Π²Π΅Ρ€Ρ…Ρƒ, Π° Π±ΠΎΠ»Π΅Π΅ ΠΎΠ±Ρ‰ΠΈΠ΅ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ области пСрСчислСны Π½ΠΈΠΆΠ΅:

Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ области Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания Ρ‚Π΅ΠΌ.Когда Ρ‚Π΅ΠΌΠ° Π½Π°Ρ†Π΅Π»Π΅Π½Π° Π½Π° ΠΎΠ±Π»Π°ΡΡ‚ΡŒ видимости, всС Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ с этой Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°ΡΠΊΡ€Π°ΡˆΠ΅Π½Ρ‹, Ссли Ρ‚Π΅ΠΌΠ° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ обСспСчиваСт Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ раскраску для ΠΈΡ… ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… областСй.

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ

VS Code ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ json TextMate. Они вносятся Ρ‡Π΅Ρ€Π΅Π· Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊ Π±Π°Π»Π»ΠΎΠ².

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π²ΠΊΠ»Π°Π΄ Π² Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ опрСдСляСт: ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ языка, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ примСняСтся Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ°, имя области Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня для Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ² Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ.ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π½ΠΈΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ грамматичСский Π²ΠΊΠ»Π°Π΄ для Π²Ρ‹ΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΠ³ΠΎ языка abc :

  {
  "способствуСт": {
    "languages": [
      {
        "id": "abc",
        "Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ": [".abc"]
      }
    ],
    "Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ": [
      {
        "язык": "abc",
        "scopeName": "source.abc",
        "ΠΏΡƒΡ‚ΡŒ": "./syntaxes/abc.tmGrammar.json"
      }
    ]
  }
}  

Π‘Π°ΠΌ Ρ„Π°ΠΉΠ» Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ состоит ΠΈΠ· ΠΏΡ€Π°Π²ΠΈΠ»Π° Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня.ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΠ½ дСлится Π½Π° Ρ€Π°Π·Π΄Π΅Π» шаблонов , Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ пСрСчислСны элСмСнты Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΈ Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ опрСдСляСт ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· элСмСнтов. Π”Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° элСмСнты ΠΈΠ· рСпозитория , ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ {"include": "#id"} .

Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ abc Π±ΡƒΠΊΠ²Ρ‹ a , b ΠΈ c ΠΏΠΎΠΌΠ΅Ρ‡Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, Π° влоТСния скобок β€” ΠΊΠ°ΠΊ выраТСния.

  {
  "scopeName": "источник.abc ",
  "ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹": [{"Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ": "# Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅"}],
  "Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ": {
    "Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅": {
      "ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹": [{"Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ": "#letter"}, {"Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ": "# ΠΏΠ°Ρ€Π΅Π½-Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅"}]
    },
    "письмо": {
      "match": "a | b | c",
      "name": "keyword.letter"
    },
    "ΠΏΠ°Ρ€Π΅Π½-Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅": {
      "Π½Π°Ρ‡Π°Ρ‚ΡŒ": "\\(",
      "ΠΊΠΎΠ½Π΅Ρ†": "\\)",
      "beginCaptures": {
        "0": {"name": "punctuation.paren.open"}
      },
      "endCaptures": {
        "0": {"name": "пунктуация.paren.close "}
      },
      "name": "expression.group",
      "ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹": [{"Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ": "# Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅"}]
    }
  }
}  

ΠœΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ попытаСтся ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎ всСму тСксту Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. Для простой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Ρ‚ΠΈΠΏΠ°:

  Π°
(
    Π±
)
Икс
(
    (
        c
        xyz
    )
)
(
Π°
  

Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ области (пСрСчислСны слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ ΠΎΡ‚ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ спСцифичСской Π΄ΠΎ Π½Π°ΠΈΠΌΠ΅Π½Π΅Π΅ спСцифичСской):

  ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово.письмо, source.abc
(punctuation.paren.open, expression.group, source.abc
    b ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово.letter, expression.group, source.abc
) punctuation.paren.close, expression.group, source.abc
x source.abc
(punctuation.paren.open, expression.group, source.abc
    (punctuation.paren.open, expression.group, expression.group, source.abc
        c keyword.letter, expression.group, expression.group, source.abc
        xyz expression.group, expression.group, source.abc
    ) punctuation.paren.close, expression.group, expression.group, source.abc
) punctuation.paren.close, expression.group, source.abc
(punctuation.paren.open, expression.group, source.abc
ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово.letter, source.abc
  

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ соотвСтствуСт Π½ΠΈ ΠΎΠ΄Π½ΠΎΠΌΡƒ ΠΈΠ· ΠΏΡ€Π°Π²ΠΈΠ», Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, строка xyz , Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ Π² Ρ‚Π΅ΠΊΡƒΡ‰ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ.ПослСдняя скобка Π² ΠΊΠΎΠ½Ρ†Π΅ Ρ„Π°ΠΉΠ»Π° Π½Π΅ являСтся Ρ‡Π°ΡΡ‚ΡŒΡŽ expression.group , ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ end Π½Π΅ совпадаСт.

ВстроСнныС языки

Если ваша Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ° Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ встроСнныС языки Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ язык, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π±Π»ΠΎΠΊΠΈ стилСй CSS Π² HTML, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΡƒ добавлСния embeddedLanguages ​​, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ VS Code ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ встроСнный язык ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ языка. Π­Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ сопоставлСниС скобок, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ языковыС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π²ΠΎ встроСнном языкС.

Π’ΠΎΡ‡ΠΊΠ° добавлСния embeddedLanguages ​​ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ видимости встроСнного языка Π² ΠΎΠ±Π»Π°ΡΡ‚ΡŒ дСйствия языка Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π»ΡŽΠ±Ρ‹Π΅ Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ Π² области meta.embedded.block.javascript Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ содСрТимоС JavaScript:

  {
  "способствуСт": {
    "Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ": [
      {
        "ΠΏΡƒΡ‚ΡŒ": "./syntaxes/abc.tmLanguage.json",
        "scopeName": "source.abc",
        "embeddedLanguages": {
          "ΠΌΠ΅Ρ‚Π°.embedded.block.javascript ":" javascript "
        }
      }
    ]
  }
}  

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, Ссли Π²Ρ‹ ΠΏΠΎΠΏΡ‹Ρ‚Π°Π΅Ρ‚Π΅ΡΡŒ ΠΏΡ€ΠΎΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ ΠΈΠ»ΠΈ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π½Π°Π±ΠΎΡ€Π° Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ², ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Ρ… meta.embedded.block.javascript , ΠΎΠ½ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ стиля JavaScript // ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹ JavaScript.

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π½ΠΎΠ²ΠΎΠ³ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ

Π§Ρ‚ΠΎΠ±Ρ‹ быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Yeoman VS Code для запуска ΠΊΠΎΠ΄Π° yo ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ New Language :

Yeoman ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ Π½Π° нСсколько основных вопросов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½ΠΎΠ²ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅.Π’Π°ΠΆΠ½Ρ‹Π΅ вопросы для создания Π½ΠΎΠ²ΠΎΠΉ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ:

  • Π˜Π΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ языка β€” ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ вашСго языка.
  • Имя языка β€” ΡƒΠ΄ΠΎΠ±ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΠ΅ имя для вашСго языка.
  • ИмСна областСй видимости β€” Имя ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ области TextMate для вашСй Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ

Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈ Π½ΠΎΠ²Ρ‹ΠΉ язык, ΠΈ Π½ΠΎΠ²ΡƒΡŽ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ для этого языка. Если Π²Ρ‹ создаСтС Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ для ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ языка, просто Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΈΡ… ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΎ вашСм Ρ†Π΅Π»Π΅Π²ΠΎΠΌ языкС ΠΈ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ Ρ‚ΠΎΡ‡ΠΊΡƒ добавлСния languages ​​ Π² сгСнСрированном ΠΏΠ°ΠΊΠ΅Ρ‚Π΅ .json .

ΠžΡ‚Π²Π΅Ρ‚ΠΈΠ² Π½Π° всС вопросы, Π™ΠΎΠΌΠ΅Π½ создаст Π½ΠΎΠ²ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ со структурой:

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ссли Π²Ρ‹ вноситС Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ Π² язык, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ VS Code ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ Ρ‚ΠΎΡ‡ΠΊΡƒ добавлСния languages ​​ Π² сгСнСрированном ΠΏΠ°ΠΊΠ΅Ρ‚Π΅ package.json .

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ TextMate

yo code Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ TextMate Π² Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ VS Code.ΠžΠΏΡΡ‚ΡŒ ΠΆΠ΅, Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ с запуска ΠΊΠΎΠ΄Π° yo ΠΈ Π²Ρ‹Π±ΠΎΡ€Π° Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ языка . ΠŸΡ€ΠΈ запросС ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ Ρ„Π°ΠΉΠ»Π° Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ .tmLanguage ΠΈΠ»ΠΈ .json TextMate:

ИспользованиС YAML для написания Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ

По ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ° становится Π±ΠΎΠ»Π΅Π΅ слоТной, становится Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π΅Π΅ ΠΊΠ°ΠΊ json. Если Π²Ρ‹ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ слоТныС рСгулярныС выраТСния ΠΈΠ»ΠΈ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ для объяснСния аспСктов Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ, ΠΏΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎΠ± использовании yaml для опрСдСлСния вашСй Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ.

Π“Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ

Yaml ΠΈΠΌΠ΅ΡŽΡ‚ Ρ‚Ρƒ ΠΆΠ΅ структуру, Ρ‡Ρ‚ΠΎ ΠΈ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ Π½Π° основС json, Π½ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ сТатый синтаксис yaml, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ‚Π°ΠΊΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠ°ΠΊ многострочныС строки ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ.

VS Code ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ json, поэтому Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ Π½Π° основС yaml Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½Ρ‹ Π² json. ΠŸΠ°ΠΊΠ΅Ρ‚ js-yaml ΠΈ инструмСнт ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‚ это.

  # УстановитС js-yaml ΠΊΠ°ΠΊ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π² вашСм Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΈ
$ npm ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ js-yaml --save-dev

# Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнт ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки для прСобразования Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ yaml Π² json
Бинтаксисы $ npx js-yaml / abc.tmLanguage.yaml> синтаксисы / abc.tmLanguage.json  

Π˜Π½ΡŠΠ΅ΠΊΡ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ

Π“Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ° внСдрСния позволяСт Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ. Π“Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ° внСдрСния β€” это обычная Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ° TextMate, которая вводится Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π² Ρ€Π°ΠΌΠΊΠ°Ρ… ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ. ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ примСнСния ΠΈΠ½ΡŠΠ΅ΠΊΡ†ΠΈΠΎΠ½Π½Ρ‹Ρ… Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊ:

  • Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ TODO , Π² коммСнтариях.
  • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ± объСмС ΠΊ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ΅.
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ выдСлСния для Π½ΠΎΠ²ΠΎΠ³ΠΎ языка Π² ΠΈΠ·ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠ΄Π° Markdown.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ внСдрСния

Π˜Π½ΡŠΠ΅ΠΊΡ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π΅Ρ€Π΅Π· ΠΏΠ°ΠΊΠ΅Ρ‚ package.json , ΠΊΠ°ΠΊ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ. Однако вмСсто указания языка , Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ° внСдрСния ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ injectTo , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ список областСй Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ языка, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²Π½Π΅Π΄Ρ€ΡΡ‚ΡŒΡΡ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ°.

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ создадим ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ внСдрСния, которая выдСляСт TODO ΠΊΠ°ΠΊ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово Π² коммСнтариях JavaScript. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°ΡˆΡƒ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ внСдрСния Π² Ρ„Π°ΠΉΠ»Π°Ρ… JavaScript, ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ исходный ΠΊΠΎΠ΄ .js Ρ†Π΅Π»Π΅Π²ΠΎΠΉ язык Π² injectTo :

  {
  "способствуСт": {
    "Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ": [
      {
        "ΠΏΡƒΡ‚ΡŒ": "./syntaxes/injection.json",
        "scopeName": "todo-comment.injection",
        "injectTo": ["source.js"]
      }
    ]
  }
}  

Π‘Π°ΠΌΠ° Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ° являСтся стандартной Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΎΠΉ TextMate, Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ записи Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня jectionSelector . jectionSelector β€” это сСлСктор области видимости, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Π² ΠΊΠ°ΠΊΠΈΡ… областях Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ внСдрСнная Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ°.Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ слово TODO Π²ΠΎ всСх коммСнтариях // . Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ инспСктор области видимости, ΠΌΡ‹ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ JavaScript с Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ косой Ρ‡Π΅Ρ€Ρ‚ΠΎΠΉ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ видимости comment.line.double-slash , поэтому наш сСлСктор внСдрСния β€” L: comment.line.double-slash :

  {
  "scopeName": "todo-comment.injection",
  "injectionSelector": "L: comment.line.d double-slash",
  "ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹": [
    {
      "include": "# todo-keyword"
    }
  ],
  "Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ": {
    "todo-keyword": {
      "match": "TODO",
      "name": "ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово.Π΄Π΅Π»Π°Ρ‚ΡŒ"
    }
  }
}  

L: Π² сСлСкторС ΠΈΠ½ΡŠΠ΅ΠΊΡ†ΠΈΠΉ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠ½ΡŠΠ΅ΠΊΡ†ΠΈΡ добавляСтся слСва ΠΎΡ‚ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ» Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ. По сути, это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° нашСй Π²Π½Π΅Π΄Ρ€Π΅Π½Π½ΠΎΠΉ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ Ρ€Π°Π½ΡŒΡˆΠ΅ Π»ΡŽΠ±Ρ‹Ρ… ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ» Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ.

ВстроСнныС языки
Π“Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ

Injection Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ встроСнныС языки Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΡƒΡŽ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΡƒ. Как ΠΈ Π² случаС с ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΎΠΉ, Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ° внСдрСния ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ embeddedLanguages ​​ для отобраТСния областСй видимости встроСнного языка Π² ΠΎΠ±Π»Π°ΡΡ‚ΡŒ видимости языка Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня.

Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ выдСляСт SQL-запросы Π² строках JavaScript, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ embeddedLanguages ​​, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ всС Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ Π²Π½ΡƒΡ‚Ρ€ΠΈ строки с ΠΏΠΎΠΌΠ΅Ρ‚ΠΊΠΎΠΉ meta.embedded.inline.sql ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ SQL для основных языковых Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ сопоставлСниС скобок ΠΈ Π²Ρ‹Π±ΠΎΡ€ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°.

  {
  "способствуСт": {
    "Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ": [
      {
        "ΠΏΡƒΡ‚ΡŒ": "./syntaxes/injection.json",
        "scopeName": "sql-string.injection",
        "injectTo": ["источник.js "],
        "embeddedLanguages": {
          "meta.embedded.inline.sql": "sql"
        }
      }
    ]
  }
}  
Π’ΠΈΠΏΡ‹ Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ² ΠΈ встроСнныС языки

БущСствуСт ΠΎΠ΄Π½Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ для встроСнных языков языков внСдрСния: ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ VS Code ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ всС Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ Π² строкС ΠΊΠ°ΠΊ содСрТимоС строки, Π° всС Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ с ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅ΠΌ ΠΊΠ°ΠΊ содСрТимоС Ρ‚ΠΎΠΊΠ΅Π½Π°. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ‚Π°ΠΊΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠ°ΠΊ сопоставлСниС скобок ΠΈ автоматичСскоС Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ ΠΏΠ°Ρ€ Π²Π½ΡƒΡ‚Ρ€ΠΈ строк ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π², ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹, Ссли встроСнный язык отобраТаСтся Π²Π½ΡƒΡ‚Ρ€ΠΈ строки ΠΈΠ»ΠΈ коммСнтария, эти Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ Π²ΠΎ встроСнном языкС.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ это ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ meta.embedded. * для сброса ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ² VS Code Π² Π²ΠΈΠ΄Π΅ строки ΠΈΠ»ΠΈ содСрТимого коммСнтария. РСкомСндуСтся всСгда Π·Π°ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ встроСнный язык Π² ΠΎΠ±Π»Π°ΡΡ‚ΡŒ видимости meta.embedded. * , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ VS Code ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ встроСнный язык.

Если Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ meta.embedded. * ΠΊ своСй Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠ΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ tokenTypes Π² Ρ‚ΠΎΡ‡ΠΊΠ΅ добавлСния Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ для сопоставлСния ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… областСй Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ содСрТимого.Π Π°Π·Π΄Π΅Π» tokenTypes Π½ΠΈΠΆΠ΅ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ любоС содСрТимоС Π² области my.sql.template.string обрабатываСтся ΠΊΠ°ΠΊ исходный ΠΊΠΎΠ΄:

  {
  "способствуСт": {
    "Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ": [
      {
        "ΠΏΡƒΡ‚ΡŒ": "./syntaxes/injection.json",
        "scopeName": "sql-string.injection",
        "injectTo": ["source.js"],
        "embeddedLanguages": {
          "my.sql.template.string": "sql"
        },
        "tokenTypes": {
          "ΠΌΠΎΠΉ.sql.template.string ":" Π΄Ρ€ΡƒΠ³ΠΎΠ΅ "
        }
      }
    ]
  }
}  

Π’Π΅ΠΌΡ‹

Π’Π΅ΠΌΠ° β€” это Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ стилСй ΠΆΠ΅Ρ‚ΠΎΠ½Π°ΠΌ. ΠŸΡ€Π°Π²ΠΈΠ»Π° оформлСния Π·Π°Π΄Π°ΡŽΡ‚ΡΡ Π² Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅ΠΌΠ°Ρ…, Π½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π° оформлСния Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… настройках.

ΠŸΡ€Π°Π²ΠΈΠ»Π° Ρ‚Π΅ΠΌΡ‹

TextMate ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Ρ‹ Π² tokenColors ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ‚ΠΎΡ‚ ΠΆΠ΅ синтаксис, Ρ‡Ρ‚ΠΎ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ Ρ‚Π΅ΠΌΡ‹ TextMate. КаТдоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ опрСдСляСт сСлСктор области TextMate ΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ Ρ†Π²Π΅Ρ‚ ΠΈ ΡΡ‚ΠΈΠ»ΡŒ.

ΠŸΡ€ΠΈ ΠΎΡ†Π΅Π½ΠΊΠ΅ Ρ†Π²Π΅Ρ‚Π° ΠΈ стиля Ρ‚ΠΎΠΊΠ΅Π½Π° ΠΎΠ±Π»Π°ΡΡ‚ΡŒ дСйствия Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Ρ‚ΠΎΠΊΠ΅Π½Π° сопоставляСтся с сСлСктором ΠΏΡ€Π°Π²ΠΈΠ»Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ свойства стиля (ΠΏΠ΅Ρ€Π΅Π΄Π½ΠΈΠΉ ΠΏΠ»Π°Π½, ΠΏΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΉ, курсив, ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅)

Руководство ΠΏΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ Ρ‚Π΅ΠΌΠ΅ описываСт, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ.Π’Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ° сСмантичСских Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ² ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚ΡΡ Π² Semantic Highlighting Guide.

Π˜Π½ΡΠΏΠ΅ΠΊΡ‚ΠΎΡ€ ΠΏΡ€ΠΈΡ†Π΅Π»Π°

ВстроСнный инструмСнт инспСктора области дСйствия

VS Code ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΎΡ‚Π»Π°ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊΠΈ ΠΈ сСмантичСскиС Ρ‚ΠΎΠΊΠ΅Π½Ρ‹. Он ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ области для Ρ‚ΠΎΠΊΠ΅Π½Π° ΠΈ сСмантичСскиС Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π² Ρ„Π°ΠΉΠ»Π΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚Π΅ΠΌΡ‹ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΊ этому Ρ‚ΠΎΠΊΠ΅Π½Ρƒ.

ЗапуститС инспСктор области дСйствия ΠΈΠ· ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ ΠΊΠΎΠΌΠ°Π½Π΄ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Developer: Inspect Editor Tokens and Scopes ΠΈΠ»ΠΈ создайтС для Π½Π΅Π΅ привязку клавиш:

  {
  "ΠΊΠ»ΡŽΡ‡": "cmd + alt + shift + i",
  "ΠΊΠΎΠΌΠ°Π½Π΄Π°": "Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€.action.inspectTMScopes "
}  

Π˜Π½ΡΠΏΠ΅ΠΊΡ‚ΠΎΡ€ области ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ:

  1. Π’Π΅ΠΊΡƒΡ‰ΠΈΠΉ Ρ‚ΠΎΠΊΠ΅Π½.
  2. ΠœΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅ ΠΎ Ρ‚ΠΎΠΊΠ΅Π½Π΅ ΠΈ информация ΠΎ Π΅Π³ΠΎ вычислСнном внСшнСм Π²ΠΈΠ΄Π΅. Если Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ со встроСнными языками, Π²Π°ΠΆΠ½Ρ‹Π΅ записи здСсь язык ΠΈ Ρ‚ΠΈΠΏ Ρ‚ΠΎΠΊΠ΅Π½Π° .
  3. Π Π°Π·Π΄Π΅Π» сСмантичСского Ρ‚ΠΎΠΊΠ΅Π½Π° отобраТаСтся, ΠΊΠΎΠ³Π΄Π° поставщик сСмантичСского Ρ‚ΠΎΠΊΠ΅Π½Π° доступСн для Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ языка ΠΈ ΠΊΠΎΠ³Π΄Π° тСкущая Ρ‚Π΅ΠΌΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ сСмантичСскоС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅.Он ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ Ρ‚ΠΈΠΏ сСмантичСского Ρ‚ΠΎΠΊΠ΅Π½Π° ΠΈ ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ вмСстС с ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ Ρ‚Π΅ΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ‚ΠΈΠΏΡƒ сСмантичСского Ρ‚ΠΎΠΊΠ΅Π½Π° ΠΈ ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π°ΠΌ.
  4. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ TextMate отобраТаСтся список областСй дСйствия для Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Ρ‚ΠΎΠΊΠ΅Π½Π° TextMate, ΠΏΡ€ΠΈΡ‡Π΅ΠΌ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ конкрСтная ΠΎΠ±Π»Π°ΡΡ‚ΡŒ видимости находится Π²Π²Π΅Ρ€Ρ…Ρƒ. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ самыС ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚Π΅ΠΌΡ‹, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ областям дСйствия. Π­Ρ‚ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚Π΅ΠΌΡ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ Π·Π° Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ ΡΡ‚ΠΈΠ»ΡŒ Ρ‚ΠΎΠΊΠ΅Π½Π°, Π½ΠΎ Π½Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π°. Если сСмантичСскиС Ρ‚ΠΎΠΊΠ΅Π½Ρ‹ ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚, ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚Π΅ΠΌΡ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΎΡ‚ ΠΏΡ€Π°Π²ΠΈΠ»Π°, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ сСмантичСскому Ρ‚ΠΎΠΊΠ΅Π½Ρƒ.

11.12.2020

Word ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ тСкста Π² HTML ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€

ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ любого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² чистый HTML. Π­Ρ‚ΠΎΡ‚ бСсплатный ΠΎΠ½Π»Π°ΠΉΠ½-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊ ΠΊΠΎΠ΄Π° ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ быстро ΠΈ Π»Π΅Π³ΠΊΠΎ ΡΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈ исходный ΠΊΠΎΠ΄ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ. ΠžΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ любоС ΠΈΠ· этих ΠΏΠΎΠ»Π΅ΠΉ, ΠΈ измСнСния Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚Ρ€Π°ΠΆΠ΅Π½Ρ‹ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ сразу ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Π²Π²ΠΎΠ΄Π°.

WYSIWYG ΠšΠΎΠΌΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ Β«Ρ‡Ρ‚ΠΎ видишь, Ρ‚ΠΎ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΡˆΡŒΒ»

Π Π°Π±ΠΎΡ‚Π° этого Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ составитСля слов ΠΎΡ‡Π΅Π½ΡŒ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятна.Он Π²Π΅Π΄Π΅Ρ‚ сСбя ΠΊΠ°ΠΊ Microsoft Word, Open office ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ тСкста ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²Π°ΠΌ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ваши элСмСнты, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠ΅Ρ‚Π΅ свою ΡΡ‚Π°Ρ‚ΡŒΡŽ Π½Π° Π²Π΅Π±-сайтС. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ внСшний Π²ΠΈΠ΄ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ Π² зависимости ΠΎΡ‚ Ρ„Π°ΠΉΠ»Π° CSS Π½Π° Π²Π΅Π±-сайтС.

Π Π°Π±ΠΎΡ‚Π° с исходным ΠΊΠΎΠ΄ΠΎΠΌ

Бинтаксис Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML-ΠΊΠΎΠ΄Π° с мноТСством ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

  • Π‘Ρ‡Π΅Ρ‚Ρ‡ΠΈΠΊ Π½ΠΎΠΌΠ΅Ρ€ΠΎΠ² строк
  • АктивноС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ
  • Π’Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ ΠΈ ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠ΅ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ Ρ‚Π΅Π³ΠΈ
  • АвтоматичСскоС Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±ΠΈΡ€ΠΊΠΈ
  • ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ см. НиТС…

Π’Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ очистки:

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню β–Ό, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ очистки. ΠžΡ‚ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π·Π°ΠΏΡƒΡΠΊΠ°ΡŽΡ‚ΡΡ послС наТатия основной ΠΊΠ½ΠΎΠΏΠΊΠΈ очистки HTML. НаТмитС Π·Π½Π°Ρ‡ΠΎΠΊ справа, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ ΠΈΠ· Π½ΠΈΡ…. ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅ EssaysMatch β€” ΠΏΠΎΠΌΠΎΡ‰ΡŒ с эссС ΠΈ домашними заданиями.

  • ВстроСнныС стили β€” УдаляСт ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Ρ‚Π΅Π³Π° стиля . Для стилизации рСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» CSS.
  • ID ΠΈ классы β€” удаляСт всС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ class ΠΈ id .ПолСзная функция, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ пСрСноситС ΡΡ‚Π°Ρ‚ΡŒΡŽ с Π²Π΅Π±-сайта Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ Ρ‡ΡƒΠΆΠΈΡ… классов.
  • ΠŸΡƒΡΡ‚Ρ‹Π΅ Ρ‚Π΅Π³ΠΈ β€” УдаляСт Ρ‚Π΅Π³ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ содСрТат Π½ΠΈΡ‡Π΅Π³ΠΎ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎΠ±Π΅Π».
  • Π’Π΅Π³ΠΈ с ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠΌ β€” удаляСт Ρ‚Π΅Π³ΠΈ, содСрТащиС ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΎΠ±Π΅Π», Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€

    & nbsp;

  • ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠ΅ΡΡ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ β€” УдаляСт ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰ΠΈΠ΅ΡΡ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹, Ρ‡Ρ‚ΠΎ являСтся ΠΏΠ»ΠΎΡ…ΠΎΠΉ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠΉ для смСщСния тСкста Π²ΠΏΡ€Π°Π²ΠΎ ΠΈ установки ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² Π² тСкстС:

    & nbsp; & nbsp; & nbsp;

  • Π£Π΄Π°Π»ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ β€” Π˜Π·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ ΠΎΡ‚ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π² HTML:
  • Атрибуты Ρ‚Π΅Π³ΠΎΠ² β€” УдаляСт всС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ Ρ‚Π΅Π³ΠΎΠ², Π²ΠΊΠ»ΡŽΡ‡Π°Ρ стили, классы ΠΈ Ρ‚. Π”. Π­Ρ‚ΠΎΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π½Π΅ влияСт Π½Π° src ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ href для ссылок, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π² ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС эти Ρ‚Π΅Π³ΠΈ станут бСсполСзными.
  • Π’ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ тСкст β€” УдаляСт всС Ρ‚Π΅Π³ΠΈ, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ оставляСт простой тСкст.

ΠžΠ±Π»Π°ΡΡ‚ΡŒ рСдактирования исходного ΠΊΠΎΠ΄Π° очистки HTML

Бписок ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€Π° исходного ΠΊΠΎΠ΄Π° располоТСн рядом с ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠžΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ.Π­Ρ‚ΠΈ Π·Π΅Π»Π΅Π½Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ:

  • ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ β€” Π²ΠΎΡΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π΅ состояниС. Π’Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ ΠΊ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌΡƒ этапу, Ссли Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ очистки Π½Π΅ Π΄Π°Π΅Ρ‚ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°.
  • Новая страница β€” Π£Π΄Π°Π»ΠΈΡ‚Π΅ вСсь Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ с пустой страницы.
  • Π‘ΠΆΠ°Ρ‚ΡŒ β€” Π’ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΈ Π½ΠΎΠ²Ρ‹Π΅ строки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ HTML-Ρ„Π°ΠΉΠ» Π±ΠΎΠ»Π΅Π΅ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½Ρ‹ΠΌ для людСй, Π½ΠΎ ΠΎΠ½ΠΈ Π½Π΅ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.Π£Π΄Π°Π»ΠΈΡ‚Π΅ эти Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ символы, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° ΠΈ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.
  • Π”Ρ€Π΅Π²ΠΎΠ²ΠΈΠ΄Π½ΠΎΠ΅ прСдставлСниС β€” УстановитС отступ тСкста для выдСлСния ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠΈ Ρ‚Π΅Π³ΠΎΠ². Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этой ΠΎΠΏΡ†ΠΈΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ снова ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ сТатыС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ доступными для чтСния.
  • ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠ° символов β€” Π Π΅ΡˆΠΈΡ‚Π΅, Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π»ΠΈ Π²Ρ‹ ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ символы ΠΈΠ»ΠΈ Π½Π΅Ρ‚. НапримСр, & nbsp;
  • Π”Π΅ΠΌΠΎ-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ β€” Π—Π°ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ панСль Π΄Π΅ΠΌΠΎ-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΠΏΠΎΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с этим инструмСнтом.Π”Π΅ΠΌΠΎ содСрТит Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π°Π±Π·Π°Ρ†Ρ‹ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты.
  • ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° тСкстовых областСй вмСстС β€” По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π΄Π²Π° поля ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ вмСстС, ΠΊΠΎΠ³Π΄Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ большой. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ эту Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ.
  • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ бСссмыслСнный тСкст β€” ДобавляСт Π°Π±Π·Π°Ρ† Β«Lorem ipsumΒ» Π² ΠΊΠΎΠ½Π΅Ρ† Ρ„Π°ΠΉΠ»Π°. НаТмитС Π΅Ρ‰Π΅ Ρ€Π°Π·, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ.

ПолоТСния ΠΈ условия

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ страниц этого Π²Π΅Π±-сайта ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для вашСй ΠΎΠ±Ρ‰Π΅ΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈ использования.Он ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ Π±Π΅Π· ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ увСдомлСния.

Ни ΠΌΡ‹, Π½ΠΈ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ Ρ‚Ρ€Π΅Ρ‚ΡŒΠΈ стороны Π½Π΅ прСдоставляСм Π½ΠΈΠΊΠ°ΠΊΠΈΡ… Π³Π°Ρ€Π°Π½Ρ‚ΠΈΠΉ Π² ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ точности, своСврСмСнности, эффСктивности, ΠΏΠΎΠ»Π½ΠΎΡ‚Ρ‹ ΠΈΠ»ΠΈ пригодности ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ², Π½Π°ΠΉΠ΄Π΅Π½Π½Ρ‹Ρ… ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹Ρ… Π½Π° этом Π²Π΅Π±-сайтС для любого Π³ΠΎΠ΄Π°

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ элСмСнтС β€” ΠœΠ°Ρ€ΠΊΠ΅Ρ€

НСбольшой ΠΈ простой Π² использовании Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚Π΅Π»ΡŒ тСкста Π½Π° основС jQuery, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ для выдСлСния ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ тСкста Π² ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅.

ПолСзно для выдСлСния ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ³ΠΎ слова поиска Π² большом тСкстС ΠΏΡ€ΠΈ поискС ΡΡ‚Π°Ρ‚ΡŒΠΈ Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ возмоТности:

  • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠ°Ρ Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠ°.
  • Π‘ ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ рСгистра.
  • Π§ΡƒΠ²ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΊ Π΄ΠΈΠ°ΠΊΡ€ΠΈΡ‚Ρƒ
  • Π Π΅ΠΆΠΈΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ слова.
  • ΠŸΠΎΠ»Π½ΠΎΡ‚Π΅ΠΊΡΡ‚ΠΎΠ²Ρ‹ΠΉ Ρ€Π΅ΠΆΠΈΠΌ.

Как ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ:

1. Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΠΎΠ³ΠΎ модуля выдСлСния jQuery послС jQuery.

 

 

2. Π’Ρ‹Π·ΠΎΠ²ΠΈΡ‚Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Π² Ρ†Π΅Π»Π΅Π²ΠΎΠΌ тСкстовом ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅ ΠΈ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ.

 
Π΄Π»ΠΈΠ½Π½Ρ‹ΠΉ тСкст здСсь
 $ ('. Text'). Highlighter ({
  q: 'Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ тСкста'
})
 

3. ΠŸΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ собствСнныС стили CSS ΠΊ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡƒ тСксту.

 .highlight {
  / * Π—Π΄Π΅ΡΡŒ стили CSS * /
}
 

4. Π“ΠΎΡ‚ΠΎΠ²ΠΎ. Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ΅ использованиС:

 $ ('. Text'). Highlighter ({

  // Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠ° Π² миллисСкундах
  Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠ°: лоТь,

  // функция ослаблСния
  ослаблСниС: лоТь,

  // класс ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ
  className: 'Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ',

  // ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΠ° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ
  элСмСнт: 'ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΠΊ',

  // Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊ рСгистру
  caseSensitive: лоТь,

  // Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊ диакритичСскому Π·Π½Π°ΠΊΡƒ
  diacriticSensitive: false,

  // Ρ€Π΅ΠΆΠΈΠΌ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ слова
  wordsOnly: лоТь,

  // полнотСкстовый Ρ€Π΅ΠΆΠΈΠΌ
  fullText: лоТь,

  // минимальная длина
  minLength: false
  
})
 

Π­Ρ‚ΠΎΡ‚ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ miso25.

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

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