Самое важное, что есть на сайте — это публикации. Создавать их могут пользователи с полноценными аккаунтами и положительной кармой (для ряда хабов входной порог по карме может отличаться).

Создание публикации

Сам процесс создания публикации довольно прост:

  • кликните по иконке карандаша в левом меню — https://habrahabr.ru/topic/add/;
  • выберите поток, в который будет размещена публикация;
  • выберите хаб, лучше всего подходящий по тематике (или нескольких хабов);
  • если ваша публикация является обучающей, уроком или how-to — отметьте чекбокс «Обучающий материал», это поможет визуально выделить ее среди прочих;
  • дайте публикации понятный заголовок, заполните тело публикации, используя нужные теги или markdown-разметку для форматирования текста, и не забудьте указать метки;
  • при желании — добавьте опрос с вариантами ответа;
  • c помощью кнопки «Предпросмотр» оцените то, что у вас получилось (возможно, где-то не закрыт тег, не вставилась картинка или еще что-то);
  • если всё в порядке — нажмите зеленую кнопку «Опубликовать»;
  • если захочется внести в публикацию какие-то изменения — воспользуйтесь иконкой карандаша справа от её заголовка, это позволит отредактировать ее или убрать ее в черновики.

Черновики видны только вам (о статусе черновика говорит иконка замка слева от заголовка публикации).

Перевод

Если нажать на слово «Публикацию» во фразе «Хочу опубликовать публикацию», то ниспадающее меню предложит вам выбрать второй доступный для создания вид записи — «Перевод». Механизм создания тот же, что и у публикации, но есть два дополнительных поля — «Автор оригинала» (тут надо указать имя автора оригинального текста) и «Ссылка на оригинал» (здесь — URL страницы оригинала).

Признаки хорошей и плохой публикации

Хорошая публикация:

  • Содержит авторский контент;
  • Удобна для чтения, разбита на абзацы и в целом хорошо отформатирована. Картинки залиты на Habrastorage;
  • Написана максимально грамотным для индивида русским языком;
  • Не содержит того, что есть в плохих публикациях.

Плохая публикация:

  • Имеет кричащий заголовок вида «Шок! ВИДЕО! ВИРУСЫ В МАКАХ!»;
  • Переполнена грамматическими и орфографическими ошибками, игнорирует правила русского языка в общем;
  • Содержит слова из «падонкаффского» сленга и прочую нечисть;
  • Содержит изображения с нестабильных фотохостингов;
  • Состоит из информации с других ресурсов;
  • Является жалобой на что-либо;
  • Содержит реферальные ссылки на что угодно;
  • Содержит запрещённый или просто нелицеприятный контент;
  • Является рекламой своего или чужого проекта, сервиса, приложения, сайта, etc.

Разрешённые html-теги

При написании публикаций и комментариев можно использовать следующие html- и не совсем html-теги:

Стандартные

Тег Описание
<h1></h1>...<h4></h4>

Заголовки разного уровня.

<h1>Заголовок первого уровня</h1>...<h4>Заголовок четвертого уровня</h4>
<img/>

Вставка изображения, в атрибуте src нужно указывать полный путь к изображению. Возможно выравнивание картинки атрибутом align.

<img src="" alt="image alt" align="left" />
<a></a>

Вставка ссылки, в атрибуте href указывается желаемый интернет-адрес или якорь (anchor) для навигации по странице.

<a href="http://your_link_path.ru">Текст ссылки</a>
<anchor></anchor>

Тег для указания якоря. Для вызова используйте тег вставки ссылок.

<a href="#example">Example</a>
<strong></strong>

Выделение важного текста, на странице выделяется жирным начертанием. Также возможно использование альтернативного тега <b></b>

<strong>Жирное начертание</strong>
<em></em>

Выделение важного текста, на странице выделяется курсивом. Также возможно использование альтернативного тега <i></i>

<em>Курсивное начертание</em>
<strike></strike>

