Одна з найчастіших проблем сайту - це його кодування. І незважаючи на це багато Web-майстрапродовжують стверджувати, що браузер сам вибирає кодування. Дійсно, він вибирає кодування сам, але робить це не завжди правильно. Ось це і є сама распространнёная помилка з кодуванням: сайт в кодуванні, припустимо, UTF-8, А браузер наполегливо вибирає windows-1251. ось як задати жорстко кодування через файл htaccess, Я розповім в цій невеликій статті.

Для того щоб задати кодування файлу в htaccessдосить написати в ньому всього один рядок:

AddDefaultCharset UTF-8

Якщо Вам потрібна windows-1251, То тоді так:

AddDefaultCharset WINDOWS-1251

Всього одна строчка і тепер браузер, незалежно від своєї переваги, буде вибирати зазначену кодування. Відразу кажу, даний спосіб - це дійсно потужний. Ви повинні розуміти, що раз браузер неправильно розпізнає кодування Вашого сайту (ігноруючи навіть мета-тег " ContentType"), Значить, на те є свої причини, тому уважно перевірте: чи скрізь все добре відображається.

Сподіваюся, що цією статтею я допоміг Вам вирішити проблему з кодуванням. А в наступній статті я розповім про проблему, пов'язану з кодуванням бази даних. Це теж дуже часта проблема, яку багато хто не може вирішити.

Привіт, шановні читачі мого блогу. Сьогодні ми поговоримо з вами про кодування. Якщо ви читали мою статтю про те, то знаєте, що будь-який документ в інтернеті зберігається не в тому вигляді, в якому ми звикли його бачити. Він записаний за допомогою незрозумілих людині символів і знаків. З текстом все одно.

Існує кілька кодувань, а тому, іноді побачивши незрозумілі символи при відкритті книги в мобільному додатку або запив статтю на сайт, ви, помінявши деякі значення в настройках, побачите звичний оку алфавіт.

Кодування windows-1251 - що це таке, яке значення вона має при створенні сайту, які символи будуть доступні і чи є вона найкращим рішенням на сьогоднішній день? Про все це в сьогоднішній статті. Як завжди, простою мовою, максимально зрозуміло і з мінімальною кількістю термінів.

трохи теорії

Будь-який документ на комп'ютері або в інтернеті, як я вже сказав, зберігається у вигляді двійкового коду. Наприклад, якщо ви використовуєте кодування ASCII, то буква «К» буде записана як 10001010, а windows 1251 під цим числом ховається символ - С ™. У підсумку, якщо браузер або програма звернеться до іншої таблиці і вважає замість ASCII коди windows 1251, то читач побачить абсолютно незрозумілі йому символ.

Логічне запитання, нафіга було вигадувати безліч таблиць з кодами? Справа в тому, що крім російського алфавіту існує ще й англійську, німецьку, китайську. За деякими підрахунками, існує близько 200 000 символів. Хоча, я не дуже довіряю цій статистиці, згадуючи про японський.

Не забувайте, що для великої і малої літери потрібно придумати свій код, є коми, тире і так далі.

Чим більше в таблиці символів, тим довше код кожного з них, а значить і вага документа стає більше.

Уявіть, якби одна книга важила 4 Гб! Вона б дуже довго завантажувалася, займала все вільне місце на комп'ютері. Рішення про скачування уявлялося б справою нелегкою.

Якщо згадати про сайтах, то взагалі страшно подумати, що б сталося. Кожна сторінка відкривалася навіть на швидкісному оптоволокна годині з гаком! Думаю, мобільні телефони можна було б сміливо викидати. Користуватися ними на вулиці навіть з 4G? Сумніваюся.

З цих причин кожен програміст свого часу намагався придумати свою таблицю символів. Щоб було зручно для використання і вага зберігався оптимальним.

Microsoft, наприклад, для російськомовного сегмента створили windows-1251. У ній, звичайно ж, є свої переваги і недоліки. Як і у будь-якого іншого продукту.

Зараз вже, лише 2% всіх сторінок в інтернеті написано на 1251. Більшість веб-майстрів використовують UTF-8. Чому так?

Недоліки та гідності

