Метатег у HTML - Дізнайтеся про різні типи метатегів у HTML

Зміст:

Anonim

Вступ до метатегів у HTML

Мета-тег у HTML використовується для визначення даних про вашу веб-сторінку чи HTML-документ. За допомогою метатега можна визначити опис документа, його інформацію про автора, коли він востаннє оновлений, він використовує для надання деталей властивостей документа HTML. Метатег визначається в тезі HTML, який входить частково. Веб-дизайнерам найбільш корисно показати фактичну частину веб-сторінки, що відображається. Весь контроль у вікні перегляду здійснюватиметься за допомогою метатегів у HTML 5. Більшість браузерів переглядає метатег за багатьма корисними функціями, такими як оновлення сторінок, показ вмісту веб-сторінок та використовуваних ними веб-служб.

Синтаксис

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

У наведеному вище синтаксисі це статус, що charset = "utf-8" забезпечує найкращу підтримку для відображення будь-якої мови.
Ось ще один синтаксис метатега з деяким значенням:

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

Список метатегів у HTML

Існують різні типи метатегів, що використовуються в HTML, давайте подивимось один за одним:

1. Це дуже базовий метатег, який використовується для визначення будь-якого виду мови.

2. Він використовується для визначення опису вмісту до 150 слів.

3. Він використовується для збереження всіх авторських прав визначеної компанії.

4. Він використовується для визначення реферату конкретної веб-сторінки.

5. Він використовується для визначення автора вашого документа HTML.

6. Він використовується для визначення URL-адреси конкретної компанії, визначеної в атрибуті тегу.

7. Він використовується для обробки рейтингів, які містяться в нашому документі.

8. Якщо ми хочемо визначити підзаголовки для наших HTML-документів, це стало можливим за допомогою цього тегу.

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

10. Він використовується для класифікації нашого документа за визначеним значенням сутності.

11. Цей тег використовується для вказівки деяких ключових слів у мета-тезі, тому це можливість легко шукати цей вміст у нашому документі.

12. Цей тег використовується для визначення резюме нашого документа.

Робота метатегів у HTML

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

Існує перелік атрибутів, на яких метатег чудово працює:

1. Зміст: Вміст у метатезі працює як значення для включеного метатегу.

2. Назва: Ім'я працює як властивість метатега. Він надходить у вигляді реквізитів, власника, ключових слів тощо.

3. http-equiv: Цей атрибут використовується для визначення деталей заголовка в документі.

4. Charset: Це основний атрибут мета-тегу, який використовується для визначення кодування символів для цілей декларування у своєму документі.

5. Схема: цей атрибут використовується для визначення схеми, в якій фактично використовується метатег. Але цей тип атрибутів не підтримується в HTML5.

Приклади метатегів у HTML

Давайте подивимось кілька прикладів

Приклад №1

Ми будемо використовувати тег Meta, і він прочитає комп'ютерну систему, але не зможе нічого побачити відвідувачам веб-сторінки.

HTML-код:





Вихід: На екрані відобразиться порожній екран.

Приклад №2

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

HTML-код:


Meta Tags Example



EDUCBA
Become an Awesome Design Expert

Meta Tags Example



EDUCBA
Become an Awesome Design Expert


Meta Tags Example



EDUCBA
Become an Awesome Design Expert


Meta Tags Example



EDUCBA
Become an Awesome Design Expert


Meta Tags Example



EDUCBA
Become an Awesome Design Expert


Meta Tags Example



EDUCBA
Become an Awesome Design Expert

EDUCBA - Все про онлайн-курси сертифікації

Дізнайтеся графічне проектування, анімацію, розробку ігор, редагування відео та інше за допомогою наших курсів онлайн-сертифікації


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

Вихід: Веб-сторінка, показана на виході, оновлюватиметься кожні 5 секунд.

Приклад №3

Подивимось ще один приклад з використанням метатегів, він відображатиметься так само, як вище, але після оновлення веб-сторінки він перенаправить на іншу веб-сторінку, URL-адреса якої буде вказана в мета-тезі, як показано нижче в коді HTML:

HTML-код:


Meta Tags in HTML 5



Meta Tags in HTML 5


EDUCBA - Все про онлайн-курси сертифікації

Вихід:

Висновок

Отже, мета-тег у Html використовується для визначення метаданих про документи HTML. Код, що входить до нього, - це машиночитаний формат, який добре працює з веб-сторінкою, але не показує відвідувачам вміст на сторінці. Метатег, що містить 3 різних атрибути, такі як глобальні, атрибути, характерні для елемента та обробник подій.

Рекомендовані статті

Це посібник з метатегів у HTML. Тут ми обговорюємо список різних типів метатегів, що використовуються в HTML, разом із прикладами. Ви також можете переглянути наступні статті, щоб дізнатися більше -

  1. HTML Frames
  2. Макет HTML
  3. Атрибут стилю HTML
  4. Елементи форми HTML