{"draftJsState":{"blocks":[{"data":{"image":{"id":"63a7b88203a875131d682004"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"76fb4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"ID - это сокращение от Identifier (идентификатор, опознаватель). Идентификатор - это какое-то уникальное свойство объекта, которое позволяет однозначно отличить его от других объектов, то есть идентифицировать.","type":"unstyled","key":"46aq3"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":4,"offset":13}],"inlineStyleRanges":[{"length":4,"offset":13,"style":"BOLD"}],"text":"Атрибут ID в HTML используется, пожалуй, наиболее часто, чем многие другие атрибуты (хотя здесь, конечно, у каждого свои предпочтения). Его можно применять почти с любыми тегами. Например, так:","type":"unstyled","key":"2e6a1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Мой заголовок

","type":"blockquote","key":"6v4jh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь по идентификатору myH вы можете найти в документе именно этот тег

, даже если в документе их будет много. Разумеется, в документе больше не должно быть тегов, где id=\"myH\" или name=\"myH\".","type":"unstyled","key":"aok71"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":17,"offset":100},{"key":2,"length":10,"offset":246}],"inlineStyleRanges":[],"text":"Идентификаторы, после того как вы их определили в тегах, можно использовать, например, при создании внутренних ссылок или ссылок, которые ведут к определённому месту документа. Ну и не только. Можно использовать их с таблицами стилей, сценариями JavaScript и т.п.","type":"unstyled","key":"51ed9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Приемлемым значением атрибута ID является заключённая в двойные кавычки строка, которая является уникальной в пределах документа. Кавычки можно и не использовать. Однако лучше всё-таки заключать идентификатор в кавычки.","type":"unstyled","key":"5lggd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также нежелательно, чтобы в строке-идентификаторе были пробелы. И хотя в современных браузерах такое может и сработать:","type":"unstyled","key":"8hfoj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"myH","type":"blockquote","key":"246g9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Мой заголовок

","type":"blockquote","key":"7u93d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"я всё же не советую так делать. К тому же, как я уже говорил, идентификаторы могут использоваться в сценариях, а там пробелы в именах уж точно не нужны.","type":"unstyled","key":"ddtj9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"По той же причине имя идентификатора желательно начинать с английской буквы. Хотя, если ID вы собираетесь использовать только как ссылки, то он может начинаться с цифры.","type":"unstyled","key":"eods4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также следует помнить, что для внутренних ссылок иногда используется атрибут name. Если это так, то значения name и id не должны быть одинаковыми в пределах одного документа. То есть вот такой код недопустим:","type":"unstyled","key":"7vmc6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"myH","type":"blockquote","key":"7jqj3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Мой заголовок

","type":"blockquote","key":"1jlf2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Мой второй заголовок

","type":"blockquote","key":"dkoit"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потому что в этом случае браузер не сможет однозначно определить, к какому из двух заголовков надо перейти по ссылке. Некоторые браузеры в таких случаях переходят к первому найденному совпадению, а другие - к последнему.","type":"unstyled","key":"ffaak"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На этом всё. Подписывайтесь на канал, чтобы ничего не пропустить.","type":"unstyled","key":"328d2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"uDYOeF7FD7IZDkc57VW0"}],"entityMap":{"0":{"data":{"href":"https://info-master.su/programming/web/html/","url":"https://info-master.su/programming/web/html/"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://info-master.su/programming/web/html/internal-links-in-html.php","url":"https://info-master.su/programming/web/html/internal-links-in-html.php"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://info-master.su/programming/yazyk-programmirovaniya-javascript.php","url":"https://info-master.su/programming/yazyk-programmirovaniya-javascript.php"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}