Теге: Тег head, служебная информация о странице — Структура HTML-документа — HTML Academy

Содержание

Что можно положить в тег / Хабр

Рекомендуемый минимум

Ниже приведены основные элементы для любого веб-документа (веб-сайта/приложения):

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!--
   Вышеуказанные 2 мета-тега *должны* стоять как можно раньше в <head>.
   для обеспечения правильного отображения документов.
   Любой другой элемент заголовка должен идти *после* этих тегов.
  -->
  <title>Заголовок страницы</title>
</head>

meta charset — определяет кодировку веб-сайта, стандартом является utf-8.

meta name="viewport" — настройки viewport, связанные с мобильной отзывчивостью

width=device-width — физическая ширина устройства (отлично подходит для мобильных устройств!)

initial-scale=1 — начальный масштаб, 1 означает отсутствие масштабирования.

Элементы

Допустимые элементы <head> включают

base, link, meta, noscript, script, style, template и title.

Эти элементы предоставляют информацию о том, как документ должен восприниматься и отображаться веб-технологиями, например, браузерами, поисковыми системами, ботами и так далее.

<!--
 Установите кодировку символов для этого документа так, чтобы
 все символы в пространстве UTF-8 (например, эмодзи)
 отображались правильно.
-->
<meta charset="utf-8">
<!-- Установите заголовок документа -->
<title>Заголовок страницы</title>
<!-- Установите базовый URL для всех относительных URL в документе -->
<base href="https://example.com/page.html">
<!-- Ссылка на внешний файл CSS -->
<link rel="stylesheet" href="styles.css">
<!-- Используется для добавления CSS в документ. Используется для важной стилизации -->
<style>
/* ... */
</style>
<!-- Ссылка на внешний JavaScript файл -->
<script src="script.js"></script>
<!-- Используется для добавление JS в документ-->
<script>
 // функция(и) идут здесь
</script>
<!-- Используется на случай если JavaScript отключен в браузере -->
<noscript>
 <!-- Альтернатива, когда JS отключен -->
</noscript>
<!-- Используется для объявления HTML-фрагментов, которые могут быть клонированы и вставлены в документ.
Если указан в <head>, то <template> может содержать только метаданные --> <template> </template>

Мета

<!--
 Вышеуказанные 2 мета-тега должны стоять как можно раньше в <head>.
 для обеспечения правильного отображения документов.
 Любой другой элемент заголовка должен идти после этих тегов.
-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
 Позволяет контролировать, откуда загружаются ресурсы.
 Поместите как можно раньше в <head>, так как тег 
 применяется только к ресурсам, которые объявлены после него.