Текст между этими тегами будет отображаться как зачеркнутый. Также возможно использование альтернативного тега <s></s>

<strike>Зачеркнутый текст</strike>
<u></u>

Текст между этими тегами будет отображаться как подчеркнутый.

<u>Подчеркнутый текст</u>
<hr/>

Тег для вставки горизонтальной линии.

<hr/>
<blockquote></blockquote>

Используйте этот тег для выделения цитат.

<blockquote>Текст цитаты</blockquote>
<table></table>

Набор тегов для создания таблицы. Тег <td> обозначает ячейку таблицы, тег <th> - ячейку в заголовке, <tr> - строчку таблицы. Все содержимое таблицы помещайте в тег <table>.

<table>
  <tr>
    <th>Колонка 1</th>
    <th>Колонка 2</th>
     <th>Колонка 3</th>
  </tr>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
    <td>Ячейка 3</td>
  </tr>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
    <td>Ячейка 3</td>
  </tr>
</table>
<sup></sup>,
<sub></sub>

Текст, заключенный в тег <sup> отображается в виде верхнего регистра, <sub> - в виде нижнего.

<sup>верхний регистр</sup>, <sub>нижний регистр</sub>
<abbr></abbr>

Тегом <abbr> выделяется аббревиатура, в атрибуте title=""указывайте её расшифровку. Используйте тег <acronym> для устоявшихся аббревиатур.

<abbr title="ABBR">Рашифровка аббревиатуры</abbr>
<acronym title="Accronym">Рашифровка аббревиатуры</acronym>
<pre></pre>

Текст в теге <pre> не форматируется автоматически.

<pre>Неформатированный текст</pre>
<nobr></nobr>

Текст, помещенный в тег <nobr>, не переносится на странице; для принудительного переноса текста используйте тег <br/> ; для аккуратного выравнивания изображений используйте атрибут clear="all|left||right" в теге <br />.

<nobr>Текст без переносов</nobr>, <br clear="all|left||right" />
<ul></ul>

Ненумерованный список; каждый элемент списка задается тегом <li>, набор элементов списка помещайте в тег <ul>.

<ul>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
</ul>
<ol></ol>

Нумерованный список; каждый элемент списка задается тегом <li>, набор элементов списка помещайте в тег <ol>.

<ol>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
</ol>


Теги Хабрахабра

Тег Описание
<cut/>

Используется только в текстах публикаций, скрывает под кат часть текста, следующую за тегом (появится кнопка с текстом «Читать дальше»). Чтобы изменить текст в кнопке, используйте аттрибут text="..."

<cut/>, <cut text="Ваш текст"/>
<source></source>

Подсвечивает исходный код. Для поддержки конккретного синтаксиса, используйте аттрибут lang=""

<source lang="javascript">Исходный код</source>
<oembed></oembed>

Вставка интерактивного слайд-шоу. Пока поддерживается только сервис Slideshare.net и Scribd.com.

<oembed>http://slideshare.net/</oembed>
<spoiler></spoiler>

Вставка спойлера (разворачиваемый блок информации). Чтобы изменить текст заголовка спойлера используйте аттрибут title="…"

<spoiler title="Заголовок спойлера">Содержимое спойлера</spoiler>
@username

Выводит имя пользователя в тексте и отправляет пользователю уведомление о том, что его упомянули в публикации/комментарии. Вы можете использовать конструкцию @username, где username — это имя пользователя.

@username


ППА

Аббревиатура «ППА» на Хабрахабре расшифровывается как Программа Поощрения Авторов. Помимо признания аудитории, авторы могут получать денежное вознаграждение за хорошие публикации — очевидно же!

В программе могут принимать участие пользователи, обладающие хотя бы одним из значков: «Автор», «Звезда», «Легенда» и «Старожил». А дальше, всё, что надо — просто размещать интересные публикации или переводы в профильные хабы, не более того. Более подробно узнать о ППА можно на отдельной странице.