Посты
Заголовки
<div class="post__header">
      <span class="post__time_published">
          6 апреля в 17:57
      </span>

    <h2 class="post__title">
        <a href="https://habrahabr.ru/flows/develop/" class="post__flow" onclick="if (typeof ga === 'function') { ga('send', 'event', 'flow', 'feed page', 'Разработка'); }">Разработка</a><span class="post__title-arrow">&nbsp;→</span>
        <a href="https://habrahabr.ru/company/microsoft/blog/325872/" class="post__title_link">ASP.NET Core: Создание справочных страниц веб-API ASP.NET с помощью Swagger</a>

        <span class="flag flag_translation" title="Перевод">перевод</span>
        <span class="flag flag_tutorial" title="Обучающий материал">tutorial</span>
    </h2>

    <div class="hubs">
        <a href="https://habrahabr.ru/hub/open_source/" class="hub subscribed" title="Вы подписаны на этот хаб" onclick="if (typeof ga === 'function') { ga('send', 'event', 'hub', 'feed page', 'Open source'); }">Open source</a><span class="profiled_hub" title="Профильный хаб">*</span>,
        <a href="https://habrahabr.ru/hub/csharp/" class="hub " title="Вы не подписаны на этот хаб" onclick="if (typeof ga === 'function') { ga('send', 'event', 'hub', 'feed page', 'C#'); }">C#</a><span class="profiled_hub" title="Профильный хаб">*</span>,
        <a href="https://habrahabr.ru/hub/asp/" class="hub " title="Вы не подписаны на этот хаб" onclick="if (typeof ga === 'function') { ga('send', 'event', 'hub', 'feed page', 'ASP'); }">ASP</a><span class="profiled_hub" title="Профильный хаб">*</span>,
        <a href="https://habrahabr.ru/hub/net/" class="hub " title="Вы не подписаны на этот хаб" onclick="if (typeof ga === 'function') { ga('send', 'event', 'hub', 'feed page', '.NET'); }">.NET</a><span class="profiled_hub" title="Профильный хаб">*</span>,
        <a href="https://habrahabr.ru/company/microsoft/" class="hub " title="Вы не подписаны на этот хаб" onclick="if (typeof ga === 'function') { ga('send', 'event', 'hub', 'feed page', 'Блог компании Microsoft'); }">Блог компании Microsoft</a>
    </div>
</div>
В ленте
Флаги
из песочницы tutorial перевод
<a href="/sandbox/" class="flag flag_sandbox" title="Перейти в песочницу">из песочницы</a>
<span class="flag flag_tutorial" title="Обучающий материал">tutorial</span>
<span class="flag flag_translation" title="Перевод">перевод</span>
Дополнительная информация
<div class="post__footer">
    <div class="infopanel_wrapper js-user_">
        <ul class="postinfo-panel " id="infopanel_post_325846">

            <li class="postinfo-panel__item">
                <div class="voting-wjt voting-wjt_infopanel js-voting  ">
                    <button type="button" class="voting-wjt__button voting-wjt__button_plus js-plus" title="Нравится" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'plus' );} posts_vote(this, 325846, '2', 1);">
                        <span></span>
                    </button>

                    <div class="voting-wjt__counter js-mark">
                        <button type="button" class="voting-wjt__button voting-wjt__button_score js-score" title="Посмотреть результат" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'zero' );} posts_vote(this, 325846, '2', 0); "></button>
                    </div>

                    <button type="button" class="voting-wjt__button voting-wjt__button_minus js-minus" title="Не нравится" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'minus' );} posts_vote(this, 325846, '2', -1);">
                        <span></span>
                    </button>

                </div>
            </li>

            <li class="postinfo-panel__item">
                <div class="views-count_post" title="Просмотры публикации">7,8k</div>
            </li>

            <li class="postinfo-panel__item">
                <div class="favorite-wjt favorite">
                    <button type="button" class="favorite-wjt__button add" title="Добавить в избранное" onclick="return posts_add_to_favorite(this, '2', 325846);">
                        <span>В избранное</span>
                    </button>
                    <span class="favorite-wjt__counter js-favs_count" title="Количество пользователей, добавивших публикацию в избранное">100</span>
                </div>
            </li>

            <li class="postinfo-panel__item post-author">
                <a title="Автор публикации" class="post-author__link" href="https://habrahabr.ru/users/usmanov_amir/">
                    <span class="post-author__pic_default user-pic_lilac"></span>@usmanov_amir
                </a>
            </li>

            <li class="postinfo-panel__item postinfo-panel__item_comments">
                <div class="post-comments">
                    <a href="https://habrahabr.ru/post/325846/#comments" class="post-comments__link post-comments__link_all" title="Читать комментарии">26</a>

                    <a href="https://habrahabr.ru/post/325846/#comments" class="post-comments__link post-comments__link_new" title="Читать новые комментарии">+26</a>

                </div>
            </li>

            <li class="postinfo-panel__item postinfo-panel__item_align-right">

            </li>
        </ul>
    </div>