-->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<!-- Название веб-приложения (должно использоваться только в том случае, если веб-сайт используется как приложение) -->
<meta name="application-name" content="Имя приложения">.
<!-- Цвет вкладки для Chrome на Android, Vivaldi, Safari 15 -->
<meta name="theme-color" content="#4285f4">
<!-- Краткое описание документа (ограничение до 150 символов) -->
<!-- Это содержимое может использоваться в результатах поисковых систем.
--> <meta name="description" content="Описание страницы">. <!-- Управление поведением поисковых машин при осмотре и индексации сайта --> <meta name="robots" content="index,follow"><!-- Все поисковые системы --> <meta name="googlebot" content="index,follow"><!-- Специфика Google --> <!-- Указывает Google не показывать поисковую строку sitelinks --> <meta name="google" content="nositelinkssearchbox"> <!-- Указывает Google не переводить документ --> <meta name="google" content="notranslate"> <!-- Проверить право собственности сайта --> <meta name="google-site-verification" content="verification_token"><!-- Google Search Console --> <meta name="yandex-verification" content="verification_token"><!-- Яндекс Вебмастерам --> <meta name="msvalidate.01" content="verification_token"><!-- Bing Webmaster Center --> <meta name="alexaVerifyID" content="verification_token"><!-- Alexa Console --> <meta name="p:domain_verify" content="code_from_pinterest"><!-- Pinterest Console--> <meta name="norton-safeweb-site-verification" content="norton_code"><!-- Norton Safe Web --> <!-- Укажите программное обеспечение, использованное для создания документа (например, WordPress, Dreamweaver) --> <meta name="generator" content="название программного обеспечения"> <!-- Краткое описание темы вашего документа --> <meta name="subject" content="тема вашего документа"> <!-- Дает общую возрастную оценку, основанную на содержании документа --> <meta name="rating" content="General"> <!-- Позволяет контролировать, как передается информация о реферере --> <meta name="referrer" content="no-referrer"> <!-- Отключить автоматическое определение и форматирование возможных телефонных номеров --> <meta name="format-detection" content="phone=no"> <!-- Полностью отказаться от предварительной выборки DNS, установив значение "off" --> <meta http-equiv="x-dns-prefetch-control" content="off"> <!-- Указывает документ, который будет отображаться в определенном фрейме --> <meta http-equiv="Window-Target" content="_value"> <!-- Гео-теги --> <meta name="ICBM" content="широта, долгота">.
<meta name="geo.position" content="широта;долгота"> <meta name="geo.region" content="country[-state]"><!-- Код страны (ISO 3166-1): обязательный, код штата (ISO 3166-2): необязательный; например, content="US" / content="US-NY" --> <meta name="geo.placename" content="city/town"><!-- например, content="New York City" --> <!-- Монетизация веб-сайтов https://webmonetization.org/docs/getting-started --> <meta name="monetization" content="$paymentpointer.example">
  • ​ Мета-теги, которые понимает Google

  • ​ WHATWG Wiki: MetaExtensions

  • ​ ICBM в Википедии

  • ​ Геотеги в Википедии

Ссылки

<!-- Путь до внешней таблицы стилей --> <link rel="stylesheet" href="https://example.com/styles.css">. <!-- Помогает предотвратить проблемы дублированного контента --> <link rel="canonical" href="https://example.com/article/?page=2"> <!-- Ссылки на AMP HTML версию текущего документа --> <link rel="amphtml" href="https://example. com/path/to/amp-version.html"> <!-- Ссылка на JSON-файл, в котором указаны данные для "установки" веб-приложения --> <link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.webmanifest"> <!-- Ссылки на информацию об авторе (авторах) документа --> <link rel="author" href="humans.txt"> <!-- Ссылается на заявление об авторском праве, применимое к контексту ссылки --> <link rel="license" href="copyright.html"> <!-- Дает ссылку на место в вашем документе, который может быть на другом языке --> <link rel="alternate" href="https://es.example.com/" hreflang="es"> <!-- Предоставляет информацию об авторе или другом человеке --> <link rel="me" href="https://google.com/profiles/thenextweb" type="text/html"> <link rel="me" href="mailto:[email protected]">. <link rel="me" href="sms:+15035550125"> <!-- Ссылки на документ, описывающий коллекцию записей, документов или других материалов, представляющих исторический интерес --> <link rel="archives" href="https://example.
com/archives/"> <!-- Ссылки на ресурс верхнего уровня в иерархической структуре --> <link rel="index" href="https://example.com/article/"> <!-- Обеспечивает самостоятельную ссылку - полезно, когда документ имеет несколько возможных ссылок --> <link rel="self" type="application/atom+xml" href="https://example.com/atom.xml"> <!-- Первый, последний, предыдущий и следующий документы в серии документов, соответственно --> <link rel="first" href="https://example.com/article/"> <link rel="last" href="https://example.com/article/?page=42"> <link rel="prev" href="https://example.com/article/?page=1"> <link rel="next" href="https://example.com/article/?page=3"> <!-- Используется, когда для ведения блога используется сторонний сервис --> <link rel="EditURI" href="https://example.com/xmlrpc.php?rsd" type="application/rsd+xml" title="RSD"> <!-- Формирует автоматический комментарий, когда другой блог WordPress ссылается на ваш блог WordPress или пост --> <link rel="pingback" href="https://example.
com/xmlrpc.php"> <!-- Уведомляет URL, когда вы ссылаетесь на него в вашем документе --> <link rel="webmention" href="https://example.com/webmention"> <!-- Позволяет размещать сообщения на вашем собственном домене с помощью клиента Micropub --> <link rel="micropub" href="https://example.com/micropub"> <!-- Open Search --> <link rel="search" href="/open-search.xml" type="application/opensearchdescription+xml" title="Заголовок поиска">. <!-- Фиды --> <link rel="alternate" href="https://feeds.feedburner.com/example" type="application/rss+xml" title="RSS"> <link rel="alternate" href="https://example.com/feed.atom" type="application/atom+xml" title="Atom 0.3"> <!-- Prefetching, preloading, prebrowsing --> <!-- Дополнительная информация: https://css-tricks.com/prefetching-preloading-prebrowsing/ --> <link rel="dns-prefetch" href="//example.com/"> <link rel="preconnect" href="https://www.example.com/"> <link rel="prefetch" href="https://www.
example.com/"> <link rel="prerender" href="https://example.com/">. <link rel="preload" href="image.png" as="image">
  • ​ Link Relations

