Требуется ли несколько тегов или мне нужен только один?

#html

#HTML

Вопрос:

Я довольно новичок в программировании и хотел попробовать создать веб-сайт самостоятельно. Я просто не слишком уверен в том, как использовать мета-теги. Могу ли я поместить все атрибуты, которые я хочу использовать, в один тег, требуется ли несколько или количество зависит от того, какие атрибуты я планирую использовать?

Я прочитал немного документации здесь: https://www.w3.org/TR/2014/REC-html5-20141028/document-metadata.html#the-meta-element и пара вопросов на этом сайте, но у меня все еще нет четкого представления о том, сколько использовать.

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Home</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link type="text/css" rel="stylesheet" href="standard-theme.css" />
</head>

Я просто хочу четко понимать, сколько мета-тегов следует использовать в моем документе. Любая помощь приветствуется.

Ответ №1:

Мета-теги описывают мету вашей страницы

Он сообщает браузеру, программам чтения с экрана и поисковым системам, как интерпретировать вашу страницу, какого рода информацию ожидать и как она должна работать на мобильных телефонах, среди прочего.

У Mozilla есть хорошая документация о теге <meta /> . Посмотрите на возможные свойства и их значения, чтобы лучше понять.

Следует отметить несколько интересных моментов:

Можно использовать несколько мета-тегов.
charset Свойство объявляет кодировку символов страницы
name Свойство можно использовать вместе со content свойством.

Каждый мета-тег описывает отдельное мета-свойство страницы. Большинство мета-свойств идентифицируются name=<propertyName> частью, которую вы не можете передавать несколько раз.

Общие примеры:

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="This page contains information about X and Y" />

1.Могу ли я написать <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> вместо того, чтобы писать <meta charset="utf-8" /> и <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

2. Нет, каждый мета-тег описывает отдельное мета-свойство страницы. Большинство мета-свойств идентифицируются name=<propertyName> частью, которую вы не можете передавать несколько раз. Их также намного легче читать, если они по одному в строке.

3. Спасибо! Я думаю, если вы включите этот комментарий в свой ответ, он будет более полным.

4. Отличная идея. Обновлено.

Ответ №2:

<meta> тег предоставляет конкретную информацию о HTML-документе. Вы должны использовать несколько тегов, описывающих все метаданные, которые вы используете в документе, в зависимости от требований. например: описание страницы, ключевые слова, автор документа, последнее изменение и т. Д

<meta> имеет множество применений, и вы можете найти более подробную информацию о W3Schools здесь