Определение моих собственных тегов в HTML - PullRequest
Новая
       1

Определение моих собственных тегов в HTML

0 голосов
/ 27 апреля 2018

У меня на сайте есть параграф, в котором я должен выделить несколько слов. Вместо того, чтобы использовать div и класс, я использовал тег, который я назвал сам следующим образом 

<html>
    <head>
        <style>
            highlight{
                background-color:#FFF176;
            }
        </style>
    </head>
    <body>
        A quick <highlight>brown</highlight> fox jumped over a lazy dog.
    </body>
</html>

Вот JSSFiddle

Кажется, работает нормально. Но что-то не так с этим? Это нормально, если я использую это для проекта?

Ответы [ 3 ]

0 голосов
/ 27 апреля 2018

Вы можете использовать это решение в проекте, функционально это нормально, но желательно, чтобы вы прикрепляли теги с общим именем класса для определения таблиц стилей (CSS), структур тегов (HTML) и функциональности (JavaScript) в исходных файлах разных версий.

Я рекомендовал вам поместить в другой файл ваши стили CSS с тегом ссылки внутри тега head следующим образом: 

<head>
    <link rel="stylesheet" type="text/css" href="theme.css">
</head>

На этих страницах вы можете узнать больше об этом:

MDN Web Docs Mozilla

0 голосов
/ 27 апреля 2018

Хотя это нормально, я бы предложил следующее: https://jsfiddle.net/838Lrnwk/ 

<html>
<head>
    <style>
        #high .highlight{
          background-color:#FFF176;
        }
    </style>
</head>
<body>
  <p id="high">
      A quick <a class="highlight">brown</a> fox jumped over a lazy dog.
  </p>
</body>

Это дало бы тот же эффект; тем не менее, вы можете контролировать, на какой эффект влияет абзац и все другие теги, такие как font, em, strong и т. д., и при этом сохранять выделение.

0 голосов
/ 27 апреля 2018

В использовании пользовательских тегов нет ничего плохого. Однако вы не определили используемые вами теги. Пожалуйста, смотрите ссылки ниже на статьи о том, как правильно использовать пользовательские теги / элементы.

  1. Использование пользовательских элементов
  2. Расширение HTML с помощью создания пользовательских тегов
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...