UTF-8, на відміну від windows-1251 універсальна кодування, в ній містяться літери різних алфавітів. Існує навіть UTF-128, де є взагалі всі мови - Теуль, суахілі, лаоський, мальтійський і так далі.

UTF-8 бідніші, букви займають в рази менше місця і займають всього один байт пам'яті, як і в 1251. У УТФ є рідкісні символи з інших мов або спеціальні символи. Вони-то і важать по 5-6 байтів, але в документі використовуються вкрай рідко.

Це кодування більш продумана, а тому її використовує більшість додатків за замовчуванням. Тобто, якщо ви не вказуєте програмі, яке кодування ви використовуєте, то першим ділом він перевірить саме UTF-8.

Коли ви створюєте html документ для сайту, то вказуєте браузерам на яку таблицю їм звертати увагу при розшифровці записів.

Для цього необхідно вставити в тег head наступні дані. Після символів «charset =" йде або УТФ, або виндовс, як в прикладі нижче.

Якщо в подальшому ви захочете щось поміняти і вставити фразу албанською, використовуючи цю таблицю розшифровок, то нічого не вийде, адже цієї мови кодування не підтримує. UTF-8 без проблем дозволить вам це зробити.

Якщо вас зацікавило правильне створення сайту, то я можу порекомендувати вам курс Михайла Русакова « Створення та Розкрутка сайту від А до Я ».

Він містить в собі дуже багато - 256 уроків, які зачіпають, JavaScript, і XML. Крім мов програмування ви зможете зрозуміти як монетизувати сайт, тобто швидше і більше отримувати прибуток. Один з небагатьох курсів, в якому було б так детально роз'яснено все, що потрібно.

Сам я ось уже рік навчаюся в школі блогерів Олександра Борисова . Це займає в рази більше часу, кінця і краю поки не видно, але зате не менш вичерпно і дисциплінує. Мотивує продовжувати розробку.

Ну а якщо виникають питання, не потрібно шукати по інтернету. Завжди є грамотний наставник.

Щось я відійшов від теми. Давайте повернемося до кодувань.

бази банних

Коли мова йде про php, все взагалі страшно. Я вже розповідав про бази даних, вони використовуються для прискорення роботи сайту. Зазвичай, ви до них не звертаєтеся, але коли з'являється необхідність в перенесенні сайту стає не по собі.

Складнощі трапляються у всіх, байдуже якої у вас досвід роботи, стаж і вислуга років. Деякі сторінки в базі можуть містити в собі всі доступні символи для виндовс-1251, інші, наприклад, в шаблонах сторінок, в іншому кодуванні.

Поки не потрібен перенос все працює і функціонує, хоч і не зовсім правильно. Але після переїзду починаються неприємності. В ідеалі ви повинні використовувати або тільки УТФ, або виндовс-1251, але по факту завжди і у всіх трапляються ось такі недоліки.

Щоб розшифровка узгоджувалася необхідно вписати код mysql_query ( «SET NAMES cp1251»). В цьому випадку перетворення буде здійснювати по іншому протоколу - cp1251.

Htaccess

Якщо на сайті ви наполегливо вирішили використовувати саме 1251, то вам слід знайти або створити файл htaccess. Він відповідає за настройки конфігурації. У нього доведеться додати ще три рядки, щоб все зійшлося.

DefaultLanguage ru; AddDefaultCharset windows-1251; php_value default_charset "cp1251"

Я все ж настійно рекомендую вам задумати про використання UTF-8. Він популярніший, простий і багатий. Які б рішення ви не прийняли зараз, важливо, щоб згодом можна було все виправити. Додати англомовну версію сайту на цьому кодуванні буде в рази простіше. Нічого не потрібно виправляти.

Рішення залишається за вами. Підписуйтесь на розсилку, щоб дізнаватися якомога швидше, де вчитися, щоб не повторювати чужих помилок, а також які блогери отримують більше відвідувачів.

До нових зустрічей і удачі у ваших починаннях.

При неправильному кодуванні весь сайт або його частина відображаються у вигляді «кряпозяблов», тобто незрозумілих символів, що роблять текст нечитабельним. Така ситуація може виникнути при неправильній настройки кодування веб-сервера або при відсутності налаштувань. Розглянемо можливі варіанти і способи усунення проблем

