Технически, по стандарту HTML5 ID должен быть уникальным на странице - https://developer.mozilla.org/en/DOM/element.id
работал на чрезвычайно модульных веб-сайтах, где это полностью игнорируется и работает. И это имеет смысл - самая удивительная часть.
Мы называем это «компонентность»
Например, у вас может быть компонент на вашей странице, который является своего рода виджетом. У этого есть вещи внутри с их собственными уникальными идентификаторами, например, «ok-button»
. Когда на странице есть много этих виджетов, у вас есть технически неверный HTML. Но имеет смысл компонентыize ваших виджетов, чтобы каждый из них ссылался на свою собственную кнопку ok, например, если использовать jquery для поиска из собственного корня, это может быть: $widgetRoot.find("#ok-button")
Это работает для нас, думали, что технически идентификаторы не должны использоваться вообще, как только они не уникальны.
Как указано выше, даже YouTube делает это, так что это не так ренегат
Вот ответ на вопрос, который вы не задавали, но, вероятно, вы ищете:
index.html
и убедитесь, что расширение действительно .html. Расширение может быть чем-то, что вам не нужно, если у вас не установлен этот флажок в Windows. <html lang="en">
<head>
<title>Simple Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<h1>It works!</h1>
<ul>
<li>Lists work too</li>
<li>Lists work three</li>
</ul>
</body>
</html>
Ctrl + S
или File > Save
) Теперь вы должны увидеть результат файла HTML.
Перейдите на https://jsfiddle.net/ , чтобы поиграть с html. Он будет предупреждать вас о том, что ваш HTML-файл искажен.
Короче говоря, вы должны иметь возможность открыть файл HTML в вашем браузере. Тем не менее, вы можете ничего не видеть (пусто), если ваш HTML не правильно отформатирован.
Сохраните файл с расширением «.html». Например, «index.html». И тогда вы можете прямо на файл и выберите «открыть с» и выберите нужный браузер. Или же вы можете сначала открыть свой браузер. Затем перейдите в меню Файл -> Открыть -> Выбрать index.html
.