Что можно положить в тег / Хабр
Рекомендуемый минимум
Ниже приведены основные элементы для любого веб-документа (веб-сайта/приложения):
<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>
включают
, 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 позволяет запретить людям сохранять страницы вашего сайта, согласно их центру помощи. Описание 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&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&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 : 016 Видео
99+ Фото
ActionComedy
Небольшая группа бывших одноклассников организует сложную ежегодную игру в пятнашки, в ходе которой некоторые должны путешествовать по всему миру. страна. Небольшая группа бывших одноклассников организует сложную ежегодную игру в пятнашки, для которой некоторые должны путешествовать по всей стране.
- Режиссер
- Джефф Томсик
- Сценаристы
- Роб МакКиттрик
- Марк Стайлен
- Рассел Адамс 9000 9
- Звезды
- Джереми Реннер
- Эд Хелмс
- Джейк Джонсон
РЕЙТИНГ IMDb 900 11
6.5/10
141K
ВАШ РЕЙТИНГ
ПОПУЛЯРНОСТЬ
- Директор
- Джефф Томсик
- Писатели
- Роб МакКиттрик
- Марк Стайлен
- Рассел Адамс
- Звезды
- 900 03 Джереми Реннер
- Эд Хелмс
- Джейк Джонсон
- 534Отзывы пользователей
- 169Критические обзоры
- 56Metascore 9000 4
- Награды
- 3 номинации
Видео6
Трейлер 1:01Смотреть Официальный Трейлер
Трейлер 2:13Смотреть Официальный Трейлер
Клип 1:35Смотреть С кем из культовых персонажей фильма следует встретиться в «Эль Рояль»?
Короткометражка 1:31Смотреть Тег: Ностальгия (Короткометражка)
Видео 1:30Смотреть Актеры ‘Tag’ Список их лучших фильмов детства
Видео 2:31Смотреть ‘Tag ‘ Любимые детские развлечения актеров
Фото114
Лучшие актеры
Джереми Реннер- Джерри Пирс
- Хоган «Хоги» Маллой
- R Энди «Чилли» Чиллиано
- Боб Каллахан
- Реджи
- Ребекка Кросби
- Анна Маллой
- Кевин Сейбл
- Линда Маллой
- Лу Зайберт
- Сьюзен Роллинз
- Шерил Дикинс
- Мексиканский Джерри 90 009 Трейс Малачи
- Молодой мальчик в торговом центре
- Охранник в торговом центре
- Член АА
- Пастор
- Режиссер
- Джефф Томсик
- Сценаристы
- Роб МакКиттрик
- Марк Стайлен
- Рассел Адамс
9000 3 Весь актерский состав и съемочная группа - Производство, кассовые сборы и многое другое на IMDbPro
- Цитаты
Хоги: Синхронизируйте свои часы.
Каллахан: Я не знаю, как это сделать.
Рэнди: У меня нет часов.
Соболь: Время — это конструкция.
- Связи
Показанные в Конане: Крис Хардвик/Лесли Бибб/Нор Дэвис (2018)
- Саундтреки Kid 3 (в роли Треванта Хардсона), Бути Браун (в роли Роми Робинсон), Фэтлип (в роли Деррика Стюарта), Мария Хелена Толедо (в роли Марии Хелены Де Толедо Чермонт), Имани (в роли Эманду Уилкокса) и Джей Дилла (в роли Джеймса Янси)
Исполняет The Pharcyde
Предоставлено The Bicycle Music Company/Concord Music Group - bnemec-929-478125
- 16 июня 2018 г.
О чем ‘Tag’?
Действительно ли «Тэг» основан на реальных событиях?
- Дата выпуска
- 15 июня 2018 г. (США)
- Страна происхождения
- США
- Языки
- Английский
- Испанский
- Также известен как
- The Tag Brothers
- Места съемок
- Спокан, Вашингтон, США
- Производственные компании
- Broken Road Productions
- New Line Cinema
- См. другие кредиты компании на IMDb Pro
- Бюджет
- 28 000 000 долларов США (приблизительно)
- Брутто США и Канада
- 54 730 625 долларов США
- Первые выходные США и Канада
- 14,94 долларов США 7 396
- 17 июня 2018 г.
- Сборы по всему миру
- $78 130 625
- Время работы
1 час 40 минут
- Цвет
- Звуковой микс
- Dolby Atmos
- Dolby Digital
- Соотношение сторон
- 2,35 : 1
- Сертификация
- Секс и нагота (8)
- Насилие и жестокость (8)
- Ненормативная лексика (2)
- Алкоголь, наркотики и курение (4)
- Пугающие и жестокие сцены (3)
- Спойлеры (2)
- Аргентина: 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 (самостоятельное применение)
Еще подобное
Game Night Почему он? Давайте будем копами Соседи Тег Майку и Дейву нужны даты свадьбы Ужасные боссы Ужасные боссы 2 Стажировка Блокировщики Метка МеткаСюжетная линия
Знаете ли вы
Обзоры пользователей534
ОбзорИзбранный обзор
9/ 10Значительно недооцененный IMO
Люди должны научиться полностью игнорировать критиков в эти дни. Слишком много политкорректности сделало их полностью ошибочными и просто ошибочными.Я давно не смеялся до слез над фильмом. Основанный на реальной истории, это было возмутительно и смешно. Это не для детей и довольно грязный язык, но так хорошо сделано. Наслаждаться!
полезно•321 125Лучшие предложения
Войти для оценки и списка наблюдения для персонализированных рекомендаций
ВойтиДетали
Кассовые сборы
Технические характеристики 9 0131
Новости по теме
Добавить на эту страницу
Предложить отредактировать или добавить отсутствующий контент
Top Gap
Какая официальная сертификация была дана Tag (2018) во Франции?
ОтветитьЕще для изучения
Недавно просмотренные
У вас нет недавно просмотренных страниц
Tag (2018) — Руководство для родителей
Ярлык (Я) (2018)
Добавить в руководство Перейти к:МПАА | Рейтинг R за ненормативную лексику, грубый сексуальный контент, употребление наркотиков и кратковременную наготу |
Сертификация |
Секс и нагота
Добавить элементНасилие и кровопролитие
Добавить элементНенормативная лексика
Добавить элементАлкоголь, наркотики и курение
Добавить элементПугающие и напряженные сцены
Добавить элементСпойлеры
Элементы Руководства для родителей ниже могут раскрывать важные моменты сюжета.