Итак, начнем .gif)
Для чистоты эксперимента мы должны взять некоторые исходные данные.
У нас будет HTML5 страница. Что это такое и как ним правильно работать - это отдельная тема, Гугл Вам в помощь.
Но нам понадобится некоторый "каркас" для наших начинаний.
Итак, вот он:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>Не обращайте внимание, что код начинается с РНР, это наш парсер не умеет по другому
Но тем не менее, все будет понятно.
<html lang="ru">
Тут вместо "ru" указываете основной язык Вашего сайта. Обратите внимание, что атрибут lang можно указывать и для других элементов сайта. К примеру, у Вас может быть двухколоночная верстка, в одной колонке Английский, в другой Русский. Вы можете для контейнера каждой из колонок указать нужный язык (разумеется двухбуквенный ISO код).
То, что мы присвоили атрибут lang корневому элементу - это в целом, указать на каком языке наш сайт. Если укажете "en", а Ваш сайт на Русском, ничего страшного не произойдет, документ все равно в UTF-8 и поддерживает любые языки.
Но тем не менее, некоторые различия есть. Например, для русского, немецкого и английского языка характерны разные кавычки, в которые берется цитата. Браузер использует его значение для правильного отображения некоторых символов. Кроме того, онлайн переводчики тоже активно используют атрибут lang
Ну и разумеется, раз статья про META тэги, надо упомянуть один обязательный для HTML5 - это указание кодировки UTF-8