Каталог рефератів: HTML сторінок

Створимо тестовий файлик:

Sudo gedit /var/www/html/encoding.html

Скопіюємо в нього:

Перевірка кодування

Відкриємо цей файл в браузері http: //localhost/encoding.html

Як можна бачити, кодування браузером визначена неправильно:

Є кілька способів виправити цю ситуацію. Почнемо з найпростішого - явно вказати кодування для веб-сторінки. Це робиться метатегах, який повинен бути розташований всередині тега head:

Додамо цей рядок до нашого тестового файлик, щоб вийшло так:

Перевірка кодування

Тестовий файл для перевірки кодування

Як ми можемо переконатися на наступному скріншоті, проблема вирішена:

Якщо кодування вашого файлу відрізняється від UTF-8, То замість неї поставте windows-1251або ту, яка відповідає кодуванні веб-сторінки. Щоб навчитися визначати кодування файлів, подивіться.

Це був найпростіший спосіб виправлення проблеми з кодуванням - без зміни налаштувань сервера.

Повернемо наш тестовий файл в початковий стан і продовжимо вивчення способів вказівки кодування.

якщо файли .htaccessвключені настройками Apache, то ці файли можна використовувати щоб вказувати кодування відправляються веб-сервером сторінок. Щоб включити підтримку файлів .htaccessв файлі конфігурації Apache ( /etc/apache2/apache2.conf) Знайдіть групу рядків

Options Indexes FollowSymLinks AllowOverride None Require all granted

І в ній замініть

AllowOverride None

AllowOverride All

Після цього сервер потрібно перезапустити.

Sudo systemctl restart apache2.service

файл .htaccessповинен бути розміщений в тій же директорії, що і сайт. Мій сайт розміщений в кореневій директорії веб-сервера. Якщо у вас також, то тепер в папці / Var / www / html /створіть файл .htaccessі додайте в нього директиву AddDefaultCharsetпісля якої вкажіть бажану кодування. приклади

AddDefaultCharset UTF-8

AddDefaultCharset windows-1251

Можна вказати кодування, яка буде застосована тільки до файлів певного формату:

AddCharset utf-8 .atom .css .js .json .rss .vtt .xml

Набір файлів може бути будь-яким, наприклад:

AddCharset utf-8 .html .css .php .txt .js

Наступний варіант є альтернативним і також дозволяє встановлювати кодування для файлів певного типу, для нього потрібно, щоб був включений mod_headers:

Header set Content-Type "text / html; charset = utf-8"

Ще один варіант, який також можна використовувати у файлі .htaccessдля установки кодування UTF-8:

IndexOptions + Charset = UTF-8

Якщо сайт на PHP, то додатково може знадобитися продублювати кодування з php_value default_charset:

AddDefaultCharset windows-1251 php_value default_charset "cp1251"

Можна замість створення файла.htaccess встановити кодування в файлі конфігурації веб-сервера. Для Apache CentOS / Fedora це файл httpd.conf, а на Debian / Ubuntu це файл apache2.conf. Додайте наступний рядок для установки кодування і перезапустіть веб-сервер, щоб зміни вступили в силу:

AddDefaultCharset UTF-8

Як встановити UTF-8 кодування в PHP

У PHP скрипт для установки кодування використовується header, Наприклад:

Header ( "Content-Type: charset = utf-8");

Зазвичай разом з кодуванням також вказують тип вмісту (в прикладі варіант для HTML сторінки):

Header ( "Content-Type: text / html; charset = utf-8");

Ще один варіант для RSS стрічки:

Header ( "Content-type: text / xml; charset = utf-8");

Пам'ятайте, що функція headerповинна бути викликана перед будь-яким висновком в браузер. В іншому випадку (якщо висновок в браузер вже був зроблений), то вже були відправлені і заголовки. Очевидно, що в цьому випадку їх вже не можна змінити. Якщо в браузер було виведено повідомлення про помилку, то заголовки також вже були відправлені і використання header викличе помилку. Для перевірки, чи були вже відправлені заголовки, використовуйте headers_sent.