Иконки

<!-- Для IE 10 и ниже -->
<!-- Поместите favicon.ico в корневой каталог - тег не нужен -->
<!-- Иконка в максимальном разрешении, для которого она нам нужна -->
<link rel="icon" href="/path/to/icon.png">
<!-- Иконка Apple Touch (повторное использование 192px icon.png) -->
<link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png">
<!-- Значок прикрепленной вкладки Safari -->
<link rel="mask-icon" href="/path/to/icon.svg" color="blue">
  • ​ Все о фавиконах (и сенсорных иконках)

  • ​ Создание прикрепленных иконок вкладок

  • ​ Favicon Cheat Sheet

  • ​ Иконки и цвета браузера

Социальные сети

Facebook Open Graph

Большинство материалов передается на Facebook в виде URL, поэтому важно, чтобы вы разметили свой сайт тегами Open Graph, чтобы взять под контроль то, как ваши материалы появляются на Facebook.  Подробнее о разметке Facebook Open Graph

<meta property="fb:app_id" content="123456789">
<meta property="og:url" content="https://example.com/page.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Заголовок содержимого">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:image:alt" content="Описание того, что находится на изображении (не подпись)">
<meta property="og:description" content="Описание">
<meta property="og:site_name" content="Название сайта">
<meta property="og:locale" content="ru_RU">
<meta property="article:author" content="">
  • ​ Open Graph protocol

  • ​ Протестируйте свою страницу с помощью Facebook Sharing Debugger

Twitter Card

С помощью Twitter Cards вы можете прикреплять к твитам фотографии, видео и мультимедийные файлы, тем самым способствуя привлечению трафика на ваш сайт.  Подробнее о Twitter Cards

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@site_account">
<meta name="twitter:creator" content="@individual_account">
<meta name="twitter:url" content="https://example.com/page.html">
<meta name="twitter:title" content="Заголовок контента">.
<meta name="twitter:description" content="Описание контента менее 200 символов">.
<meta name="twitter:image" content="https://example.com/image.jpg">.
<meta name="twitter:image:alt" content="Текстовое описание изображения, передающее его суть пользователям с ослабленным зрением. Максимум 420 символов.">
  • ​ Начало работы с карточками — Twitter Developers

  • ​ Проверьте свою страницу с помощью Twitter Card Validator

Twitter Privacy

Если вы встраиваете твиты в свой сайт, Twitter может использовать информацию с вашего сайта для адаптации контента и предложений для пользователей Twitter.  Подробнее о возможностях конфиденциальности Twitter.

