Элементы для сайта html

Каждый начинающий веб-мастер должен понимать принцип действия каждого элемента html использующего на страницах и уметь правильно прописать для него код.
В этой рубрике я постарался выложить основные элементы для сайта html с кодом и визуальными примерами, которые чаще всего используют вебмастера.

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

Онлайн фильмы режиссера Тинто Брасс

Обучение HTML онлайн видео-урок

Хотите обучиться HTML онлайн и за 2-4 дня написать и собственноручно сделать сайт, который будет отвечать всем требованиям и адаптированный под …

Как сделать видеофон для сайта

В этой статье я покажу, каким образом можно установить видеофон, какие для этого нужны видео файлы и какой код нужно использовать для правильного …

Как выровнять div по высоте

Для примера, чтобы блоки были одной высоты, я использую три способа, с помощью которых можно легко выровнять div по высоте. Первые два способа для …

Адаптивное горизонтальное меню

В наше время для сайта всё чаще становится актуальным воплощение адаптивного горизонтального меню, которое на мобильных устройствах будет …

CSS тень для текста

Для выразительности текста и придания ему классного эффекта, добавляют к нему тень на css, где в качестве свойства выступает text-shadow, с помощью …

Кнопки css примеры

Кнопки css — большая подборка из 142 анимированных кнопок в примерах, выполненных только на css. Кнопки css имеют классные эффекты при нажатии …

CSS тень для блока div

Применяем к блоку трёхмерный эффект для увеличения его видимости и объёма, к нему применяем css параметр box-shadow, и тем самым получаем на …

Как сделать блоки div по горизонтали

Очень часто при вёрстке сайта появляется необходимость прописать блоки div по горизонтали, или по-иному сделать блоки div в ряд. Это делается …

PRE для сайта, как вывести html код на странице

Познакомлю, для тех кто не знает, как вывести html код на странице в виде текста с удобной и красивой подсветкой тегов, свойств, атрибутов и функций с …

Вывод php на html странице

Статья посвящена тем, у кого рукописный сайт, то есть сделан сайт своими руками без применения каких-либо движков (WordPress, Joomla и прочих) …

Модальное окно при закрытии страницы

Продолжая тему всплывающих окон перейдём к последнему примеру и рассмотрим вариант, когда необходимо сделать модальное окно при …

Модальное окно при открытии страницы

Теперь познакомимся с примером, где модальное окно будет автоматически появляться через заданный отрезок времени при открытии …

Как сделать модальное окно на css

Модальное, либо всплывающее окно (называют по-разному) – это очень распространённый элемент html применяемый на веб-сайте. Основное …

Как сделать ссылку на сайт html

Публикация посвящена ссылкам: как сделать ссылку на сайте, и какие необходимо внедрить параметры для ссылки. Из данной статьи вы узнаете …

Как сделать меню в html

Для удобной навигации по сайту на всех страницах используют меню, чтобы пользователю было понятно, что и где у вас находится. Практически … Показать ещё 15

Как сделать фон на сайте

В этой статье я вам расскажу и покажу как сделать фон на сайте посредством наложения любого цвета, градиента или рисунка (фотографии) …

Готовое меню для сайта на css и jQuery

Вашему вниманию представляю готовое меню для сайта на CSS и jQuery с предоставлением кода на них для копирования и последующего …

Как правильно установить кодировку для сайта

Для правильного отображения текстового контента на вашем сайте необходимо выполнить 2 правила связанные с кодировкой. Мы живём в …

Как и где продать информацию

Вы имеете информацию, которую хотите продать, но не знаете как это сделать и где. Можно найти конечно сервисы онлайн, которые предоставляют …

Как настроить выделенный сервер VDS Zomro

Продолжая тему VDS Zomro, переходим к настройке выделенного сервера. После того, как вы заказали VDS Zomro с указанием своего домена, через …

Дешевый виртуальный сервер Zomro

Виртуальный сервер (vds или vps) является эмулятором настоящего физического сервера, где на одной машине могут функционировать сразу …

Как установить на сайт html видео бутстрап

В этой статье хочу рассказать, как установить на сайт html видео на бутстрап. Применив не сложный код, такое видео для показа на страницах …

Как сделать меню на Бутстрап