</div>
Пример
<div class="post post_teaser shortcuts_item focus" id="post_325968">
    <div class="post__header">
      <span class="post__time_published">
         сегодня в 08:44
      </span>

        <h2 class="post__title">
            <a href="https://habrahabr.ru/flows/develop/" class="post__flow" onclick="if (typeof ga === 'function') { ga('send', 'event', 'flow', 'feed page', 'Разработка'); }">Разработка</a><span class="post__title-arrow">&nbsp;→</span>
            <a href="https://habrahabr.ru/post/325968/" class="post__title_link">Архаичные алгоритмы сжатия видео эпохи FMV-игр</a>
        </h2>

        <div class="hubs">
            <a href="https://habrahabr.ru/hub/reverse-engineering/" class="hub " title="Вы не подписаны на этот хаб" onclick="if (typeof ga === 'function') { ga('send', 'event', 'hub', 'feed page', 'Реверс-инжиниринг'); }">Реверс-инжиниринг</a><span class="profiled_hub" title="Профильный хаб">*</span>,
            <a href="https://habrahabr.ru/hub/gamedev/" class="hub " title="Вы не подписаны на этот хаб" onclick="if (typeof ga === 'function') { ga('send', 'event', 'hub', 'feed page', 'Разработка игр'); }">Разработка игр</a><span class="profiled_hub" title="Профильный хаб">*</span>,
            <a href="https://habrahabr.ru/hub/image_processing/" class="hub subscribed" title="Вы подписаны на этот хаб" onclick="if (typeof ga === 'function') { ga('send', 'event', 'hub', 'feed page', 'Обработка изображений'); }">Обработка изображений</a><span class="profiled_hub" title="Профильный хаб">*</span>,
            <a href="https://habrahabr.ru/hub/algorithms/" class="hub subscribed" title="Вы подписаны на этот хаб" onclick="if (typeof ga === 'function') { ga('send', 'event', 'hub', 'feed page', 'Алгоритмы'); }">Алгоритмы</a><span class="profiled_hub" title="Профильный хаб">*</span>
        </div>
    </div>

    <div class="post__body post__body_crop ">
        <div class="content html_format">В 90-е сложилась интересная ситуация: вычислительные мощности компьютеров были недостаточны для расчета хоть сколько-нибудь реалистичной графики и в тоже время компакт-диски предоставляли возможность записать огромный для тех времен объем информации. В общем, идея лежала на поверхности: неплохо бы улучшить качество игровой картинки за счёт видео контента и есть куда этот контент записать. <br>
            <br>
            Но была и проблема: типичное игровое разрешение того времени — 320 на 200 точек при палитре из 256 цветов, что даёт нам 64 килобайта на кадр или полтора мегабайта на 25 кадров, при скорости чтения с компакт диска в 150 килобайт в секунду. Т.е. видео надо было жать и жать довольно сильно, а сжав, потом надо суметь декодировать, ведь мы помним, компы были слабенькие и декодирование, например, MPEG им было вообще не по силам. Тем не менее производители видео игр успешно решили проблему недостаточной производительности породив заодно множество видео-кодеков и <a href="https://wiki.multimedia.cx/index.php/Category:Game_Formats">игровых видео-форматов</a>, некоторые из которых могли проигрываться аж 286-м (прописью: двести восемьдесят шестым) процессором. <br>
            <br>
            Так началась эпоха <a href="https://ru.wikipedia.org/wiki/FMV">FMV игр</a> (Full Motion Video Games). Я думаю, многие помнят её ярких представителей: <a href="http://www.mobygames.com/game/crime-patrol">Crime Patrol</a> от American Laser Games, <a href="http://www.mobygames.com/game/lost-eden">Lost Eden</a>, <a href="http://www.mobygames.com/game/cyberia">Cyberia</a>, <a href="http://www.mobygames.com/game/novastorm">Novastorm</a> и даже <a href="http://www.mobygames.com/game/command-conquer">Command &amp; Conquer</a>, в который многие играли только ради видеовставок между миссиями. В те времена выглядело это очень круто. Вау! Вау! Ну а мне было интересно, как же они закодировали это видео, в книжках о мультимедиа приводили то же описание проблемы, что и я выше, но ничего внятного о методах сжатия не писали, видимо, авторы в этом мало понимали и пересказывали какие-то сомнительные слухи. <br>
            <br>
            На самом деле, всё оказалось очень просто, методов было всего три штуки и все очень простые.<br>
        </div>
        <div class="buttons" style="padding: 20px 0 0;">
            <a class="button" href="https://habrahabr.ru/post/325968/#habracut">Читать дальше →</a>
        </div>

    </div>

    <div class="post__footer">
        <div class="infopanel_wrapper js-user_">
            <ul class="postinfo-panel " id="infopanel_post_325968">

                <li class="postinfo-panel__item">
                    <div class="voting-wjt voting-wjt_infopanel js-voting  ">
                        <button type="button" class="voting-wjt__button voting-wjt__button_plus js-plus" title="Нравится" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'plus' );} posts_vote(this, 325968, '2', 1);">
                            <span></span>
                        </button>

                        <div class="voting-wjt__counter js-mark">
                            <button type="button" class="voting-wjt__button voting-wjt__button_score js-score" title="Посмотреть результат" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'zero' );} posts_vote(this, 325968, '2', 0); "></button>
                        </div>

                        <button type="button" class="voting-wjt__button voting-wjt__button_minus js-minus" title="Не нравится" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'minus' );} posts_vote(this, 325968, '2', -1);">
                            <span></span>
                        </button>

                    </div>
                </li>

                <li class="postinfo-panel__item">
                    <div class="views-count_post" title="Просмотры публикации">1,4k</div>
                </li>

                <li class="postinfo-panel__item">
                    <div class="favorite-wjt favorite">
                        <button type="button" class="favorite-wjt__button add" title="Добавить в избранное" onclick="return posts_add_to_favorite(this, '2', 325968);">
                            <span>В избранное</span>
                        </button>
                        <span class="favorite-wjt__counter js-favs_count" title="Количество пользователей, добавивших публикацию в избранное">6</span>
                    </div>
                </li>

                <li class="postinfo-panel__item post-author">
                    <a title="Автор публикации" class="post-author__link" href="https://habrahabr.ru/users/yannmar/">
                        <span class="post-author__pic_default user-pic_pink"></span>@yannmar
                    </a>
                </li>

                <li class="postinfo-panel__item postinfo-panel__item_comments">
                    <div class="post-comments">
                        <a href="https://habrahabr.ru/post/325968/#comments" class="post-comments__link post-comments__link_all" title="Читать комментарии">3</a>

                        <a href="https://habrahabr.ru/post/325968/#comments" class="post-comments__link post-comments__link_new" title="Читать новые комментарии">+3</a>

                    </div>
                </li>

                <li class="postinfo-panel__item postinfo-panel__item_align-right">

                </li>
            </ul>
        </div>

    </div>