<!-- запретить Twitter использовать информацию о вашем сайте в целях персонализации -->
<meta name="twitter:dnt" content="on">
Schema.org
<html lang="" itemscope itemtype="https://schema.org/Article">
   <head>
     <link rel="author" href="">
     <link rel="publisher" href="">
     <meta itemprop="name" content="Заголовок контента">.
     <meta itemprop="description" content="Описание содержимого менее 200 символов">.
     <meta itemprop="image" content="https://example.com/image.jpg">

Примечание: Эти мета-теги требуют добавления атрибутов itemscope и itemtype к тегу <html>.

  • ​ Начало работы — schema.org

  • ​ Протестируйте свою страницу с помощью Rich Results Test

Pinterest

Pinterest позволяет запретить людям сохранять страницы вашего сайта, согласно их центру помощи. Описание description является необязательным.

<meta name="pinterest" content="nopin" description="Извините, вы не можете сохранить с моего сайта!">.
Facebook Instant Articles
<meta charset="utf-8">
<meta property="op:markup_version" content="v1.0">
<!-- URL веб-версии вашей статьи -->
<link rel="canonical" href="https://example.com/article.html">
<!-- Стиль, который будет использоваться для этой статьи -->
<meta property="fb:article_style" content="myarticlestyle">
  • ​ Создание статей — мгновенные статьи

  • ​ Образцы кода — мгновенные статьи

OEmbed
<link rel="alternate" type="application/json+oembed"
 href="https://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=json"
 title="Профиль oEmbed: JSON">
 
<link rel="alternate" type="text/xml+oembed"
 href="https://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&amp;format=xml"
 title="oEmbed Profile: XML">
  • ​ oEmbed format

QQ/Wechat

Пользователи обмениваются веб-страницами в qq wechat с помощью форматированного сообщения

<meta itemprop="name" content="название акции">
<meta itemprop="image" content="http://imgcache. qq.com/qqshow/ac/v4/global/logo.png">
<meta name="description" itemprop="description" content="поделиться содержимым">
  • ​ Code Format Docs

Браузеры / Платформы

Apple iOS
<!-- Баннер умного приложения -->
<meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">
<!-- Отключить автоматическое определение и форматирование возможных телефонных номеров -->
<meta name="format-detection" content="phone=no">
<!-- Иконка запуска (180x180px или больше) -->
<link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png">
<!-- Изображение экрана запуска -->
<link rel="apple-touch-startup-image" href="/path/to/launch.png">
<!-- Заголовок значка запуска -->
<meta name="apple-mobile-web-app-title" content="Название приложения">.
<!-- Включить автономный (полноэкранный) режим -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Внешний вид строки состояния (не влияет, если не включен автономный режим) -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Глубокое связывание приложений iOS -->
<meta name="apple-itunes-app" content="app-id=APP-ID, app-argument=http/url-sample. com">
<link rel="alternate" href="ios-app://APP-ID/http/url-sample.com">
  • ​ Configuring Web Applications

Google Android
<!-- Цветовая тем приложения -->
<meta name="theme-color" content="#E64545">
<!-- Добавить на главный экран -->
<meta name="mobile-web-app-capable" content="yes">
<!-- Дополнительная информация: https://developer.chrome.com/multidevice/android/installtohomescreen -->
<!-- Глубокое связывание приложений Android -->
<meta name="google-play-app" content="app-id=package-name">
<link rel="alternate" href="android-app://package-name/http/url-sample.com">
Google Chrome
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/APP_ID">.
<!-- Отключить подсказку перевода -->
<meta name="google" content="notranslate">
Microsoft Internet Explorer
<!-- Заставить IE 8/9/10 использовать свой последний движок рендеринга -->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Отключить автоматическое определение и форматирование возможных телефонных номеров расширением для браузера Skype Toolbar-->
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
<!-- Плитки Windows -->
<meta name="msapplication-config" content="/browserconfig. xml">