Это третий урок, как сделать сайт на бутстрап, и в нём мы поговорим о горизонтальном и вертикальном меню Бутстрап. Рассмотрим какой код …

Как сделать карусель на бутстрап

После того, как разобрались с меню на бутстрап, перейдём к фотогалерее — карусель бутстрап. Как и описывал в предыдущих статьях для …

Как сделать картинку на бутстрап

Чтобы сделать картинку бутстрап на странице html адаптивной, достаточно в код картинки добавить определённый класс, и ваши фотки будут …

Делаем свой сайт на бутстрап

После изучения основ по html и css переходим ко второму уроку и будем делать адаптивный (резиновый) сайт с применением готового набора …

Создание сайта с помощью конструктора Artisteer 4

Практически у каждого из нас, кто довольно часто пользуется интернетом и просматривает просторы Рунета, возникает вполне нормальное …

Логотип для сайта в формате PSD

Довольно часто перед мастерами возникает задача — какой логотип сайта добавить в шапку? И приходится долго ломать голову, потому как ни …

Ключевые слова для сайта

Известно, что для продвижения сайта нужен интересный и полезный контент, но важную роль играет правильный подбор и расстановка …

SEO — Продвижение сайта, оптимизация сайта

Для чего нужны оптимизация и продвижение сайта? К примеру, вы имеете свой сайт и создали вы его в 99% случаев — не для собственного … Показать последние

Что такое домен (доменное имя)

Что такое домен ( доменное имя ), и для разъяснений возьмём для примера реальную жизнь… Вы имеете возможность продавать какие-то …

Какой хостинг лучше выбрать для сайта

Если Ваш сайт отвечает всем требованиям российского законодательства, и Вы хотите, чтобы он успешно индексировался в поисковых …

Как нарастить тИЦ сайта

Прежде, чем описывать способы, как нарастить тИЦ сайта, сразу хочу предупредить: не путайте пожалуйста это с продвижением сайта …

Position css / Позиционирование в css

Для позиционирования элементов при помощи css на страницах html применяют свойство position со значениями: static relative absolute fixed …

Как сделать RSS канал

Мы будем рассматривать тему — как сделать RSS на самописном сайте, так как на движках (WordPress, Joomla и прочее) этот параметр встроен …

Отступы в css

Для более красивого отображения элементов на web-странице применяют внешний и внутренний отступы в css и на примерах мы это сейчас …

Параграф html

Параграф в html так же как и в книге имеет определённый текстовый смысл и для удобного понимания и чтения разделяется неким горизонтальным …

Приоритет в css

Довольно часто у новичков при изменении и добавлении стилевых значений происходит ошибка, возникшая по причине отсутствия понятия об …

Как подключить шрифт к html

Каждый вебмастер использует на своём сайте шрифты html на своё усмотрение, — здесь дело вкуса. Но не все знают как правильно подключить …

Как подключить css

Теперь, как изучили основы html, поговорим о стилевой разметке css, которая придаёт определённый внешний вид страницам html. Без понимания …

Семантические элементы HTML5

Семантические элементы HTML5 доступно описывают свой смысл или назначение как для браузеров, так и для веб-разработчиков.
До появления стандарта HTML5 вся разметка страниц осуществлялась преимущественно с помощью элементов <div>, которым присваивали классы class или идентификаторы id для наглядности разметки (например, <div>). С их помощью в HTML-документе размещали верхние и нижние колонтитулы, боковые панели, навигацию и многое другое.

Стандарт HTML5 предоставил новые элементы для структурирования, группировки контента и разметки текстового содержимого. Новые семантические элементы позволили улучшить структуру веб-страницы, добавив смысловое значение заключенному в них содержимому (было <div>, стало <header>). Для отображения внешнего вида элементов не задано никаких правил, поэтому элементы можно стилизовать по своему усмотрению. Для всех элементов доступны ‎глобальные атрибуты.

Согласно спецификации HTML5 каждый элемент принадлежит к определенной (ноль или более) категории. Каждая из них группирует элементы со схожими характеристиками. Выделяют следующие общие категории:

• Мета содержимое
• Потоковое содержимое
• Секционное содержимое
• Заголовочное содержимое
• Текстовое содержимое
• Встроенное содержимое
• Интерактивное содержимое

Описание HTML5-элементов

1. Элемент <header>

