Shadow DOM что это такое

Здравствуйте! В этом уроке я хочу поговорить о Shadow DOM, который является отдельным стандартом. Частично он может используется для обычных DOM-элементов, но также применяется для создания веб-компонентов.

Shadow DOM – это внутренний DOM элемента, который может существовать отдельно от внешнего документа. В нём могут быть свои ID, свои стили и так далее. Причём снаружи его, без применения специальных техник, не видно, поэтому не возникает никаих конфликтов. Частично мы затрагивали эту тему в уроке про «Шаблоны в JavaScript тег template» теперь давайте познкомимся с ShadowDOM поближе. Читать далее

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Shadow DOM что это такое Здравствуйте! В этом уроке я хочу поговорить о Shadow DOM, который является отдельным стандартом Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchim-html/16114896/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Shadow DOM что это такое </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте!  В этом уроке  я хочу поговорить  о  Shadow DOM, который  является отдельным стандартом </div> </div> Shadow DOM что это такое <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchim-html/16114896/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Shadow DOM что это такое</a> <div style="font-family:trebuchet MS;">Здравствуйте! В этом уроке я хочу поговорить о Shadow DOM, который является отдельным стандартом </div> </div>

webguru

19.10.2019

В избранное Пожаловаться Просмотров: 477

Комментарии ⁰

Учим HTML 56

Активные участники:

Последние откомментированные темы:

Shadow DOM что это такое

Комментарии временно отключены

Премодерируемое участие
902 участника