Skip to content
This repository was archived by the owner on Aug 10, 2022. It is now read-only.
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions src/content/en/fundamentals/web-components/customelements.md
Original file line number Diff line number Diff line change
Expand Up @@ -784,8 +784,7 @@ elements**.
Warning: At time of writing, no browser has implemented customized built-in
elements ([status](https://www.chromestatus.com/feature/4670146924773376)).
This is unfortunate for accessibility and progressive enhancement. If you think
extending native HTML elements is useful, voice your thoughts <a
href='https://github.com/w3c/webcomponents/issues/509'>on Github</a>.
extending native HTML elements is useful, voice your thoughts on <a href='https://github.com/w3c/webcomponents/issues/509'>509</a> and <a href='https://github.com/w3c/webcomponents/issues/662'>662</a> on Github.

To extend an element, you'll need to create a class definition that inherits
from the correct DOM interface. For example, a custom element that extends
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -264,7 +264,7 @@ También pueden crear una instancia en JavaScript:
console.assert(image.height === 200);


Note: Algunos navegadores exhiben un rechazo manifiesto por la implementación de la sintaxis <code>is=""</code>. Esto representa una desventaja para la accesibilidad y la mejora progresiva. Si crees que extender elementos HTML nativos es útil, danos tu opinión <a href='https://github.com/w3c/webcomponents/issues/509'>en Github</a>.
Note: Algunos navegadores exhiben un rechazo manifiesto por la implementación de la sintaxis <code>is=""</code>. Esto representa una desventaja para la accesibilidad y la mejora progresiva. Si crees que extender elementos HTML nativos es útil, danos tu opinión en <a href='https://github.com/w3c/webcomponents/issues/509'>509</a> y <a href='https://github.com/w3c/webcomponents/issues/662'>622</a> en Github.

## Reacciones de los elementos personalizados {: #reactions}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -264,7 +264,7 @@ atau membuat instance di JavaScript:
console.assert(image.height === 200);


Note: Sebagian browser menyatakan keengganan untuk mengimplementasikan sintaks <code>is=""</code>. Hal ini tidak menguntungkan untuk aksesibilitas dan penyempurnaan progresif. Jika menurut Anda memperluas elemen HTML native berguna, sampaikan pendapat Anda <a href='https://github.com/w3c/webcomponents/issues/509'>di Github</a>.
Note: Sebagian browser menyatakan keengganan untuk mengimplementasikan sintaks <code>is=""</code>. Hal ini tidak menguntungkan untuk aksesibilitas dan penyempurnaan progresif. Jika menurut Anda memperluas elemen HTML native berguna, sampaikan pendapat Anda <a href='https://github.com/w3c/webcomponents/issues/662'>di Github</a>.

## Reaksi elemen khusus {: #reactions}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -260,7 +260,7 @@ JavaScript でインスタンスを作成できます。
console.assert(image.height === 200);


注: 一部のブラウザは <code>is=""</code> 構文の実装に反対しています。これは、ユーザー補助機能や進歩的な機能拡張にとって残念なことです。ネイティブ HTML 要素を拡張することが有用であるとお考えの場合は、<a href='https://github.com/w3c/webcomponents/issues/509'>Github</a> にあなたの意見を投稿してください。
注: 一部のブラウザは <code>is=""</code> 構文の実装に反対しています。これは、ユーザー補助機能や進歩的な機能拡張にとって残念なことです。ネイティブ HTML 要素を拡張することが有用であるとお考えの場合は、<a href='https://github.com/w3c/webcomponents/issues/662'>Github</a> にあなたの意見を投稿してください。

## カスタム要素応答 {: #reactions}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -264,7 +264,7 @@ Custom Elements API는 새로운 HTML 요소를 생성하는 데 유용하지만
console.assert(image.height === 200);


참고: 일부 브라우저는 <code>is=""</code> 구문 구현을 지원하지 않습니다. 이는 접근성 및 점진적인 개선에 있어서는 불행한 일입니다. 기본 HTML 요소를 확장하는 것이 유용하다고 생각되면 여러분의 생각을 <a href='https://github.com/w3c/webcomponents/issues/509'>Github</a>에 올려 주세요.
참고: 일부 브라우저는 <code>is=""</code> 구문 구현을 지원하지 않습니다. 이는 접근성 및 점진적인 개선에 있어서는 불행한 일입니다. 기본 HTML 요소를 확장하는 것이 유용하다고 생각되면 여러분의 생각을 <a href='https://github.com/w3c/webcomponents/issues/662'>Github</a>에 올려 주세요.

## 사용자설정 요소 반응 {: #reactions}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,9 @@ project_path: /web/_project.yaml
book_path: /web/fundamentals/_book.yaml
description: Os elementos personalizados permitem que desenvolvedores da Web definam novas tags HTML, ampliem as já existentes e criem componentes da Web reutilizáveis.

{# wf_updated_on: 2016-09-26 #}
{# wf_updated_on: 2018-02-12 #}
{# wf_published_on: 2016-06-28 #}
{# wf_blink_components: Blink>DOM #}

# Custom Elements v1: Componentes de Web Reutilizáveis {: .page-title }

Expand Down Expand Up @@ -264,7 +265,7 @@ Ou criam uma instância no JavaScript:
console.assert(image.height === 200);


Observação: Alguns navegadores demonstraram aversão à implementação da sintaxe <code>is=""</code>. Isso é uma má notícia para a acessibilidade e os aprimoramentos progressivos. Se você acha que a extensão de elementos nativos do HTML é útil, divulgue sua opinião <a href='https://github.com/w3c/webcomponents/issues/509'>no Github</a>.
Observação: Alguns navegadores demonstraram aversão à implementação da sintaxe <code>is=""</code>. Isso é uma má notícia para a acessibilidade e os aprimoramentos progressivos. Se você acha que a extensão de elementos nativos do HTML é útil, divulgue sua opinião no <a href='https://github.com/w3c/webcomponents/issues/509'>509</a> e <a href='https://github.com/w3c/webcomponents/issues/662'>662</a> no GitHub.

## Reações do elemento personalizado {: #reactions}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,9 @@ project_path: /web/_project.yaml
book_path: /web/fundamentals/_book.yaml
description:自定义元素允许网络开发者定义新的 HTML 标记、扩展现有标记并创建可重用的网络组件。

{# wf_updated_on: 2016-09-26 #}
{# wf_updated_on: 2018-02-12 #}
{# wf_published_on: 2016-06-28 #}
{# wf_blink_components: Blink>DOM #}

# 自定义元素 v1:可重用网络组件 {: .page-title }

Expand Down Expand Up @@ -260,7 +261,7 @@ Custom Elements API 对创建新的 HTML 元素很有用,但它也可用于扩
console.assert(image.height === 200);


注:某些浏览器不推荐使用 <code>is=""</code> 语法。这对可访问性和渐进式增强都不是好消息。如果您认为扩展原生 HTML 元素很有用,请<a href='https://github.com/w3c/webcomponents/issues/509'>在 Github 上</a>发表您的观点。
注:某些浏览器不推荐使用 <code>is=""</code> 语法。这对可访问性和渐进式增强都不是好消息。如果您认为扩展原生 HTML 元素很有用,请<a href='https://github.com/w3c/webcomponents/issues/662'>在 Github 上</a>发表您的观点。

## 自定义元素响应{: #reactions}

Expand Down