Категории контента: потоковое содержимое.
Группирует вводные и навигационные элементы, не является обязательным. Может содержать заголовки, оборачивать содержание раздела страницы, форму поиска или логотип. В HTML-документе может содержаться одновременно несколько элементов <header> и они могут располагаться в любой части страницы.

<header>
  <h2>Site description</h2>
  <nav>
    <ul>
      <li><a href="">About</a>
      <li><a href="">Forum</a>
      <li><a href="">Download</a>
    </ul>
  </nav>
</header>

Элемент <header> нельзя помещать внутрь элементов <footer>, <address> или другого элемента <header>.

2. Элемент <nav>

Категории контента: потоковое содержимое, секционное содержимое.
Предназначен для создания блока навигации веб-страницы или всего веб-сайта, при этом не обязательно должен находиться внутри <header>. На странице может быть несколько элементов <nav>. Не заменяет теги <ul> или <оl>, он просто их обрамляет. Не все группы ссылок на странице должны быть обёрнуты <nav>, этот элемент предназначен в первую очередь для разделов, которые состоят из главных навигационных блоков.

<nav>
  <ul>
    <li><a>...</a></li>
    <li><a>...</a></li>
    <li><a>...</a></li>
  </ul>
</nav>

В качестве элементов панели навигации можно использовать не только элементы списков:

<nav>
  <p><a href="">...</a></p>
  <p><a href="">...</a></p>
</nav>

Также можно добавлять заголовки внутрь элемента:

<nav>
  <h3>...</h3>
    <ul>
      <li><a>...</a></li>
      <li><a>...</a></li>
      <li><a>...</a></li>
    </ul>
</nav>

3. Элемент <article>

Категории контента: потоковое содержимое, секционное содержимое.
Используется для группировки записей — публикаций, статей, записей блога, комментариев. Представляет собой независимый обособленный блок, предназначенный для многократного использования, как правило, начинается с заголовка. Может дублироваться на других страницах сайта и содержать внутри другие элементы <article>, которые по содержанию имеют близкое отношение к содержанию внешней статьи. Если на странице присутствует только одна статья с заголовком и текстовым содержимым, она не нуждается в обёртке элементом <article>. Элемент рекомендуется использовать только в том случае, если содержимое элемента будет явно указано в схеме документа.

<section>               
      <article>
        <h3><a href="">Spring Comes (and Goes) in Sussex County</a></h3>        
        <p>Yesterday I joined the Brooklyn Bird Club for our annual trip to Western New Jersey, specifically Hyper Humus, a relatively recently discovered hot spot. </p>
      </article>

      <article>
        <h3><a href="">But does it count for your life list?</a></h3>        
          <p>Seems you can now go bird watching via the Internet. I haven't been able to test it out yet (20 user limit apparently) but this is certainly cool. Personally, I can't imagine it replacing actually being out in the field by any small amount.</p>
      </article>  
  
    <nav>
      <a href="">&laquo; Previous Entries</a>
    </nav>
  </section>

4. Элемент <section>

Категории контента: потоковое содержимое, секционное содержимое.
Элемент представляет собой универсальный раздел документа. Группирует тематическое содержимое и обычно содержит заголовок. Не является блоком-оберткой, для этих целей уместнее использовать элемент <div>. В качестве содержимого может выступать оглавление, разделы научных публикаций, программа мероприятия. Домашняя страница сайта также может быть поделена на секции — блок вводной информации, новости и контакты. Элемент рекомендуется использовать только в том случае, если содержимое элемента будет явно указано в схеме документа.

<article>
  <h2>...</h2>
    <section>
      <h3>...</h3>
      <p>...</p>
    </section>
    <section>
      <h3>...</h3>
      <p>...</p>
    </section>
    <p>...</p>
</article>

<article> внутри <section>

Можно создавать родительские элементы <section> с вложенными элементами <article>, в которых есть один или несколько элементов <article>. Не все страницы должны быть устроены именно так, но это допустимый способ вложения элементов. Например, основная область контента страницы содержит два блока со статьями разной тематики. Можно сделать на этом акцент, поместив каждую статью одной тематики внутрь элемента <section>

<section>
  <h2>Заметки о природе</h2>
    <article>
      <h3>...</h3>
      <p>...</p>
    </article>
    <article>
      <h3>...</h3>
      <p>...</p>
    </article>