Минимально необходимая разметка xml для browserconfig.xml:

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
    <msapplication>
        <tile>
            <square70x70logo src="small.png"/>
            <square150x150logo src="medium.png"/>
            <wide310x150logo src="wide.png"/>
            <square310x310logo src="large.png"/>
        </tile>
    </msapplication>
</browserconfig>
  • ​ Ссылка на схему конфигурации браузера

Браузеры (китайские)

360 Browser
<!-- Выбор порядка движков рендеринга -->
<meta name="renderer" content="webkit|ie-comp|ie-stand">
QQ Mobile Browser
<!-- Фиксирует экран в заданной ориентации -->
<meta name="x5-orientation" content="landscape/portrait">
<!-- Отображение этого документа в полноэкранном режиме -->
<meta name="x5-fullscreen" content="true">
<!-- Документ будет отображаться в "режиме приложения" (полноэкранный режим и т. д.) -->
<meta name="x5-page-mode" content="app">
UC Mobile Browser
<!-- Фиксация экрана в заданной ориентации -->
<meta name="screen-orientation" content="landscape/portrait">
<!-- Отображение этого документа в полноэкранном режиме -->
<meta name="full-screen" content="yes">
<!-- Браузер UC будет отображать изображения, даже если находится в "текстовом режиме" -->
<meta name="imagemode" content="force">
<!-- Документ будет отображаться в "режиме приложения" (полноэкранный режим, запрещающий жест и т.д.) -->
<meta name="browsermode" content="application">
<!-- Отключение "ночного режима" браузера UC для этого документа -->
<meta name="nightmode" content="disable">
<!-- Упростить документ, чтобы уменьшить передачу данных -->
<meta name="layoutmode" content="fitscreen">
<!-- Отключить функцию браузера UC "увеличивать масштаб шрифта, когда в документе много слов" -->
<meta name="wap-font-scale" content="no">
  • ​ UC Browser Docs

Ссылки на приложения

<!-- iOS -->
<meta property="al:ios:url" content="applinks://docs">
<meta property="al:ios:app_store_id" content="12345">
<meta property="al:ios:app_name" content="App Links">
<!-- Android -->
<meta property="al:android:url" content="applinks://docs">
<meta property="al:android:app_name" content="App Links">
<meta property="al:android:package" content="org. applinks">
<!-- Web fall back -->
<meta property="al:web:url" content="https://applinks.org/documentation">
  • ​ Ссылки на приложения

Другие ресурсы

  • ​ HTML5 Boilerplate Docs: The HTML

  • ​ HTML5 Boilerplate Docs: Extend and customize

Связанные проекты

  • Atom HTML Head Snippets — Atom пакет для HEAD сниппетов

  • Sublime Text HTML Head Snippets — пакет Sublime Text для HEAD сниппетов

  • head-it — CLI интерфейс для HEAD сниппетов

  • vue-head — Манипулирование метаинформацией тега HEAD для Vue.js

Другие форматы

  • ​ PDF eng

​ Переводы

  • ​ Индонезийский

  • ​ Бразильский португальский

  • ​ Китайский (упрощенный)

  • ​ Немецкий

  • ​ Итальянский

  • ​ Японский

  • ​ Корейский

  • ​ Испанский

  • ​ Турецкий

​ Contributing

Откройте issue или PR, чтобы предложить изменения или дополнения.

​ Contributors

Посмотрите на всех супер классных авторов ​

​ Автор оригинального репозитория

Josh Buchea

​ Поддержка

Если этот проект был полезен для вас или вашей организации, пожалуйста, рассмотрите возможность прямой поддержки моей работы автора оригинального репозитория:

  • ​ Sponsor me on GitHub

  • ​ Star this project on GitHub

  • ​ Следуйте за Джошем на GitHub

  • ​ Следуйте за Джошем в Twitter

Всем кто помогает, спасибо! ​

— Josh


