Чому слід використовувати простір табуляції замість кількох нерозривних пробілів (nbsp) у HTML

Існує ряд способів вставити пробіли в HTML. Найпростіший спосіб - це просто додавання пробілів або декількох символьних сутностей до і після цільового тексту. Звичайно, це не найсухіший метод.

Натомість, щоб ваш код був простим у обслуговуванні та зменшив повторність, ви можете використовувати і

Original text


 елементи, а також трохи CSS:

Використання елемента

Приклад того, як використовувати для керування інтервалом між текстом, можна побачити нижче:

Hello my name is James

Зверніть увагу, що теги самозакриваються, тобто вони не потребують />.

Тоді ви можете використовувати зовнішній або внутрішній стиль, щоб надати класу tabдеякі властивості. Наприклад, такий код буде працювати у зовнішній таблиці стилів:

.tab { padding-left: 2px; }

Ви також можете надати деякі властивості вбудованого стилю, як показано нижче.

Крім того, ви можете надати ті самі властивості, що і вбудовані стилі, як показано нижче:

Hello my name is James

Використання
 елемент

Для простого способу додати простір на вкладках просто оберніть текст

теги. Наприклад:

елемент просто представляє попередньо сформований текст. Іншими словами, будь-які пробіли або вкладки у внутрішньому тексті будуть відтворені. Наприклад:

 function greeting() { console.log('Hello world!'); } 

Тільки майте на увазі, що будь-які фактичні символи табуляції (а не купа пробілів, схожих на вкладки), які ви використовуєте з цим методом, можуть виглядати смішно широкими. Це тому, що tab-sizeвластивість для

 елементу встановлено 8 пробілів за замовчуванням.

Ви можете змінити це за допомогою трохи CSS:

pre { tab-width: 2; }

Більше інформації про HTML:

Мова розмітки HyperText (HTML) - це мова розмітки, яка використовується для створення Інтернет-документів і є основою більшості веб-сайтів сьогодні.

Мова розмітки, така як HTML, дозволяє нам

  • створювати посилання на інші документи,
  • структурувати зміст нашого документа та
  • приписувати контекст і значення змісту нашого документа.

Документ HTML має два аспекти. Він містить структуровану інформацію (Розмітка) та текстові посилання (Гіпертекст) на інші документи.

Ми структуруємо наші сторінки за допомогою елементів HTML. Вони є конструкціями мови, що надає структуру та значення в нашому документі для браузера та посилання елемента на інші документи в Інтернеті.

Спочатку Інтернет був створений для зберігання та представлення статичних (незмінних) документів. Розглянуті вище аспекти HTML чудово проглядалися в цих документах, яким бракувало дизайну та стилю. Вони представили структуровану інформацію, яка містила посилання на інші документи.

HTML5 - це остання версія або специфікація HTML. Консорціум Всесвітньої павутини (W3C) - це організація, яка розробляє стандарти Всесвітньої павутини, включаючи стандарти HTML. У міру ускладнення веб-сторінок та веб-програм W3C оновлює стандарти HTML.

HTML5 представляє цілу купу семантичних елементів. Хоча HTML допомагає надати значення нашому документу, лише до введення семантичних елементів з HTML5 його потенціал був повністю відомий.

Простий приклад документа HTML

   Page Title   

My First Heading

My first paragraph.

! DOCTYPE html: визначає цей документ як HTML5

html: кореневий елемент сторінки HTML

head: Елемент містить метаінформацію про документ

title: Елемент визначає заголовок документа

body: Елемент містить видимий вміст сторінки

h1: Елемент визначає великий заголовок

p: Елемент визначає абзац

Версії HTML

З перших днів Інтернету існувало багато версій HTML

  • HTML1991
  • HTML 2.01995
  • HTML 3.21997
  • HTML 4.011999X
  • HTML2000
  • HTML52014

Інші ресурси

  • Елементи HTML
  • Семантичний HTML
  • Атрибути HTML