</section>
<section>
  <h2>Исторические заметки</h2>
    <article>
      <h3>...</h3>
      <p>...</p>
    </article>
    <article>
      <h3>...</h3>
      <p>...</p>
    </article>
</section>

5. Элемент <aside>

Категории контента: потоковое содержимое, секционное содержимое.
Группирует содержимое, связанное с окружающим его контентом напрямую, но которое можно счесть отдельным (т.е., удаление этого блока не повлияет на понимание основного содержимого). Чаще всего элемент позиционируется как боковая колонка (как в книгах) и включает в себя группу элементов: <nav>, цифровые данные, цитаты, рекламные блоки, архивные записи. Не подходит для блоков, просто позиционированных в стороне.

<aside>
  <h3>...</h3>
  <p>...</p>
</aside>

<aside>
  <h3>...</h3>
  <p>...</p>
  <blockquote>
    <p>...<cite>...</cite>...</p>
    <p>...</p>
  </blockquote>
</aside>

6. Элемент <footer>

Категории контента: потоковое содержимое.
Представляет собой нижний колонтитул содержащей его секции или корневого элемента. Обычно содержит информацию об авторе статьи, данные о копирайте и т.д. Если используется как колонтитул всей страницы, содержимое дополняется сведениями об авторских правах, ссылками на условия использования, контактную информацию, ссылками на связанное содержимое и т.п.

В одном веб-документе может быть несколько элементов <footer>. Как каждая страница, так и каждая статья может иметь свой элемент <footer>, более того, <footer> можно поместить в элемент <blockquote>, чтобы указать источник цитирования.

<footer>
  <address>...</address>
  <small>@2014...</small>
</footer>

7. Элемент <address>

Категории контента: потоковое содержимое.
Используется для определения контактной информации автора/владельца документа или статьи. Для обозначения автора документа тег размещают внутри элемента <body>, для отображения автора статьи — внутри тега <article>. В браузере обычно отображается курсивом.

8. Элемент <main>

Категории контента: потоковое содержимое.
Элемент <main> представляет основное содержимое документа (содержимое элемента <body>). Контент, находящийся внутри элемента, должен быть уникальным и не повторяться во всех документах сайта, таких как навигационные ссылки, информация о копирайте, логотипы, формы поиска (в случае, если форма поиска является основной функцией документа).

Элемент <main> не может быть потомком таких элементов как <article>, <aside>, <footer>, <header> или <nav>.

<body>
<header>
  <h2>Пудель</h2>
    <nav>
      <ul>
        <li><a href="index.html">Главная</a></li>
        <li><a href="about.html">О породе</a></li>
        <li><a href="health.html">Здоровье</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <section>
      <header>
        <h3>О породе</h3>
          <nav>
            <ul>
              <li><a href="#basic">Разновидности</a></li>
              <li><a href="#app">Внешний вид</a></li>
              <li><a href="#temp">Характер</a></li>
            </ul>
          </nav>
      </header>
      <section>
        <h4>Разновидности</h4>
          <p>...</p>
      </section>
      <section>
        <h4>Внешний вид</h4>
          <p>...</p>
      </section>
      <section>
        <h4>Характер</h4>
          <p>...</p>
      </section>
      <footer>
        <a href="#basic">Разновидности</a>
        <a href="#app">Внешний вид</a>
        <a href="#temp">Характер</a>
      </footer>
      </section>
    </main>
    <footer>
      <small>Copyright © <time datetime="2016">2016</time> Моя собака.ру</small>
    </footer>
</body>

9. Элемент <figure>

Категории контента: потоковое содержимое, корневое секционное содержимое.
Элемент <figure> представляет автономный контент (необязательно с заголовком), являющийся самостоятельным элементом основного потока. Элемент может быть перемещен из основного содержимого документа в боковую колонку или приложение, не затрагивая поток документа. С помощью элемента <figure> можно добавлять краткие характеристики к иллюстрациям, фотографиям, диаграммам, фрагментам кода и т.д..

<figure>
    <img src="picture.jpg" alt="Осень">
    <figcaption>Осенний лес</figcaption>
</figure>

Элемент <figure> является блочным, по ширине занимает всю ширину блока-контейнера за минусом внешних отступов margin:

margin-left: 40px;
margin-right: 40px;
margin-top: 1em;
margin-bottom: 1em;

10. Элемент <figcaption>

Элемент <figcaption> — потомок элемента <figure>, не принадлежит ни к одной категории контента. Элемент является блочным, по ширине равен ширине элемента <figure>, высота по умолчанию равна 18px.

11. Элемент <time>

Категории контента: потоковое содержимое, текстовое содержимое.
Определяет время (24 часа) или дату по григорианскому календарю с возможным указанием времени и смещения часового пояса. Текст, заключенный в данный тег, не имеет стилевого оформления браузером. Для тега доступен атрибут datetime, в качестве содержимого которого указывается то, что будет видеть пользователь на экране своего компьютера:

<time datetime="2014-09-25"> 25 Сентября 2014</time>

Чтобы дата могла считываться автоматически, она должна быть в формате YYYY-MM-DD. Время, которое также может указываться, задается в формате HH:MM с добавлением разделяющего префикса T (time):

<time datetime="2014-09-25T12:00"> 25 Сентября 2014</time>

12. Элемент <mark>

Категории контента: потоковое содержимое, текстовое содержимое.
Текст, помещенный внутрь тега <mark>, выделяется по умолчанию желтым цветом (цвет фона и цвет шрифта в выделенном блоке можно изменить, задав определенные css-стили). С помощью данного тега можно отмечать важное содержимое, а также ключевые слова.

13. Элемент <bdi>

Категории контента: потоковое содержимое, текстовое содержимое.
Отделяет фрагмент текста, который должен быть изолирован от остального текста для двунаправленного форматирования текста. Используется для текстов, написанных одновременно на языках, читающихся слева направо и справа налево.

14. Элемент <wbr>

Категории контента: потоковое содержимое, текстовое содержимое.
Одиночный тег, показывает браузеру место, где можно добавить разрыв длинной строки в случае необходимости.

15. Элементы для описания Восточно-Азиатских символов

Категории контента: потоковое содержимое, текстовое содержимое.
Элемент <ruby> позволяет помечать один и более элементов категории текстовое содержимое с помощью ruby-аннотации. Ruby-аннотация используется в преимущественно в Восточно-Азиатской типографики как руководство по произношению или для включения других характеристик. Элемент может содержать:
— один и более текстовых узлов или элементов <rb>;
— один и более элементов <rt>, <rtc>, каждый из которых предшествует или следует непосредственно за элементом <rp>.

Элементы <rb>, <rt>, <rtc> и <rp> не относятся ни к одной категории контента.

Элемент <rb> определяет вложенный в него текст как базовый компонент аннотации.
Элемент <rt> выводит аннотацию к тексту сверху или снизу над ним.
Элемент <rtc> отмечает вложенный в него текст как дополнительную аннотацию.
Элемент <rp> выводит альтернативный текст в случае если браузер не поддерживает элемент <ruby>.

HTML, DHTML, JavaScript, PHP, MySQL, XML+XLST, Ajax, Api

