- Notifications
You must be signed in to change notification settings - Fork179
Template element#346
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.
Already on GitHub?Sign in to your account
Template element#346
Uh oh!
There was an error while loading.Please reload this page.
Conversation
CLAassistant commentedJun 13, 2022 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
Olha Borysenko seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, pleaseadd the email address used for this commit to your account. You have signed the CLA already but the status is still pending? Let usrecheck it. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
Дякую за чудовий переклад! Будь ласка, подивіться мої коментарі і підпишіть CLA agreement :) Якщо будуть питання, напишіть мені :)
| First, its content can be any validHTML,even if it normally requires a proper enclosing tag. | ||
| По-перше, він може містити у собі будь-який коректнийHTML,навіть якщо за звичайних умов він би потребував належного закриваючого тега. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| По-перше, він може містити у собі будь-який коректний HTML, навіть якщо за звичайних умов він би потребувавналежного закриваючого тега. | |
| По-перше, він може містити у собі будь-який коректний HTML, навіть якщо за звичайних умов він би потребувавякогось додаткового тега. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
done
| </script> | ||
| </template> | ||
| ``` | ||
| The browser considers`<template>`content "out of the document": styles are not applied, scripts are not executed, `<video autoplay>`is not run, etc. | ||
| Браузер розглядає вміст тега`<template>`як такий, який є "за межами документа": до нього не застосовуються стилі, не виконуються скрипти, `<video autoplay>`не запускається і тому подібне. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| Браузер розглядає вміст тега`<template>` як такий, якийє "за межами документа": до нього не застосовуються стилі, не виконуються скрипти,`<video autoplay>` не запускається і тому подібне. | |
| Браузер розглядає вміст тега`<template>` як такий, якийіснує "за межами документа": до нього не застосовуються стилі, не виконуються скрипти,`<video autoplay>` не запускається і тому подібне. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
done
| ##Inserting template | ||
| ##Вставлення шаблону |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| ##Вставлення шаблону | |
| ##Вставка шаблону |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
done
| The template content is available in its`content` property as a[DocumentFragment](info:modifying-document#document-fragment) --a special type of DOM node. | ||
| Вміст шаблону контенту за зверненням до його властивості`content`, оскільки[DocumentFragment](info:modifying-document#document-fragment) --це спеціальний тип вузла DOM. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| Вмістшаблону контенту за зверненням дойого властивості`content`, оскільки[DocumentFragment](info:modifying-document#document-fragment) -- це спеціальний тип вузла DOM. | |
| Вмістtemplate доступний уйого властивості`content` як[DocumentFragment](info:modifying-document#document-fragment) -- спеціальний тип вузла DOM. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
done
| We can treat it as any other DOM node, except one special property: when we insert it somewhere, its children are inserted instead. | ||
| Ми можемо працювати з ним як зі всіма іншими вузлами DOM, за винятком однієї особливості: використовуючи його будь-де, ми отримуємо вкладені всередину дочірні елементи, а не сам по собі тег. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| Ми можемо працювати з ним як зі всіма іншими вузлами DOM, за винятком однієї особливості:використовуючийогобудь-де, ми отримуємо вкладені всерединудочірні елементи, а несам по собі тег. | |
| Ми можемо працювати з ним як зі всіма іншими вузлами DOM, за винятком однієї особливості:коли мийогокудись вставляємо, вставляються йогодочірні елементи, а невін сам. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
done
| The `<template>`tag is quite unique, because: | ||
| Тег `<template>`є досить унікальний, оскільки: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| Тег`<template>` єдосить унікальний, оскільки: | |
| Тег`<template>` єунікальниv, оскільки: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
changed to унікальним
done
| - The browser checks HTML syntax inside it (as opposed to using a template string inside a script). | ||
| - ...But still allows use of any top-level HTML tags, even those that don't make sense without proper wrappers (e.g. `<tr>`). | ||
| - The content becomes interactive: scripts run, `<video autoplay>` plays etc, when inserted into the document. | ||
| - Браузер перевіряє HTML синтаксис всередині нього (на противагу використанню шаблону рядка всередині скрипта). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| - Браузер перевіряє HTML синтаксис всередині нього (напротивагу використанню шаблонурядка всередині скрипта). | |
| - Браузер перевіряє HTML синтаксис всередині нього (навідміну відрядка всередині скрипта з тією ж розміткою). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
done
| - ...But still allows use of any top-level HTML tags, even those that don't make sense without proper wrappers (e.g. `<tr>`). | ||
| - The content becomes interactive: scripts run, `<video autoplay>` plays etc, when inserted into the document. | ||
| - Браузер перевіряє HTML синтаксис всередині нього (на противагу використанню шаблону рядка всередині скрипта). | ||
| - ...Але все одно дозволяє використання будь-якого високорівневого тега HTML, навіть тих, використання яких не має сенсу без відповідного обгортання (напр. `<tr>`). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| - ...Але все одно дозволяє використання будь-якоговисокорівневоготега HTML, навіть тих, використання яких не має сенсу безвідповідного обгортання (напр.`<tr>`). | |
| - ...Але все одно дозволяє використання будь-якого тега HTML, навіть тих, використання яких не має сенсу безвідповідної обгортки (напр.`<tr>`). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
done
| -The content becomes interactive: scripts run,`<video autoplay>`plays etc, when inserted into the document. | ||
| -Браузер перевіряєHTMLсинтаксис всередині нього (на противагу використанню шаблону рядка всередині скрипта). | ||
| - ...Але все одно дозволяє використання будь-якого високорівневого тега HTML, навіть тих, використання яких не має сенсу без відповідного обгортання (напр. `<tr>`). | ||
| -Вміст стає інтерактивним: виконуються скрипти, запускається`<video autoplay>`і т. ін., коли він поміщається у документ. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| - Вміст стає інтерактивним: виконуються скрипти, запускається`<video autoplay>` і т. ін., коливін поміщається у документ. | |
| - Вміст стає інтерактивним: виконуються скрипти, запускається`<video autoplay>` і т. ін., колими переміщаємо його у документ. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
done
| The `<template>`element does not feature any iteration mechanisms, data binding or variable substitutions, but we can implement those on top of it. | ||
| Елемент `<template>`не має жодних механізмів ітерації, зв’язування даних чи заміни змінних, але ми можемо їх реалізувати для до нього. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
| Елемент`<template>` не має жодних механізмів ітерації, зв’язування даних чи заміни змінних, але ми можемоїхреалізуватидля до нього. | |
| Елемент`<template>` не має жодних механізмів ітерації, зв’язування даних чи заміни змінних, але ми можемо реалізуватиїх поверх нього. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others.Learn more.
done
No description provided.