</div>
Целиком
Шапка
Личная
<div class="page-header page-header_small js-user_1325930">
    <div class="page-header_wrapper">
        <div class="media-obj">
            <a href="/users/muxa_ru/" class="media-obj__image" onclick="if (typeof ga === 'function') { ga('send', 'event', 'author_info_top', 'profile', 'muxa_ru');}">
                <img src="//habrastorage.org/getpro/habr/avatars/57a/0b0/a34/57a0b0a347ed91bd8dfc9d376bfab2e6.jpg" width="48" height="48" class="author-info__image-pic">
            </a>

            <div class="media-obj__body media-obj__body_post-header">
                <div class="page-header__info">
                    <div class="page-header__info-title">
                        <a href="/users/muxa_ru/" class="page-header__username-link" onclick="if (typeof ga === 'function') { ga('send', 'event', 'author_info_top', 'profile', 'muxa_ru');}">Михаил Елисейкин</a><a href="/users/muxa_ru/" class="page-header__nickname" onclick="if (typeof ga === 'function') { ga('send', 'event', 'author_info_top', 'profile', 'muxa_ru');}">muxa_ru</a>

                    </div>
                    <div class="page-header__info-desc">Пользователь</div>
                </div>
            </div>
        </div>

        <div class="page-header__buttons">


            <a href="/conversations/muxa_ru/" class="page-header__button btn btn_large btn_outline_grey" title="Написать письмо" onclick="if (typeof ga === 'function') { ga('send', 'event', 'author_info_bottom', 'write_message', 'muxa_ru');}">
                <span class="icon-svg_user-message"><svg class="icon-svg" width="51" height="32" viewBox="0 0 51 32" aria-hidden="true" aria-labelledby="title" version="1.1" role="img"><path d="M50.24 9.92c-1.6.64-20.8 9.92-21.76 10.56-1.28.32-1.92.32-2.88.32s-1.6 0-2.56-.64c-.96-.32-20.48-9.6-21.76-10.56-1.28-.32-1.28.32-1.28.64v19.2c0 1.28 1.6 2.56 2.88 2.56h45.44c1.28 0 2.88-1.28 2.88-2.56v-19.2c0-.32 0-.96-.96-.32zM1.6 3.2c1.28.96 20.8 11.84 21.44 12.16s1.6.64 2.56.64 1.92-.32 2.56-.64c.64-.32 20.16-11.2 21.44-12.16 1.28-.64 2.56-3.2 0-3.2h-48c-2.56 0-1.28 2.56 0 3.2z"></path></svg></span>
                Написать
            </a>


            <button type="button" class="page-header__button btn btn_large btn_subscribe js-user-follow-btn" data-login="muxa_ru" data-state="follow">
                <span class="btn__value js-btn-value">Подписаться</span>
                <span class="btn__value-hidden">Отписаться</span>
            </button>
        </div>
    </div>
</div>
Корпоративная
<div class="page-header page-header_small" id="company_68">
    <div class="page-header_wrapper">
        <div class="media-obj">
            <a href="/company/microsoft/" class="media-obj__image page-header__image">
                <img src="//habrastorage.org/getpro/habr/company/e98/5cf/6a0/e985cf6a01b15006350561f26c70a41f.png" width="48" height="48" class="company-info__image-pic">
            </a>

            <div class="media-obj__body media-obj__body_page-header media-obj__body_page-header_branding">

                <div class="page-header__info">
                    <a href="/company/microsoft/" class="page-header__info-title">Microsoft</a>
                    <sup class="page-header__stats-value page-header__stats-value_branding" title="Рейтинг компании">582,56</sup>
                    <div class="page-header__info-desc">
                        Microsoft — мировой лидер в области ПО и ИТ-услуг
                    </div>
                </div>
            </div>
        </div>

        <div class="page-header__buttons">

            <button type="button" class="page-header__button btn btn_large js-company-follow-btn btn_subscribe" data-id="68" data-state="follow">
                <span class="btn__value js-btn-value">Подписаться</span>
                <span class="btn__value-hidden">Отписаться</span>
            </button>
        </div>
    </div>