Примечание автора: это русский перевод репозитория HEAD от Josh Buchea. Мы поддерживаем русскую версию в отдельном репозитории, куда вы можете отправлять issue или PR напрямую, если нашли неточности или вам есть, что добавить. Публикуем перевод на Хабре, чтобы поделиться с русскоязычным сообществом полезным материалом.


Другие важные статьи

Семантическая вёрстка

Pixel Perfect

Стоит ли делать слайдеры на CSS

Что использовать: ссылки или кнопки

Когда использовать флексы, а когда гриды

Запись стилей в теге style | CSS

Основная проблема использования атрибутов для определения стилей — их перегруженность. Часто разметка HTML содержит очень много элементов, а с добавлением стилей кода становится намного больше, что плохо сказывается на чтении разметки.

Вторая проблема — исправление стилей. Для этого необходимо сначала найти нужный элемент в коде, а потом отредактировать его стили. Таких элементов на странице может быть 10, 20, 100. А для одноимённых тегов придётся записывать стили отдельно для каждого элемента.

Возникает естественное желание иметь все стили в одном месте, где можно было бы их быстро редактировать. Таким решением является использование тега <style>, внутри которого могут располагаться все необходимые стили.

Возьмём пример из прошлого урока:

<div>
  Этот текст будет с размером шрифта 20 пикселей
  <p>Вложенный параграф также будет иметь размер шрифта 20 пикселей</p>
</div>

Чтобы избавиться от атрибутов, добавим тег style и укажем, что для тега <div> используется шрифт размером в 20 пикселей.

<style>
  div {
    font-size: 20px;
  }
</style>
<div>
  Этот текст будет с размером шрифта 20 пикселей
  <p>Вложенный параграф также будет иметь размер шрифта 20 пикселей</p>
</div>

Таким же образом можно указать, что у параграфа будет размер шрифта 10 пикселей.

<style>
  div {
    font-size: 20px;
  }
  p {
    font-size: 10px;
  }
</style>
<div>
  Этот текст будет с размером шрифта 20 пикселей
  <p>Вложенный параграф будет иметь размер шрифта 10 пикселей</p>
</div>

Внутри тега <style> использовалась конструкция вида:

имя_тега {
  свойство: значение;
}

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

/* Для всех элементов div будет установлен размер шрифта 20px */
div {
  font-size: 20px;
}

Добавьте в редактор параграф и, используя тег style, установите размер шрифта в 10 пикселей.

Упражнение не проходит проверку — что делать? 😶

Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:

  • Обязательно приложите вывод тестов, без него практически невозможно понять что не так, даже если вы покажете свой код. Программисты плохо исполняют код в голове, но по полученной ошибке почти всегда понятно, куда смотреть.
В моей среде код работает, а здесь нет 🤨

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Мой код отличается от решения учителя 🤔

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.

В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Прочитал урок — ничего не понятно 🙄

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

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

←Предыдущий

Следующий→

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics

Tag (2018) — IMDb

  • Актеры и съемочная группа
  • Отзывы пользователей
  • Общая информация 3 R
  • 1ч 40м

РЕЙТИНГ IMDb

6.5/10

141K

ВАШ РЕЙТИНГ

ПОПУЛЯРНОСТЬ

9 0030 Play trailer1

:

01

6 Видео

99+ Фото