Что такое HTML? Всемирная паутина соткана из Web-страниц (Web-pages), а эти страницы создаются при помощи языка разметки гипертекста (HyperТext Markup Language, HTML). HTML — это язык разметки. Вы используете HTML для разметки текстового документа, точно так же, как это делает редактор при помощи жирного красного карандаша. Эти пометки служат для определения формата (или стиля), который будет использован при выводе текста на экран монитора. читать дальше… Что такое DHTML? DHTML (динамический HTML) — это набор средств, которые позволяют создавать интерактивные Web-страницы без увеличения загрузки сервера. DHTML построен на объектной модели документа (Document Object Model, DOM), которая расширяет традиционный статический HTML-документ. DOM обеспечивает динамический доступ к содержимому документа, его структуре и стилям. В DOM каждый элемент Web-страницы является объектом, который можно изменять. DOM не определяет новых тэгов и атрибутов, а просто обеспечивает возможность программного управления всеми тэгами, атрибутами и каскадными листами стилей (CSS). читать дальше… Что такое JavaScript? JavaScript предназначен для написания сценариев для активных HTML-страниц. JavaScript не предназначен для создания автономных приложений. Программа на JavaScript встраивается непосредственно в исходный текст HTML-документа и интерпретируется брaузером по мере загрузки документа. С помощью JavaScript можно динамически изменять текст загружаемого HTML-документа и реагировать на события, связанные с действиями посетителя или изменениями состояния документа или окна. Важная особенность JavaScript — объектная ориентированность. Программисту доступны многочисленные объекты, такие, как документы, гиперссылки, формы, фреймы и т.д. читать дальше… Что такое PHP? PHP (Personal Home Page) — серверный язык создания сценариев. Первая версия PHP была создана Расмусом Лердорфом в 1994 г. и представляла собой набор инструментов для отслеживания посетителей Web-страницы. Сегодня это полноценный мощный язык программирования, его название было изменено как рекурсивное образование PHP HyperText Preprocessor (препроцессор гипертекста PHP). Конструкции PHP, вставленные в HTML-текст, выполняются сервером при каждом посещении страницы. Результат их обработки вместе с обычным HTML-текстом передается браузеру. читать дальше… Что такое XML? XML (eXtensible Markup Language) — расширяемый язык разметки. Основное внимание в XML сосредоточено на данных. В XML структурная разметка данных и представление данных строго разделены. читать дальше… Что такое XSLT? XSLT (eXtensible Stylesheet Language Transformations) — расширяемый язык преобразования листов стилей. Язык XSLT служит транслятором, с помощью которого можно свободно модифицировать исходный текст. XLST играет решающую роль в утверждении XML в качестве универсального языка хранения и передачи данных. Область применения XSLT широка — от электронной коммерции до беспроводного Web. читать дальше… Что такое AJAX? Ajax расшифровывается как Asynchronous Javascript And XML (Асинхронные Javascript И XML) и технологией в строгом смысле слова не является. Если в стандартном веб-приложении обработкой всей информации занимается сервер, тогда как браузер отвечает только за взаимодействие с пользователем, передачу запросов и вывод поступившего HTML, то в Ajax-приложении между пользователем и сервером появляется еще один посредник — движок Ajax. Он определяет, какие запросы можно обработать «на месте», а за какими необходимо обращаться на сервер. читать дальше…

Домены, Сайты, Хостинг, DNS Домен — уникальный текстовый идентификатор, позволяющий легко запомнить и однозначно определить сайт. С помощью DNS-сервера доменное имя превращается в IP-адрес, по которому находится сервер, на котором распологается сайт. Сайт (Web-сайт, Web-узел) — совокупность логически связанных web-страниц. Здесь Вы найдете много материалов о том как создать сайт, как сделать его посещаемым и как научить его приносить Вам деньги. Хостинг (Hosting, Web-hosting, Collocation) — размещение страниц сайта на сервере, постоянно подключенном к Интернет. Эта статья поможет Вам с выбором хостинга для вашего сайта. API для работы с доменами. Создание сайта, CMS Чтобы сделать хороший сайт, Вам прийдется разобраться в тонкостях HTML-верстки, программировании на PHP, javascript. Чтобы сделать простенький сайт достаточно разобраться в работе CMS. Статья про создание сайтов проведет Вас пошагово от разработки концепции и до заработка CMS (Content Management System) — система управления содержанием сайта. CMS иначе ещё называют «движек сайта», т.е. программа с помощью которой вы создаете и изменяете сайт, которая отвечает за его работу и отображение. Эта статья поможет Вам с выбором CMS для вашего сайта. Здесь Вы найдете подборку шаблонов для вашего сайта. Сервисы для Сайтов SEO, Продвижение сайтов SEO (Search Engines Optimization) — комплекс мер, направленный на улучшение позиций сайта в выдаче поисковой системой по конкретным поисковым запросам. Каждый хочет, чтобы на его сайт заходило много людей. Откуда они могут узнать о сайте? Прежде всего от поисковой системы, такой как Яндекс, Google. Возникает желание, чтобы сайт был на первой странице при поиске. Как этого добиться Вы узнаете прочитав статью о поисковом продвижении. Провести комплексный анализ сайта Работа с изображениями Здесь собраны различные сервисы работы с изображениями. Большинство примеров с открытым исходным кодом на PHP. Шифрация и раскодирование Здесь Вы найдете множество программ и сервисов, которые помогут Вам прочитать закодированное письмо или самому закодировать часть программы или кода. Большинство примеров с открытым исходным кодом. Чей домен? Чей IP? Чей телефон?