</div>
Дополнительная информация
Личная
Михаил Елисейкин @muxa_ru
карма
10,7
рейтинг 10,5
Пользователь
<div class="post-additionals">
    <div class="infopanel_wrapper js-user_1325930">
        <ul class="postinfo-panel postinfo-panel_post" id="infopanel_post_325856">

            <li class="postinfo-panel__item">
                <div class="voting-wjt voting-wjt_infopanel js-voting  ">
                    <button type="button" class="voting-wjt__button voting-wjt__button_plus js-plus" title="Нравится" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'plus' );} posts_vote(this, 325856, '2', 1);">
                        <span></span>
                    </button>

                    <div class="voting-wjt__counter js-mark">
                        <button type="button" class="voting-wjt__button voting-wjt__button_score js-score" title="Посмотреть результат" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'zero' );} posts_vote(this, 325856, '2', 0); "></button>
                    </div>

                    <button type="button" class="voting-wjt__button voting-wjt__button_minus js-minus" title="Не нравится" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'minus' );} posts_vote(this, 325856, '2', -1);">
                        <span></span>
                    </button>

                </div>
            </li>

            <li class="postinfo-panel__item">
                <div class="views-count_post" title="Просмотры публикации">3,5k</div>
            </li>

            <li class="postinfo-panel__item">
                <div class="favorite-wjt favorite">
                    <button type="button" class="favorite-wjt__button add" title="Добавить в избранное" onclick="return posts_add_to_favorite(this, '2', 325856);">
                        <span>В избранное</span>
                    </button>
                    <span class="favorite-wjt__counter js-favs_count" title="Количество пользователей, добавивших публикацию в избранное">17</span>
                </div>
            </li>



            <li class="postinfo-panel__item postinfo-panel__item_align-right">
                <!-- шеринг в соцсети -->
                <ul class="post-share">
                    <li class="post-share__item">
                        <a href="https://twitter.com/intent/tweet?text=Facebook+API%3A+%D0%BF%D0%BE%D1%87%D0%B8%D0%BD%D0%BA%D0%B0+%D1%81%D0%BB%D0%BE%D0%BC%D0%B0%D0%B2%D1%88%D0%B5%D0%B9%D1%81%D1%8F+%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B8+%C2%AB%D0%9D%D1%80%D0%B0%D0%B2%D0%B8%D1%82%D1%81%D1%8F%C2%BB+%D0%BD%D0%B0+%D1%81%D0%B0%D0%B9%D1%82%D0%B5+https://habr.ru/p/325856/+via+%40habrahabr" class="post-share__item-link twitter" onclick="window.open(this.href, 'Опубликовать ссылку  в Twitter', 'width=800,height=300,resizable=yes,toolbar=0,status=0'); return false" title="Опубликовать ссылку в Twitter"></a>
                    </li>
                    <li class="post-share__item">
                        <a href="https://vk.com/share.php?url=https://habrahabr.ru/post/325856/" class="post-share__item-link vkontakte" title="Опубликовать ссылку во ВКонтакте" onclick="window.open(this.href, 'Опубликовать ссылку во Вконтакте', 'width=800,height=300,toolbar=0,status=0'); return false"></a>
                    </li>
                    <li class="post-share__item">
                        <a href="https://www.facebook.com/sharer/sharer.php?u=https://habrahabr.ru/post/325856/" class="post-share__item-link facebook" title="Опубликовать ссылку в Facebook" onclick="window.open(this.href, 'Опубликовать ссылку в Facebook', 'width=640,height=436,toolbar=0,status=0'); return false"></a>
                    </li>
                    <li class="post-share__item">
                        <a href="https://getpocket.com/edit?url=https://habrahabr.ru/post/325856/&amp;title=Facebook API: починка сломавшейся кнопки «Нравится» на сайте" target="_blank" class="post-share__item-link pocket" title="Добавить ссылку в Pocket"></a>
                    </li>
                </ul>

            </li>
        </ul>
    </div>

    <form action="/conversations/muxa_ru/" method="GET" class="form form_admin-causes hidden" id="admin_causes">
        <input type="hidden" name="moderation" value="325856">
        <fieldset class="form__fieldset form__fieldset_admin-causes">
            <legend class="form__legend">Выберите рекомендации для отправки автору:</legend>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="1">
                <span class="form__label-text">Указан только блог</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="2">
                <span class="form__label-text">Орфографические ошибки</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="3">
                <span class="form__label-text">Пунктуационные ошибки</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="4">
                <span class="form__label-text">Отступы</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="5">
                <span class="form__label-text">Текст-простыня</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="6">
                <span class="form__label-text">Короткие предложения</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="7">
                <span class="form__label-text">Смайлики</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="8">
                <span class="form__label-text">Много форматирования</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="9">
                <span class="form__label-text">Картинки</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" "="" value="10">
                <span class="form__label-text">Ссылки</span>
            </label>
        </fieldset>

        <button type="submit" class="btn btn_medium btn_grey">Отправить</button>
    </form>



    <div class="author-info ">
        <a href="/users/muxa_ru" class="author-info__image" onclick="if (typeof ga === 'function') { ga('send', 'event', 'author_info_bottom', 'profile', 'muxa_ru');}">
            <img src="//habrastorage.org/getpro/habr/avatars/57a/0b0/a34/57a0b0a347ed91bd8dfc9d376bfab2e6.jpg" class="author-info__image-pic">
        </a>

        <div class="author-info__desc js-user_1325930">
            <div class="author-info__username">
                <a href="/users/muxa_ru" class="author-info__name" onclick="if (typeof ga === 'function') { ga('send', 'event', 'author_info_bottom', 'profile', 'muxa_ru');}">Михаил Елисейкин</a>
                <a href="/users/muxa_ru" class="author-info__nickname" onclick="if (typeof ga === 'function') { ga('send', 'event', 'author_info_bottom', 'profile', 'muxa_ru');}">@muxa_ru</a>

                <div class="karma__widjet voting-wjt voting-wjt_small js-karma  " title="Карма пользователя">

                    <button type="button" class="voting-wjt__button voting-wjt__button_plus js-vote_plus" onclick="return userKarmaVote(this, 1325930, 1, 1); if (typeof ga === 'function') { ga('send', 'event', 'author_info_bottom', 'vote_plus', 'muxa_ru');}" title="Повысить карму">
                        <span></span>
                    </button>

                    <div class="voting-wjt__counter js-karma-mark voting-wjt__counter_positive " title="26 голосов">
                        <div class="voting-wjt__label">карма</div>
                        <div class="voting-wjt__counter-score js-karma_num">10,7</div>
                    </div>

                    <button type="button" class="voting-wjt__button voting-wjt__button_minus js-vote_minus" onclick="return userKarmaVote(this, 1325930, 1, -1); if (typeof ga === 'function') { ga('send', 'event', 'author_info_bottom', 'vote_minus', 'muxa_ru');}" title=" Понизить карму">
                        <span></span>
                    </button>
                </div>

                <div class="user-rating" title="Рейтинг пользователя">
                    <span class="user-rating__label">рейтинг</span>
                    <span class="user-rating__value">10,5</span>
                </div>

                <div class="author-info__buttons buttons">
                    <a href="/conversations/muxa_ru/" class="button" title="Написать письмо" onclick="if (typeof ga === 'function') { ga('send', 'event', 'author_info_bottom', 'write_message', 'muxa_ru'); }">
                        Написать
                    </a>
                </div>
            </div>

            <div class="author-info__specialization">
                Пользователь
            </div>

        </div>
    </div>