Описаний спосіб працює тільки коли PHP скрипт повністю генерує вміст сторінки. Статичні сторінки (такі як html) ви повинні зберігати в кодуванні utf-8. Більшість веб серверів звернуть увагу на кодування файлу та додадуть відповідний заголовок. Насправді, збереження PHP файлу в кодуванні utf-8 призведе до такого ж результату.

Каталог рефератів: результатів з бази даних MySQL

Якщо ваш сайт складається з статичної частини (шаблон) та динамічної, яка формується з даних, одержуваних з бази даних, то може виникнути ситуація, коли частина сайту має правильний метод кодування, а інша частина сайту має неправильну. В цьому випадку марно міняти налаштування веб-сервера - оскільки все одно частина сторінки матиме неправильну кодування.

Потрібно почати з визначення кодування ваших таблиць. Можна подивитися в phpMyAdmin:

Зверніть увагу на стовпець « порівняння», Запис« utf8_unicode_ci»Означає, що використовується кодування UTF-8.

Можна підключитися до СУБД MySQL і перевірити кодування таблиць без phpMyAdmin. Для цього:

Mysql -u root -p

Якщо ви забули ім'я бази даних, то виконайте команду:

SHOW DATABASES;

Припустимо, я хочу подивитися кодування для таблиць в базі даних information_schema

USE information_schema;

Якщо ви забули ім'я таблиць, виконайте:

SHOW FULL COLUMNS FROM ім'я_таблиці;

наприклад:

SHOW FULL COLUMNS FROM GLOBAL_STATUS;

Ви побачите приблизно наступне:

дивіться стовпець Collation. У моєму випадку там utf8_general_ci, Це, як і utf8_unicode_ci, кодування UTF-8. До речі, якщо ви не знаєте в чому різниця між кодуваннями utf8_general_ci, utf8_unicode_ci, utf8mb4_general_ci, utf8mb4_unicode_ci, А також яке кодування вибрати для бази даних MySQL, то подивіться.

Тепер, коли ми дізналися кодування (в моєму випадку це UTF-8), то при кожному підключенні до СУБД MySQL потрібно виконувати послідовно запити:

SET NAMES UTF8 SET CHARACTER SET UTF8 SET character_set_client = UTF8 SET character_set_connection = UTF8 SET character_set_results = UTF8

У PHP це можна зробити приблизно так:

$ This-> mysqli = new mysqli ($ server, $ username, $ password, $ basename); if ($ this-> mysqli-> connect_error) ($ this-> errorHandler_c-> logError (1, "Connect Error (". $ this-> mysqli-> connect_errno. ")". $ this-> mysqli-> connect_error , $ _SERVER [ "REQUEST_URI"]);) $ this-> mysqli-> query ( "SET NAMES UTF8"); $ This-> mysqli-> query ( "SET CHARACTER SET UTF8"); $ This-> mysqli-> query ( "SET character_set_client = UTF8"); $ This-> mysqli-> query ( "SET character_set_connection = UTF8"); $ This-> mysqli-> query ( "SET character_set_results = UTF8");

Зверніть увагу, що UTF8вам потрібно замінити на ту кодування, яка використовується для ваших таблиць.

Зміна кодування файлів

Якщо ви вирішили піти іншим шляхом і замість установки нової кодування змінити кодування ваших файлів, то подивіться статтю «». У ній розказано, як дізнатися поточну кодування файлів і як конвертувати файли в будь-яку систему кодування (не тільки UTF-8).

Як дізнатися, яке кодування відправляє сервер

Якщо ви хочете дізнатися, які налаштування кодування має веб-сервер (яке кодування передає в заголовках), то скористайтеся командою

Curl URL -s -o / dev / null -D / dev / stdout | grep -E "charset"

У ній замість URLвставте реальну адресу перевіряється сайту. Якщо сайт використовує HTTPS, то вкажіть адресу сайту разом з протоколом, наприклад

Curl https://softocracy.ru -s -o / dev / null -D / dev / stdout | grep -E "charset"

Яке кодування вибрати для веб-сайту

