Базовый шаблон html 5 страницы

Возможно немного не по теме, но все же. Подскажите пожалуйста стандартный шаблон HTML 5? Интересует какие именно мета теги лучше использовать по умолчанию так сказать. Так же каких размеров фавиконы и так далее.

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

Если я правильно понял ваш вопрос. То на мой взгляд следующий шаблон может называться базовым шаблоном html5:

<!DOCTYPE html>
<html lang="ru">
<head>
   <meta charset="utf-8"> <!-- Кодировка страницы -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Последняя установленная версия MSIE -->
   <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- На мобильных устройствах ширина 1к1 зум 1 -->
   <!-- Если страница неадаптивная:
   <meta name="MobileOptimized" content="992">
   <meta name="viewport" content="width=992">
   -->
   <meta name="theme-color" content="#000000"> <!-- Фон вкладки в мобильном Chrome и Firefox -->
 
   <!-- Favicons -->
   <link rel="icon" type="image/png" sizes="16x16" href="favicon16x16.png">
   <link rel="icon" type="image/png" sizes="32x32" href="favicon32x32.png">
   <link rel="icon" type="image/png" sizes="64x64" href="favicon64x64.png">
   <link rel="icon" type="image/png" sizes="128x128" href="favicon128x128.png">
   <link rel="icon" type="image/png" sizes="96x96" href="favicon96x96.png">
   <link rel="icon" type="image/png" sizes="192x192" href="favicon192x192.png">
   <link rel="icon" type="image/png" sizes="144x144" href="favicon144x144.png">
   <link rel="icon" type="image/png" sizes="228x228" href="favicon228x288.png">
 
   <meta name="msapplication-TileColor" content="#000000"> <!-- Фон ярлыка в live tile windows -->
   <meta name="msapplication-TileImage" content="144x144icon.png"> <!-- Иконка ярлыка в live tile windows -->
 
   <!-- Иконки для ярлыка ios -->
   <link rel="apple-touch-icon" href="touch-icon-iphone.png">
   <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png">
   <link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-retina.png">
   <link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png">
 
   <meta itemprop="image" content="image500X500.jpg"/> <!--Изображения сайта для Google Plus -->
   <meta name="twitter:image:src" content="image500X500.jpg"/> <!--Изображения сайта для Twitter -->
   <meta property="og:image" content="image500X500.jpg"> <!--Изображения сайта для Facebook -->
   <link rel="image_src" href="image500X500.jpg"> <!--Изображения сайта для Вконтакте -->
 
   <title>Название страницы</title>
   <meta name="description" content="Описание страницы">
   <meta name="keywords" content="ключ 1, ключ 2, ключ 3, ...">
   <link title="RSS" type="application/rss+xml" rel="alternate" href="rss">
 
   <link href="css/style.css" rel="stylesheet">
</head>
<body>
   <h1>Привет, мир!</h1>
   <script src="js/js/js"></script>
</body>
</html>
 

Я бы даже сказал этого шаблона зачастую будет много.

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

favicon 32×32 px

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

Спасибо. Я не знал и о половине мета тегов  из тек что там приведены

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

На самом деле этого может быть и мало даже. Изучайте api браузеров, особенности операционных систем относительно веба и соц сетей и поисковиков. Ну и не стоит забывать что ни что не стоит на месте. И те же рекомендованные иконки для ярлыков ios изменяется со следующим выходом нового устройства с большим разрешением экрана. Или же через год станет безумно модно серфить интернет с холодильника, который будет создавать ярлык c иконкой 512×512

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

Ваш ответ

Размещая свой ответ, вы соглашаетесь с правилами сайта.