</div>
Корпоративная
Автор: @shwars
Microsoft
рейтинг 582,56
Microsoft — мировой лидер в области ПО и ИТ-услуг
<div class="post-additionals">
    <div class="infopanel_wrapper js-user_">
        <ul class="postinfo-panel postinfo-panel_post" id="infopanel_post_325944">

            <li class="postinfo-panel__item">
                <div class="voting-wjt voting-wjt_infopanel js-voting  ">
                    <button type="button" class="voting-wjt__button voting-wjt__button_plus js-plus" title="Нравится" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'plus' );} posts_vote(this, 325944, '2', 1);">
                        <span></span>
                    </button>

                    <div class="voting-wjt__counter js-mark">
                        <button type="button" class="voting-wjt__button voting-wjt__button_score js-score" title="Посмотреть результат" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'zero' );} posts_vote(this, 325944, '2', 0); "></button>
                    </div>

                    <button type="button" class="voting-wjt__button voting-wjt__button_minus js-minus" title="Не нравится" onclick="if (typeof ga === 'function') { ga('send', 'event', 'voting_location', 'minus' );} posts_vote(this, 325944, '2', -1);">
                        <span></span>
                    </button>

                </div>
            </li>

            <li class="postinfo-panel__item">
                <div class="views-count_post" title="Просмотры публикации">937</div>
            </li>

            <li class="postinfo-panel__item">
                <div class="favorite-wjt favorite">
                    <button type="button" class="favorite-wjt__button add" title="Добавить в избранное" onclick="return posts_add_to_favorite(this, '2', 325944);">
                        <span>В избранное</span>
                    </button>
                    <span class="favorite-wjt__counter js-favs_count" title="Количество пользователей, добавивших публикацию в избранное">2</span>
                </div>
            </li>



            <li class="postinfo-panel__item postinfo-panel__item_align-right">
                <!-- шеринг в соцсети -->
                <ul class="post-share">
                    <li class="post-share__item">
                        <a href="https://twitter.com/intent/tweet?text=%D0%9F%D1%80%D0%B8%D0%B3%D0%BB%D0%B0%D1%88%D0%B0%D0%B5%D0%BC+%D0%BD%D0%B0+Imagine+Cup%3A+15+%D0%B0%D0%BF%D1%80%D0%B5%D0%BB%D1%8F+2017+%D0%B3.+%D1%81%D0%BE%D1%81%D1%82%D0%BE%D0%B8%D1%82%D1%81%D1%8F+%D1%80%D0%BE%D1%81%D1%81%D0%B8%D0%B9%D1%81%D0%BA%D0%B8%D0%B9+%D1%84%D0%B8%D0%BD%D0%B0%D0%BB+%D0%BA%D0%BE%D0%BD%D0%BA%D1%83%D1%80%D1%81%D0%B0+https://habr.ru/p/325944/+via+%40habrahabr" class="post-share__item-link twitter" onclick="window.open(this.href, 'Опубликовать ссылку  в Twitter', 'width=800,height=300,resizable=yes,toolbar=0,status=0'); return false" title="Опубликовать ссылку в Twitter"></a>
                    </li>
                    <li class="post-share__item">
                        <a href="https://vk.com/share.php?url=https://habrahabr.ru/company/microsoft/blog/325944/" class="post-share__item-link vkontakte" title="Опубликовать ссылку во ВКонтакте" onclick="window.open(this.href, 'Опубликовать ссылку во Вконтакте', 'width=800,height=300,toolbar=0,status=0'); return false"></a>
                    </li>
                    <li class="post-share__item">
                        <a href="https://www.facebook.com/sharer/sharer.php?u=https://habrahabr.ru/company/microsoft/blog/325944/" class="post-share__item-link facebook" title="Опубликовать ссылку в Facebook" onclick="window.open(this.href, 'Опубликовать ссылку в Facebook', 'width=640,height=436,toolbar=0,status=0'); return false"></a>
                    </li>
                    <li class="post-share__item">
                        <a href="https://getpocket.com/edit?url=https://habrahabr.ru/company/microsoft/blog/325944/&amp;title=Приглашаем на Imagine Cup: 15 апреля 2017 г. состоится российский финал конкурса" target="_blank" class="post-share__item-link pocket" title="Добавить ссылку в Pocket"></a>
                    </li>
                </ul>

            </li>
        </ul>
    </div>

    <form action="/conversations/shwars/" method="GET" class="form form_admin-causes hidden" id="admin_causes">
        <input type="hidden" name="moderation" value="325944">
        <fieldset class="form__fieldset form__fieldset_admin-causes">
            <legend class="form__legend">Выберите рекомендации для отправки автору:</legend>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="1">
                <span class="form__label-text">Указан только блог</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="2">
                <span class="form__label-text">Орфографические ошибки</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="3">
                <span class="form__label-text">Пунктуационные ошибки</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="4">
                <span class="form__label-text">Отступы</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="5">
                <span class="form__label-text">Текст-простыня</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="6">
                <span class="form__label-text">Короткие предложения</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="7">
                <span class="form__label-text">Смайлики</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="8">
                <span class="form__label-text">Много форматирования</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" value="9">
                <span class="form__label-text">Картинки</span>
            </label>
            <label class="form__label form__label_block">
                <input type="checkbox" class="form__input form__input_checkbox" name="id[]" "="" value="10">
                <span class="form__label-text">Ссылки</span>
            </label>
        </fieldset>

        <button type="submit" class="btn btn_medium btn_grey">Отправить</button>
    </form>

    <div class="post-type">
    <span class="post-type_nowrap">
      <span class="post-type__label post-type__label_author">Автор:</span>
      <a href="/users/shwars" class="post-type__value post-type__value_author" title="Дмитрий Сошников">@shwars</a>



    </span>
    </div>

    <div class="author-info author-info_top" id="company_68">
        <a href="/company/microsoft" class="author-info__image">
            <img src="//habrastorage.org/getpro/habr/company/e98/5cf/6a0/e985cf6a01b15006350561f26c70a41f.png" class="author-info__image-pic">
        </a>

        <div class="author-info__desc">
            <div class="author-info__username">

                <a href="/company/microsoft" class="author-info__name">Microsoft</a>

                <div class="user-rating">
                    <span class="user-rating__label">рейтинг</span>
                    <span class="user-rating__value">582,56</span>
                </div>
                <div class="author-info__buttons">
                    <button type="button" class="author-info__buttons btn btn_subscribe js-company-follow-btn" data-id="68" data-state="follow">
                        <span class="btn__value js-btn-value">Подписаться</span>
                        <span class="btn__value-hidden">Отписаться</span>
                    </button>
                </div>
            </div>

            <div class="author-info__specialization">
                Microsoft — мировой лидер в области ПО и ИТ-услуг
            </div>

            <ul class="author-info__contacts user-contacts">
                <li class="user-contacts__item"><a href="http://facebook.com/msdnru" target="_blank">Facebook</a></li>
                <li class="user-contacts__item"><a href="http://facebook.com/technetru" target="_blank">Facebook</a></li>
                <li class="user-contacts__item"><a href="http://twitter.com/msdevru" target="_blank">Twitter</a></li>
                <li class="user-contacts__item"><a href="http://vk.com/msdnru" target="_blank">Вконтакте</a></li>
                <li class="user-contacts__item"><a href="http://github.com/Microsoft/" target="_blank">Github</a></li>
            </ul>
        </div>

    </div>