У першому розділі цього підручника, про загальний побудові html документа, я говорив про те, що все html документи повинні мати ось такий шаблон коду:

- початок документа
- початок голови
- закриття голови
- початок тіла
- закриття тіла
- кінець документа

Де між тегами вказується інформація призначена для виведення на екран в потрібному нам вигляді, а між тегами виключно службова інформація призначена для пошукових систем і браузерів тих чи інших користувачів. Так що ж це за інформація така і для чого вона потрібна? Відповім, планомірно і пропорційно в цьому розділі.

З тегом ми вже знайомі, за допомогою нього ми вказуємо ім'я документа в заголовку сторінки. Тепер новий тег <meta> (Закриває тега не вимагає) за допомогою нього ми і будемо вказувати цю саму службову інформацію на нашій сторінці. <meta> тег має наступні атрибути: <ul><li>http-equiv- вказує браузеру як слід обробити основний зміст документа, точніше на основі яких даних.</li><li>name- інформаційне ім'я. (Застосовується в парі з атрибутом content)</li><li>content- інформаційний зміст, пов'язане з мета ім'ям ( name)</li> </ul>Тепер на прикладах будемо вникати в суть справи. <h2>Кодування символів і мову</h2> Приклад (дуже потрібний і важливий): <meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251"> Спочатку розповім навіщо необхідна ця рядок в заголовку html документа. Даний запис вказує браузеру кодування в якій була написана дана сторінка - формат документа і розкладку клавіатури, в даному випадку це кирилиця для Windows. Якщо цей рядок не писали в заголовку сторінки, то є велика ймовірність що весь текст на Вашій сторінці відобразиться у вигляді незрозумілих людині "ієрогліфів" у різних користувачів тих чи інших браузерів. Звичайно, користувач може застосувати до такого документу команду в браузері Вид-> Кодіровка-> Кирилиця, Але він може не знати про цю функцію, та й навіщо обтяжувати людини даним процесом. Тепер розберемо по "складах" нашу запис: <meta http-equiv="Content-Type" - вказуємо що в цьому мета тезі ми будемо займатися Content-Type- типом змісту Content = "text / html;- а саме його текстом Charset = Windows-1251 ">- документ для Windows - Кирилиця де 1251 кодування розкладки клавіатури, так наприклад англійська клавіатура буде здаватися Charset = Windows -1252 В даний час просунуті веб-майстри рекомендують використовувати кодування UTF 8 Тобто писати в голові документа ось так: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Language" Content="ru"> У цьому рядку йдеться про те що мова Languageдокумента є російським Content = "ru" Неправильна установка мови і розкладки клавіатури може призвести до сумних наслідків. <h2>Інформація про документ</h2> <meta name="author" Content="Остап Бендер"> <meta name="copyright" Content=""Рога и копыта" Остап Бендер"> Дані метаопісателі призначені для заяви про авторські права безпосередньо в заголовку html коду, так name = "author"вказує ім'я автора сторінки, а name = "copyright"авторське право (копірайт) в якому може вказуватися прізвище, ім'я, по батькові автора сайту, назва фірми, бренду .. і т. д. Крім того включивши в заголовок документа такий опис Ви значно спростите завдання пошуковій машині при пошуку Вашого сайту по імені автора, назвою фірми, бренду ... <meta name ="Generator" Content="Microsoft Notepad"> Якщо хочете можете вказати за допомогою якого html редактора була написана дана сторінка. <h2>Опис сторінки і ключові слова</h2> <meta name="description" Content="Виробляємо закупівлю за вигідними цінами рогів і копит!"> Description- короткий опис сторінки. Даний опис частенько використовується пошуковими системами для виведення в результатах пошуку, по якому або запиту, інформації про сайт та його призначення. <meta name="keywords" Content ="рога, копыта, рожки, рог, копыто, копытце, закупка, покупка, приобретение, выгодно, продать, купить, сбыть, реализовать, корова, бык, коровьи, бычьи, оплата, деньги, наличные, цена, цене"> Keywords- ключові слова веб-сторінки, знову таки призначені для пошукових машин. Уявіть що Ви шукаєте в будь-якої пошукової системи сайт з інформацією про те де можна продати ті ж роги і копита :) Які слова і фрази Ви будите вводити в рядку "Пошук"? ну напевно що то типу: "Де продати коров'ячі роги?" або "Реалізувати копита за вигідною ціною" Так ось якщо визначити ключові слова і так сказати передбачити думки потенційного відвідувача можна сподіватися на те, що та чи інша пошукова система видасть посилання на Ваш сайт в перших рядках результату пошуку. Звичайно введення даного метоопісателя не їсти гарант того що саме Ваш сайт займе перші місця в пошуку за даними словами, але все ж не варто ним нехтувати. Втім, це окрема тема для розмови. Пам'ятайте що опис descriptionне повинно перевищувати по довжині більше 200 символів, а ключові слова keywords 1000 символів, інакше це може згубно відіб'ється при просуванні Вашого сайту в ТОП пошукових систем. <h2>Адреса</h2> <meta name="Publisher-Email" Content="Ваш_e-mail@сервер.домен"> <meta name="Publisher-URL" Content="http://www.Ваш_сайт/"> Думаю зрозуміло .. тут вказується адресу Вашої поштової скриньки Publisher-Emailі адреса сайту Publisher-URL <h2>оновлення сторінки</h2> <meta name ="revisit-after" Content="15 days"> Якщо якась сторінка на Вашому сайті має на увазі постійне оновлення і / або доповнення інформаційним змістом, то добре було б включити даний опис заголовок даної сторінки. Таке введення дозволить програмі роботу своєчасно відвідувати Ваш сайт і індексувати його зміст. У нашому прикладі ми заявили про те, що збираємося оновлювати зміст на сторінці не менше одного разу на 15 днів, можете не сумніватися програма робот візьме Ваші плани собі на замітку і буде приходити "до Вас в гості" раз в п'ятнадцять днів, для того щоб перевірити чи нічого у Вас не змінилося .. <h2>Час дії документа і кеш</h2> Для того щоб прискорити завантаження сторінки, а так само заощадити трафік сучасні браузери зберігають відвідувані користувачем сторінки в кеш (на жорсткий диск), і при повторному відвідуванні завантажують їх не з сервера, а безпосередньо з кешу. Насправді така функція хороша собою .. але є одне "але", справа в тому що в браузері може відображатися вже застаріла інформація, будь-якої сторінки. Уявіть, наприклад, Ваш сайт є якимось періодичне новинне інтернет видання, а користувач отримає, замість найсвіжіших новин, вже застарілу інформацію, ту яка зберігається у нього в кеші !! і не розібравшись у чому "біда" прийме Ваш сайт за "мертвий" покинутий і ніким не оновлюваний. Для того щоб примусово змусити браузер завантажувати ту чи іншу сторінку ні з жорсткого диска, а з сервера необхідний мета тег з даними синтаксисом, де вказується день тижня, число місяць рік час (гг: мм: сс) і часовий пояс ( GMT + 03: 00- час Московське + три години). День тижня і час дня можна не вказувати. Тепер при читанні сторінки браузером сторінка буде вантажиться з сервера, якщо зазначена дата і час настав або прострочено, і навпаки з кешу якщо зазначений час ще не настав. Нижче на всякий випадок наведені таблиці скорочень від Англійських слів на місяці і дні тижня <td valign="top"> </td> атрибуту contentможна привласнити значення "0" <meta http-equiv="Expires" content="0"> в цьому випадку сторінка завжди буде завантажуватися з сервера. І ще .. деякі пошукові роботи можуть відмовитися індексувати документ із завідомо застарілою датою. - не спокушайте долю .. <meta http-equiv="pragma" content="no-cache"> А такий запис зовсім заборонить браузеру кешувати цю сторінку. <h2>Команди для робота</h2> <meta name="robots" content="Index,follow"> Даний мета тег призначений для подачі пошуковому роботу тієї чи іншої команди. Список можливих команд роботу: <ul><li>Index- індексувати сторінку</li><li>Noindex- Чи не індексувати сторінку</li><li>Follow- простежувати гіперпосилання на сторінці</li><li>Nofollow- не простежується гіперпосилання на сторінці</li><li>All- індексувати сторінку і простежувати гіперпосилання на сторінці (за замовчуванням)</li><li>None- Чи не індексувати сторінку і не простежувати гіперпосилання на сторінці</li> </ul><h2>Автоматичний перехід на іншу сторінку</h2> <meta content="10; URL=http://www.mysite/index.html"> Якщо раптом з якихось причин Ви забажаєте змінити URL адресу Вашого сайту то добре було б на старому місці залишити сторінку на зразок цієї: <html> <head> <meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251"> <meta content="10; URL=http://www.mysite/index.html"> <title>переадресація

