Closed
Conversation
|
|
dolgachio
reviewed
Jun 27, 2022
Collaborator
dolgachio
left a comment
dolgachio
left a comment
There was a problem hiding this comment.
Дякую за чудовий переклад! Будь ласка, подивіться мої коментарі і підпишіть CLA agreement :) Якщо будуть питання, напишіть мені :)
| Теоретично, ми могли б створити будь-який невидимий елемент де-небудь у HTML для зберігання у ньому розмітки HTML. Тоді що ж такого особливого у `<template>`? | ||
|
|
||
| First, its content can be any valid HTML, even if it normally requires a proper enclosing tag. | ||
| По-перше, він може містити у собі будь-який коректний HTML, навіть якщо за звичайних умов він би потребував належного закриваючого тега. |
Collaborator
There was a problem hiding this comment.
Suggested change
| По-перше, він може містити у собі будь-який коректний HTML, навіть якщо за звичайних умов він би потребував належного закриваючого тега. | |
| По-перше, він може містити у собі будь-який коректний HTML, навіть якщо за звичайних умов він би потребував якогось додаткового тега. |
| ``` | ||
|
|
||
| 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>` не запускається і тому подібне. |
Collaborator
There was a problem hiding this comment.
Suggested change
| Браузер розглядає вміст тега `<template>` як такий, який є "за межами документа": до нього не застосовуються стилі, не виконуються скрипти, `<video autoplay>` не запускається і тому подібне. | |
| Браузер розглядає вміст тега `<template>` як такий, який існує "за межами документа": до нього не застосовуються стилі, не виконуються скрипти, `<video autoplay>` не запускається і тому подібне. |
| Вміст починає опрацьовуватися (застосовуються стилі, виконуються скрипти і т. ін.), коли ми вставляємо його у документ. | ||
|
|
||
| ## Inserting template | ||
| ## Вставлення шаблону |
Collaborator
There was a problem hiding this comment.
Suggested change
| ## Вставлення шаблону | |
| ## Вставка шаблону |
| ## Вставлення шаблону | ||
|
|
||
| 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. |
Collaborator
There was a problem hiding this comment.
Suggested change
| Вміст шаблону контенту за зверненням до його властивості `content`, оскільки [DocumentFragment](info:modifying-document#document-fragment) -- це спеціальний тип вузла DOM. | |
| Вміст template доступний у його властивості `content` як [DocumentFragment](info:modifying-document#document-fragment) -- спеціальний тип вузла DOM. |
| Вміст шаблону контенту за зверненням до його властивості `content`, оскільки [DocumentFragment](info:modifying-document#document-fragment) -- це спеціальний тип вузла DOM. | ||
|
|
||
| We can treat it as any other DOM node, except one special property: when we insert it somewhere, its children are inserted instead. | ||
| Ми можемо працювати з ним як зі всіма іншими вузлами DOM, за винятком однієї особливості: використовуючи його будь-де, ми отримуємо вкладені всередину дочірні елементи, а не сам по собі тег. |
Collaborator
There was a problem hiding this comment.
Suggested change
| Ми можемо працювати з ним як зі всіма іншими вузлами DOM, за винятком однієї особливості: використовуючи його будь-де, ми отримуємо вкладені всередину дочірні елементи, а не сам по собі тег. | |
| Ми можемо працювати з ним як зі всіма іншими вузлами DOM, за винятком однієї особливості: коли ми його кудись вставляємо, вставляються його дочірні елементи, а не він сам. |
| - Ми можемо доступитися до `template.content` з JavaScript, клонувати його, щоб потім знову використати у новому компоненті. | ||
|
|
||
| The `<template>` tag is quite unique, because: | ||
| Тег `<template>` є досить унікальний, оскільки: |
Collaborator
There was a problem hiding this comment.
Suggested change
| Тег `<template>` є досить унікальний, оскільки: | |
| Тег `<template>` є унікальниv, оскільки: |
Contributor
Author
There was a problem hiding this comment.
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 синтаксис всередині нього (на противагу використанню шаблону рядка всередині скрипта). |
Collaborator
There was a problem hiding this comment.
Suggested change
| - Браузер перевіряє HTML синтаксис всередині нього (на противагу використанню шаблону рядка всередині скрипта). | |
| - Браузер перевіряє HTML синтаксис всередині нього (на відміну від рядка всередині скрипта з тією ж розміткою). |
| - ...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>`). |
Collaborator
There was a problem hiding this comment.
Suggested change
| - ...Але все одно дозволяє використання будь-якого високорівневого тега HTML, навіть тих, використання яких не має сенсу без відповідного обгортання (напр. `<tr>`). | |
| - ...Але все одно дозволяє використання будь-якого тега HTML, навіть тих, використання яких не має сенсу без відповідної обгортки (напр. `<tr>`). |
| - The content becomes interactive: scripts run, `<video autoplay>` plays etc, when inserted into the document. | ||
| - Браузер перевіряє HTML синтаксис всередині нього (на противагу використанню шаблону рядка всередині скрипта). | ||
| - ...Але все одно дозволяє використання будь-якого високорівневого тега HTML, навіть тих, використання яких не має сенсу без відповідного обгортання (напр. `<tr>`). | ||
| - Вміст стає інтерактивним: виконуються скрипти, запускається `<video autoplay>` і т. ін., коли він поміщається у документ. |
Collaborator
There was a problem hiding this comment.
Suggested change
| - Вміст стає інтерактивним: виконуються скрипти, запускається `<video autoplay>` і т. ін., коли він поміщається у документ. | |
| - Вміст стає інтерактивним: виконуються скрипти, запускається `<video autoplay>` і т. ін., коли ми переміщаємо його у документ. |
| - Вміст стає інтерактивним: виконуються скрипти, запускається `<video autoplay>` і т. ін., коли він поміщається у документ. | ||
|
|
||
| The `<template>` element does not feature any iteration mechanisms, data binding or variable substitutions, but we can implement those on top of it. | ||
| Елемент `<template>` не має жодних механізмів ітерації, зв’язування даних чи заміни змінних, але ми можемо їх реалізувати для до нього. |
Collaborator
There was a problem hiding this comment.
Suggested change
| Елемент `<template>` не має жодних механізмів ітерації, зв’язування даних чи заміни змінних, але ми можемо їх реалізувати для до нього. | |
| Елемент `<template>` не має жодних механізмів ітерації, зв’язування даних чи заміни змінних, але ми можемо реалізувати їх поверх нього. |
Merged
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.