Хватит ерунды, начнем сегодняшнюю тему.
html/11675.html">метатег в HTML
1. Значение метатегаЭлемент <meta> предоставляет метаинформацию о странице, такую как описание и ключевые слова для поисковых систем, а также частоту обновления.
Тег <meta> расположен в заголовке документа и не содержит содержимого.
Атрибуты тега <meta> определяют пары имя/значение, связанные с документом.
2. Часто используемые атрибуты в мета1. charset (набор символов)
Описание: определяет кодировку символов HTML-документов.
Использование: <meta charset=UTF-8>
2. область просмотра (окно просмотра)
Описание: это видимая область веб-страницы пользователя. Всем известно, что экран мобильных устройств обычно намного меньше, чем экран ПК. Браузер Webkit отображает большее виртуальное окно на экране мобильного устройства. Ширина виртуального окна по умолчанию составляет 980 пикселей (текущая стандартная ширина большинства веб-сайтов). ) , а затем масштабировать в соответствии с определенным соотношением (3:1 или 2:1).
То есть, когда мы загружаем обычную веб-страницу, webkit сначала загружает веб-страницу со стандартом браузера 980 пикселей, а затем уменьшает ее ширину до 490 пикселей. Обратите внимание, что это сокращение является глобальным, то есть все элементы на странице будут уменьшены.
использование:
<meta id = имя области просмотра = содержимое области просмотра = ширина = ширина устройства; начальный масштаб = 1.0; максимальный масштаб = 1; масштабируемый пользователем = нет;>
(1)ширина
ширина управляет размером области просмотра, обычно устанавливается на ширину устройства в адаптивных целях.
(2) начальный масштаб
начальный масштаб: начальный коэффициент масштабирования, то есть коэффициент масштабирования при первой загрузке страницы.
(3) максимальный масштаб
Maximum-scale Максимальное масштабирование. То есть максимально допустимая степень масштабирования. Это также значение с плавающей запятой, указывающее максимальный множитель размера страницы по сравнению с размером экрана.
(4) минимальный масштаб
минимальный масштаб: минимальный масштаб, до которого пользователю разрешено масштабирование. Аналогично максимально масштабному использованию.
(5) масштабируемый пользователем
масштабируемое пользователем Масштабирование, регулируемое пользователем. То есть, может ли пользователь изменить уровень масштабирования страницы. Если установлено значение «да», пользователю разрешено его изменить, в противном случае — «нет».
3. ключевые слова
Описание: Список ключевых слов, предоставленный поисковым системам. Используйте запятые, чтобы отделить каждое ключевое слово. Укажите ключевые слова, которые поисковые системы используют для улучшения качества поиска.
Использование: <Мета-имя=Содержимое ключевых слов=Ключевые слова 1, Ключевые слова 2, Ключевые слова 3, Ключевые слова 4,…>
4. описание (описание, введение)
Описание: Описание используется для того, чтобы сообщить поисковым системам основное содержание вашего сайта.
Использование ：<Meta name=Description Content=你网页的简述>
5. обнаружение формата (обнаружение формата)
Описание: обнаружение формата используется для обнаружения некоторых форматов в html.
Использование: Атрибут определения формата мета в основном имеет следующие настройки:
мета-имя=содержание определения формата=телефон=нет мета-имя=содержание определения формата=электронная почта=нет мета-имя=содержание определения формата=адрес=нет
Вы также можете написать это последовательно: meta name=format-detection content=telephone=no,email=no,adress=no
(1)телефон
Вы явно написали строку цифр, не добавляя стиль ссылки, но iPhone автоматически добавит стиль ссылки к вашему тексту, и нажатие на номер автоматически наберет номер! Как удалить эту коммутируемую ссылку? В это время наша мета должна снова продемонстрировать свою магическую силу. Код следующий:
Telephone=no отключает преобразование номеров в коммутируемые каналы!
Telephone=yes включает преобразование номеров в коммутируемые ссылки. Для включения функции преобразования нет необходимости писать эту мета. Она включена по умолчанию!
(2)электронная почта
Скажите устройству, чтобы оно не распознавало адрес электронной почты и не отправляло его автоматически после нажатия на него.
email=no запрещен в качестве адреса электронной почты!
email=yes включает текст и по умолчанию указывает адрес электронной почты. Эту мета-мету писать не нужно. Она включена по умолчанию.
(3)адрес
adress=no запрещает переход на карту!
adress=yes включает функцию щелчка по адресу для перехода непосредственно к карте. По умолчанию включено!
6. Apple-Touch-Полноэкранный режим
Описание: После добавления на главный экран он будет отображаться в полноэкранном режиме.
Использование: <meta name=apple-touch-fullscreen content=yes>
7. Поддержка Apple Mobile Web App
Описание: Функция предназначена для удаления панели инструментов Apple и строки меню по умолчанию. content имеет два значения: да и нет. Когда нам нужно отобразить панель инструментов и строку меню, нет необходимости добавлять эту строку мета. По умолчанию она отображается.
Использование: <meta name=apple-mobile-web-app-capable content=yes />
8. Конфигурация приложения
Описание: Сохраняйте записи истории и анимационные эффекты.
Использование: <meta name=App-Config content=fullscreen=yes,useHistoryState=yes,transition=yes/>
9. msapplication-tap-highlight
Описание: Нажмите «Нет выделения» (Highlight).
Использование: <meta name=msapplication-tap-highlight content=no>
Выше приведено подробное объяснение метатегов и их использования в HTML, представленное редактором. Надеюсь, оно будет вам полезно. Если у вас возникнут вопросы, оставьте мне сообщение, и редактор ответит вам вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!