Адреса сайту було змінено, через 10 секунд Ваш браузер буде автоматично перенаправлений за новою адресою:
http://www.mysite.ru/
Натисніть тут для того щоб виконати перехід негайно.
Приносимо вибачення за доставлені незручності.

Розберемо і обдумаємо рядок з прикладу:

meta- Refresh (відновлення) вказує браузеру що дану сторінку необхідно оновити
content = "10;- оновити через задану кількість секунд (в нашому випадку десять)
URL = http: //www.mysite/index.html "- адреса нової / іншої сторінки на яку слід перейти.

А ось якщо в заголовку Refresh URL адреса упустити, як показано в прикладі, то тоді браузер буде постійно через кожні 30 секунд (ну або не 30 .. скільки пропишіть через стільки і буде ..) оновлювати вміст даної сторінки.

Такий метод широко використовується в новинних стрічках, де інформація йде так би мовити потоком і вимагає постійного оновлення.

Ефекти при переході по посиланню

Дані заголовки створюють візуальні ефекти при переході з однієї сторінки на іншу.

Page-Enter- Ефект появи сторінки
Page- Exit- Ефект зникнення сторінки

В яких:

Duration- час дії ефекту в секундах
Transition- Один з номерів пропонованих ефектів (від 0 до 23) перерахованих в таблиці:

номер опис ефекту номер опис ефекту
0 прямокутники всередину 12 розчинення
1 прямокутники назовні 13 Вертикальна панорама всередину
2 коло всередину 14 Вертикальна панорама назовні
3 коло назовні 15 Горизонтальна панорама всередину
4 наплив наверх 16 Горизонтальна панорама назовні
5 наплив вниз 17 Куточки вліво - вниз
6 наплив вправо 18 Куточки вліво - вгору
7 наплив вліво 19 Куточки вправо - вниз
8 Вертикальні жалюзі 20 Куточки вправо - вгору
9 горизонтальні жалюзі 21 Випадкові горизонтальні смуги
10 кроки горизонтальні 22 Випадкові вертикальні смуги
11 кроки вертикальні 23 Випадковий вибір ефекту
файл page1.html

Ефекти переходу сторінок

На замітку:

Ефекти переходу з однієї сторінки на іншу працюють не у всіх браузерах.

"Перейти"

файл page2.html

Ефекти переходу сторінок

На замітку:

Ефекти відкриття і закриття веб-сторінок буде видно тільки при переході
від однієї сторінки до іншої або ж за допомогою кнопок "назад" "вперед".
При першому відкритті сторінки, а також під час перезавантаження
ефекти переходу видно не будуть.

Натисніть на "Перейти" щоб перейти до наступної сторінки
і оцінити ефект переходу від однієї сторінки до іншої.

"Перейти"

Ще раз нагадаю про те що мета теги варто застосовувати вміло і грамотно особливо це стосується команд для робота і кодування символів, інакше весь Ваша праця може зійти нанівець ..
Заголовок Refresh(Автоматичний перехід на іншу сторінку) можна використовувати не зовсім стандартно .. Деякі автори використовують його для створення свого роду "презентації" слайд шоу, де змінюються сторінки і є кадри презентації. Уявіть заходить людина на такий сайт а тут йому "відкине на спинку крісла і розслабтеся .." :) а далі самі по собі пішли картинки, графіки, тексти .. а остання сторінка тупикова де користувач бере сайт "в свої руки" або ж може замикатися на першу. Тільки завжди пам'ятайте про золоте правило веб-майстри: Головне не переборщити!