ActionComedy

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

  • Режиссер
    • Джефф Томсик
  • Сценаристы
    • Роб МакКиттрик
    • Марк Стайлен
    • Рассел Адамс
    • 9000 9
    • Звезды
      • Джереми Реннер
      • Эд Хелмс
      • Джейк Джонсон
  • См. производство, кассовые сборы и информацию о компании
  • РЕЙТИНГ IMDb 900 11

    6.5/10

    141K

    ВАШ РЕЙТИНГ

    ПОПУЛЯРНОСТЬ

    • Директор
      • Джефф Томсик
    • Писатели
      • Роб МакКиттрик
      • Марк Стайлен
      • Рассел Адамс
    • Звезды
        900 03 Джереми Реннер
      • Эд Хелмс
      • Джейк Джонсон
    • 534Отзывы пользователей
    • 169Критические обзоры
    • 56Metascore 9000 4
  • Подробнее на IMDbPro
    • Награды
      • 3 номинации

    Видео6

    Трейлер 1:01

    Смотреть Официальный Трейлер

    Трейлер 2:13

    Смотреть Официальный Трейлер

    Клип 1:35

    Смотреть С кем из культовых персонажей фильма следует встретиться в «Эль Рояль»?

    Короткометражка 1:31

    Смотреть Тег: Ностальгия (Короткометражка)

    Видео 1:30

    Смотреть Актеры ‘Tag’ Список их лучших фильмов детства

    Видео 2:31

    Смотреть ‘Tag ‘ Любимые детские развлечения актеров

    Фото114

    Лучшие актеры

    Джереми Реннер

    • Джерри Пирс
    Эд Хелмс

    • Хоган «Хоги» Маллой
    Джейк Джонсон

    • R Энди «Чилли» Чиллиано
    Джон Хэмм

    • Боб Каллахан
    Лил Рел Ховери

    • Реджи
    Аннабель Уоллис 9 0011
    • Ребекка Кросби
    Айла Фишер

    • Анна Маллой
    Ганнибал Буресс

    • Кевин Сейбл
    Нора Данн

    • Линда Маллой
    Стив Берг

    • Лу Зайберт
    Лесли Бибб

    • Сьюзен Роллинз
    Рашида Джонс

    • Шерил Дикинс
    Индиана Сифуэнтес

    • Мексиканский Джерри
    • 90 009 Трейс Малачи

      • Молодой мальчик в торговом центре
      Джок МакКиссик

      • Охранник в торговом центре
      Томас Миддлдитч

      Эл Митчелл

      • Член АА
      Себастьян Манискалко

      • Пастор
      • Режиссер
        • Джефф Томсик
      • Сценаристы
        • Роб МакКиттрик
        • Марк Стайлен
        • Рассел Адамс
      • 9000 3 Весь актерский состав и съемочная группа
      • Производство, кассовые сборы и многое другое на IMDbPro

      Еще подобное

      Game Night

      Почему он?

      Давайте будем копами

      Соседи

      Тег

      Майку и Дейву нужны даты свадьбы

      Ужасные боссы

      Ужасные боссы 2

      Стажировка

      Блокировщики

      Метка

      Метка

      Сюжетная линия

      Знаете ли вы

      • Цитаты

        Хоги: Синхронизируйте свои часы.

        Каллахан: Я не знаю, как это сделать.

        Рэнди: У меня нет часов.

        Соболь: Время — это конструкция.

      • Связи

        Показанные в Конане: Крис Хардвик/Лесли Бибб/Нор Дэвис (2018)

      • Саундтреки Kid 3 (в роли Треванта Хардсона), Бути Браун (в роли Роми Робинсон), Фэтлип (в роли Деррика Стюарта), Мария Хелена Толедо (в роли Марии Хелены Де Толедо Чермонт), Имани (в роли Эманду Уилкокса) и Джей Дилла (в роли Джеймса Янси)
        Исполняет The Pharcyde
        Предоставлено The Bicycle Music Company/Concord Music Group

      Обзоры пользователей534

      Обзор

      Избранный обзор

      9/

      10

      Значительно недооцененный IMO

      Люди должны научиться полностью игнорировать критиков в эти дни. Слишком много политкорректности сделало их полностью ошибочными и просто ошибочными.

      Я давно не смеялся до слез над фильмом. Основанный на реальной истории, это было возмутительно и смешно. Это не для детей и довольно грязный язык, но так хорошо сделано. Наслаждаться!

      полезно•321

      125

      • bnemec-929-478125
      • 16 июня 2018 г.

      Лучшие предложения

      Войти для оценки и списка наблюдения для персонализированных рекомендаций

      Войти

      • О чем ‘Tag’?

      • Действительно ли «Тэг» основан на реальных событиях?

      Детали

      • Дата выпуска
        • 15 июня 2018 г. (США)
      • Страна происхождения
        • США
      • Языки
        • Английский
        • Испанский
      • Также известен как
        • The Tag Brothers
        9 0004
      • Места съемок
        • Спокан, Вашингтон, США
      • Производственные компании
        • Broken Road Productions
        • New Line Cinema
      • См. другие кредиты компании на IMDb Pro

      Кассовые сборы

      • Бюджет
        • 28 000 000 долларов США (приблизительно)
      • Брутто США и Канада
        • 54 730 625 долларов США
      • Первые выходные США и Канада
        • 14,94 долларов США 7 396
        • 17 июня 2018 г.
      • Сборы по всему миру
        • $78 130 625
      См. подробную информацию о кассовых сборах на IMDbPro

      Технические характеристики 9 0131

      • Время работы

        1 час 40 минут

      • Цвет
      • Звуковой микс
        • Dolby Atmos
        • Dolby Digital
      • Соотношение сторон
        • 2,35 : 1

      Новости по теме

      Добавить на эту страницу

      Предложить отредактировать или добавить отсутствующий контент

      Top Gap

      Какая официальная сертификация была дана Tag (2018) во Франции?

      Ответить

      Еще для изучения

      Недавно просмотренные

      У вас нет недавно просмотренных страниц

      Tag (2018) — Руководство для родителей

      Ярлык (Я) (2018)

      Добавить в руководство Перейти к:

      • Сертификация
      • Секс и нагота (8)
      • Насилие и жестокость (8)
      • Ненормативная лексика (2)
      • Алкоголь, наркотики и курение (4)
      • Пугающие и жестокие сцены (3)
      • Спойлеры (2)
      МПАА Рейтинг R за ненормативную лексику, грубый сексуальный контент, употребление наркотиков и кратковременную наготу
      Сертификация
      • Аргентина: 13
      • Австралия:М
      • Австрия: 12
      • Бразилия: 16
      • Канада: 14А (Альберта/Британская Колумбия/Манитоба/Онтарио)
      • Канада:13+ (Квебек)
      • Чили: 14
      • Колумбия: 12
      • Египет:R (самостоятельное применение)
      • Финляндия: К-12
      • Германия: 12
      • Венгрия: 16
      • Исландия: 12
      • Индия: А
      • Ирландия: 16
      • Ирландия: 15 (рейтинг DVD)
      • Израиль: 12
      • Италия: Т
      • Япония: без рейтинга (самостоятельное применение)
      • Литва: N-16
      • Люксембург: 12
      • Малайзия: (запрещено)
      • Малайзия: 18 (переоценка)
      • Мексика: B15
      • Нидерланды: 12
      • Новая Зеландия:М
      • Нигерия: 15
      • Филиппины: R-16
      • Польша: 12 (самостоятельное применение)
      • Португалия: М/14
      • Сингапур: M18
      • Южная Африка: 16
      • Южная Корея: 15
      • Испания: 13 (рейтинг DVD)
      • Швеция: 11
      • Швейцария: 12
      • Тайвань: R-12
      • Турция:13+
      • Великобритания: 15
      • США: ТВ-14 (DLV, ТВ-рейтинг)
      • Соединенные Штаты: Р (свидетельство №51581)
      • Украина:16
      • Объединенные Арабские Эмираты: PG-15 (самостоятельное применение)
      Секс и нагота
      Добавить элемент
      Насилие и кровопролитие
      Добавить элемент
      Ненормативная лексика
      Добавить элемент
      Алкоголь, наркотики и курение
      Добавить элемент
      Пугающие и напряженные сцены
      Добавить элемент

      Спойлеры

      Элементы Руководства для родителей ниже могут раскрывать важные моменты сюжета.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *