Защо трябва да използвате табулаторно пространство вместо множество неразбиващи се пространства (nbsp) в HTML

Има редица начини за вмъкване на интервали в HTML. Най-лесният начин е чрез просто добавяне на интервали или множество символни обекти преди и след целевия текст. Разбира се, това не е най-сухият метод.

Вместо това, за да поддържате кода си лесен за поддръжка и да намалите повторението, можете да използвате и

Original text


 елементи, заедно с малко CSS:

Използване на елемента

Пример за това как да се използва за контрол на разстоянието между текста може да се види по-долу:

Hello my name is James

Имайте предвид, че етикетите се самозатварят, което означава, че не се нуждаят от a />.

След това можете да използвате външен или вътрешен стил, за да придадете на класа tabнякои свойства. Например следният код ще работи във външна таблица със стилове:

.tab { padding-left: 2px; }

Можете също така да дадете някои свойства на вградения стил, както е показано по-долу.

Като алтернатива можете да дадете същите свойства като вградените стилове, както е показано по-долу:

Hello my name is James

Използвайки
 елемент

За лесен начин за добавяне на пространство в раздела, просто увийте текста си

етикети. Например:

The

елементът просто представлява предварително оформен текст. С други думи, всички интервали или раздели във вътрешния текст ще бъдат изобразени. Например:

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

Само имайте предвид, че всички действителни символи на табулатори (а не куп пространства, които приличат на табулатори), които използвате с този метод, може да изглеждат абсурдно широки. Това е така, защото tab-sizeсвойството за

 по подразбиране елементът е зададен на 8 интервала.

Можете да промените това с малко CSS:

pre { tab-width: 2; }

Повече информация за HTML:

Езикът за маркиране на HyperText (HTML) е език за маркиране, използван за създаване на онлайн документи и е основата на повечето уебсайтове днес.

Език за маркиране като HTML ни позволява

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

HTML документ има два аспекта. Той съдържа структурирана информация (Markup) и текстови връзки (HyperText) към други документи.

Ние структурираме нашите страници с помощта на HTML елементи. Те са конструкции на езика, осигуряващ структура и значение в нашия документ за браузъра и елемента, свързващ се с други документи в интернет.

Интернет първоначално е създаден за съхраняване и представяне на статични (непроменящи се) документи. Обсъдените по-горе аспекти на HTML се виждаха перфектно в тези документи, на които липсваше всякакъв дизайн и стил. Те представиха структурирана информация, която съдържаше връзки към други документи.

HTML5 е най-новата версия или спецификация на HTML. Консорциумът за World Wide Web (W3C) е организацията, която разработва стандартите за World Wide Web, включително тези за 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 атрибути