Какие другие типы идентификаторов можно использовать при создании веб-страницы?

ProgramBox

Какие другие типы идентификаторов можно использовать при создании веб-страницы?

Post author:admin
Запись опубликована:31 августа, 2022
Post category:Вопросы по программированию

#html #css

#HTML #css

Вопрос:

Я заметил, что веб-страница для html / css имеет это… и id=меню / содержимое / нижний колонтитул.

Мне интересно, есть ли другие? Кроме того, если они есть, какие у них есть?

Могу ли я создать некоторые из них самостоятельно? если возможно, как?

1. Вы также можете сделать <div id="ThisIsOneOfTheNonSenseIdsYouCanAlsoHave1234567890">

2. используйте какой-нибудь notepad , создайте новый файл, скажем index.html а затем создайте свои собственные div с вашими собственными подобранными вручную умопомрачительными идентификаторами.

3. Значит, можно использовать какое-либо соглашение об именах? и это все равно создаст div для меня?

4. ДА. Это id просто способ получить точный элемент в вашем коде JavaScript, например.

Ответ №1:

Вы можете создать любое id имя, которое вам нравится.

Эти

 <div id="name"></div>
<div id="menu"></div>
<div id='content'></div>
<div id='this-is-a-div'></div>

все возможные id имена.

id s используются для уникальной идентификации тега / элемента. Примером может быть мальчик по имени Том. div В этом случае он будет человеком, id «Томом» и, возможно class , «мальчиком». A class используется для описания нескольких свойств объекта (так же, как id и s), однако вы можете применить их к нескольким тегам / элементам.

Как предлагали другие, вы можете использовать data-* (где * все, что вам нравится), чтобы также идентифицировать несколько элементов одновременно. Подробнее об этой функции можно прочитать data-* здесь

Если вы хотите создавать разные div элементы (или теги), настоятельно не рекомендуется этого делать. Вы можете увидеть полный список всех тегов / элементов HTML5 на веб-сайте разработчика Mozilla.

Ответ №2:

Вы можете использовать любой идентификатор имени. Затем, если вы хотите спроектировать присвоение имен идентификаторам, вы можете использовать это в css.

Ответ №3:

id Атрибут похож на имя этого элемента. Вместо использования id используйте class для целей стилизации и data-somevalue атрибут html5 для javascript-хуков.

1. Что, если я использую html? в старых версиях я ограничен, пытаясь заставить его работать в IE 8:/ есть ли разница?

2. Нет, вы не ограничены, просто убедитесь, что ваш html doctype настроен на поддержку html5( !DOCTYPE="html" ), или, если вам нужно что-то еще, просто используйте id , в этом нет ничего плохого.

Ответ №4:

Вы можете создавать свои собственные, вызывая их data-* * по своему усмотрению.

Если вы используете jQuery, вы можете получить то, что находится в этом параметре, используя .data() : http://api.jquery.com/data /

Вы можете найти параметры, которые можно задать с помощью тега в http://www.w3schools.com/tags /. Как вы можете видеть, их много, но вам, вероятно, не придется использовать их все.

1. Это очень полный сайт, что в нем не так?

2. mmmm…..it консультирует по старой семантике, его учебные пособия по PHP полностью открыты для взлома и не соответствуют стандартам w3, но все равно называют его w3schools… однажды попробовал его уроки PHP! 🙂

3. В настоящее время я использую только html / css, и я ограничен IE 8, мои возможности ограничены. будет ли разница, если я использую ваш подход в старом браузере?

4. @NoobEditor Спасибо за эти уточнения, я не знал. Хотя, я думаю, что это хорошая основа для начала.

5. @user3765954 Это соглашение HTML5.

Ответ №5:

id Атрибут определяет уникальный идентификатор для элемента, и это то, что выбирает автор HTML-документа. Ни одно значение не имеет предопределенного значения. Формальные правила зависят от версии HTML, но единственным реальным ограничением в браузерах является то, что значение id атрибута должно быть непустым и не должно содержать пробелов. В противном случае все зависит от вас.

Если вы заметили, что часто используются такие значения, как menu , content , footer , это просто потому, что авторы приняли похожие решения, отражающие некоторые общие составляющие веб-страниц.

Ответ №6:

Вы можете использовать любой id , какой захотите, для любого элемента тега. Атрибут id является ГЛОБАЛЬНЫМ атрибутом. Это означает, что все теги HTML поддерживают идентификатор атрибута.

Для HTML идентификаторы не чувствительны к регистру. Это может быть не так для JavaScript или других языков. Идентификаторы имеют некоторые ограничения в отношении того, какие символы вы можете использовать:

Должен содержать хотя бы один символ
Не должно содержать пробелов

Документация:

Вкратце, лучше всего использовать новые теги HTML5 ( <header> , <nav> , <main> , <section> , <article> , , <aside> , <footer> ) для разделения / организации вашей веб-страницы, а не просто <div> :

 <!DOCTYPE html>
<html>
<head>
    ...head content
</head>

<body>
    <header>
    ...header content
    </header>

    <nav>
    ...nav menu
    </nav>

    <main>
        <section id="news">
            <article id="who-let-the-dog-out">
            ...article content
            </article>

            <article id="LottoSurprice">
            ...article content
            </article>
        </section>

        <section id="blog">
        ...section content
        </section>

        <aside id="advertisement">
        ...aside content
        </aside>
    </main>  <!-- end of page content -->

    <footer>
    ...footer content
    </footer>
</body>
</html>

Как вы можете видеть на этом примере, это имеет гораздо больше смысла. Его легче читать и отлаживать. Это новое качество HTML5. Намного лучше, чем <div id="menu"> , <div id="content"> , <div id="footer">

Метки: Какие другие типы идентификаторов можно использовать при создании веб-страницы?