</div>
Похожие публикации
Похожие публикации
<div class="default-block default-block_content">
    <div class="default-block__header default-block__header_large">
        <span class="default-block__header-title default-block__header-title_large">Похожие публикации</span>
    </div>
    <div class="default-block__content">

        <ul class="content-list">
            <li class="content-list__item content-list__item_devided post-info">
                <span class="post-info__date">18 февраля 2014 в 20:12</span>
                <a href="/post/213063/" class="post-info__title post-info__title_large" onclick="if (typeof ga === 'function') { ga('send', 'event', 'tm_block', 'similar_posts', 'common'); }">Китайские видеокамеры и TCP: баг или фича?</a>

                <div class="post-info__meta">
                <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_rating"><svg class="icon-svg" width="14" height="16" viewBox="0 0 14 16" aria-hidden="true" version="1.1" role="img"><path d="M13.27 7.486l-6.389-7.39c-.112-.128-.316-.128-.427 0l-6.389 7.39c-.151.175-.022.439.213.439h3.319c.154 0 .277.119.277.268v7.54c0 .149.124.267.278.267h5.03c.154 0 .278-.118.278-.268v-7.538c0-.148.123-.268.277-.268h3.318c.236 0 .364-.265.214-.439z"></path></svg></span>
                      <span class="post-info__meta-counter">+98</span>
                </span>
                    <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_views"><svg class="icon-svg" aria-hidden="true" aria-labelledby="title" version="1.1" role="img" width="28" height="16" viewBox="0 0 28 16"><path d="M14.222 8c.043-.86 2.843-1.509 2.176-2.176-1.234-1.234-3.209-1.26-4.411-.059s-1.175 3.177.059 4.411c1.234 1.234 3.209 1.26 4.411.059.553-.553-2.27-1.504-2.235-2.235zM14.222 0c-9.33 0-14.222 6.905-14.222 8s4.892 8 14.222 8c9.33 0 14.222-6.905 14.222-8s-4.892-8-14.222-8zm0 14.155c-3.492 0-6.322-2.756-6.322-6.155s2.83-6.155 6.322-6.155 6.322 2.756 6.322 6.155c0 3.399-2.83 6.155-6.322 6.155z"></path></svg></span><span class="post-info__meta-counter">65,1k</span>
                </span>
                    <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_star"><svg class="icon-svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" version="1.1" role="img"><path d="M12.487 9.489l3.143-2.318c.708-.523.33-1.627-.558-1.627h-3.751c-.391 0-.741-.241-.871-.602l-1.578-4.341c-.292-.802-1.451-.802-1.744 0l-1.578 4.342c-.132.361-.48.602-.873.602h-3.751c-.889 0-1.266 1.104-.556 1.627l3.143 2.319c.302.222.433.598.335.956l-1.217 4.409c-.23.833.753 1.478 1.455.954l3.351-2.501c.331-.247.791-.247 1.122 0l3.351 2.501c.703.526 1.685-.118 1.455-.954l-1.216-4.41c-.098-.358.036-.735.337-.958z"></path></svg></span><span class="post-info__meta-counter">189</span>
                </span>
                    <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_comments"><svg class="icon-svg" width="18" height="16" viewBox="0 0 18 16" aria-hidden="true" aria-labelledby="title" version="1.1" role="img"><path d="M16.154 0h-13.846c-1.269 0-2.308 1.029-2.308 2.286v8c0 1.257 1.039 2.286 2.308 2.286h4.615l4.615 3.429v-3.429h4.615c1.269 0 2.308-1.029 2.308-2.286v-8c0-1.257-1.039-2.286-2.308-2.286z"></path></svg></span><span class="post-info__meta-counter">77</span>
                </span>
                </div>
            </li>
            <li class="content-list__item content-list__item_devided post-info">
                <span class="post-info__date"> 5 октября 2012 в 01:17</span>
                <a href="/post/153659/" class="post-info__title post-info__title_large" onclick="if (typeof ga === 'function') { ga('send', 'event', 'tm_block', 'similar_posts', 'common'); }">Ленивый hGetContents. Баг или фича? (Haskell)</a>

                <div class="post-info__meta">
                <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_rating"><svg class="icon-svg" width="14" height="16" viewBox="0 0 14 16" aria-hidden="true" version="1.1" role="img"><path d="M13.27 7.486l-6.389-7.39c-.112-.128-.316-.128-.427 0l-6.389 7.39c-.151.175-.022.439.213.439h3.319c.154 0 .277.119.277.268v7.54c0 .149.124.267.278.267h5.03c.154 0 .278-.118.278-.268v-7.538c0-.148.123-.268.277-.268h3.318c.236 0 .364-.265.214-.439z"></path></svg></span>
                      <span class="post-info__meta-counter">+4</span>
                </span>
                    <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_views"><svg class="icon-svg" aria-hidden="true" aria-labelledby="title" version="1.1" role="img" width="28" height="16" viewBox="0 0 28 16"><path d="M14.222 8c.043-.86 2.843-1.509 2.176-2.176-1.234-1.234-3.209-1.26-4.411-.059s-1.175 3.177.059 4.411c1.234 1.234 3.209 1.26 4.411.059.553-.553-2.27-1.504-2.235-2.235zM14.222 0c-9.33 0-14.222 6.905-14.222 8s4.892 8 14.222 8c9.33 0 14.222-6.905 14.222-8s-4.892-8-14.222-8zm0 14.155c-3.492 0-6.322-2.756-6.322-6.155s2.83-6.155 6.322-6.155 6.322 2.756 6.322 6.155c0 3.399-2.83 6.155-6.322 6.155z"></path></svg></span><span class="post-info__meta-counter">2,5k</span>
                </span>
                    <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_star"><svg class="icon-svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" version="1.1" role="img"><path d="M12.487 9.489l3.143-2.318c.708-.523.33-1.627-.558-1.627h-3.751c-.391 0-.741-.241-.871-.602l-1.578-4.341c-.292-.802-1.451-.802-1.744 0l-1.578 4.342c-.132.361-.48.602-.873.602h-3.751c-.889 0-1.266 1.104-.556 1.627l3.143 2.319c.302.222.433.598.335.956l-1.217 4.409c-.23.833.753 1.478 1.455.954l3.351-2.501c.331-.247.791-.247 1.122 0l3.351 2.501c.703.526 1.685-.118 1.455-.954l-1.216-4.41c-.098-.358.036-.735.337-.958z"></path></svg></span><span class="post-info__meta-counter">6</span>
                </span>
                    <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_comments"><svg class="icon-svg" width="18" height="16" viewBox="0 0 18 16" aria-hidden="true" aria-labelledby="title" version="1.1" role="img"><path d="M16.154 0h-13.846c-1.269 0-2.308 1.029-2.308 2.286v8c0 1.257 1.039 2.286 2.308 2.286h4.615l4.615 3.429v-3.429h4.615c1.269 0 2.308-1.029 2.308-2.286v-8c0-1.257-1.039-2.286-2.308-2.286z"></path></svg></span><span class="post-info__meta-counter">20</span>
                </span>
                </div>
            </li>
            <li class="content-list__item content-list__item_devided post-info">
                <span class="post-info__date">22 сентября 2011 в 14:53</span>
                <a href="/post/128949/" class="post-info__title post-info__title_large" onclick="if (typeof ga === 'function') { ga('send', 'event', 'tm_block', 'similar_posts', 'common'); }">Facebook API: Как разрешить комментирование записи на стене всем [upd:25.09.2011]</a>

                <div class="post-info__meta">
                <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_rating"><svg class="icon-svg" width="14" height="16" viewBox="0 0 14 16" aria-hidden="true" version="1.1" role="img"><path d="M13.27 7.486l-6.389-7.39c-.112-.128-.316-.128-.427 0l-6.389 7.39c-.151.175-.022.439.213.439h3.319c.154 0 .277.119.277.268v7.54c0 .149.124.267.278.267h5.03c.154 0 .278-.118.278-.268v-7.538c0-.148.123-.268.277-.268h3.318c.236 0 .364-.265.214-.439z"></path></svg></span>
                      <span class="post-info__meta-counter">+4</span>
                </span>
                    <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_views"><svg class="icon-svg" aria-hidden="true" aria-labelledby="title" version="1.1" role="img" width="28" height="16" viewBox="0 0 28 16"><path d="M14.222 8c.043-.86 2.843-1.509 2.176-2.176-1.234-1.234-3.209-1.26-4.411-.059s-1.175 3.177.059 4.411c1.234 1.234 3.209 1.26 4.411.059.553-.553-2.27-1.504-2.235-2.235zM14.222 0c-9.33 0-14.222 6.905-14.222 8s4.892 8 14.222 8c9.33 0 14.222-6.905 14.222-8s-4.892-8-14.222-8zm0 14.155c-3.492 0-6.322-2.756-6.322-6.155s2.83-6.155 6.322-6.155 6.322 2.756 6.322 6.155c0 3.399-2.83 6.155-6.322 6.155z"></path></svg></span><span class="post-info__meta-counter">5,8k</span>
                </span>
                    <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_star"><svg class="icon-svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" version="1.1" role="img"><path d="M12.487 9.489l3.143-2.318c.708-.523.33-1.627-.558-1.627h-3.751c-.391 0-.741-.241-.871-.602l-1.578-4.341c-.292-.802-1.451-.802-1.744 0l-1.578 4.342c-.132.361-.48.602-.873.602h-3.751c-.889 0-1.266 1.104-.556 1.627l3.143 2.319c.302.222.433.598.335.956l-1.217 4.409c-.23.833.753 1.478 1.455.954l3.351-2.501c.331-.247.791-.247 1.122 0l3.351 2.501c.703.526 1.685-.118 1.455-.954l-1.216-4.41c-.098-.358.036-.735.337-.958z"></path></svg></span><span class="post-info__meta-counter">18</span>
                </span>
                    <span class="post-info__meta-item">
                  <span class="post-info__meta-icon icon-svg_comments"><svg class="icon-svg" width="18" height="16" viewBox="0 0 18 16" aria-hidden="true" aria-labelledby="title" version="1.1" role="img"><path d="M16.154 0h-13.846c-1.269 0-2.308 1.029-2.308 2.286v8c0 1.257 1.039 2.286 2.308 2.286h4.615l4.615 3.429v-3.429h4.615c1.269 0 2.308-1.029 2.308-2.286v-8c0-1.257-1.039-2.286-2.308-2.286z"></path></svg></span><span class="post-info__meta-counter">0</span>
                </span>
                </div>
            </li>
        </ul>

    </div>
</div>
Тэги
<div class="post post_full" id="post_325856">
    <div class="post__body post__body_full">
        <div class="post__tags">
            <ul class="tags icon_tag">
                <li><a href="https://habrahabr.ru/search/?q=%5Bfacebook%5D&amp;target_type=posts" rel="tag">facebook</a>, </li>
                <li><a href="https://habrahabr.ru/search/?q=%5Bfacebook%20api%5D&amp;target_type=posts" rel="tag">facebook api</a>, </li>
                <li><a href="https://habrahabr.ru/search/?q=%5B%D0%B1%D0%B0%D0%B3%20%D0%B8%D0%BB%D0%B8%20%D1%84%D0%B8%D1%87%D0%B0%5D&amp;target_type=posts" rel="tag">баг или фича</a></li>
            </ul>
        </div>
    </div>
</div>