621 files changed, 102960 insertions, 0 deletions

diff --git a/files/ca/web/api/canvas_api/index.html b/files/ca/web/api/canvas_api/index.html
new file mode 100644
index 0000000000..cb61814e66
--- /dev/null
+++ b/files/ca/web/api/canvas_api/index.html
@@ -0,0 +1,187 @@
+---
+title: Canvas API
+slug: Web/API/Canvas_API
+tags:
+  - API
+  - Canvas
+  - Overview
+  - Reference
+translation_of: Web/API/Canvas_API
+---
+<div>{{CanvasSidebar}}</div>
+
+<p class="summary">Afegit en <a href="/en-US/docs/HTML/HTML5">HTML5</a>, l'element HTML<strong> {{HTMLElement("canvas")}} </strong>pot ser usat per dibuixar gràfics a través de scripts en <a href="/en-US/docs/Web/JavaScript">JavaScript</a>. Per exemple, es pot utilitzar per dibuixar gràfics, fer composicions fotogràfiques, crear animacions o, fins i tot, processar o representar vídeos en temps real.</p>
+
+<p>Les aplicacions de Mozilla van obtenir compatibilitat amb <code>&lt;canvas&gt;</code> a partir de Gecko 1.8 (és a dir <a href="/en-US/docs/Mozilla/Firefox/Releases/1.5">Firefox 1.5</a>). L'element va ser introduït originalment per Apple per al tauler OS X i Safari. Internet Explorer suporta <code>&lt;canvas&gt;</code> a partir de la versió 9; per a versions anteriors de IE, una pàgina pot efectivament afegir suport per <code>&lt;canvas&gt;</code> en incloure un script del projecte Google's <a href="https://github.com/arv/explorercanvas">Explorer Canvas</a>. Google Chrome i Opera 9 també són compatibles amb <code>&lt;canvas&gt;</code>.</p>
+
+<p>L'element <code>&lt;canvas&gt;</code> <span id="result_box" lang="ca"><span>també és utilitzat per</span></span> <a href="/en-US/docs/Web/WebGL">WebGL</a> <span id="result_box" lang="ca"><span>per dibuixar gràfics 3D accelerats per maquinari en pàgines web.</span></span></p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p><span id="result_box" lang="ca"><span>Aquest és només un fragment de codi senzill que utilitza el mètode</span></span> {{domxref("CanvasRenderingContext2D.fillRect()")}}.</p>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
+</pre>
+
+<h3 id="JavaScript">JavaScript</h3>
+
+<pre class="brush: js">var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+
+ctx.fillStyle = 'green';
+ctx.fillRect(10, 10, 100, 100);
+</pre>
+
+<p><span id="result_box" lang="ca"><span>Editeu el codi següent i vegeu els canvis actualitzats en directe al llenç:</span></span></p>
+
+<div class="hidden">
+<h6 id="Playable_code">Playable code</h6>
+
+<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
+&lt;div class="playable-buttons"&gt;
+  &lt;input id="edit" type="button" value="Edit" /&gt;
+  &lt;input id="reset" type="button" value="Reset" /&gt;
+&lt;/div&gt;
+&lt;textarea id="code" class="playable-code"&gt;
+ctx.fillStyle = 'green';
+ctx.fillRect(10, 10, 100, 100);&lt;/textarea&gt;
+</pre>
+
+<pre class="brush: js">var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext("2d");
+var textarea = document.getElementById('code');
+var reset = document.getElementById('reset');
+var edit = document.getElementById('edit');
+var code = textarea.value;
+
+function drawCanvas() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  eval(textarea.value);
+}
+
+reset.addEventListener('click', function() {
+  textarea.value = code;
+  drawCanvas();
+});
+
+edit.addEventListener('click', function() {
+  textarea.focus();
+})
+
+textarea.addEventListener('input', drawCanvas);
+window.addEventListener('load', drawCanvas);
+</pre>
+</div>
+
+<p>{{ EmbedLiveSample('Playable_code', 700, 360) }}</p>
+
+<h2 id="Referència">Referència</h2>
+
+<div class="index">
+<ul>
+ <li>{{domxref("HTMLCanvasElement")}}</li>
+ <li>{{domxref("CanvasRenderingContext2D")}}</li>
+ <li>{{domxref("CanvasGradient")}}</li>
+ <li>{{domxref("CanvasImageSource")}}</li>
+ <li>{{domxref("CanvasPattern")}}</li>
+ <li>{{domxref("ImageBitmap")}}</li>
+ <li>{{domxref("ImageData")}}</li>
+ <li>{{domxref("RenderingContext")}}</li>
+ <li>{{domxref("TextMetrics")}}</li>
+ <li>{{domxref("OffscreenCanvas")}}{{experimental_inline}}</li>
+ <li>{{domxref("Path2D")}} {{experimental_inline}}{{domxref("ImageBitmapRenderingContext")}}{{experimental_inline}}</li>
+</ul>
+</div>
+
+<p>Les interfícies relacionades amb <code>WebGLRenderingContext</code> estan referenciades en <a href="/en-US/docs/Web/WebGL" title="/en-US/docs/Web/WebGL">WebGL</a>.</p>
+
+<p>{{domxref("CanvasCaptureMediaStream")}} està relacionat.</p>
+
+<h2 id="Guies_i_tutorials">Guies i tutorials</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Tutorial Canvas </a></dt>
+ <dd>Un tutorial complet que abasta tant l'ús bàsic de <code>&lt;canvas&gt;</code> com les seves funcions avançades.</dd>
+ <dt><a href="/en-US/Add-ons/Code_snippets/Canvas">Fragments de codi: Canvas</a></dt>
+ <dd>Alguns fragments de codi orientats a desenvolupadors d'extensions que involucren <code>&lt;canvas&gt;</code>.</dd>
+ <dt><a href="/en-US/docs/Web/API/Canvas_API/A_basic_ray-caster">Demostració: Un llançador de rajos bàsic</a></dt>
+ <dd>Una demostració d'animació de traçat de rajos usant canvas.</dd>
+ <dt><a href="/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas">Dibuixar objectes DOM en canvas</a></dt>
+ <dd>Com dibuixar contingut DOM, com ara elements HTML, dins de canvas.</dd>
+ <dt><a href="/en-US/docs/Web/API/Canvas_API/Manipulating_video_using_canvas">Manipular vídeo utilitzant canvas</a></dt>
+ <dd>Combinar {{HTMLElement("video")}} i {{HTMLElement("canvas")}} per manipular dades de vídeo en temps real.</dd>
+</dl>
+
+<h2 id="Recursos">Recursos</h2>
+
+<h3 id="Genèric">Genèric</h3>
+
+<ul>
+ <li><a href="http://joshondesign.com/p/books/canvasdeepdive/title.html">Aprofundint en  canvas HTML5</a></li>
+ <li><a href="http://bucephalus.org/text/CanvasHandbook/CanvasHandbook.html">Manual de Canvas</a></li>
+</ul>
+
+<h3 id="Biblioteques"><span id="result_box" lang="ca"><span title="Libraries
+
+    ">Biblioteques</span></span></h3>
+
+<ul>
+ <li><a href="http://fabricjs.com">Fabric.js</a> <span id="result_box" lang="ca"><span title="Fabric.js is an open-source canvas library with SVG parsing capabilities.
+    ">és una biblioteca de canvas de codi obert amb funcions d'anàlisi de SVG.</span></span></li>
+ <li><a href="https://github.com/ericdrowell/KineticJS">Kinetic.js</a>  <span id="result_box" lang="ca"><span title="Kinetic.js is an open-source canvas library focused on interactivity for desktop and mobile applications.
+    ">és una biblioteca de </span><span title="Fabric.js is an open-source canvas library with SVG parsing capabilities.
+    ">canvas</span></span><span lang="ca"><span title="Kinetic.js is an open-source canvas library focused on interactivity for desktop and mobile applications.
+    "> de codi obert centrada en la interactivitat per a aplicacions d'escriptori i mòbils.</span></span></li>
+ <li><a href="http://paperjs.org/">Paper.js</a> <span id="result_box" lang="ca"><span title="Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
+    ">és un marc de seqüències d'ordres gràfiques de vectors, de codi obert que s'executa a la part superior de Canvas HTML5.</span></span></li>
+ <li><a href="http://origamijs.com/docs/">Origami.js</a> <span id="result_box" lang="ca"><span title="Origami.js is an open source lightweight canvas library.
+    ">és una biblioteca de </span><span title="Fabric.js is an open-source canvas library with SVG parsing capabilities.
+    ">canvas</span></span><span lang="ca"><span title="Origami.js is an open source lightweight canvas library.
+    "> lleugera de codi obert.</span></span></li>
+ <li><a href="http://libcanvas.github.com/">libCanvas</a> <span id="result_box" lang="ca"><span title="libCanvas is powerful and lightweight canvas framework.
+    ">és un marc de canvas potent i lleuger.</span></span></li>
+ <li><a href="http://processingjs.org">Processing.js</a> és un port del llenguatge de visualització de processament.</li>
+ <li><a href="https://playcanvas.com/">PlayCanvas</a> <span id="result_box" lang="ca"><span title="PlayCanvas is an open source game engine.
+    ">és un motor de joc de codi obert.</span></span></li>
+ <li><a href="http://www.pixijs.com/">Pixi.js</a> <span id="result_box" lang="ca"><span title="PlayCanvas is an open source game engine.
+    ">és un motor de joc de codi obert.</span></span></li>
+ <li><a href="http://www.liquidx.net/plotkit/">PlotKit</a> <span id="result_box" lang="ca"><span title="PlotKit is a charting and graphing library.
+    ">és una biblioteca </span></span> mapes gràfics <span lang="ca"><span title="PlotKit is a charting and graphing library.
+    "> i gràfics</span></span>.</li>
+ <li><a class="link-https" href="https://github.com/jeremyckahn/rekapi">Rekapi</a> és una API d'animació d'emmarcat de tecles per Canvas.</li>
+ <li><a href="http://senchalabs.github.com/philogl/">PhiloGL</a> <span id="result_box" lang="ca"><span title="PhiloGL is a WebGL framework for data visualization, creative coding and game development.
+    ">és un marc WebGL per a la visualització de dades, codificació creativa i el desenvolupament de jocs</span></span></li>
+ <li><a href="http://thejit.org/">JavaScript InfoVis Toolkit</a> crea visualitzacions interactives de dades 2D Canvas per la Web.</li>
+ <li><a href="http://www.createjs.com/easeljs">EaselJS</a> <span id="result_box" lang="ca"><span title="EaselJS is a free/open source library to make it easier to use canvas for games and art
+    ">és una biblioteca de codi obert/lliure per facilitar l'ús de canvas en jocs i art</span></span></li>
+ <li><a href="http://scrawl.rikweb.org.uk/">Scrawl-canvas</a> <span id="result_box" lang="ca"><span title="Scrawl-canvas is another open-source javascript library for creating and manipulating 2d canvas elements
+    ">és una altra biblioteca de codi obert Javascript per crear i manipular elements 2d</span></span> canvas.</li>
+ <li><a href="https://www.patrick-wied.at/static/heatmapjs/">heatmap.js</a> <span id="result_box" lang="ca"><span title="heatmap.js is an open source library to create canvas based heatmaps">és una biblioteca de codi obert per crear mapes de calor basats en</span></span> canvas.</li>
+</ul>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'scripting.html#the-canvas-element', '&lt;canvas&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/WebGL">WebGL</a></li>
+</ul>
diff --git a/files/ca/web/api/canvas_api/tutorial/animacions_avançades/index.html b/files/ca/web/api/canvas_api/tutorial/animacions_avançades/index.html
new file mode 100644
index 0000000000..4aebb46529
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/animacions_avançades/index.html
@@ -0,0 +1,380 @@
+---
+title: Animacions avançades
+slug: Web/API/Canvas_API/Tutorial/Animacions_avançades
+tags:
+  - Canvas
+  - Graphics
+  - Tutorial
+translation_of: Web/API/Canvas_API/Tutorial/Advanced_animations
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Basic_animations", "Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas")}}</div>
+
+<div class="summary">
+<p>En l'últim capítol vam fer algunes <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations">animacions bàsiques</a> i vam conèixer maneres de fer moure les coses. En aquesta part veurem més d'a prop el moviment en si i afegirem una mica de física per fer que les nostres animacions siguin més avançades.</p>
+</div>
+
+<h2 id="Dibuixar_una_bola">Dibuixar una bola</h2>
+
+<p>Usarem una bola per als nostres estudis d'animació, així que primer dibuixarem aquesta bola sobre el llenç. El següent codi ens configurarà.</p>
+
+<pre class="brush: html">&lt;canvas id="canvas" width="600" height="300"&gt;&lt;/canvas&gt;
+</pre>
+
+<p>Com és habitual, primer necessitem un context de dibuix. Per dibuixar la bola, hem crear un objecte <code>ball</code> que contingui propietats i un mètode <code>draw()</code> per pintar-la sobre el llenç.</p>
+
+<pre class="brush: js">var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+
+var ball = {
+  x: 100,
+  y: 100,
+  radius: 25,
+  color: 'blue',
+  draw: function() {
+    ctx.beginPath();
+    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
+    ctx.closePath();
+    ctx.fillStyle = this.color;
+    ctx.fill();
+  }
+};
+
+ball.draw();</pre>
+
+<p>Aquí no hi ha res especial, la bola és en realitat un cercle senzill i es dibuixa amb l'ajuda del mètode {{domxref("CanvasRenderingContext2D.arc()", "arc()")}}.</p>
+
+<h2 id="Afegir_velocitat">Afegir velocitat</h2>
+
+<p>Ara que tenim la bola, estem preparats per afegir una animació bàsica tal com hem après en l'<a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations">últim capítol</a> d'aquest tutorial. Novament, {{domxref("window.requestAnimationFrame()")}} ens ajuda a controlar l'animació. La bola es mou en afegir un vector de velocitat a la posició. Per a cada fotograma, també {{domxref("CanvasRenderingContext2D.clearRect", "clear", "", 1)}} el llenç per eliminar cercles antics de fotogrames anteriors.</p>
+
+<pre class="brush: js; highlight:[8,9,24,25]">var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+var raf;
+
+var ball = {
+  x: 100,
+  y: 100,
+  vx: 5,
+  vy: 2,
+  radius: 25,
+  color: 'blue',
+  draw: function() {
+    ctx.beginPath();
+    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
+    ctx.closePath();
+    ctx.fillStyle = this.color;
+    ctx.fill();
+  }
+};
+
+function draw() {
+  ctx.clearRect(0,0, canvas.width, canvas.height);
+  ball.draw();
+  ball.x += ball.vx;
+  ball.y += ball.vy;
+  raf = window.requestAnimationFrame(draw);
+}
+
+canvas.addEventListener('mouseover', function(e) {
+  raf = window.requestAnimationFrame(draw);
+});
+
+canvas.addEventListener('mouseout', function(e) {
+  window.cancelAnimationFrame(raf);
+});
+
+ball.draw();
+</pre>
+
+<h2 id="Límits">Límits</h2>
+
+<p>Sense cap prova de col·lisió de límits, la nostra bola surt ràpidament del llenç. Hem de comprovar si la posició <code>x</code> i <code>y</code> de la bola està fora de les dimensions del llenç i invertir la direcció dels vectors de velocitat. Per fer-ho, afegim les següents comprovacions al mètode <code>draw</code>:</p>
+
+<pre class="brush: js">if (ball.y + ball.vy &gt; canvas.height || ball.y + ball.vy &lt; 0) {
+  ball.vy = -ball.vy;
+}
+if (ball.x + ball.vx &gt; canvas.width || ball.x + ball.vx &lt; 0) {
+  ball.vx = -ball.vx;
+}</pre>
+
+<h3 id="Primera_demostració">Primera demostració</h3>
+
+<p>Vegem com es veu en acció fins ara. Movem el ratolí en el llenç per iniciar l'animació.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" style="border: 1px solid" width="600" height="300"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+var raf;
+
+var ball = {
+  x: 100,
+  y: 100,
+  vx: 5,
+  vy: 2,
+  radius: 25,
+  color: 'blue',
+  draw: function() {
+    ctx.beginPath();
+    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
+    ctx.closePath();
+    ctx.fillStyle = this.color;
+    ctx.fill();
+  }
+};
+
+function draw() {
+  ctx.clearRect(0,0, canvas.width, canvas.height);
+  ball.draw();
+  ball.x += ball.vx;
+  ball.y += ball.vy;
+
+  if (ball.y + ball.vy &gt; canvas.height ||
+      ball.y + ball.vy &lt; 0) {
+    ball.vy = -ball.vy;
+  }
+  if (ball.x + ball.vx &gt; canvas.width ||
+      ball.x + ball.vx &lt; 0) {
+    ball.vx = -ball.vx;
+  }
+
+  raf = window.requestAnimationFrame(draw);
+}
+
+canvas.addEventListener('mouseover', function(e) {
+  raf = window.requestAnimationFrame(draw);
+});
+
+canvas.addEventListener('mouseout', function(e) {
+  window.cancelAnimationFrame(raf);
+});
+
+ball.draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("First_demo", "610", "310")}}</p>
+
+<h2 id="Acceleració"><span id="result_box" lang="ca"><span>Acceleració</span></span></h2>
+
+<p>Per fer el moviment més real, es pots jugar amb la velocitat d'aquesta manera, per exemple:</p>
+
+<pre class="brush: js">ball.vy *= .99;
+ball.vy += .25;</pre>
+
+<p>Això retarda la velocitat vertical de cada fotograma, de manera que la bola només rebotarà en el sòl al final.</p>
+
+<div class="hidden">
+<h6 id="Second_demo">Second demo</h6>
+
+<pre class="brush: html">&lt;canvas id="canvas" style="border: 1px solid" width="600" height="300"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+var raf;
+
+var ball = {
+  x: 100,
+  y: 100,
+  vx: 5,
+  vy: 2,
+  radius: 25,
+  color: 'blue',
+  draw: function() {
+    ctx.beginPath();
+    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
+    ctx.closePath();
+    ctx.fillStyle = this.color;
+    ctx.fill();
+  }
+};
+
+function draw() {
+  ctx.clearRect(0,0, canvas.width, canvas.height);
+  ball.draw();
+  ball.x += ball.vx;
+  ball.y += ball.vy;
+  ball.vy *= .99;
+  ball.vy += .25;
+
+  if (ball.y + ball.vy &gt; canvas.height ||
+      ball.y + ball.vy &lt; 0) {
+    ball.vy = -ball.vy;
+  }
+  if (ball.x + ball.vx &gt; canvas.width ||
+      ball.x + ball.vx &lt; 0) {
+    ball.vx = -ball.vx;
+  }
+
+  raf = window.requestAnimationFrame(draw);
+}
+
+canvas.addEventListener('mouseover', function(e) {
+  raf = window.requestAnimationFrame(draw);
+});
+
+canvas.addEventListener('mouseout', function(e) {
+  window.cancelAnimationFrame(raf);
+});
+
+ball.draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("Second_demo", "610", "310")}}</p>
+
+<h2 id="Efecte_cua">Efecte cua</h2>
+
+<p>Fins ara, hem utilitzat el mètode {{domxref("CanvasRenderingContext2D.clearRect", "clearRect")}} per esborrar fotogrames anteriors. Si reemplacem aquest mètode per un semi-transparent {{domxref("CanvasRenderingContext2D.fillRect", "fillRect")}}, es pot crear fàcilment un efecte cua.</p>
+
+<pre class="brush: js">ctx.fillStyle = 'rgba(255, 255, 255, 0.3)';
+ctx.fillRect(0, 0, canvas.width, canvas.height);</pre>
+
+<div class="hidden">
+<h6 id="Third_demo">Third demo</h6>
+
+<pre class="brush: html">&lt;canvas id="canvas" style="border: 1px solid" width="600" height="300"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+var raf;
+
+var ball = {
+  x: 100,
+  y: 100,
+  vx: 5,
+  vy: 2,
+  radius: 25,
+  color: 'blue',
+  draw: function() {
+    ctx.beginPath();
+    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
+    ctx.closePath();
+    ctx.fillStyle = this.color;
+    ctx.fill();
+  }
+};
+
+function draw() {
+  ctx.fillStyle = 'rgba(255, 255, 255, 0.3)';
+  ctx.fillRect(0, 0, canvas.width, canvas.height);
+  ball.draw();
+  ball.x += ball.vx;
+  ball.y += ball.vy;
+  ball.vy *= .99;
+  ball.vy += .25;
+
+  if (ball.y + ball.vy &gt; canvas.height ||
+      ball.y + ball.vy &lt; 0) {
+    ball.vy = -ball.vy;
+  }
+  if (ball.x + ball.vx &gt; canvas.width ||
+      ball.x + ball.vx &lt; 0) {
+    ball.vx = -ball.vx;
+  }
+
+  raf = window.requestAnimationFrame(draw);
+}
+
+canvas.addEventListener('mouseover', function(e) {
+  raf = window.requestAnimationFrame(draw);
+});
+
+canvas.addEventListener('mouseout', function(e) {
+  window.cancelAnimationFrame(raf);
+});
+
+ball.draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("Third_demo", "610", "310")}}</p>
+
+<h2 id="Afegir_control_al_ratolí">Afegir control al ratolí</h2>
+
+<p>Per tenir una mica de control sobre la bola, podem fer que segueixi al ratolí usant l'esdeveniment <code><a href="/en-US/docs/Web/Reference/Events/mousemove">mousemove</a></code>, per exemple. L'esdeveniment <code><a href="/en-US/docs/Web/Events/click">click</a></code> allibera la bola i la deixa rebotar de nou.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" style="border: 1px solid" width="600" height="300"&gt;&lt;/canvas&gt;</pre>
+</div>
+
+<pre class="brush: js">var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+var raf;
+var running = false;
+
+var ball = {
+  x: 100,
+  y: 100,
+  vx: 5,
+  vy: 1,
+  radius: 25,
+  color: 'blue',
+  draw: function() {
+    ctx.beginPath();
+    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
+    ctx.closePath();
+    ctx.fillStyle = this.color;
+    ctx.fill();
+  }
+};
+
+function clear() {
+  ctx.fillStyle = 'rgba(255, 255, 255, 0.3)';
+  ctx.fillRect(0,0,canvas.width,canvas.height);
+}
+
+function draw() {
+  clear();
+  ball.draw();
+  ball.x += ball.vx;
+  ball.y += ball.vy;
+
+  if (ball.y + ball.vy &gt; canvas.height || ball.y + ball.vy &lt; 0) {
+    ball.vy = -ball.vy;
+  }
+  if (ball.x + ball.vx &gt; canvas.width || ball.x + ball.vx &lt; 0) {
+    ball.vx = -ball.vx;
+  }
+
+  raf = window.requestAnimationFrame(draw);
+}
+
+canvas.addEventListener('mousemove', function(e) {
+  if (!running) {
+    clear();
+    ball.x = e.clientX;
+    ball.y = e.clientY;
+    ball.draw();
+  }
+});
+
+canvas.addEventListener('click', function(e) {
+  if (!running) {
+    raf = window.requestAnimationFrame(draw);
+    running = true;
+  }
+});
+
+canvas.addEventListener('mouseout', function(e) {
+  window.cancelAnimationFrame(raf);
+  running = false;
+});
+
+ball.draw();
+</pre>
+
+<p><span id="result_box" lang="ca"><span>Moure la bola amb el ratolí i allibera-la amb un clic.</span></span></p>
+
+<p>{{EmbedLiveSample("Adding_mouse_control", "610", "310")}}</p>
+
+<h2 id="Escapada">Escapada</h2>
+
+<p>Aquest breu capítol només explica algunes tècniques per crear animacions més avançades. Hi ha molts més! Què tal afegir una paleta, alguns maons, i convertir aquesta demostració en un joc <a href="http://en.wikipedia.org/wiki/Breakout_%28video_game%29">Escapada</a>? Consulta la nostra àrea de <a href="https://developer.mozilla.org/en-US/docs/Games">desenvolupament de jocs</a> per veure més articles relacionats amb els jocs.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{domxref("window.requestAnimationFrame()")}}</li>
+ <li><a href="/en-US/docs/Games/Techniques/Efficient_animation_for_web_games">Animació eficient per a jocs web</a></li>
+</ul>
+
+<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Basic_animations", "Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas")}}</p>
diff --git a/files/ca/web/api/canvas_api/tutorial/animacions_bàsiques/index.html b/files/ca/web/api/canvas_api/tutorial/animacions_bàsiques/index.html
new file mode 100644
index 0000000000..e4a3751d1e
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/animacions_bàsiques/index.html
@@ -0,0 +1,335 @@
+---
+title: Animacions bàsiques
+slug: Web/API/Canvas_API/Tutorial/Animacions_bàsiques
+tags:
+  - Canvas
+  - Graphics
+  - HTML
+  - HTML5
+  - Intermediate
+  - Tutorial
+translation_of: Web/API/Canvas_API/Tutorial/Basic_animations
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Compositing", "Web/API/Canvas_API/Tutorial/Advanced_animations")}}</div>
+
+<div class="summary">
+<p>Atès que estem usant Javascript per controlar els elements {{HTMLElement("canvas")}}, també és molt fàcil fer animacions (interactives). En aquest capítol veurem com fer algunes animacions bàsiques.</p>
+</div>
+
+<p>Probablement, la major limitació és que, una vegada que es dibuixa una forma, aquesta es manté així. Si necessitem moure-la, hem de tornar a dibuixar-la i tot el que s'ha dibuixat abans. Es necessita molt temps per tornar a dibuixar quadres complexos i el rendiment depèn en gran manera de la velocitat de l'equip en el qual s'està executant.</p>
+
+<h2 id="Basic_animation_steps" name="Basic_animation_steps">Passos bàsics d'animació</h2>
+
+<p>Aquests són els passos que s'han de seguir per dibuixar un marc:</p>
+
+<ol>
+ <li><strong>Esborrar el llenç</strong><br>
+  A menys que les formes que es dibuixin omplin el llenç complet (per exemple, una imatge de fons), és necessari esborrar qualsevol forma que s'hi hagi dibuixat prèviament. La manera més fàcil de fer-ho, és usant el mètode {{domxref("CanvasRenderingContext2D.clearRect", "clearRect()")}}.</li>
+ <li><strong>Guardar l'estat del llenç</strong><br>
+  Si es canvia qualsevol configuració (com ara estils, transformacions, etc.) que afectin a l'estat del llenç i ens volem assegurar que l'estat original s'utilitza cada vegada que es dibuixa un marc, hem de guardar aquest estat original.</li>
+ <li><strong>Dibuixar formes animades</strong><br>
+  El pas on es fa la representació del marc real.</li>
+ <li><strong>Restaurar l'estat del llenç</strong><br>
+  Si s'ha guardat l'estat, ho hem de restaurar abans de dibuixar un nou marc.</li>
+</ol>
+
+<h2 id="Controlling_an_animation" name="Controlling_an_animation">Controlar una animació</h2>
+
+<p>Les formes es dibuixen al llenç usant els mètodes de canvas directament o cridant a les funcions personalitzades. En circumstàncies normals, només veiem que aquests resultats apareixen en el llenç quan el script acaba d'executar-se. Per exemple, no és possible fer una animació des d'un bucle <code>for</code>.</p>
+
+<p>Això significa que necessitem una forma d'executar les nostres funcions de dibuix durant un període de temps. Hi ha dues maneres de controlar una animació com aquesta.</p>
+
+<h3 id="Actualitzacions_programades">Actualitzacions programades</h3>
+
+<p>Primer estan les funcions {{domxref("window.setInterval()")}}, {{domxref("window.setTimeout()")}} i {{domxref("window.requestAnimationFrame()")}}, que es poden utilitzar per cridar a una funció específica durant un període de temps determinat.</p>
+
+<dl>
+ <dt>{{domxref("WindowTimers.setInterval", "setInterval(function, delay)")}}</dt>
+ <dd>Inicia repetidament l'execució de la funció especificada per la funció, cada mil·lisegons de retard.</dd>
+ <dt>{{domxref("WindowTimers.setTimeout", "setTimeout(function, delay)")}}</dt>
+ <dd>Executa la funció especificada per la <code>function</code> en mil·lisegons de <code>delay</code>.</dd>
+ <dt>{{domxref("Window.requestAnimationFrame()", "requestAnimationFrame(callback)")}}</dt>
+ <dd>Li diu al navegador que desitja realitzar una animació i sol·licita al navegador que cridi a una funció especifica per actualitzar una animació abans del proper repintat.</dd>
+</dl>
+
+<p>Si no es vol cap interacció amb l'usuari, es pot utilitzar la funció <code>setInterval()</code> que executa repetidament el codi proporcionat. Si volguéssim fer un joc, podríem usar esdeveniments de teclat o ratolí per controlar l'animació i usar <code>setTimeout()</code>. En establir {{domxref("EventListener")}}s, capturem qualsevol interacció de l'usuari i s'executan les nostres funcions d'animació</p>
+
+<div class="note">
+<p>En els exemples següents, utilitzarem el mètode {{domxref("window.requestAnimationFrame()")}} per controlar l'animació. El mètode <code>requestAnimationFrame</code> proporciona una manera fluïda i eficient per a l'animació, cridant al marc d'animació quan el sistema estigui preparat per pintar el marc. El nombre de crides retornades és generalment 60 vegades per segon i pot reduir-se a una taxa més baixa quan s'executa en les pestanyes de fons. Per a més informació sobre el bucle d'animació, especialment per a jocs, veure l'article <a href="/en-US/docs/Games/Anatomy">Anatomia d'un videojoc</a> en la nostra <a href="/en-US/docs/Games">Zona de desenvolupament de jocs</a>.</p>
+</div>
+
+<h2 id="Un_sistema_solar_animat"><span id="result_box" lang="ca"><span>Un sistema solar animat</span></span></h2>
+
+<p><span id="result_box" lang="ca"><span>Aquest exemple anima un petit model del nostre sistema solar.</span></span></p>
+
+<pre class="brush: js">var sun = new Image();
+var moon = new Image();
+var earth = new Image();
+function init() {
+  sun.src = 'https://mdn.mozillademos.org/files/1456/Canvas_sun.png';
+  moon.src = 'https://mdn.mozillademos.org/files/1443/Canvas_moon.png';
+  earth.src = 'https://mdn.mozillademos.org/files/1429/Canvas_earth.png';
+  window.requestAnimationFrame(draw);
+}
+
+function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  ctx.globalCompositeOperation = 'destination-over';
+  ctx.clearRect(0, 0, 300, 300); // clear canvas
+
+  ctx.fillStyle = 'rgba(0, 0, 0, 0.4)';
+  ctx.strokeStyle = 'rgba(0, 153, 255, 0.4)';
+  ctx.save();
+  ctx.translate(150, 150);
+
+  // Earth
+  var time = new Date();
+  ctx.rotate(((2 * Math.PI) / 60) * time.getSeconds() + ((2 * Math.PI) / 60000) * time.getMilliseconds());
+  ctx.translate(105, 0);
+  ctx.fillRect(0, -12, 50, 24); // Shadow
+  ctx.drawImage(earth, -12, -12);
+
+  // Moon
+  ctx.save();
+  ctx.rotate(((2 * Math.PI) / 6) * time.getSeconds() + ((2 * Math.PI) / 6000) * time.getMilliseconds());
+  ctx.translate(0, 28.5);
+  ctx.drawImage(moon, -3.5, -3.5);
+  ctx.restore();
+
+  ctx.restore();
+
+  ctx.beginPath();
+  ctx.arc(150, 150, 105, 0, Math.PI * 2, false); // Earth orbit
+  ctx.stroke();
+
+  ctx.drawImage(sun, 0, 0, 300, 300);
+
+  window.requestAnimationFrame(draw);
+}
+
+init();
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="300" height="300"&gt;&lt;/canvas&gt;</pre>
+</div>
+
+<p>{{EmbedLiveSample("An_animated_solar_system", "310", "310", "https://mdn.mozillademos.org/files/202/Canvas_animation1.png")}}</p>
+
+<h2 id="Un_rellotge_animat"><span id="result_box" lang="ca"><span>Un rellotge animat</span></span></h2>
+
+<p><span id="result_box" lang="ca"><span>Aquest exemple dibuixa un rellotge animat que mostra l'hora actual.</span></span></p>
+
+<pre class="brush: js">function clock() {
+  var now = new Date();
+  var ctx = document.getElementById('canvas').getContext('2d');
+  ctx.save();
+  ctx.clearRect(0, 0, 150, 150);
+  ctx.translate(75, 75);
+  ctx.scale(0.4, 0.4);
+  ctx.rotate(-Math.PI / 2);
+  ctx.strokeStyle = 'black';
+  ctx.fillStyle = 'white';
+  ctx.lineWidth = 8;
+  ctx.lineCap = 'round';
+
+  // Hour marks
+  ctx.save();
+  for (var i = 0; i &lt; 12; i++) {
+    ctx.beginPath();
+    ctx.rotate(Math.PI / 6);
+    ctx.moveTo(100, 0);
+    ctx.lineTo(120, 0);
+    ctx.stroke();
+  }
+  ctx.restore();
+
+  // Minute marks
+  ctx.save();
+  ctx.lineWidth = 5;
+  for (i = 0; i &lt; 60; i++) {
+    if (i % 5!= 0) {
+      ctx.beginPath();
+      ctx.moveTo(117, 0);
+      ctx.lineTo(120, 0);
+      ctx.stroke();
+    }
+    ctx.rotate(Math.PI / 30);
+  }
+  ctx.restore();
+
+  var sec = now.getSeconds();
+  var min = now.getMinutes();
+  var hr  = now.getHours();
+  hr = hr &gt;= 12 ? hr - 12 : hr;
+
+  ctx.fillStyle = 'black';
+
+  // write Hours
+  ctx.save();
+  ctx.rotate(hr * (Math.PI / 6) + (Math.PI / 360) * min + (Math.PI / 21600) *sec);
+  ctx.lineWidth = 14;
+  ctx.beginPath();
+  ctx.moveTo(-20, 0);
+  ctx.lineTo(80, 0);
+  ctx.stroke();
+  ctx.restore();
+
+  // write Minutes
+  ctx.save();
+  ctx.rotate((Math.PI / 30) * min + (Math.PI / 1800) * sec);
+  ctx.lineWidth = 10;
+  ctx.beginPath();
+  ctx.moveTo(-28, 0);
+  ctx.lineTo(112, 0);
+  ctx.stroke();
+  ctx.restore();
+
+  // Write seconds
+  ctx.save();
+  ctx.rotate(sec * Math.PI / 30);
+  ctx.strokeStyle = '#D40000';
+  ctx.fillStyle = '#D40000';
+  ctx.lineWidth = 6;
+  ctx.beginPath();
+  ctx.moveTo(-30, 0);
+  ctx.lineTo(83, 0);
+  ctx.stroke();
+  ctx.beginPath();
+  ctx.arc(0, 0, 10, 0, Math.PI * 2, true);
+  ctx.fill();
+  ctx.beginPath();
+  ctx.arc(95, 0, 10, 0, Math.PI * 2, true);
+  ctx.stroke();
+  ctx.fillStyle = 'rgba(0, 0, 0, 0)';
+  ctx.arc(0, 0, 3, 0, Math.PI * 2, true);
+  ctx.fill();
+  ctx.restore();
+
+  ctx.beginPath();
+  ctx.lineWidth = 14;
+  ctx.strokeStyle = '#325FA2';
+  ctx.arc(0, 0, 142, 0, Math.PI * 2, true);
+  ctx.stroke();
+
+  ctx.restore();
+
+  window.requestAnimationFrame(clock);
+}
+
+window.requestAnimationFrame(clock);</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+</div>
+
+<p>{{EmbedLiveSample("An_animated_clock", "180", "180", "https://mdn.mozillademos.org/files/203/Canvas_animation2.png")}}</p>
+
+<h2 id="Un_panorama_en_bucle">Un panorama en bucle</h2>
+
+<p>En aquest exemple, es desplaça una imatge panoràmica d'esquerra a dreta. Estem usant <a href="http://commons.wikimedia.org/wiki/File:Capitan_Meadows,_Yosemite_National_Park.jpg">una imatge del Parc Nacional Yosemite</a>, que hem pres de Wikipedia, però es pot usar qualsevol imatge que sigui més gran que el llenç.</p>
+
+<pre class="brush: js">var img = new Image();
+
+// User Variables - customize these to change the image being scrolled, its
+// direction, and the speed.
+
+img.src = 'https://mdn.mozillademos.org/files/4553/Capitan_Meadows,_Yosemite_National_Park.jpg';
+var CanvasXSize = 800;
+var CanvasYSize = 200;
+var speed = 30; // lower is faster
+var scale = 1.05;
+var y = -4.5; // vertical offset
+
+// Main program
+
+var dx = 0.75;
+var imgW;
+var imgH;
+var x = 0;
+var clearX;
+var clearY;
+var ctx;
+
+img.onload = function() {
+    imgW = img.width * scale;
+    imgH = img.height * scale;
+
+    if (imgW &gt; CanvasXSize) {
+        // image larger than canvas
+        x = CanvasXSize - imgW;
+    }
+    if (imgW &gt; CanvasXSize) {
+        // image width larger than canvas
+        clearX = imgW;
+    } else {
+        clearX = CanvasXSize;
+    }
+    if (imgH &gt; CanvasYSize) {
+        // image height larger than canvas
+        clearY = imgH;
+    } else {
+        clearY = CanvasYSize;
+    }
+
+    // get canvas context
+    ctx = document.getElementById('canvas').getContext('2d');
+
+    // set refresh rate
+    return setInterval(draw, speed);
+}
+
+function draw() {
+    ctx.clearRect(0, 0, clearX, clearY); // clear the canvas
+
+    // if image is &lt;= Canvas Size
+    if (imgW &lt;= CanvasXSize) {
+        // reset, start from beginning
+        if (x &gt; CanvasXSize) {
+            x = -imgW + x;
+        }
+        // draw additional image1
+        if (x &gt; 0) {
+            ctx.drawImage(img, -imgW + x, y, imgW, imgH);
+        }
+        // draw additional image2
+        if (x - imgW &gt; 0) {
+            ctx.drawImage(img, -imgW * 2 + x, y, imgW, imgH);
+        }
+    }
+
+    // image is &gt; Canvas Size
+    else {
+        // reset, start from beginning
+        if (x &gt; (CanvasXSize)) {
+            x = CanvasXSize - imgW;
+        }
+        // draw aditional image
+        if (x &gt; (CanvasXSize-imgW)) {
+            ctx.drawImage(img, x - imgW + 1, y, imgW, imgH);
+        }
+    }
+    // draw image
+    ctx.drawImage(img, x, y,imgW, imgH);
+    // amount to move
+    x += dx;
+}
+</pre>
+
+<p>A continuació un {{HTMLElement("canvas")}} en què es desplaça la imatge. Hem de tenir en compte que l'amplada i l'alçada especificades aquí, han de coincidir amb els valors de les variables <code>CanvasXZSize</code> i <code>CanvasYSize</code> en el codi JavaScript.</p>
+
+<pre class="brush: html">&lt;canvas id="canvas" width="800" height="200"&gt;&lt;/canvas&gt;</pre>
+
+<p>{{EmbedLiveSample("A_looping_panorama", "830", "230")}}</p>
+
+<h2 id="Other_examples" name="Other_examples">Altres exemples</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/API/Canvas_API/A_basic_ray-caster" title="/en-US/docs/Web/Guide/HTML/A_basic_ray-caster">Una roda de raigs bàsica</a></dt>
+ <dd>Un bon exemple de com fer animacions usant els controls del teclat.</dd>
+ <dt><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Advanced_animations">Animacions avançades</a></dt>
+ <dd>En el proper capítol veurem algunes tècniques avançades d'animació i física.</dd>
+</dl>
+
+<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Compositing", "Web/API/Canvas_API/Tutorial/Advanced_animations")}}</p>
diff --git a/files/ca/web/api/canvas_api/tutorial/aplicar_estils_i_colors/index.html b/files/ca/web/api/canvas_api/tutorial/aplicar_estils_i_colors/index.html
new file mode 100644
index 0000000000..9adcc2d5f4
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/aplicar_estils_i_colors/index.html
@@ -0,0 +1,733 @@
+---
+title: Aplicar estils i colors
+slug: Web/API/Canvas_API/Tutorial/Aplicar_estils_i_colors
+tags:
+  - Canvas
+  - Graphics
+  - HTML
+  - HTML5
+  - Intermediate
+  - Tutorial
+translation_of: Web/API/Canvas_API/Tutorial/Applying_styles_and_colors
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Drawing_shapes", "Web/API/Canvas_API/Tutorial/Drawing_text")}}</div>
+
+<div class="summary">
+<p>En el capítol sobre <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes">dibuixar formes</a>, hem utilitzat només els estils de línia i de farciment predeterminats. Aquí explorarem les opcions de canvas que tenim a la nostra disposició per fer els nostres dibuixos una mica més atractius. Aprendreu com afegir diferents colors, estils de línies, gradients, patrons i ombres als vostres dibuixos.</p>
+</div>
+
+<h2 id="Colors" name="Colors">Colors</h2>
+
+<p>Fins ara només hem vist mètodes del context de dibuix. Si volem aplicar colors a una forma, hi ha dues propietats importants que podem utilitzar: <code>fillStyle</code> i <code>strokeStyle</code>.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.fillStyle", "fillStyle = color")}}</dt>
+ <dd>Estableix l'estil utilitzat per emplenar formes.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.strokeStyle", "strokeStyle = color")}}</dt>
+ <dd>Estableix l'estil per als contorns de les formes.</dd>
+</dl>
+
+<p><code>color</code> és una cadena que representa un {{cssxref("&lt;color&gt;")}} CSS, un objecte degradat o un objecte patró. Veurem els objectes de degradat i patró més endavant. Per defecte, el traç i el color del farciment estan establerts en negre (valor de color CSS <code>#000000</code>).</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Quan es defineix la propietat <code>strokeStyle</code> i/o <code>fillStyle</code>, el nou valor es converteix en el valor predeterminat per a totes les formes que s'estan dibuixant a partir d'aquest moment. Per a cada forma que desitgeu en un color diferent, haureu de tornar a assignar la propietat <code>fillStyle</code> o <code>strokeStyle</code>.</p>
+</div>
+
+<p>Les cadenes vàlides que podeu introduir han de ser, segons l'especificació, valors de {{cssxref("&lt;color&gt;")}} CSS. Cadascun dels següents exemples descriu el mateix color.</p>
+
+<pre class="brush: js">// these all set the fillStyle to 'orange'
+
+ctx.fillStyle = 'orange';
+ctx.fillStyle = '#FFA500';
+ctx.fillStyle = 'rgb(255, 165, 0)';
+ctx.fillStyle = 'rgba(255, 165, 0, 1)';
+</pre>
+
+<h3 id="A_fillStyle_example" name="A_fillStyle_example">Un exemple de <code>fillStyle</code></h3>
+
+<p>En aquest exemple, una vegada més, usem dos bucles <code>for</code> per dibuixar una graella de rectangles, cadascun en un color diferent. La imatge resultant hauria de ser similar a la captura de pantalla. Aquí no succeeix res espectacular. Utilitzem les dues variables <code>i</code> i <code>j</code> per generar un color RGB únic per a cada quadrat, i només modifiquen els valors vermell i verd. El canal blau té un valor fix. Modificant els canals, es poden generar tot tipus de paletes. En augmentar els passos, es pot aconseguir alguna cosa que se sembli a les paletes de color que utilitza Photoshop.</p>
+
+<pre class="brush: js;highlight[5,6]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  for (var i = 0; i &lt; 6; i++) {
+    for (var j = 0; j &lt; 6; j++) {
+      ctx.fillStyle = 'rgb(' + Math.floor(255 - 42.5 * i) + ', ' +
+                       Math.floor(255 - 42.5 * j) + ', 0)';
+      ctx.fillRect(j * 25, i * 25, 25, 25);
+    }
+  }
+}</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>The result looks like this:</p>
+
+<p>{{EmbedLiveSample("A_fillStyle_example", 160, 160, "https://mdn.mozillademos.org/files/5417/Canvas_fillstyle.png")}}</p>
+
+<h3 id="A_strokeStyle_example" name="A_strokeStyle_example">Un exemple de <code>strokeStyle</code></h3>
+
+<p>Aquest exemple és similar a l'anterior, però usa la propietat <code>strokeStyle</code> per canviar els colors dels contorns de les formes. Usem el mètode <code>arc()</code> per dibuixar cercles en lloc de quadrats.</p>
+
+<pre class="brush: js;highlight[5,6]">  function draw() {
+    var ctx = document.getElementById('canvas').getContext('2d');
+    for (var i = 0; i &lt; 6; i++) {
+      for (var j = 0; j &lt; 6; j++) {
+        ctx.strokeStyle = 'rgb(0, ' + Math.floor(255 - 42.5 * i) + ', ' +
+                         Math.floor(255 - 42.5 * j) + ')';
+        ctx.beginPath();
+        ctx.arc(12.5 + j * 25, 12.5 + i * 25, 10, 0, Math.PI * 2, true);
+        ctx.stroke();
+      }
+    }
+  }
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat és així:</span></span></p>
+
+<p>{{EmbedLiveSample("A_strokeStyle_example", "180", "180", "https://mdn.mozillademos.org/files/253/Canvas_strokestyle.png")}}</p>
+
+<h2 id="Transparency" name="Transparency">Transparència</h2>
+
+<p>A més de dibuixar formes opaques al llenç, també podem dibuixar formes semitransparents (o translúcides). Això es fa, ja sigui configurant la propietat <code>globalAlpha</code> o assignant un color semitransparent a l'estil de traç i/o d'ompliment.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.globalAlpha", "globalAlpha = transparencyValue")}}</dt>
+ <dd>Aplica el valor de transparència especificat a totes les formes futures dibuixades en el llenç. El valor ha d'estar entre 0,0 (totalment transparent) a 1.0 (totalment opac). Aquest valor és 1.0 (totalment opac) per defecte.</dd>
+</dl>
+
+<p>La propietat <code>globalAlpha</code> pot ser útil si voleu dibuixar moltes formes al llenç amb una transparència similar, però en general, és més útil establir la transparència en formes individuals quan establiu els seus colors.</p>
+
+<p>Atès que les propietats <code>strokeStyle</code> and <code>fillStyle</code> accepten valors de color CSS rgba, podem utilitzar la notació següent per assignar un color transparent a ells.</p>
+
+<pre class="brush: js">// Assignar colors transparents a l'estil de traç i ompliment
+
+ctx.strokeStyle = 'rgba(255, 0, 0, 0.5)';
+ctx.fillStyle = 'rgba(255, 0, 0, 0.5)';
+</pre>
+
+<p>La funció <code>rgba()</code> és similar a la funció <code>rgb()</code> però té un paràmetre addicional. L'últim paràmetre estableix el valor de transparència d'aquest color en particular. El rang vàlid se situa de nou entre 0.0 (totalment transparent) i 1.0 (completament opac).</p>
+
+<h3 id="A_globalAlpha_example" name="A_globalAlpha_example">Un exemple de <code>globalAlpha</code></h3>
+
+<p>En aquest exemple, dibuixarem un fons de quatre quadrats de colors diferents. A més d'això, dibuixarem un conjunt de cercles semitransparents. La propietat <code>globalAlpha</code> s'estableix en 0.2 que s'utilitzarà per a totes les formes des d'aquest punt. Cada pas en el bucle <code>for</code> dibuixa un conjunt de cercles amb un radi creixent. El resultat final és un gradient radial. En superposar cada vegada més cercles un damunt de l'altre, reduïm efectivament la transparència dels cercles que ja s'han dibuixat. En augmentar el recompte de passos i, en efecte, dibuixar més cercles, el fons desapareixeria completament del centre de la imatge.</p>
+
+<pre class="brush: js;highlight[15]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  // draw background
+  ctx.fillStyle = '#FD0';
+  ctx.fillRect(0, 0, 75, 75);
+  ctx.fillStyle = '#6C0';
+  ctx.fillRect(75, 0, 75, 75);
+  ctx.fillStyle = '#09F';
+  ctx.fillRect(0, 75, 75, 75);
+  ctx.fillStyle = '#F30';
+  ctx.fillRect(75, 75, 75, 75);
+  ctx.fillStyle = '#FFF';
+
+  // set transparency value
+  ctx.globalAlpha = 0.2;
+
+  // Draw semi transparent circles
+  for (i = 0; i &lt; 7; i++) {
+    ctx.beginPath();
+    ctx.arc(75, 75, 10 + 10 * i, 0, Math.PI * 2, true);
+    ctx.fill();
+  }
+}</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_globalAlpha_example", "180", "180", "https://mdn.mozillademos.org/files/232/Canvas_globalalpha.png")}}</p>
+
+<h3 id="An_example_using_rgba()" name="An_example_using_rgba()">Un exemple usant <code>rgba()</code></h3>
+
+<p>En aquest segon exemple, fem alguna cosa semblant a l'anterior, però en comptes de dibuixar cercles un damunt de l'altre, dibuixem petits rectangles amb opacitat creixent. L'ús de <code>rgba()</code> dóna una mica més de control i flexibilitat, perquè podem definir l'estil d'emplenament i traç individualment.</p>
+
+<pre class="brush: js;highlight[16]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  // Draw background
+  ctx.fillStyle = 'rgb(255, 221, 0)';
+  ctx.fillRect(0, 0, 150, 37.5);
+  ctx.fillStyle = 'rgb(102, 204, 0)';
+  ctx.fillRect(0, 37.5, 150, 37.5);
+  ctx.fillStyle = 'rgb(0, 153, 255)';
+  ctx.fillRect(0, 75, 150, 37.5);
+  ctx.fillStyle = 'rgb(255, 51, 0)';
+  ctx.fillRect(0, 112.5, 150, 37.5);
+
+  // Draw semi transparent rectangles
+  for (var i = 0; i &lt; 10; i++) {
+    ctx.fillStyle = 'rgba(255, 255, 255, ' + (i + 1) / 10 + ')';
+    for (var j = 0; j &lt; 4; j++) {
+      ctx.fillRect(5 + i * 14, 5 + j * 37.5, 14, 27.5);
+    }
+  }
+}</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("An_example_using_rgba()", "180", "180", "https://mdn.mozillademos.org/files/246/Canvas_rgba.png")}}</p>
+
+<h2 id="Line_styles" name="Line_styles">Estils de línia</h2>
+
+<p>Hi ha diverses propietats que ens permeten donar estil a les línies.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.lineWidth", "lineWidth = value")}}</dt>
+ <dd>Estableix l'amplària de les línies dibuixades en el futur.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.lineCap", "lineCap = type")}}</dt>
+ <dd>Estableix l'aparença dels extrems de les línies.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.lineJoin", "lineJoin = type")}}</dt>
+ <dd>Estableix l'aparença de les "cantonades" on s'uneixen les línies.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.miterLimit", "miterLimit = value")}}</dt>
+ <dd>Estableix un límit en la mitra, quan dues línies s'uneixen en un angle agut, per permetre-li controlar el grossor de la unió.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.getLineDash", "getLineDash()")}}</dt>
+ <dd>Retorna la matriu de patró de guió de la línia actual que conté un nombre parell de nombres no negatius.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.setLineDash", "setLineDash(segments)")}}</dt>
+ <dd>Estableix el patró de guió de línia actual.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.lineDashOffset", "lineDashOffset = value")}}</dt>
+ <dd>Especifica on iniciar una matriu de guions en una línia.</dd>
+</dl>
+
+<p>Obtindreu una millor comprensió del que fan, en mirar els exemples a continuació.</p>
+
+<h3 id="A_lineWidth_example" name="A_lineWidth_example">Un exemple de <code>lineWidth</code></h3>
+
+<p>Aquesta propietat estableix el gruix de la línia actual. Els valors han de ser nombres positius. Per defecte, aquest valor es fixa en 1.0 unitats.</p>
+
+<p>L'amplada de la línia és el gruix del traç centrat en la trajectòria indicada. En altres paraules, l'àrea que es dibuixa s'estén a la meitat de l'amplària de línia a cada costat de la trajectòria. Com que les coordenades del llenç no fan referència directa als píxels, s'ha de tenir especial cura per obtenir línies horitzontals i verticals nítides.</p>
+
+<p>En el següent exemple, es dibuixen 10 línies rectes amb amplades de línia creixents. La línia en l'extrem esquerre té 1.0 unitats d'ample. No obstant això, les línies de grossor més a l'esquerra i totes les altres d'ample imparell no apareixen nítides a causa del posicionament de la trajectòria.</p>
+
+<pre class="brush: js;highlight[4]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  for (var i = 0; i &lt; 10; i++) {
+    ctx.lineWidth = 1 + i;
+    ctx.beginPath();
+    ctx.moveTo(5 + i * 14, 5);
+    ctx.lineTo(5 + i * 14, 140);
+    ctx.stroke();
+  }
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_lineWidth_example", "180", "180", "https://mdn.mozillademos.org/files/239/Canvas_linewidth.png")}}</p>
+
+<p>L'obtenció de línies nítides requereix entendre com es tracen les trajectòries. En les imatges següents, la graella representa la graella de coordenades del llenç. Els quadrats entre les línies de la graella són píxels reals en pantalla. En la primera imatge de graella que apareix a continuació, s'emplena un rectangle de (2,1) a (5,5). Tota l'àrea entre ells (vermell clar) cau en els límits de píxels, per la qual cosa el rectangle emplenat resultant tindrà vores nítides.</p>
+
+<p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/201/Canvas-grid.png"></p>
+
+<p>Si es considera una trajectòria de (3,1) a (3,5) amb un gruix de línia  <code>1.0</code>, s'acaba amb la situació en la segona imatge. L'àrea real a emplenar (blau fosc) només s'estén fins a la meitat dels píxels a cada costat de la trajectòria. S'ha de representar una aproximació d'això, la qual cosa significa que aquests píxels estan ombrejats parcialment, i dóna com a resultat que tota l'àrea (blau clar i blau fosc) s'ompli amb un color la meitat de fosc que el color de traç real. Això és el que succeeix amb la línia d'ample <code>1.0</code> en el codi d'exemple anterior<span style="display: none;"> </span>.</p>
+
+<p>Per arreglar això, s'ha de ser molt precís en la creació de la trajectòria. Sabent que una línia a <code>1.0</code> d'ample s'estendrà mitja unitat a cada costat de la trajectòria, creant la trajectòria de (3.5,1) a (3.5,5) resulta que la situació, en la tercera imatge, la línia d'ample <code>1.0</code> acaba completa i omplint, precisament, una sola línia vertical de píxels.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Hem de tenir en compte que en el nostre exemple de línia vertical, la posició Y encara fa referència a una posició sencera de la graella; si no fos així, veuríem píxels amb una cobertura parcial en els punts finals (però també, hem de tenir en compte que aquest comportament depèn de l'estil actual de <code>lineCap</code>, el valor predeterminat del qual és <code>butt</code>; és possible que desitgem calcular traços uniformes amb coordenades de mig píxel per a línies d'ample imparell, establint l'estil <code>lineCap</code> a estil <code>square</code>, de manera que el límit exterior del traç al voltant del punt final s'ampliï automàticament per cobrir tot el píxel exactament).</p>
+
+<p>Tinguem en compte, també, que només es veuran afectats els extrems d'inici i fi d'una trajectòria: si es tanca una trajectòria amb <code>closePath()</code>, no hi ha un punt d'inici i final; en el seu lloc, tots els extrems de la trajectòria es connecten al segment anterior i següent utilitzant, la configuració actual de l'estil <code>lineJoin</code>, el valor predeterminat del qual és <code>miter</code>, amb l'efecte d'estendre automàticament els límits exteriors dels segments connectats al seu punt d'intersecció, de manera que el traç representat cobreixi exactament els píxels complets centrats en cada punt final, si aquests segments connectats són horitzontals i/o verticals). Vegeu les dues seccions següents per a les demostracions d'aquests estils de línia addicionals..</p>
+</div>
+
+<p>Per a les línies d'ample parell, cada meitat acaba sent una quantitat sencera de píxels, per la qual cosa es desitjable una trajectòria que estigui entre els píxels (és a dir, (3,1) a (3,5)), en lloc de baixar per la mitad dels píxels</p>
+
+<p>Tot i que és lleugerament dolorós quan inicialment es treballa amb gràfics 2D escalables, si ens fixem en la graella de píxels i la posició de les trajectòries, ens hem d'assegurar que els dibuixos es vegin correctes, independentment de l'escalat o qualsevol altra transformació. Una línia vertical de 1.0 d'ample dibuixada en la posició correcta, es convertirà en una línia nítida de 2 píxels quan s'ampliï per 2, i apareixerà en la posició correcta.</p>
+
+<h3 id="A_lineCap_example" name="A_lineCap_example">Un exemple de <code>lineCap</code></h3>
+
+<p>La propietat <code>lineCap</code> determina com es dibuixen els punts finals de cada línia. Hi ha tres valors possibles per a aquesta propietat i aquests són: <code>butt</code>, <code>round</code> i <code>square</code>. Per defecte, aquesta propietat està configurada com a <code>butt</code>.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/236/Canvas_linecap.png" style="float: right; height: 190px; width: 190px;"></p>
+
+<dl>
+ <dt><code>butt</code></dt>
+ <dd>Els extrems de les línies es quadren en els punts finals.</dd>
+ <dt><code>round</code></dt>
+ <dd>Els extrems de les línies són arrodonits.</dd>
+ <dt><code>square</code></dt>
+ <dd>Els extrems de les línies es quadren en afegir una caixa amb un ample igual i la meitat de l'alçada del gruix de la línia.</dd>
+</dl>
+
+<p>En aquest exemple, dibuixarem tres línies, cadascuna amb un valor diferent per a la propietat <code>lineCap</code>. També afegim dues guies per veure les diferències exactes entre les tres. Cadascuna d'aquestes línies comença i acaba exactament en aquestes guies.</p>
+
+<p>La línia de l'esquerra utilitza l'opció predeterminada <code>butt</code>. Notarem que està dibuixada completament al ras amb les guies. La segona s'estableix, utilitzant l'opció <code>round</code>. Això afegeix un semicercle al extrem que té un radi de la meitat de l'ample de la línia. La línia de la dreta utilitza l'opció <code>square</code>. Això afegeix una caixa amb un ample igual i la meitat de l'alçada del gruix de la línia.</p>
+
+<pre class="brush: js;highlight[18]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  var lineCap = ['butt', 'round', 'square'];
+
+  // Draw guides
+  ctx.strokeStyle = '#09f';
+  ctx.beginPath();
+  ctx.moveTo(10, 10);
+  ctx.lineTo(140, 10);
+  ctx.moveTo(10, 140);
+  ctx.lineTo(140, 140);
+  ctx.stroke();
+
+  // Draw lines
+  ctx.strokeStyle = 'black';
+  for (var i = 0; i &lt; lineCap.length; i++) {
+    ctx.lineWidth = 15;
+    ctx.lineCap = lineCap[i];
+    ctx.beginPath();
+    ctx.moveTo(25 + i * 50, 10);
+    ctx.lineTo(25 + i * 50, 140);
+    ctx.stroke();
+  }
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_lineCap_example", "180", "180", "https://mdn.mozillademos.org/files/236/Canvas_linecap.png")}}</p>
+
+<h3 id="A_lineJoin_example" name="A_lineJoin_example">Un exemple de <code>lineJoin</code></h3>
+
+<p>La propietat <code>lineJoin</code> determina com s'uneixen dos segments de connexió (de línies, arcs o corbes) amb longituds diferents de zero en una forma (els segments degenerats amb longituds zero, que els punts finals i punts de control especificats estan exactament en la mateixa posició, s'ometen).</p>
+
+<p>Hi ha tres possibles valors per a aquesta propietat: <code>round</code>, <code>bevel</code> i <code>miter</code>. Per defecte aquesta propietat s'estableix a <code>miter</code>. Hem de tenir en compte que la configuració <code>lineJoin</code> no té cap efecte si els dos segments connectats tenen la mateixa direcció, ja que en aquest cas no s'afegirà cap àrea d'unió.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/237/Canvas_linejoin.png" style="float: right; height: 190px; width: 190px;"></p>
+
+<dl>
+ <dt><code>round</code></dt>
+ <dd>Arrodoneix les cantonades d'una forma emplenant un sector addicional del disc centrat en el punt final comú dels segments connectats. El radi per a aquestes cantonades arrodonides és igual a la meitat de l'amplada de la línia.</dd>
+ <dt><code>bevel</code></dt>
+ <dd>Emplena un àrea triangular addicional entre el punt final comú dels segments connectats i les cantonades rectangulars exteriors separades de cada segment..</dd>
+ <dt><code>miter</code></dt>
+ <dd>Els segments connectats s'uneixen estenent les seves vores exteriors per connectar-se en un sol punt, amb l'efecte d'emplenar un àrea addicional en forma de rombe. Aquest ajust s'efectua mitjançant la propietat <code>miterLimit</code>, que s'explica a continuació.</dd>
+</dl>
+
+<p>L'exemple següent dibuixa tres trajectòries diferents, demostrant cadascuna d'aquestes tres configuracions de la propietat <code>lineJoin</code>; la sortida es mostra a dalt..</p>
+
+<pre class="brush: js;highlight[6]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  var lineJoin = ['round', 'bevel', 'miter'];
+  ctx.lineWidth = 10;
+  for (var i = 0; i &lt; lineJoin.length; i++) {
+    ctx.lineJoin = lineJoin[i];
+    ctx.beginPath();
+    ctx.moveTo(-5, 5 + i * 40);
+    ctx.lineTo(35, 45 + i * 40);
+    ctx.lineTo(75, 5 + i * 40);
+    ctx.lineTo(115, 45 + i * 40);
+    ctx.lineTo(155, 5 + i * 40);
+    ctx.stroke();
+  }
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_lineJoin_example", "180", "180", "https://mdn.mozillademos.org/files/237/Canvas_linejoin.png")}}</p>
+
+<h3 id="A_demo_of_the_miterLimit_property" name="A_demo_of_the_miterLimit_property"><span id="result_box" lang="ca"><span>Una demostració de la propietat</span></span> <code>miterLimit</code></h3>
+
+<p>Com s'ha vist en l'exemple anterior, en unir dues línies amb l'opció <code>miter</code>, les vores exteriors de les dues línies d'unió s'estenen fins al punt on es troben. En el cas de línies que tenen angles grans entre si, aquest punt no està lluny del punt de connexió interior. No obstant això, a mesura que els angles entre cada línia disminueixen, la distància (longitud de miter) entre aquests punts augmenta exponencialment.</p>
+
+<p>La propietat <code>miterLimit</code> determina quant lluny es pot col·locar el punt de connexió exterior des del punt de connexió interior. Si dues línies excedeixen aquest valor, es dibuixa una unió bisellada. S'ha de tenir en compte que la longitud màxima de miter és el producte de l'amplada de línia mesurat en el sistema de coordenades actual, pel valor d'aquesta propietat <code>miterLimit</code>  (el valor per defecte és 10.0 en HTML {{HTMLElement("canvas")}}), per la qual cosa <code>miterLimit</code> pot ajustar-se independentment de l'escala de visualització actual o de qualsevol transformació afí de les trajectòries: només influeix en la forma efectiva de les vores de la línia representada.</p>
+
+<p>Més exactament, el límit de miter és la proporció màxima permesa de la longitud de l'extensió (en el llenç HTML, es mesura entre la cantonada exterior de les vores unides de la línia i el punt final comú dels segments de connexió especificats en la trajectòria) a la meitat de l'ample de la línia. La seva definició equival a la relació màxima permesa entre la distància dels punts interiors i exteriors de la unió de les vores i l'amplada total de la línia. Llavors, aixó és igual a la cosecant de la meitat de l'angle intern mínim dels segments de connexió per sota dels quals no es representarà cap unió miter, sinó només una unió bisellada:</p>
+
+<ul>
+ <li><code>miterLimit</code> = <strong>max</strong> <code>miterLength</code> / <code>lineWidth</code> = 1 / <strong>sin</strong> ( <strong>min</strong> <em>θ</em> / 2 )</li>
+ <li>El límit de miter predeterminat de 10.0 llevarà tots els miters per a angles aguts per sota d'uns 11 graus.</li>
+ <li>Un límit de miter igual a √2 ≈ 1.4142136 (arrodonit cap amunt) separarà els miters de tots els angles aguts, mantenint les unions de miter solament per als angles obtusos o rectes.</li>
+ <li>Un límit de miter igual a 1.0 és vàlid, però desactivarà tots els miters.</li>
+ <li>Els valors inferiors a 1.0 no són vàlids per al límit de miter.</li>
+</ul>
+
+<p>Aquí tenim una petita demostració en la qual es pot configura <code>miterLimit</code> dinàmicament i veure com aquest afecta a les formes en el llenç. Les línies blaves mostren on es troben els punts d'inici i fi per a cadascuna de les línies en el patró de zig-zag.</p>
+
+<p>Si s'especifica un valor de <code>miterLimit</code> inferior a 4.2, en aquesta demostració, cap de les cantonades visibles s'unirà amb una extensió de miter, només hi haurà un petit bisell prop de les línies blaves; amb un <code>miterLimit</code> superior a 10, la majoria de les cantonades d'aquesta demostració haurien d'unir-se amb un miter allunyat de les línies blaves, i l'alçada del qual disminuiria entre les cantonades, d'esquerra a dreta perquè es connectarien amb angles creixents ; amb valors intermedis, les cantonades del costat esquerre només s'uneixen amb un bisell prop de les línies blaves, i les cantonades del costat dret amb una extensió de miter (també amb una altçada decreixent).</p>
+
+<pre class="brush: js;highlight[18]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  // Clear canvas
+  ctx.clearRect(0, 0, 150, 150);
+
+  // Draw guides
+  ctx.strokeStyle = '#09f';
+  ctx.lineWidth   = 2;
+  ctx.strokeRect(-5, 50, 160, 50);
+
+  // Set line styles
+  ctx.strokeStyle = '#000';
+  ctx.lineWidth = 10;
+
+  // check input
+  if (document.getElementById('miterLimit').value.match(/\d+(\.\d+)?/)) {
+    ctx.miterLimit = parseFloat(document.getElementById('miterLimit').value);
+  } else {
+    alert('Value must be a positive number');
+  }
+
+  // Draw lines
+  ctx.beginPath();
+  ctx.moveTo(0, 100);
+  for (i = 0; i &lt; 24 ; i++) {
+    var dy = i % 2 == 0 ? 25 : -25;
+    ctx.lineTo(Math.pow(i, 1.5) * 2, 75 + dy);
+  }
+  ctx.stroke();
+  return false;
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;table&gt;
+  &lt;tr&gt;
+    &lt;td&gt;&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;&lt;/td&gt;
+    &lt;td&gt;Change the &lt;code&gt;miterLimit&lt;/code&gt; by entering a new value below and clicking the redraw button.&lt;br&gt;&lt;br&gt;
+      &lt;form onsubmit="return draw();"&gt;
+        &lt;label&gt;Miter limit&lt;/label&gt;
+        &lt;input type="text" size="3" id="miterLimit"/&gt;
+        &lt;input type="submit" value="Redraw"/&gt;
+      &lt;/form&gt;
+    &lt;/td&gt;
+  &lt;/tr&gt;
+&lt;/table&gt;</pre>
+
+<pre class="brush: js">document.getElementById('miterLimit').value = document.getElementById('canvas').getContext('2d').miterLimit;
+draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_demo_of_the_miterLimit_property", "400", "180", "https://mdn.mozillademos.org/files/240/Canvas_miterlimit.png")}}</p>
+
+<h3 id="Ús_de_guions_de_línia">Ús de guions de línia</h3>
+
+<p>El mètode <code>setLineDash</code> i la propietat <code>lineDashOffset</code> especifiquen el patró de guió per a les línies. El mètode <code>setLineDash</code> accepta una llista de nombres que especifica distàncies per dibuixar alternativament una línia i un buit i la propietat <code>lineDashOffset</code> estableix un desplaçament on començar el patró</p>
+
+<p>En aquest exemple estem creant un efecte de formigues marxant. És una tècnica d'animació que es troba sovint en les eines de selecció de programes gràfics d'ordinador. Ajuda a l'usuari a distingir la vora de selecció del fons de la imatge, animant la vora. Més endavant, en aquest tutorial, podeu aprendre com fer-ho i altres <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations">animacions bàsiques</a>.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="110" height="110"&gt;&lt;/canvas&gt;</pre>
+</div>
+
+<pre class="brush: js;highlight[6]">var ctx = document.getElementById('canvas').getContext('2d');
+var offset = 0;
+
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.setLineDash([4, 2]);
+  ctx.lineDashOffset = -offset;
+  ctx.strokeRect(10, 10, 100, 100);
+}
+
+function march() {
+  offset++;
+  if (offset &gt; 16) {
+    offset = 0;
+  }
+  draw();
+  setTimeout(march, 20);
+}
+
+march();</pre>
+
+<p>{{EmbedLiveSample("Using_line_dashes", "120", "120", "https://mdn.mozillademos.org/files/9853/marching-ants.png")}}</p>
+
+<h2 id="Gradients" name="Gradients">Gradients</h2>
+
+<p>Igual que qualsevol altre programa normal de dibuix , podem emplenar i traçar formes usant, gradients lineals i radials. Es crea un objecte {{domxref("CanvasGradient")}} utilitzant un dels mètodes següents. A continuació, podem assignar aquest objecte a les propietats <code>fillStyle</code> o <code>strokeStyle</code>.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.createLinearGradient", "createLinearGradient(x1, y1, x2, y2)")}}</dt>
+ <dd>Crea un objecte de degradat lineal amb un punt inicial de (<code>x1</code>, <code>y1</code>) i un punt final de (<code>x2</code>, <code>y2</code>).</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.createRadialGradient", "createRadialGradient(x1, y1, r1, x2, y2, r2)")}}</dt>
+ <dd>Crea un degradat radial. Els paràmetres representen dos cercles, un amb el seu centre en (<code>x1</code>, <code>y1</code>) i un radi de <code>r1</code>, i l'altre amb el seu centre en (<code>x2</code>, <code>y2</code>) amb un radi de <code>r2</code>.</dd>
+</dl>
+
+<p>Per exemple:</p>
+
+<pre class="brush: js">var lineargradient = ctx.createLinearGradient(0, 0, 150, 150);
+var radialgradient = ctx.createRadialGradient(75, 75, 0, 75, 75, 100);
+</pre>
+
+<p>Una vegada s'ha creat un objecte <code>CanvasGradient</code> se li pot assignar colors usant el mètode <code>addColorStop()</code>.</p>
+
+<dl>
+ <dt>{{domxref("CanvasGradient.addColorStop", "gradient.addColorStop(position, color)")}}</dt>
+ <dd>Crea una nova parada de color en l'objecte <code>gradient</code>. <code>position</code> és un nombre entre 0.0 i 1.0 i defineix la posició relativa del color en el degradat,  i l'argument <code>color</code>, ha de ser una cadena que representi un {{cssxref("&lt;color&gt;")}} CSS, indicant el color que el gradient ha d'aconseguir en aquest desplaçament en la transició.</dd>
+</dl>
+
+<p>Es pot afegir tantes parades de color, a un gardient, com es necessiti. A continuació, es mostra un gradient lineal molt simple de blanc a negre.</p>
+
+<pre class="brush: js">var lineargradient = ctx.createLinearGradient(0, 0, 150, 150);
+lineargradient.addColorStop(0, 'white');
+lineargradient.addColorStop(1, 'black');
+</pre>
+
+<h3 id="A_createLinearGradient_example" name="A_createLinearGradient_example"><span id="result_box" lang="ca"><span>Un exemple</span></span> de <code>createLinearGradient</code></h3>
+
+<p>En aquest exemple, es crearà dos gradientss diferents. Com es podrà veure aquí, tant les propietats <code>strokeStyle</code> com <code>fillStyle</code> poden acceptar un objecte <code>canvasGradient</code> com a entrada vàlida.</p>
+
+<pre class="brush: js;highlight[5,11]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  // Create gradients
+  var lingrad = ctx.createLinearGradient(0, 0, 0, 150);
+  lingrad.addColorStop(0, '#00ABEB');
+  lingrad.addColorStop(0.5, '#fff');
+  lingrad.addColorStop(0.5, '#26C000');
+  lingrad.addColorStop(1, '#fff');
+
+  var lingrad2 = ctx.createLinearGradient(0, 50, 0, 95);
+  lingrad2.addColorStop(0.5, '#000');
+  lingrad2.addColorStop(1, 'rgba(0, 0, 0, 0)');
+
+  // assign gradients to fill and stroke styles
+  ctx.fillStyle = lingrad;
+  ctx.strokeStyle = lingrad2;
+
+  // draw shapes
+  ctx.fillRect(10, 10, 130, 130);
+  ctx.strokeRect(50, 50, 50, 50);
+
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>El primer és un gradient de fons. Com es veu, s'assignen dos colors a la mateixa posició. Això es fa per fer transicions de color molt nítides, en aquest cas del blanc al verd. No importa en quina ordre es defineixin les parades de color, però en aquest cas especial, ho fa de forma significativa. Si es mantenen les tasques en l'ordre en què es desitja que apareguin, això no serà un problema.</p>
+
+<p>En el segon gradient, no s'assigna el color inicial (a la posició 0.0), ja que no és estrictament necessari, perquè automàticament assumirà el color de la següent parada de color. Per tant, l'assignació del color negre en la posició 0.5, automàticament fa que el gradient, des de l'inici fins a aquest punt, sigui negre.</p>
+
+<p>{{EmbedLiveSample("A_createLinearGradient_example", "180", "180", "https://mdn.mozillademos.org/files/235/Canvas_lineargradient.png")}}</p>
+
+<h3 id="A_createRadialGradient_example" name="A_createRadialGradient_example"><span id="result_box" lang="ca"><span>Un exemple</span></span> de <code>createRadialGradient</code></h3>
+
+<p>En aquest exemple, definim quatre gradients radials diferents. Com que tenim el control sobre els punts d'inici i de tancament del gradient, podem aconseguir efectes més complexos del que normalment tindríem en els gradients radials "clàssics" que veiem, per exemple, en Photoshop (és a dir, un gradient amb un únic punt central, on el gradient s'expandeix cap a l'exterior en forma circular).</p>
+
+<pre class="brush: js;highlight[5,10,15,20]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  // Create gradients
+  var radgrad = ctx.createRadialGradient(45, 45, 10, 52, 50, 30);
+  radgrad.addColorStop(0, '#A7D30C');
+  radgrad.addColorStop(0.9, '#019F62');
+  radgrad.addColorStop(1, 'rgba(1, 159, 98, 0)');
+
+  var radgrad2 = ctx.createRadialGradient(105, 105, 20, 112, 120, 50);
+  radgrad2.addColorStop(0, '#FF5F98');
+  radgrad2.addColorStop(0.75, '#FF0188');
+  radgrad2.addColorStop(1, 'rgba(255, 1, 136, 0)');
+
+  var radgrad3 = ctx.createRadialGradient(95, 15, 15, 102, 20, 40);
+  radgrad3.addColorStop(0, '#00C9FF');
+  radgrad3.addColorStop(0.8, '#00B5E2');
+  radgrad3.addColorStop(1, 'rgba(0, 201, 255, 0)');
+
+  var radgrad4 = ctx.createRadialGradient(0, 150, 50, 0, 140, 90);
+  radgrad4.addColorStop(0, '#F4F201');
+  radgrad4.addColorStop(0.8, '#E4C700');
+  radgrad4.addColorStop(1, 'rgba(228, 199, 0, 0)');
+
+  // draw shapes
+  ctx.fillStyle = radgrad4;
+  ctx.fillRect(0, 0, 150, 150);
+  ctx.fillStyle = radgrad3;
+  ctx.fillRect(0, 0, 150, 150);
+  ctx.fillStyle = radgrad2;
+  ctx.fillRect(0, 0, 150, 150);
+  ctx.fillStyle = radgrad;
+  ctx.fillRect(0, 0, 150, 150);
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>En aquest cas, hem desplaçat lleugerament el punt d'inici des del punt final per aconseguir un efecte 3D esfèric. Lo millor es tractar d'evitar que els cercles interns i externs se superposin, ja que això genera efectes estranys que són difícils de predir.</p>
+
+<p>L'última parada de color en cadascun dels quatre gradients, utilitza un color completament transparent. Si es desitja tenir una bona transició, d'aquesta a la parada de color anterior, tots dos colors han de ser iguals. Això no és molt obvi del codi, perquè utilitza dos mètodes de color CSS diferents com a demostració, però en el primer gradient <code>#019F62 = rgba(1,159,98,1)</code>.</p>
+
+<p>{{EmbedLiveSample("A_createRadialGradient_example", "180", "180", "https://mdn.mozillademos.org/files/244/Canvas_radialgradient.png")}}</p>
+
+<h2 id="Patterns" name="Patterns">Patrons</h2>
+
+<p>En un dels exemples de la pàgina anterior, hem utilitzat una sèrie de bucles per crear un patró d'imatges. Hi ha, però, un mètode molt més senzill: el mètode <code>createPattern()</code>.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.createPattern", "createPattern(image, type)")}}</dt>
+ <dd>Crea i retorna un nou objecte de patró canvas. <code>image</code> es un {{domxref("CanvasImageSource")}} (és a dir, un {{domxref("HTMLImageElement")}}, altre llenç, un element {{HTMLElement("video")}} o similar. <code>type</code> és una cadena que indica com utilitzar la imatge.</dd>
+</dl>
+
+<p>Type, especifica com utilitzar la imatge per crear el patró, i ha de ser un dels següents valors de cadena:</p>
+
+<dl>
+ <dt><code>repeat</code></dt>
+ <dd>Teixeix la imatge en ambdues direccions vertical i horitzontal.</dd>
+ <dt><code>repeat-x</code></dt>
+ <dd>Teixeix la imatge horitzontalment però no verticalment.</dd>
+ <dt><code>repeat-y</code></dt>
+ <dd>Teixeix la imatge verticalment però no horitzontalment.</dd>
+ <dt><code>no-repeat</code></dt>
+ <dd>No teixeix la imatge. S'utilitza només una vegada.</dd>
+</dl>
+
+<p>S'utilitzar aquest mètode per crear un objecte {{domxref("CanvasPattern")}} que és molt similar als mètodes de gradient que hem vist anteriorment. Una vegada que s'ha creat un patró, se li pot assignar les propietats <code>fillStyle</code> o <code>strokeStyle</code>. Per exemple:</p>
+
+<pre class="brush: js">var img = new Image();
+img.src = 'someimage.png';
+var ptrn = ctx.createPattern(img, 'repeat');
+</pre>
+
+<div class="note">
+<p><strong>Nota:</strong> Igual que amb el mètode <code>drawImage()</code>, ens hem d'assegurar que la imatge que utilitzem s'hagi carregat abans de cridar a aquest mètode o que el patró es dibuixi incorrectament.</p>
+</div>
+
+<h3 id="A_createPattern_example" name="A_createPattern_example"><span id="result_box" lang="ca"><span>Un exemple</span></span> de <code>createPattern</code></h3>
+
+<p>En aquest últim exemple, crearem un patró per assignar a la propietat <code>fillStyle</code>. L'únic que cal esmentar, és l'ús del controlador <code>onload</code> de la imatge. Això és per assegurar-se de que la imatge es carregui abans que s'assigni el patró.</p>
+
+<pre class="brush: js;highlight[10]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  // create new image object to use as pattern
+  var img = new Image();
+  img.src = 'https://mdn.mozillademos.org/files/222/Canvas_createpattern.png';
+  img.onload = function() {
+
+    // create pattern
+    var ptrn = ctx.createPattern(img, 'repeat');
+    ctx.fillStyle = ptrn;
+    ctx.fillRect(0, 0, 150, 150);
+
+  }
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat és així:</span></span></p>
+</div>
+
+<p>{{EmbedLiveSample("A_createPattern_example", "180", "180", "https://mdn.mozillademos.org/files/222/Canvas_createpattern.png")}}</p>
+
+<h2 id="Ombres_(Shadows)">Ombres (Shadows)</h2>
+
+<p>L'ús d'ombres implica només quatre propietats:</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.shadowOffsetX", "shadowOffsetX = float")}}</dt>
+ <dd>Indica la distància horitzontal que l'ombra ha d'estendre's des de l'objecte. Aquest valor no es veu afectat per la matriu de transformació. El valor predeterminat és 0.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.shadowOffsetY", "shadowOffsetY = float")}}</dt>
+ <dd>Indica la distància vertical que l'ombra ha d'estendre's des de l'objecte. Aquest valor no es veu afectat per la matriu de transformació. El valor predeterminat és 0.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.shadowBlur", "shadowBlur = float")}}</dt>
+ <dd>Indica la grandària de l'efecte de desenfocament; aquest valor no es correspon a un nombre de píxels i no es veu afectat per la matriu de transformació actual. El valor per defecte és 0.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.shadowColor", "shadowColor = color")}}</dt>
+ <dd>Un valor de color CSS estàndard, que indica el color de l'efecte d'ombra; per defecte, és negre completament transparent.</dd>
+</dl>
+
+<p>Les propietats <code>shadowOffsetX</code> i <code>shadowOffsetY</code> indiquen fins a on ha d'estendre's l'ombra des de l'objecte en les direccions X i Y; aquests valors no es veuen afectats per la matriu de transformació actual. Utilitzar valors negatius per fer que l'ombra s'estengui cap amunt o cap a l'esquerra, i valors positius perquè l'ombra s'estengui cap avall o cap a la dreta. Tots dos són 0 per defecte.</p>
+
+<p>La propietat <code>shadowBlur</code> indica la grandària de l'efecte de desenfocament; aquest valor no es correspon a un nombre de píxels i no es veu afectat per la matriu de transformació actual. El valor per defecte és 0.</p>
+
+<p>La propietat <code>shadowColor</code> és un valor de color CSS estàndard, que indica el color de l'efecte d'ombra; per defecte, és negre completament transparent.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Les ombres només es dibuixen per a <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing">operacions de composició</a> de <code>fonts</code>.</p>
+</div>
+
+<h3 id="Un_exemple_de_text_ombrejat"><span id="result_box" lang="ca"><span>Un exemple de text ombrejat</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span>Aquest exemple dibuixa una cadena de text amb un efecte d'ombra</span></span>.</p>
+
+<pre class="brush: js;highlight[4,5,6,7]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  ctx.shadowOffsetX = 2;
+  ctx.shadowOffsetY = 2;
+  ctx.shadowBlur = 2;
+  ctx.shadowColor = 'rgba(0, 0, 0, 0.5)';
+
+  ctx.font = '20px Times New Roman';
+  ctx.fillStyle = 'Black';
+  ctx.fillText('Sample String', 5, 30);
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="80"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_shadowed_text_example", "180", "100", "https://mdn.mozillademos.org/files/2505/shadowed-string.png")}}</p>
+
+<p>Veurem la propietat <code>font</code> i el mètode <code>fillText</code> en el següent capítol sobre com <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text">dibuixar text</a>.</p>
+
+<h2 id="Regles_de_farciment_del_llenç">Regles de farciment del llenç</h2>
+
+<p>Quan s'utilitza <code>fill</code> (o {{domxref("CanvasRenderingContext2D.clip", "clip")}} i {{domxref("CanvasRenderingContext2D.isPointInPath", "isPointinPath")}}) es pot proporcionar opcionalment un algorisme de regles de farciment per determinar si un punt està dins o fora d'una trajectòria i, per tant, si s'emplena o no. Això és útil quan una trajectòria es creua o es nia.<br>
+ <br>
+ Dos valors són possibles:</p>
+
+<ul>
+ <li><code><strong>"nonzero</strong></code>": La <a class="external external-icon" href="http://en.wikipedia.org/wiki/Nonzero-rule">regla de direcció de traçat distint de zero</a>, que és la regla per defecte.</li>
+ <li><code><strong>"evenodd"</strong></code>: La <a class="external external-icon" href="http://en.wikipedia.org/wiki/Even%E2%80%93odd_rule">regla de direcció de traçat parell-imparell</a>.</li>
+</ul>
+
+<p>En aquest exemple estem usant la regla <code>evenodd</code>.</p>
+
+<pre class="brush: js;highlight[6]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  ctx.beginPath();
+  ctx.arc(50, 50, 30, 0, Math.PI * 2, true);
+  ctx.arc(50, 50, 15, 0, Math.PI * 2, true);
+  ctx.fill('evenodd');
+}</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="100" height="100"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("Canvas_fill_rules", "110", "110", "https://mdn.mozillademos.org/files/9855/fill-rule.png")}}</p>
+
+<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Drawing_shapes", "Web/API/Canvas_API/Tutorial/Drawing_text")}}</p>
diff --git a/files/ca/web/api/canvas_api/tutorial/composició/index.html b/files/ca/web/api/canvas_api/tutorial/composició/index.html
new file mode 100644
index 0000000000..e556e911d4
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/composició/index.html
@@ -0,0 +1,113 @@
+---
+title: Composició i retall
+slug: Web/API/Canvas_API/Tutorial/Composició
+tags:
+  - Canvas
+  - Graphics
+  - HTML
+  - HTML5
+  - Intermediate
+  - Tutorial
+translation_of: Web/API/Canvas_API/Tutorial/Compositing
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Transformations", "Web/API/Canvas_API/Tutorial/Basic_animations")}}</div>
+
+<div class="summary">
+<p>En tots els nostres <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Transformations">exemples anteriors</a>, les formes sempre s'han dibuixat una damunt de l'altra. Això és més que adequat per a la majoria de les situacions, però limita l'ordre en què es construeixen formes compostes. No obstant això, podem canviar aquest comportament establint la propietat <code>globalCompositeOperation</code>. A més, la propietat <code>clip</code> permet ocultar parts de formes no desitjades.</p>
+</div>
+
+<h2 id="globalCompositeOperation" name="globalCompositeOperation"><code>globalCompositeOperation</code></h2>
+
+<p>No només podem dibuixar noves formes darrere de les formes existents, sinó que també, podem utilitzar-ho per emmascarar certes àrees, esborrar seccions del llenç (no limitades a rectangles, com ho fa el mètode {{domxref("CanvasRenderingContext2D.clearRect", "clearRect()")}}) i molt més.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.globalCompositeOperation", "globalCompositeOperation = type")}}</dt>
+ <dd>Estableix el tipus d'operació de composició que s'aplicarà en dibuixar noves formes, on el tipus és una cadena que identifica quina de les dotze operacions de composició ha d'utilitzar-se.</dd>
+</dl>
+
+<p>Veure <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing/Example">exemples de composició</a> per al codi dels següents exemples.</p>
+
+<p>{{EmbedLiveSample("Compositing_example", 750, 6750, "" ,"Web/API/Canvas_API/Tutorial/Compositing/Example")}}</p>
+
+<h2 id="Clipping_paths" name="Clipping_paths">Trajectòries de retall</h2>
+
+<p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/209/Canvas_clipping_path.png" style="float: right;">Una trajectòria de retall és com una forma de llenç normal, però actua com una màscara per ocultar parts no desitjades de formes. Això es visualitza en la imatge de la dreta. La forma d'estel vermell és la nostre trajectòria de retall. Tot el que queda fora d'aquesta trajectòria no es dibuixarà en el llenç.</p>
+
+<p>Si comparem les trajectòries de retall  amb la propietat <code>globalCompositeOperation</code>, que hem vist anteriorment, veiem dos modes de composició que aconsegueixen més o menys el mateix efecte en <code>source-in</code> i <code>source-atop</code>. Les diferències més importants entre les dues, són que les trajectòries de retall mai es dibuixen realment al llenç i la trajectòria de retall mai es veu afectada per l'addició de noves formes. Això fa que les trajectòries de retall siguin ideals per dibuixar múltiples formes en un àrea restringida</p>
+
+<p>En el capítol sobre <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes">dibuixar formes</a>, només s'ha esmentat els mètodes <code>stroke()</code> i <code>fill()</code>, però hi ha un tercer mètode que es pot utilitzar amb les trajectòries, anomenat <code>clip()</code>.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.clip", "clip()")}}</dt>
+ <dd>Converteix la trajectòria que s'està construint, en la trajectòria de retall actual.</dd>
+</dl>
+
+<p>Utilitzar <code>clip()</code> en lloc de <code>closePath()</code> per tancar una trajectòria i convertir-la en una trajectòria de retall en lloc de traçar o emplenar la trajectòria.</p>
+
+<p>Per defecte, l'element {{HTMLElement("canvas")}}, té una trajectòria de retall de la mateixa grandària que el propi llenç. En altres paraules, no es produeix cap retall.</p>
+
+<h3 id="A_clip_example" name="A_clip_example">Un exemple de <code>clip</code></h3>
+
+<p>En aquest exemple, utilitzarem un trajectòria de retall circular per restringir el dibuix d'un conjunt d'estels aleatòries a una regió en particular.</p>
+
+<pre class="brush: js;highlight[9]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  ctx.fillRect(0, 0, 150, 150);
+  ctx.translate(75, 75);
+
+  // Crea una trajectòria de retall circular
+  ctx.beginPath();
+  ctx.arc(0, 0, 60, 0, Math.PI * 2, true);
+  ctx.clip();
+
+  // dibuixa el fons
+  var lingrad = ctx.createLinearGradient(0, -75, 0, 75);
+  lingrad.addColorStop(0, '#232256');
+  lingrad.addColorStop(1, '#143778');
+
+  ctx.fillStyle = lingrad;
+  ctx.fillRect(-75, -75, 150, 150);
+
+  // dibuixa els estels
+  for (var j = 1; j &lt; 50; j++) {
+    ctx.save();
+    ctx.fillStyle = '#fff';
+    ctx.translate(75 - Math.floor(Math.random() * 150),
+                  75 - Math.floor(Math.random() * 150));
+    drawStar(ctx, Math.floor(Math.random() * 4) + 2);
+    ctx.restore();
+  }
+
+}
+
+function drawStar(ctx, r) {
+  ctx.save();
+  ctx.beginPath();
+  ctx.moveTo(r, 0);
+  for (var i = 0; i &lt; 9; i++) {
+    ctx.rotate(Math.PI / 5);
+    if (i % 2 === 0) {
+      ctx.lineTo((r / 0.525731) * 0.200811, 0);
+    } else {
+      ctx.lineTo(r, 0);
+    }
+  }
+  ctx.closePath();
+  ctx.fill();
+  ctx.restore();
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>En les primeres línies de codi, dibuixem un rectangle negre de la grandària del llenç com a fons, després traslladem l'origen al centre. A continuació, creem la trajectòria de retall circular, dibuixant un arc i cridem <code>clip()</code>. Les trajectòries de retall també formen part de l'estat de guardat del llenç. Si haguéssim volgut mantenir la trajectòria de retall original, podríem haver guardat l'estat del llenç abans de crear el nou.</p>
+
+<p>Tot el que es dibuixa després de crear la trajectòria de retall, només apareixerà dins d'aquesta trajectòria. Es pot veure això clarament, en el gradient lineal que es dibuixa a continuació. Després d'això, es dibuixa un conjunt de 50 estels posicionats aleatòriament i escalats, usant la funció personalitzada <code>drawStar()</code>. De nou, els estels, només apareixen dins de la trajectòria de retall definida.</p>
+
+<p>{{EmbedLiveSample("A_clip_example", "180", "180", "https://mdn.mozillademos.org/files/208/Canvas_clip.png")}}</p>
+
+<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Transformations", "Web/API/Canvas_API/Tutorial/Basic_animations")}}</p>
diff --git a/files/ca/web/api/canvas_api/tutorial/dibuixar_text/index.html b/files/ca/web/api/canvas_api/tutorial/dibuixar_text/index.html
new file mode 100644
index 0000000000..37b730176a
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/dibuixar_text/index.html
@@ -0,0 +1,165 @@
+---
+title: Dibuixar text
+slug: Web/API/Canvas_API/Tutorial/Dibuixar_text
+tags:
+  - Canvas
+  - Graphics
+  - Intermediate
+  - Tutorial
+translation_of: Web/API/Canvas_API/Tutorial/Drawing_text
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Applying_styles_and_colors", "Web/API/Canvas_API/Tutorial/Using_images")}}</div>
+
+<div class="summary">
+<p>Després d'haver vist com <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">aplicar estils i colors</a> en el capítol anterior, ara veurem com dibuixar text sobre canvas.</p>
+</div>
+
+<h2 id="Dibuixar_text">Dibuixar text</h2>
+
+<p>El context de representació de canvas proporciona dos mètodes per representar el text:</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.fillText", "fillText(text, x, y [, maxWidth])")}}</dt>
+ <dd>Omple un text donat en la posició donada (x, y). Opcionalment amb ample màxim per dibuixar.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.strokeText", "strokeText(text, x, y [, maxWidth])")}}</dt>
+ <dd>Traça un text donat en la posició donada (x, y). Opcionalment amb ample màxim per dibuixar.</dd>
+</dl>
+
+<h3 id="Un_exemple_de_fillText">Un exemple de <code>fillText</code></h3>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El text s'omple usant l'actual</span></span> <code>fillStyle</code>.</p>
+
+<pre class="brush: js;highlight[4]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  ctx.font = '48px serif';
+  ctx.fillText('Hello world', 10, 50);
+}</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="300" height="100"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_fillText_example", 310, 110)}}</p>
+
+<h3 id="Un_exemple_de_strokeText">Un exemple de <code>strokeText</code></h3>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El text s'omple usant l'actual</span></span> <code>strokeStyle</code>.</p>
+
+<pre class="brush: js;highlight[4]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  ctx.font = '48px serif';
+  ctx.strokeText('Hello world', 10, 50);
+}</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="300" height="100"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_strokeText_example", 310, 110)}}</p>
+
+<h2 id="Estil_de_text">Estil de text</h2>
+
+<p>En els exemples anteriors ja hem fet ús de la propietat <code>font</code> per fer el text una mica més gran que la grandària predeterminada. Hi ha algunes propietats més que permeten ajustar la forma en què el text es mostra en el llenç:</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.font", "font = value")}}</dt>
+ <dd>L'estil de text actual que s'utilitza en dibuixar text. Aquesta cadena utilitza la mateixa sintaxi que la propietat <a href="/en-US/docs/Web/CSS">CSS</a> {{cssxref("font")}}. La font predeterminada és 10px sans-serif.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.textAlign", "textAlign = value")}}</dt>
+ <dd>Configuració de l'alineació del text. Valors possibles: <code>start</code>, <code>end</code>, <code>left</code>, <code>right</code> o <code>center</code>. El valor predeterminat és <code>start</code>.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.textBaseline", "textBaseline = value")}}</dt>
+ <dd>Configuració d'alineació de la línia de base. Valors possibles: <code>top</code>, <code>hanging</code>, <code>middle</code>, <code>alphabetic</code>, <code>ideographic</code>, <code>bottom</code>. El valor predeterminat és <code>alphabetic</code>.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.direction", "direction = value")}}</dt>
+ <dd>Direccionalitat. Valors possibles: <code>ltr</code>, <code>rtl</code>, <code>inherit</code>. El valor predeterminat és <code>inherit</code>.</dd>
+</dl>
+
+<p>Aquestes propietats poden ser familiars, si heu treballat abans amb CSS.</p>
+
+<p>El següent diagrama del <a class="external" href="http://www.whatwg.org/" title="http://www.whatwg.org/">WHATWG</a> mostra les diverses línies de base compatibles amb la propietat <code>textBaseline</code>.<img alt="La part superior del quadrat em està aproximadament en la part superior dels glifos en una font, la línia de base penjant és on alguns glifos com आ estan ancorats, el mitjà està a mig camí entre la part superior del quadrat em i la part inferior del quadrat em,la línia de base alfabètica és on ancoren caràcters com Á, ÿ,
+f i Ω, la línia de base ideográfica és on glifos com 私 i 達 estan ancorats, i la part inferior del quadrat em està aproximadament en la part inferior dels glifos en una font. La part superior i inferior del quadre delimitador pot estar lluny d'aquestes línies de base, a causa que els glifos s'estenen molt més allà del quadrat em." src="http://www.whatwg.org/specs/web-apps/current-work/images/baselines.png"></p>
+
+<h3 id="Un_exemple_de_textBaseline">Un exemple de textBaseline</h3>
+
+<p>Editeu el codi següent i vegeu els canvis actualitzats en directe en el llenç:</p>
+
+<pre class="brush: js;highlight[2]">ctx.font = '48px serif';
+ctx.textBaseline = 'hanging';
+ctx.strokeText('Hello world', 0, 100);
+</pre>
+
+<div class="hidden">
+<h6 id="Playable_code" name="Playable_code">Playable code</h6>
+
+<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
+&lt;div class="playable-buttons"&gt;
+  &lt;input id="edit" type="button" value="Edit" /&gt;
+  &lt;input id="reset" type="button" value="Reset" /&gt;
+&lt;/div&gt;
+&lt;textarea id="code" class="playable-code"&gt;
+ctx.font = "48px serif";
+ctx.textBaseline = "hanging";
+ctx.strokeText("Hello world", 0, 100);&lt;/textarea&gt;
+</pre>
+
+<pre class="brush: js">var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+var textarea = document.getElementById('code');
+var reset = document.getElementById('reset');
+var edit = document.getElementById('edit');
+var code = textarea.value;
+
+function drawCanvas() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  eval(textarea.value);
+}
+
+reset.addEventListener('click', function() {
+  textarea.value = code;
+  drawCanvas();
+});
+
+edit.addEventListener('click', function() {
+  textarea.focus();
+})
+
+textarea.addEventListener('input', drawCanvas);
+window.addEventListener('load', drawCanvas);
+</pre>
+</div>
+
+<p>{{ EmbedLiveSample('Playable_code', 700, 360) }}</p>
+
+<h2 id="Mesures_avançades_de_text">Mesures avançades de text</h2>
+
+<p>En el cas de necessitar obtenir més detalls sobre el text, el següent mètode permet mesurar-ho.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.measureText", "measureText()")}}</dt>
+ <dd>Retorna un objecte {{domxref("TextMetrics")}} que conté l'amplada, en píxels, que serà el text especificat quan es dibuixi en l'estil de text actual.</dd>
+</dl>
+
+<p>El següent fragment de codi mostra com es pot mesurar un text i obtenir la seva amplada</p>
+
+<pre class="brush: js;highlight[3]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  var text = ctx.measureText('foo'); // TextMetrics object
+  text.width; // 16;
+}
+</pre>
+
+<h2 id="Notes_específiques_de_Gecko"><span class="s3gt_translate_tooltip_variant" id="s3gt_translate_tooltip_variant_to_id_0">Notes específiques de Gecko</span></h2>
+
+<p>En Gecko (el motor de representació de Firefox, Firefox OS i altres aplicacions basades en Mozilla), es van implementar algunes <a href="https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D#Prefixed_APIs">APIs prefixades</a> en versions anteriors per dibuixar text en un llenç. Ara estan desaprovades i eliminades, ja no es garanteix el seu funcionament.</p>
+
+<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Applying_styles_and_colors", "Web/API/Canvas_API/Tutorial/Using_images")}}</p>
+
+<div class="s3gt_translate_tooltip_mini_box" id="s3gt_translate_tooltip_mini" style="position: absolute; left: 348px; top: 2154px;">
+<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_logo" title="Traducir texto seleccionado"> </div>
+
+<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_sound" title="Reproducir"> </div>
+
+<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_copy" title="Copy text to Clipboard"> </div>
+</div>
diff --git a/files/ca/web/api/canvas_api/tutorial/drawing_shapes/index.html b/files/ca/web/api/canvas_api/tutorial/drawing_shapes/index.html
new file mode 100644
index 0000000000..6e8162ac44
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/drawing_shapes/index.html
@@ -0,0 +1,579 @@
+---
+title: Dibuix de formes amb canvas
+slug: Web/API/Canvas_API/Tutorial/Drawing_shapes
+tags:
+  - Canvas
+  - Graphics
+  - HTML
+  - HTML Canvas
+  - HTML5
+  - Intermediate
+  - Tutorial
+translation_of: Web/API/Canvas_API/Tutorial/Drawing_shapes
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Basic_usage", "Web/API/Canvas_API/Tutorial/Applying_styles_and_colors")}}</div>
+
+<div class="summary">
+<p>Ara que hem configurat el nostre <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_usage">entorn canvas</a>, podem entrar en els detalls de com dibuixar sobre el llenç. Al final d'aquest article, haureu après a dibuixar rectangles, triangles, línies, arcs i corbes, proporcionant-vos familiaritat amb algunes de les formes bàsiques. Treballar amb camins és essencial a l'hora de dibuixar objectes sobre el llenç i veurem com fer-ho.</p>
+</div>
+
+<h2 id="La_graella">La graella</h2>
+
+<p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/224/Canvas_default_grid.png" style="float: right; height: 220px; width: 220px;">Abans de poder començar a dibuixar, hem de parlar sobre la graella canvas o <strong>coordinar l'espai</strong>. El nostre esquelet HTML de la pàgina anterior tenia un element canvas amb 150 píxels d'amplada i 150 píxels d'alçada. A la dreta, veureu aquest llenç amb la graella predeterminada superposada. Normalment, una unitat de la graella correspon a 1 píxel sobre el llenç. L'origen d'aquesta graella es posiciona a la cantonada <em>superior esquerra</em> a la coordenada (0,0). Tots els elements es col·loquen en relació amb aquest origen. Per tant, la posició de la cantonada superior esquerra del quadrat blau es converteix en x pixels des de l'esquerra i y pixels des de la part superior, en la coordenada (x,y). Més endavant, en aquest tutorial veurem com podem traduir l'origen a una posició diferent, girar la graella i fins i tot escalar-la, però de moment ens quedarem amb el valor predeterminat.</p>
+
+<h2 id="Dibuixar_rectangles">Dibuixar rectangles</h2>
+
+<p>A diferència de {{Glossary("SVG")}}, {{HTMLElement("canvas")}} només suporta una forma primitiva: rectangles. Totes les altres formes han de crear-se combinant una o més trajectòries, llistes de punts connectats per línies. Afortunadament, tenim una gran varietat de funcions de dibuix de trajectòria que permeten compondre formes molt complexes.</p>
+
+<p>Primer vegem el rectangle. Hi ha tres funcions que dibuixen rectangles en canvas:</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.fillRect", "fillRect(x, y, width, height)")}}</dt>
+ <dd>Dibuixa un rectangle ple.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.strokeRect", "strokeRect(x, y, width, height)")}}</dt>
+ <dd>Dibuixa un contorn rectangular.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.clearRect", "clearRect(x, y, width, height)")}}</dt>
+ <dd>Esborra l'àrea rectangular especificada, fent-la completament transparent</dd>
+</dl>
+
+<p>Cadascuna d'aquestes tres funcions pren els mateixos paràmetres. <code>x</code> i <code>y</code> indiquen la posició en el llenç (relativa a l'origen) de la cantonada superior esquerra del rectangle. <code>width</code> i <code>height</code> proporcionen la grandària del rectangle</p>
+
+<p>A sota hi ha la funció <code>draw()</code> de la pàgina anterior, però ara fa ús d'aquestes tres funcions.</p>
+
+<h3 id="Exemple_de_forma_rectangular">Exemple de forma rectangular</h3>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js">function draw() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+    var ctx = canvas.getContext('2d');
+
+    ctx.fillRect(25, 25, 100, 100);
+    ctx.clearRect(45, 45, 60, 60);
+    ctx.strokeRect(50, 50, 50, 50);
+  }
+}</pre>
+
+<p><span id="result_box" lang="ca"><span>La sortida d'aquest exemple es mostra a continuació</span></span>.</p>
+
+<p>{{EmbedLiveSample("Rectangular_shape_example", 160, 160, "https://mdn.mozillademos.org/files/245/Canvas_rect.png")}}</p>
+
+<p>La funció <code>fillRect()</code> dibuixa un quadrat negre de 100 píxels a cada costat. La funció <code>clearRect()</code> esborra un quadrat de 60x60 píxels del centre, i a continuació es crida a <code>strokeRect()</code> per crear un contorn rectangular de 50x50 píxels dins del quadrat buidat.</p>
+
+<p>A les properes pàgines veurem dos mètodes alternatius per <code>clearRect()</code>, i també veurem com canviar l'estil de color i traç de les formes representades.</p>
+
+<p>A diferència de les funcions de trajectòria, que veurem en la següent secció, les tres funcions rectangulars dibuixen immediatament al llenç.</p>
+
+<h2 id="Dibuixar_trajectories">Dibuixar trajectories</h2>
+
+<p>Les úniques altres formes primitives són les <em>trajectòries</em>. Una trajectòria és una llista de punts, connectats per segments de línies que poden ser de diferents formes, corbes o no, de diferent amplària i de diferent color. Un trajectòria, o fins i tot una subtrajecte, pot ser tancada. Per fer formes utilitzant trajectòries, es prenen alguns passos addicionals:</p>
+
+<ol>
+ <li>Primer, crea la trajectòria.</li>
+ <li>A continuació, utilitzar <a href="https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D#Paths">ordres de dibuix</a> per dibuixar en la trajectòria.</li>
+ <li>Després, tancar la trajectòria.</li>
+ <li>Una vegada que s'ha creat la trajectòria, podeu traçar o omplir la trajectòria per representar-la</li>
+</ol>
+
+<p>A continuació, es detallen les funcions que s'utilitzen per realitzar aquests passos:</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.beginPath", "beginPath()")}}</dt>
+ <dd>Crea una trajectòria nova. Una vegada creada, les futures ordres de dibuix s'aplican a la trajectòria i són utilitzades per construir-la.</dd>
+ <dt><a href="/en-US/docs/Web/API/CanvasRenderingContext2D#Paths">Mètodes de trajectòria</a></dt>
+ <dd>Mètodes per establir diferentes trajectòries d'objectes.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.closePath", "closePath()")}}</dt>
+ <dd>Afegeix una línia recta a la trajectòria, anant a l'inici de la subruta actual.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.stroke", "stroke()")}}</dt>
+ <dd>Dibuixa la forma traçant el seu contorn.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.fill", "fill()")}}</dt>
+ <dd>Dibuixa una forma sòlida emplenant l'àrea de contingut de la trajectòria.</dd>
+</dl>
+
+<p>El primer pas per crear una trajectòria és cridar a <code>beginPath()</code>. Internament, les trajectòries s'emmagatzemen com una llista de subtrayectes (línies, arcs, etc.) que formen una forma. Cada vegada que es crida a aquest mètode, la llista es reinicia i podem començar a dibuixar noves formes.</p>
+
+<div class="note"><strong>Nota:</strong> Quan la trajectòria actual està buida, com immediatament després de cridar <code>beginPath()</code>, o en un llenç recentment creat, la primera ordre de construcció de la trajectòria sempre es tractarà com <code>moveTo()</code>, independentment del que realment sigui. Per aquesta raó, gairebé sempre voldreu establir específicament la seva posició inicial després de restablir una trajectòria.</div>
+
+<p>El segon pas és cridar als mètodes que realment especifiquen les trajectòries que s'han de dibuixar. Ho veurem en breu.</p>
+
+<p>El tercer, i com a pas opcional, és cridar <code>closePath()</code>. Aquest mètode intenta tancar la forma, dibuixant una recta des del punt actual fins al començament. Si la forma ja s'ha tancat o només hi ha un punt a la llista, aquesta funció no fa res.</p>
+
+<div class="note"><strong>Nota:</strong> Quan crideu <code>fill()</code>, totes les formes obertes es tanquen automàticament, de manera que no heu de cridar <code>closePath()</code>. Aquest <strong>no</strong> és el cas quan es crida <code>stroke()</code>.</div>
+
+<h3 id="Dibuixar_un_triangle">Dibuixar un triangle</h3>
+
+<p>Per exemple, el codi per dibuixar un triangle es veuria així:</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="100" height="100"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js">function draw() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+    var ctx = canvas.getContext('2d');
+
+    ctx.beginPath();
+    ctx.moveTo(75, 50);
+    ctx.lineTo(100, 75);
+    ctx.lineTo(100, 25);
+    ctx.fill();
+  }
+}
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat és així</span></span>:</p>
+
+<p>{{EmbedLiveSample("Drawing_a_triangle", 110, 110, "https://mdn.mozillademos.org/files/9847/triangle.png")}}</p>
+
+<h3 id="Moure_el_llapis">Moure el llapis</h3>
+
+<p>Una funció molt útil, que en realitat no dibuixa res però es converteix en part de la llista de trajectòries descrita anteriorment, és la funció <code>moveTo()</code>. Probablement el millor sigui pensar en això com aixecar un bolígraf o un llapis d'un lloc en un tros de paper i col·locar-ho en el següent.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.moveTo", "moveTo(x, y)")}}</dt>
+ <dd>Mou el llapis a les coordenades especificades per <code>x</code> i <code>y</code>.</dd>
+</dl>
+
+<p>Quan s'inicialitza el llenç o es crida <code>beginPath()</code> normalment voldreu utilitzar la funció <code>moveTo()</code> per col·locar el punt de partida en un altre lloc. També podrieu utilitzar <code>moveTo()</code> per dibuixar trajectòries no connectades. Feu un cop d'ull a la cara somrient d'a baix</p>
+
+<p>Proveu-ho vosaltres mateixos, podeu utilitzar el fragment de codi que es mostra a continuació. Simplement enganxeu-lo a la funció <code>draw()</code> que vam veure anteriorment.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js;highlight:[8,10,12]">function draw() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+     var ctx = canvas.getContext('2d');
+
+    ctx.beginPath();
+    ctx.arc(75, 75, 50, 0, Math.PI * 2, true); // Outer circle
+    ctx.moveTo(110, 75);
+    ctx.arc(75, 75, 35, 0, Math.PI, false);  // Mouth (clockwise)
+    ctx.moveTo(65, 65);
+    ctx.arc(60, 65, 5, 0, Math.PI * 2, true);  // Left eye
+    ctx.moveTo(95, 65);
+    ctx.arc(90, 65, 5, 0, Math.PI * 2, true);  // Right eye
+    ctx.stroke();
+  }
+}
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat és així</span></span>:</p>
+
+<p>{{EmbedLiveSample("Moving_the_pen", 160, 160, "https://mdn.mozillademos.org/files/252/Canvas_smiley.png")}}</p>
+
+<p>Si voleu veure les línies de connexió, podeu eliminar les línies que criden <code>moveTo()</code>.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Per obtenir més informació sobre la funció <code>arc()</code>, vegeu {{anch("Arcs")}} a continuació.</p>
+</div>
+
+<h3 id="Línies">Línies</h3>
+
+<p>Per dibuixar línies rectes, utilitzeu el mètode <code>lineTo()</code>.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.lineTo", "lineTo(x, y)")}}</dt>
+ <dd>Dibuixa una línia des de la posició del dibuix actual fins a la posició especificada per <code>x</code> i <code>y</code>.</dd>
+</dl>
+
+<p>Aquest mètode pren dos arguments, <code>x</code> i <code>y</code>, que són les coordenades del punt final de la línia. El punt de partida depèn de les trajectòries prèviament traçades, on el punt final de la trajectòria anterior és el punt de partida de la següent, etc. El punt de partida també es pot canviar utilitzant el mètode <code>moveTo()</code>.</p>
+
+<p>L'exemple següent dibuixa dos triangles, un omplert i un altre delineat.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js;highlight[9,10,16,17]">function draw() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+    var ctx = canvas.getContext('2d');
+
+    // Filled triangle
+    ctx.beginPath();
+    ctx.moveTo(25, 25);
+    ctx.lineTo(105, 25);
+    ctx.lineTo(25, 105);
+    ctx.fill();
+
+    // Stroked triangle
+    ctx.beginPath();
+    ctx.moveTo(125, 125);
+    ctx.lineTo(125, 45);
+    ctx.lineTo(45, 125);
+    ctx.closePath();
+    ctx.stroke();
+  }
+}
+</pre>
+
+<p>Això comença cridant <code>beginPath()</code> per iniciar una nova trajectòria de forma. Seguidament, utilitzem el mètode <code>moveTo()</code> per moure el punt de partida a la posició desitjada. A continuació, es dibuixen dues línies que formen dues cares del triangle.</p>
+
+<p>{{EmbedLiveSample("Lines", 160, 160, "https://mdn.mozillademos.org/files/238/Canvas_lineTo.png")}}</p>
+
+<p>Notareu la diferència entre el triangle emplenat i traçat. Això és, com es va esmentar anteriorment, perquè les formes es tanquen automàticament quan s'omple una trajectòria, però no quan es tracen. Si deixem de costat <code>closePath()</code> per al triangle traçat, només s'haurien dibuixat dues línies, no un triangle complet.</p>
+
+<h3 id="Arcs">Arcs</h3>
+
+<p>Per dibuixar arcs o cercles, utilitzem els mètodes <code>arc()</code> o <code>arcTo()</code>.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.arc", "arc(x, y, radius, startAngle, endAngle, anticlockwise)")}}</dt>
+ <dd>Dibuixa un arc que està centrat en la posició (<em>x, y</em>) amb un radi <em>r</em> que comença en <em>startAngle</em> i acaba en <em>endAngle</em> que va en la direcció donada, indicada per el <em>sentit antihorari</em> (predeterminat en <em>sentit horari</em>)</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.arcTo", "arcTo(x1, y1, x2, y2, radius)")}}</dt>
+ <dd>Dibuixa un arc amb els punts de control i radi donats, connectats al punt anterior per una línia recta.</dd>
+</dl>
+
+<p>Vegem amb més detall el mètode <code>arc</code>, que pren sis paràmetres: <code>x</code> i <code>y</code> són les coordenades del centre del cercle en el qual s'ha de dibuixar l'arc. <code>radius</code> és autoexplicatiu. Els paràmetres <code>startAngle</code> i <code>endAngle</code> defineixen els punts inicial i final de l'arc en radiants, al llarg de la corba del cercle. Aquests es mesuren des de l'eix x. El paràmetre <code>anticlockwise</code> és un valor booleà, que quan és <code>true</code>, dibuixa l'arc en sentit contrari a les agulles del rellotge; en cas contrari, l'arc es dibuixa en sentit horari.</p>
+
+<div class="note">
+<p><strong>Nota</strong>: Els angles en la funció <code>arc</code> es mesuren en radiants, no en graus. Per convertir graus a radiants es pot utilitzar la següent expressió Javascript: <code>radians = (Math.PI/180)*graus</code>.</p>
+</div>
+
+<p>El següent exemple és una mica més complex que el que hem vist anteriorment. Dibuixa 12 arcs diferents, tots amb diferents angles i omplerts.</p>
+
+<p>Els dos <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for">bucles (loops) </a><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for"><code>for</code></a> són per recórrer les files i columnes dels arcs. Per a cada arc, iniciem una nova trajectòria cridant <code>beginPath()</code>. En el codi, cadascun dels paràmetres de l'arc es troba en una variable per a major claredat, però no necessàriament ho fareu en la vida real.</p>
+
+<p>Les coordenades <code>x</code> i <code>y</code> han de ser suficientment clares. <code>radius</code> i <code>startAngle</code> són fixes. <code>endAngle</code> comença a 180 graus (mig cercle) en la primera columna i s'incrementa per passos de 90 graus, culminant en un cercle complet en l'última columna</p>
+
+<p>La instrucció per al paràmetre <code>clockwise</code> (sentit horari), resulti en la primera i la tercera fila que es dibuixin com a arcs en sentit horari i la segona i quarta fila com a arcs en sentit antihorari. Finalment, la sentència <code>if</code> fa que la meitat superior traci els arcs i la meitat inferior ompli els arcs.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Aquest exemple requereix un llenç una mica més gran que els altres, en aquesta pàgina: 150 x 200 píxels.</p>
+</div>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js;highlight[16]">function draw() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+    var ctx = canvas.getContext('2d');
+
+    for (var i = 0; i &lt; 4; i++) {
+      for (var j = 0; j &lt; 3; j++) {
+        ctx.beginPath();
+        var x = 25 + j * 50; // x coordinate
+        var y = 25 + i * 50; // y coordinate
+        var radius = 20; // Arc radius
+        var startAngle = 0; // Starting point on circle
+        var endAngle = Math.PI + (Math.PI * j) / 2; // End point on circle
+        var anticlockwise = i % 2 !== 0; // clockwise or anticlockwise
+
+        ctx.arc(x, y, radius, startAngle, endAngle, anticlockwise);
+
+        if (i &gt; 1) {
+          ctx.fill();
+        } else {
+          ctx.stroke();
+        }
+      }
+    }
+  }
+}
+</pre>
+
+<p>{{EmbedLiveSample("Arcs", 160, 210, "https://mdn.mozillademos.org/files/204/Canvas_arc.png")}}</p>
+
+<h3 id="Corbes_bézier_i_quadràtiques">Corbes bézier i quadràtiques</h3>
+
+<p>El següent tipus de trajectòries disponibles són les <a href="http://en.wikipedia.org/wiki/B%C3%A9zier_curve">corbes de Bézier</a>, disponibles en varietats cúbiques i quadràtiques. Aquests s'utilitzen generalment per dibuixar formes orgàniques complexes.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.quadraticCurveTo", "quadraticCurveTo(cp1x, cp1y, x, y)")}}</dt>
+ <dd>Dibuixa una corba Bézier quadràtica des de la posició actual del llapis fins al punt final especificat per <code>x</code> i <code>y</code>, utilitzant els punts de control especificats per <code>cp1x</code> i <code>cp1y</code>.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.bezierCurveTo", "bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)")}}</dt>
+ <dd>Dibuixa una corba Bézier cúbica des de la posició actual del llapis fins al punt final especificat per <code>x</code> i <code>y</code>, utilitzant els punts de control especificats per (<code>cp1x</code>, <code>cp1y</code>) i (cp2x, cp2y).</dd>
+</dl>
+
+<p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/223/Canvas_curves.png" style="float: right; height: 190px; width: 190px;">La millor manera de descriure la diferència entre aquestes dues opcions és usant la imatge de la dreta. Una corba Bézier quadràtica té un punt inicial i un punt final (punts blaus) i només un <strong>punt de control</strong> (indicat pel punt vermell), mentre que una corba Bézier cúbica utilitza dos punts de control.</p>
+
+<p>Els paràmetres <code>x</code> i <code>y</code> de tots dos mètodes són les coordenades del punt final. <code>cp1x</code> i <code>cp1y</code> són les coordenades del primer punt de control, i <code>cp2x</code> i <code>cp2y</code> són les coordenades del segon punt de control.</p>
+
+<p>L'ús de corbes de Bézier cúbiques i quadràtiques pot ser tot un repte, perquè a diferència del programari de dibuix vectorial com Adobe Illustrator, no tenim respostes visuals directes sobre el que estem fent. Això fa que sigui bastant difícil dibuixar formes complexes. En el següent exemple, dibuixarem algunes formes orgàniques senzilles, però si teniu el temps i, sobretot paciència, es poden crear formes molt més complexes.</p>
+
+<p>No hi ha res molt difícil en aquests exemples. En tots dos casos veiem una successió de corbes dibuixades que finalment donen com a resultat una forma completa.</p>
+
+<h4 id="Corbes_de_Bezier_quadràtiques">Corbes de Bezier quadràtiques</h4>
+
+<p>Aquest exemple usa múltiples corbes de Bézier quadràtiques per representar un globus de diàleg .</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js;highlight[9,10,11,12,13,14]">function draw() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+    var ctx = canvas.getContext('2d');
+
+    // Quadratric curves example
+    ctx.beginPath();
+    ctx.moveTo(75, 25);
+    ctx.quadraticCurveTo(25, 25, 25, 62.5);
+    ctx.quadraticCurveTo(25, 100, 50, 100);
+    ctx.quadraticCurveTo(50, 120, 30, 125);
+    ctx.quadraticCurveTo(60, 120, 65, 100);
+    ctx.quadraticCurveTo(125, 100, 125, 62.5);
+    ctx.quadraticCurveTo(125, 25, 75, 25);
+    ctx.stroke();
+  }
+}
+</pre>
+
+<p>{{EmbedLiveSample("Quadratic_Bezier_curves", 160, 160, "https://mdn.mozillademos.org/files/243/Canvas_quadratic.png")}}</p>
+
+<h4 id="Corbes_de_Bezier_cúbiques">Corbes de Bezier cúbiques</h4>
+
+<p><span id="result_box" lang="ca"><span>Aquest exemple dibuixa un cor utilitzant corbes Bézier cúbiques</span></span>.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js;highlight[9,10,11,12,13,14]">function draw() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+    var ctx = canvas.getContext('2d');
+
+    // Cubic curves example
+    ctx.beginPath();
+    ctx.moveTo(75, 40);
+    ctx.bezierCurveTo(75, 37, 70, 25, 50, 25);
+    ctx.bezierCurveTo(20, 25, 20, 62.5, 20, 62.5);
+    ctx.bezierCurveTo(20, 80, 40, 102, 75, 120);
+    ctx.bezierCurveTo(110, 102, 130, 80, 130, 62.5);
+    ctx.bezierCurveTo(130, 62.5, 130, 25, 100, 25);
+    ctx.bezierCurveTo(85, 25, 75, 37, 75, 40);
+    ctx.fill();
+  }
+}
+</pre>
+
+<p>{{EmbedLiveSample("Cubic_Bezier_curves", 160, 160, "https://mdn.mozillademos.org/files/207/Canvas_bezier.png")}}</p>
+
+<h3 id="Rectangles">Rectangles</h3>
+
+<p>A més dels tres mètodes que vam veure en {{anch("Drawing rectangles")}}, que dibuixen formes rectangulars directament al llenç, també està el mètode <code>rect()</code>, que afegeix una trajectòria rectangular a una trajectòria actualment oberta.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.rect", "rect(x, y, width, height)")}}</dt>
+ <dd>Dibuixa un rectangle a la cantonada superior esquerra especificada per (<code>x</code>, <code>y</code>) amb <code>width</code> i <code>height</code> especificats.</dd>
+</dl>
+
+<p>Quan s'executa aquest mètode, el mètode <code>moveTo()</code> es crida automàticament amb els paràmetres (0,0). En altres paraules, la posició actual del llapis es restableix automàticament a les coordenades predeterminades.</p>
+
+<h3 id="Fer_combinacions">Fer combinacions</h3>
+
+<p>Fins ara, cada exemple d'aquesta pàgina només ha utilitzat un tipus de funció de trajectòria per forma. No obstant això, no hi ha limitació en el nombre o tipus de trajectòries que podeu utilitzar per crear una forma. Així, en aquest últim exemple, combinem totes les funcions de trajectòria per crear un conjunt de personatges de joc molt famosos.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js">function draw() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+    var ctx = canvas.getContext('2d');
+
+    roundedRect(ctx, 12, 12, 150, 150, 15);
+    roundedRect(ctx, 19, 19, 150, 150, 9);
+    roundedRect(ctx, 53, 53, 49, 33, 10);
+    roundedRect(ctx, 53, 119, 49, 16, 6);
+    roundedRect(ctx, 135, 53, 49, 33, 10);
+    roundedRect(ctx, 135, 119, 25, 49, 10);
+
+    ctx.beginPath();
+    ctx.arc(37, 37, 13, Math.PI / 7, -Math.PI / 7, false);
+    ctx.lineTo(31, 37);
+    ctx.fill();
+
+    for (var i = 0; i &lt; 8; i++) {
+      ctx.fillRect(51 + i * 16, 35, 4, 4);
+    }
+
+    for (i = 0; i &lt; 6; i++) {
+      ctx.fillRect(115, 51 + i * 16, 4, 4);
+    }
+
+    for (i = 0; i &lt; 8; i++) {
+      ctx.fillRect(51 + i * 16, 99, 4, 4);
+    }
+
+    ctx.beginPath();
+    ctx.moveTo(83, 116);
+    ctx.lineTo(83, 102);
+    ctx.bezierCurveTo(83, 94, 89, 88, 97, 88);
+    ctx.bezierCurveTo(105, 88, 111, 94, 111, 102);
+    ctx.lineTo(111, 116);
+    ctx.lineTo(106.333, 111.333);
+    ctx.lineTo(101.666, 116);
+    ctx.lineTo(97, 111.333);
+    ctx.lineTo(92.333, 116);
+    ctx.lineTo(87.666, 111.333);
+    ctx.lineTo(83, 116);
+    ctx.fill();
+
+    ctx.fillStyle = 'white';
+    ctx.beginPath();
+    ctx.moveTo(91, 96);
+    ctx.bezierCurveTo(88, 96, 87, 99, 87, 101);
+    ctx.bezierCurveTo(87, 103, 88, 106, 91, 106);
+    ctx.bezierCurveTo(94, 106, 95, 103, 95, 101);
+    ctx.bezierCurveTo(95, 99, 94, 96, 91, 96);
+    ctx.moveTo(103, 96);
+    ctx.bezierCurveTo(100, 96, 99, 99, 99, 101);
+    ctx.bezierCurveTo(99, 103, 100, 106, 103, 106);
+    ctx.bezierCurveTo(106, 106, 107, 103, 107, 101);
+    ctx.bezierCurveTo(107, 99, 106, 96, 103, 96);
+    ctx.fill();
+
+    ctx.fillStyle = 'black';
+    ctx.beginPath();
+    ctx.arc(101, 102, 2, 0, Math.PI * 2, true);
+    ctx.fill();
+
+    ctx.beginPath();
+    ctx.arc(89, 102, 2, 0, Math.PI * 2, true);
+    ctx.fill();
+  }
+}
+
+// A utility function to draw a rectangle with rounded corners.
+
+function roundedRect(ctx, x, y, width, height, radius) {
+  ctx.beginPath();
+  ctx.moveTo(x, y + radius);
+  ctx.lineTo(x, y + height - radius);
+  ctx.arcTo(x, y + height, x + radius, y + height, radius);
+  ctx.lineTo(x + width - radius, y + height);
+  ctx.arcTo(x + width, y + height, x + width, y + height-radius, radius);
+  ctx.lineTo(x + width, y + radius);
+  ctx.arcTo(x + width, y, x + width - radius, y, radius);
+  ctx.lineTo(x + radius, y);
+  ctx.arcTo(x, y, x, y + radius, radius);
+  ctx.stroke();
+}
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>La imatge resultant és així:</span></span></p>
+
+<p>{{EmbedLiveSample("Making_combinations", 160, 160, "https://mdn.mozillademos.org/files/9849/combinations.png")}}</p>
+
+<p>No anem a repassar això detalladament, ja que en realitat és sorprenentment senzill. La cosa més important a destacar és l'ús de la propietat <code>fillStyle</code> en el context del dibuix, i l'ús d'una funció d'utilitat (en aquest cas <code>roundedRect()</code>). L'ús de funcions d'utilitat per als bits del dibuix sovint pot ser molt útil i reduir la quantitat de codi que necessiteu, així com la seva complexitat.</p>
+
+<p>Tornarem a fer un cop d'ull a <code>fillStyle</code>, en més detall, més endavant en aquest tutorial. Aquí, tot el que fem és usar-ho per canviar el color d'emplenament de les trajectòries del color predeterminat de negre a blanc, i viceversa .</p>
+
+<h2 id="Objectes_Path2D">Objectes Path2D</h2>
+
+<p>Com hem vist en l'últim exemple, pot haver-hi una sèrie de trajectories i ordres de dibuix per dibuixar objectes sobre el llenç. Per simplificar el codi i millorar el rendiment, l'objecte {{domxref("Path2D")}} disponible en versions recents dels navegadors, permet emmagatzemar en la memòria cau o gravar aquestes ordres de dibuix. Podeu reproduir les vostres trajectòries ràpidament.<br>
+ Vegem com podem construir un objecte <code>Path2D</code>:</p>
+
+<dl>
+ <dt>{{domxref("Path2D.Path2D", "Path2D()")}}</dt>
+ <dd>El constructor <code><strong>Path2D()</strong></code> retorna un objecte <code>Path2D</code> recentment instanciat, opcionalment amb una altra trajectòria com a argument (crea una còpia), o opcionalment amb una cadena consistent en dades de <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">trajectòria SVG</a>.</dd>
+</dl>
+
+<pre class="brush: js">new Path2D();     // empty path object
+new Path2D(path); // copy from another Path2D object
+new Path2D(d);    // path from SVG path data</pre>
+
+<p>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D#Paths">mètodes de trajectòria</a> com <code>moveTo</code>, <code>rect</code>, <code>arc</code> o <code>quadraticCurveTo</code>, etc., que hem conegut anteriorment, estan disponibles en els objectes <code>Path2D</code>.</p>
+
+<p>L'API de <code>Path2D</code> també afegeix una forma de combinar trajectòries utilitzant el mètode <code>addPath</code>. Això pot ser útil quan es desitja construir objectes a partir de diversos components, per exemple.</p>
+
+<dl>
+ <dt>{{domxref("Path2D.addPath", "Path2D.addPath(path [, transform])")}}</dt>
+ <dd>Afegeix una trajectòria a la trajectòria actual amb una matriu de transformació opcional.</dd>
+</dl>
+
+<h3 id="Exemple_de_Path2D">Exemple de Path2D</h3>
+
+<p>En aquest exemple, estem creant un rectangle i un cercle. Tots dos s'emmagatzemen com un objecte <code>Path2D</code>, de manera que estan disponibles per al seu ús posterior. Amb la nova API <code>Path2D</code>, es van actualitzar diversos mètodes per acceptar opcionalment un objecte <code>Path2D</code> que s'utilitzarà en comptes de la trajectòria actual. Aquí, <code>stroke</code> i <code>fill</code> s'utilitzen amb un argument de trajectòria per dibuixar tots dos objectes sobre el llenç, per exemple.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="130" height="100"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js;highlight[6,9]">function draw() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+    var ctx = canvas.getContext('2d');
+
+    var rectangle = new Path2D();
+    rectangle.rect(10, 10, 50, 50);
+
+    var circle = new Path2D();
+    circle.moveTo(125, 35);
+    circle.arc(100, 35, 25, 0, 2 * Math.PI);
+
+    ctx.stroke(rectangle);
+    ctx.fill(circle);
+  }
+}
+</pre>
+
+<p>{{EmbedLiveSample("Path2D_example", 130, 110, "https://mdn.mozillademos.org/files/9851/path2d.png")}}</p>
+
+<h3 id="Ús_de_trajectòries_SVG">Ús de trajectòries SVG</h3>
+
+<p>Una altra característica poderosa de la nova API <code>Path2D</code> de canvas és l'ús de <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">dades de trajectòria SVG</a> per inicialitzar trajectòries en el seu llenç. Això podria permetre-li passar les dades de trajectòria i reutilitzar-les tant en SVG com en canvas.</p>
+
+<p>La trajectòria es mourà al punt (<code>M10 10</code>) i després es mourà horitzontalment 80 punts a la dreta (<code>h 80</code>), després 80 punts cap avall (<code>v 80</code>), després 80 punts a l'esquerra (<code>h -80</code>), i després de tornada al principi (<code>z</code>). Podeu veure aquest exemple a la pàgina <a href="/en-US/docs/Web/API/Path2D.Path2D#Using_SVG_paths">constructor</a> <a href="/en-US/docs/Web/API/Path2D.Path2D#Using_SVG_paths"><code>Path2D</code></a>.</p>
+
+<pre class="brush: js;">var p = new Path2D('M10 10 h 80 v 80 h -80 Z');</pre>
+
+<div>{{PreviousNext("Web/API/Canvas_API/Tutorial/Basic_usage", "Web/API/Canvas_API/Tutorial/Applying_styles_and_colors")}}</div>
diff --git a/files/ca/web/api/canvas_api/tutorial/index.html b/files/ca/web/api/canvas_api/tutorial/index.html
new file mode 100644
index 0000000000..92ed58549b
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/index.html
@@ -0,0 +1,63 @@
+---
+title: Canvas tutorial
+slug: Web/API/Canvas_API/Tutorial
+tags:
+  - Canvas
+  - Graphics
+  - Guide
+  - HTML
+  - HTML5
+  - Intermediate
+  - NeedsTranslation
+  - TopicStub
+  - Web
+translation_of: Web/API/Canvas_API/Tutorial
+---
+<div>{{CanvasSidebar}}</div>
+
+<div><a href="/en-US/docs/HTML/Canvas" title="HTML/Canvas"><img alt="" src="https://mdn.mozillademos.org/files/257/Canvas_tut_examples.jpg" style="float: right; height: 450px; width: 200px;"></a></div>
+
+<div class="summary">
+<p><a href="/en-US/docs/Web/HTML/Element/canvas" title="HTML/Canvas"><strong><code>&lt;canvas&gt;</code></strong></a> is an <a href="/en-US/docs/Web/HTML" title="HTML">HTML</a> element which can be used to draw graphics using scripting (usually <a href="/en-US/docs/Glossary/JavaScript" title="JavaScript">JavaScript</a>). This can, for instance, be used to draw graphs, make photo composition or simple (and <a href="/en-US/docs/Web/API/Canvas_API/A_basic_ray-caster" title="A_Basic_RayCaster">not so simple</a>) animations. The images on this page show examples of <a href="/en-US/docs/Web/HTML/Element/canvas" title="HTML/Canvas"><strong><code>&lt;canvas&gt;</code></strong></a> implementations which will be created in this tutorial.</p>
+</div>
+
+<p><span class="seoSummary">This tutorial describes how to use the <code>&lt;canvas&gt;</code> element to draw 2D graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with canvas and will provide code snippets that may get you started in building your own content.</span></p>
+
+<p>First introduced in WebKit by Apple for the OS X Dashboard, <code>&lt;canvas&gt;</code> has since been implemented in browsers. Today, all major browsers support it.</p>
+
+<h2 id="Before_you_start" name="Before_you_start">Before you start</h2>
+
+<p>Using the <code>&lt;canvas&gt;</code> element is not very difficult, but you do need a basic understanding of <a href="/en-US/docs/Web/HTML" title="HTML">HTML</a> and <a href="/en-US/docs/Web/JavaScript" title="JavaScript">JavaScript</a>. The <code>&lt;canvas&gt;</code> element is not supported in some older browsers, but is supported in recent versions of all major browsers. The default size of the canvas is 300 px × 150 px (width × height). But custom sizes can be defined using the HTML <code>height</code> and <code>width</code> property. In order to draw graphics on the canvas we use a JavaScript context object, which creates graphics on the fly.</p>
+
+<h2 id="In_this_tutorial" name="In_this_tutorial">In this tutorial</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_usage" title="Canvas_tutorial/Basic_usage">Basic usage</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes" title="Canvas_tutorial/Drawing_shapes">Drawing shapes</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors" title="Canvas_tutorial/Applying_styles_and_colors">Applying styles and colors</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text">Drawing text</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images" title="Canvas_tutorial/Using_images">Using images</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Transformations" title="Canvas_tutorial/Transformations">Transformations</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing" title="Canvas_tutorial/Compositing">Compositing and clipping</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations" title="Canvas_tutorial/Basic_animations">Basic animations</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Advanced_animations">Advanced animations</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas">Pixel manipulation</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility">Hit regions and accessibility</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas" title="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Optimizing_canvas">Optimizing the canvas</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Finale">Finale</a></li>
+</ul>
+
+<h2 id="See_also" name="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Canvas_API" title="HTML/Canvas">Canvas topic page</a></li>
+ <li><a class="external" href="http://visitmix.com/labs/ai2canvas/" title="http://visitmix.com/labs/ai2canvas/">Adobe Illustrator to Canvas plug-in</a></li>
+ <li><a class="external" href="http://www.html5canvastutorials.com/" title="http://www.html5canvastutorials.com/">HTML5CanvasTutorials</a></li>
+ <li><a class="external" href="http://creativejs.com/2011/08/31-days-of-canvas-tutorials/" title="http://creativejs.com/2011/08/31-days-of-canvas-tutorials/">31 days of canvas tutorials</a></li>
+</ul>
+
+<h2 id="A_note_to_contributors">A note to contributors</h2>
+
+<p>Due to an unfortunate technical error that occurred the week of June 17, 2013, we lost the history of this tutorial, including attributions to all past contributors to its content. We apologize for this, and hope you'll forgive this unfortunate mishap.</p>
+
+<div>{{ Next("Web/API/Canvas_API/Tutorial/Basic_usage") }}</div>
diff --git a/files/ca/web/api/canvas_api/tutorial/manipular_píxels_amb_canvas/index.html b/files/ca/web/api/canvas_api/tutorial/manipular_píxels_amb_canvas/index.html
new file mode 100644
index 0000000000..d792e62ef0
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/manipular_píxels_amb_canvas/index.html
@@ -0,0 +1,307 @@
+---
+title: Manipular píxels amb canvas
+slug: Web/API/Canvas_API/Tutorial/Manipular_píxels_amb_canvas
+tags:
+  - Canvas
+  - Graphics
+  - Intermediate
+  - Tutorial
+translation_of: Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Advanced_animations", "Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility")}}</div>
+
+<div class="summary">
+<p>Fins ara no hem mirat els píxels reals del nostre llenç. Amb l'objecte <code>ImageData</code> podem llegir i escriure directament una matriu de dades per manipular dades de píxels. També veurem com es pot controlar el suavitzat de la imatge (anti-aliasing) i com guardar imatges del vostre llenç.</p>
+</div>
+
+<h2 id="Lobjecte_ImageData">L'objecte <code>ImageData</code></h2>
+
+<p>L'objecte {{domxref("ImageData")}} representa les dades de píxels subjacents d'un àrea d'un objecte canvas. Conté els següents atributs de només lectura:</p>
+
+<dl>
+ <dt><code>width</code></dt>
+ <dd>L'amplada de la imatge en píxels.</dd>
+ <dt><code>height</code></dt>
+ <dd>L'alçada de la imatge en píxels.</dd>
+ <dt><code>data</code></dt>
+ <dd>Un {{jsxref("Uint8ClampedArray")}} representa una matriu unidimensional que conté les dades en l'ordre RGBA, amb valors enters entre <code>0</code> i <code>255</code> (inclosos).</dd>
+</dl>
+
+<p>La propietat <code>data</code> retorna un {{jsxref("Uint8ClampedArray")}} al que es pot accedir per veure les dades de píxel en brut; cada píxel està representat per quatre valors d'un byte (vermell, verd, blau i alfa, en aquest ordre; és a dir, format "RGBA"). Cada component de color està representat per un nombre enter entre 0 i 255. A cada component se li assigna un índex consecutiu dins de la matriu, el component vermell del píxel esquerre superior és l'índex 0 dins de la matriu. Els píxels es segueixen d'esquerra a dreta, a després cap avall, a través de la matriu.</p>
+
+<p>El {{jsxref("Uint8ClampedArray")}} conté <code>height</code> × <code>width</code> × 4 bytes de dades, <span id="result_box" lang="ca"><span>amb valors d'índex que van des de 0 fins a</span></span> (<code>height</code>×<code>width</code>×4)-1.</p>
+
+<p><span id="result_box" lang="ca"><span>Per exemple, per llegir el valor del component blau del píxel a la columna 200, fila 50 de la imatge, fariem el següent:</span></span></p>
+
+<pre class="brush: js notranslate">blueComponent = imageData.data[((50 * (imageData.width * 4)) + (200 * 4)) + 2];</pre>
+
+<p>Si se li dóna un conjunt de coordenades (X i Y), es pot acabar fent alguna cosa com això:</p>
+
+<pre class="brush: js notranslate">var xCoord = 50;
+var yCoord = 100;
+var canvasWidth = 1024;
+
+function getColorIndicesForCoord(x, y, width) {
+  var red = y * (width * 4) + x * 4;
+  return [red, red + 1, red + 2, red + 3];
+}
+
+var colorIndices = getColorIndicesForCoord(xCoord, yCoord, canvasWidth);
+
+var redIndex = colorIndices[0];
+var greenIndex = colorIndices[1];
+var blueIndex = colorIndices[2];
+var alphaIndex = colorIndices[3];
+
+var redForCoord = imageData.data[redIndex];
+var greenForCoord = imageData.data[greenIndex];
+var blueForCoord = imageData.data[blueIndex];
+var alphaForCoord = imageData.data[alphaIndex];
+</pre>
+
+<p>O, si ES6 is apropiat:</p>
+
+<pre class="brush: js notranslate">const xCoord = 50;
+const yCoord = 100;
+const canvasWidth = 1024;
+
+const getColorIndicesForCoord = (x, y, width) =&gt; {
+  const red = y * (width * 4) + x * 4;
+  return [red, red + 1, red + 2, red + 3];
+};
+
+const colorIndices = getColorIndicesForCoord(xCoord, yCoord, canvasWidth);
+
+const [redIndex, greenIndex, blueIndex, alphaIndex] = colorIndices;
+</pre>
+
+<p><span lang="ca"><span>També es pot accedir a la mida de la matriu de píxels en bytes llegint l'atribut </span></span><code>Uint8ClampedArray.length</code>:</p>
+
+<pre class="brush: js notranslate">var numBytes = imageData.data.length;
+</pre>
+
+<h2 id="Crear_un_objecte_ImageData">Crear un objecte <code>ImageData</code></h2>
+
+<p>Per crear un nou objecte <code>ImageData</code> en blanc, hem d'utilitzar el mètode {{domxref("CanvasRenderingContext2D.createImageData", "createImageData()")}}. Hi ha dues versions del mètode <code>createImageData()</code>:</p>
+
+<pre class="brush: js notranslate">var myImageData = ctx.createImageData(width, height);</pre>
+
+<p>Crea un nou objecte <code>ImageData</code> amb les dimensions especificades. Tots els píxels estan predefinits en negre transparent.</p>
+
+<p>També podem crear un nou objecte <code>ImageData</code> amb les mateixes dimensions que l'objecte especificat amb <code>anotherImageData</code>. Els píxels del nou objecte, estan tots predefinits en negre transparent. <strong>Això no copia les dades de la imatge!</strong></p>
+
+<pre class="brush: js notranslate">var myImageData = ctx.createImageData(anotherImageData);</pre>
+
+<h2 id="Obtenir_les_dades_de_píxels_per_a_un_context">Obtenir les dades de píxels per a un context</h2>
+
+<p>Per obtenir un objecte <code>ImageData</code> que contingui una còpia de les dades de píxel per a un context de llenç, podem utilitzar el mètode<code>getImageData()</code>:</p>
+
+<pre class="brush: js notranslate">var myImageData = ctx.getImageData(left, top, width, height);</pre>
+
+<p>Aquest mètode retorna un objecte <code>ImageData</code> que representa les dades de píxel per a l'àrea del llenç, les cantonades del qual estan representades pels punts (<code>left</code>,<code>top</code>), (<code>left+width</code>, <code>top</code>), (<code>left</code>, <code>top+height</code>) i (<code>left+width</code>, <code>top+height</code>). Les coordenades s'especifiquen en unitats d'espai en coordenades canvas.</p>
+
+<div class="note">
+<p><strong>Nota</strong>: Qualsevol píxel fora del llenç es retorna com a negre transparent en l'objecte <code>ImageData</code> resultant.</p>
+</div>
+
+<p>Aquest mètode també es demostra a l'article <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Manipulating_video_using_canvas">Manipulant vídeo usant canvas</a>.</p>
+
+<h3 id="Un_selector_de_colors">Un selector de colors</h3>
+
+<p>En aquest exemple estem usant el mètode <a href="/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData">getImageData() </a>per mostrar el color sota el cursor del ratolí. Per a això, necessitem la posició actual del ratolí amb <code>layerX</code> i <code>layerY</code>, llavors busquem les dades de píxels en aquesta posició en la matriu de píxels que <a href="/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData">getImageData()</a> ens proporciona. Finalment, utilitzem les dades de la matriu per establir un color de fons i un text en el <code>&lt;div&gt;</code> per mostrar el color.</p>
+
+<div class="hidden">
+<pre class="brush: html; notranslate">&lt;canvas id="canvas" width="300" height="227" style="float:left"&gt;&lt;/canvas&gt;
+&lt;div id="color" style="width:200px;height:50px;float:left"&gt;&lt;/div&gt;
+</pre>
+</div>
+
+<pre class="brush: js; notranslate">var img = new Image();
+img.crossOrigin = 'anonymous';
+img.src = 'https://mdn.mozillademos.org/files/5397/rhino.jpg';
+var canvas = document.getElementById('canvas');
+var ctx = canvas.getContext('2d');
+img.onload = function() {
+  ctx.drawImage(img, 0, 0);
+  img.style.display = 'none';
+};
+var color = document.getElementById('color');
+function pick(event) {
+  var x = event.layerX;
+  var y = event.layerY;
+  var pixel = ctx.getImageData(x, y, 1, 1);
+  var data = pixel.data;
+  var rgba = 'rgba(' + data[0] + ', ' + data[1] +
+             ', ' + data[2] + ', ' + (data[3] / 255) + ')';
+  color.style.background =  rgba;
+  color.textContent = rgba;
+}
+canvas.addEventListener('mousemove', pick);
+</pre>
+
+<p>{{ EmbedLiveSample('A_color_picker', 610, 240) }}</p>
+
+<h2 id="Pintar_dades_de_píxels_en_un_context">Pintar dades de píxels en un context</h2>
+
+<p>Utilitzem el mètode<a href="/en-US/docs/Web/API/CanvasRenderingContext2D/putImageData"> putImageData() </a>per pintar dades de píxels en un context:</p>
+
+<pre class="brush: js notranslate">ctx.putImageData(myImageData, dx, dy);
+</pre>
+
+<p>Els paràmetres <code>dx</code> i <code>dy</code> indiquen les coordenades del dispositiu, dins del context en el que es pinta la cantonada superior esquerra de les dades de píxels que es vol dibuixar.</p>
+
+<p>Per exemple, per pintar tota la imatge representada per <code>myImageData</code> en la cantonada superior esquerra del context, simplement fem el següent:</p>
+
+<pre class="brush: js notranslate">ctx.putImageData(myImageData, 0, 0);
+</pre>
+
+<h3 id="Escalat_de_grisos_i_inversió_de_colors">Escalat de grisos i inversió de colors</h3>
+
+<p>En aquest exemple, iterem sobre tots els píxels per canviar els seus valors, després posem la matriu de píxels modificada, de nou, al llenç, utilitzant <a href="/en-US/docs/Web/API/CanvasRenderingContext2D/putImageData">putImageData()</a>. La funció <em>invert</em>, simplement, resta cada color del valor màxim 255. La funció <em>grayscale</em>, simplement, utilitza la mitjana de vermell, verd i blau. També es pot utilitzar una mitjana ponderada, donada per la fórmula <code>x = 0.299r + 0.587g + 0.114b</code>, per exemple. Vegeu <a href="http://en.wikipedia.org/wiki/Grayscale">Escala de grisos (Grayscale)</a> a Wikipedia per obtenir més informació.</p>
+
+<div class="hidden">
+<pre class="brush: html; notranslate">&lt;canvas id="canvas" width="300" height="227"&gt;&lt;/canvas&gt;
+&lt;div&gt;
+  &lt;input id="grayscalebtn" value="Grayscale" type="button"&gt;
+  &lt;input id="invertbtn" value="Invert" type="button"&gt;
+&lt;/div&gt;
+</pre>
+</div>
+
+<pre class="brush: js notranslate">var img = new Image();
+img.crossOrigin = 'anonymous';
+img.src = 'https://mdn.mozillademos.org/files/5397/rhino.jpg';
+img.onload = function() {
+  draw(this);
+};
+
+function draw(img) {
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.drawImage(img, 0, 0);
+  img.style.display = 'none';
+  var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+  var data = imageData.data;
+
+  var invert = function() {
+    for (var i = 0; i &lt; data.length; i += 4) {
+      data[i]     = 255 - data[i];     // red
+      data[i + 1] = 255 - data[i + 1]; // green
+      data[i + 2] = 255 - data[i + 2]; // blue
+    }
+    ctx.putImageData(imageData, 0, 0);
+  };
+
+  var grayscale = function() {
+    for (var i = 0; i &lt; data.length; i += 4) {
+      var avg = (data[i] + data[i + 1] + data[i + 2]) / 3;
+      data[i]     = avg; // red
+      data[i + 1] = avg; // green
+      data[i + 2] = avg; // blue
+    }
+    ctx.putImageData(imageData, 0, 0);
+  };
+
+  var invertbtn = document.getElementById('invertbtn');
+  invertbtn.addEventListener('click', invert);
+  var grayscalebtn = document.getElementById('grayscalebtn');
+  grayscalebtn.addEventListener('click', grayscale);
+}
+</pre>
+
+<p>{{ EmbedLiveSample('Grayscaling_and_inverting_colors', 330, 270) }}</p>
+
+<h2 id="Ampliació_i_suavitzat">Ampliació i suavitzat</h2>
+
+<p>Amb l'ajuda del mètode {{domxref("CanvasRenderingContext2D.drawImage", "drawImage()")}} un segon llenç i la propietat {{domxref("CanvasRenderingContext2D.imageSmoothingEnabled", "imageSmoothingEnabled")}}, podem ampliar la nostra imatge i veure els detalls.</p>
+
+<p>Obtenim la posició del ratolí, retallem una imatge de 5 píxels a l'esquerra i a dalt a 5 píxels a la dreta i a baix. A continuació, la copiem a un altre llenç i canviem la grandària de la imatge a la grandària que volguem. En el llenç de zoom, canviem la grandària de un retall de 10×10 píxels del llenç original a 200×200.</p>
+
+<pre class="brush: js notranslate">zoomctx.drawImage(canvas,
+                  Math.abs(x - 5), Math.abs(y - 5),
+                  10, 10, 0, 0, 200, 200);</pre>
+
+<p>Atès que el suavitzat (anti-aliasing) està habilitat per defecte, és possible que vulguem deshabilitar el suavitzat per veure els píxels clars. Alternant la casella de verificació es pot veure l'efecte de la propietat <code>imageSmoothingEnabled</code> (necessita prefixos per a diferents navegadors).</p>
+
+<h6 class="hidden" id="Zoom_example">Zoom example</h6>
+
+<div class="hidden">
+<pre class="brush: html; notranslate">&lt;canvas id="canvas" width="300" height="227"&gt;&lt;/canvas&gt;
+&lt;canvas id="zoom" width="300" height="227"&gt;&lt;/canvas&gt;
+&lt;div&gt;
+&lt;label for="smoothbtn"&gt;
+  &lt;input type="checkbox" name="smoothbtn" checked="checked" id="smoothbtn"&gt;
+  Enable image smoothing
+&lt;/label&gt;
+&lt;/div&gt;
+</pre>
+</div>
+
+<pre class="brush: js notranslate">var img = new Image();
+img.crossOrigin = 'anonymous';
+img.src = 'https://mdn.mozillademos.org/files/5397/rhino.jpg';
+img.onload = function() {
+  draw(this);
+};
+
+function draw(img) {
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.drawImage(img, 0, 0);
+  img.style.display = 'none';
+  var zoomctx = document.getElementById('zoom').getContext('2d');
+
+  var smoothbtn = document.getElementById('smoothbtn');
+  var toggleSmoothing = function(event) {
+    zoomctx.imageSmoothingEnabled = this.checked;
+    zoomctx.mozImageSmoothingEnabled = this.checked;
+    zoomctx.webkitImageSmoothingEnabled = this.checked;
+    zoomctx.msImageSmoothingEnabled = this.checked;
+  };
+  smoothbtn.addEventListener('change', toggleSmoothing);
+
+  var zoom = function(event) {
+    var x = event.layerX;
+    var y = event.layerY;
+    zoomctx.drawImage(canvas,
+                      Math.abs(x - 5),
+                      Math.abs(y - 5),
+                      10, 10,
+                      0, 0,
+                      200, 200);
+  };
+
+  canvas.addEventListener('mousemove', zoom);
+}</pre>
+
+<p>{{ EmbedLiveSample('Zoom_example', 620, 490) }}</p>
+
+<h2 id="Guardar_imatges">Guardar imatges</h2>
+
+<p>El {{domxref("HTMLCanvasElement")}} proporciona un mètode <code>toDataURL()</code>, que és útil quan es guarden imatges. Retorna un <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/data_URIs">URI de dades</a> que conté una representació de la imatge en el format especificat pel paràmetre <code>type</code> (per defecte en <a class="external external-icon" href="https://en.wikipedia.org/wiki/Portable_Network_Graphics">PNG</a>). La imatge retornada té una resolució de 96 dpi.</p>
+
+<dl>
+ <dt>{{domxref("HTMLCanvasElement.toDataURL", "canvas.toDataURL('image/png')")}}</dt>
+ <dd>Configuració per defecte. Crea una imatge PNG.</dd>
+ <dt>{{domxref("HTMLCanvasElement.toDataURL", "canvas.toDataURL('image/jpeg', quality)")}}</dt>
+ <dd>Crea una imatge JPG. Opcionalment, pot proporcionar una qualitat en el rang de 0 a 1, sent una d'elles la millor qualitat i amb 0 gairebé no recognoscible, però, petita en grandària d'arxiu.</dd>
+</dl>
+
+<p>Una vegada que s'hagi generat un URI de dades des del llenç, es podrà utilitzar com a font de qualsevol {{HTMLElement("image")}} o posar-ho en un hipervíncle amb un <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download">atribut de descàrrega</a> per guardar-ho en el disc, per exemple.</p>
+
+<p>També es pot crear un {{domxref("Blob")}} des del llenç.</p>
+
+<dl>
+ <dt>{{domxref("HTMLCanvasElement.toBlob", "canvas.toBlob(callback, type, encoderOptions)")}}</dt>
+ <dd>Crea un objecte <code>Blob,</code> representant la imatge continguda en el llenç.</dd>
+</dl>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{domxref("ImageData")}}</li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Manipulating_video_using_canvas">Manipular vídeo usant canvas</a></li>
+ <li><a href="https://codepo8.github.io/canvas-images-and-pixels/">Canvas, imatges i pixels – per Christian Heilmann</a></li>
+</ul>
+
+<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Advanced_animations", "Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility")}}</p>
diff --git a/files/ca/web/api/canvas_api/tutorial/transformacions/index.html b/files/ca/web/api/canvas_api/tutorial/transformacions/index.html
new file mode 100644
index 0000000000..2958d40498
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/transformacions/index.html
@@ -0,0 +1,290 @@
+---
+title: Transformacions
+slug: Web/API/Canvas_API/Tutorial/Transformacions
+tags:
+  - Canvas
+  - Graphics
+  - Guide
+  - HTML
+  - HTML5
+  - Intermediate
+  - Web
+translation_of: Web/API/Canvas_API/Tutorial/Transformations
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Using_images", "Web/API/Canvas_API/Tutorial/Compositing")}}</div>
+
+<div class="summary">Anteriorment en aquest tutorial hem après sobre la graella de canvas i l'<strong>espai de coordenades</strong>. Fins ara, només usàvem la graella per defecte i canviàvem la grandària del llenç per a les nostres necessitats. Amb les transformacions, hi ha formes més poderoses de traslladar l'origen a una posició diferent, girar la graella i fins i tot escalar-la.</div>
+
+<h2 id="Saving_and_restoring_state" name="Saving_and_restoring_state">Guardar i restaurar l'estat</h2>
+
+<p>Abans de veure els mètodes de transformació, vegem altres dos mètodes que són indispensables una vegada que comencem a generar dibuixos cada vegada més complexos.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.save", "save()")}}</dt>
+ <dd>Guarda tot l'estat del llenç.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.restore", "restore()")}}</dt>
+ <dd>Restaura l'estat del llenç guardat més recent.</dd>
+</dl>
+
+<p>Els estats del llenç s'emmagatzemen en una pila. Cada vegada que es crida al mètode <code>save()</code> l'estat del dibuix actual es mou a la pila. L'estat d'un dibuix consisteix de</p>
+
+<ul>
+ <li>Les transformacions que s'han aplicat (i.e. <code>translate</code>, <code>rotate</code> i <code>scale</code> – vegeu a continuació).</li>
+ <li>Els valors actuals dels següents atributs: {{domxref("CanvasRenderingContext2D.strokeStyle", "strokeStyle")}}, {{domxref("CanvasRenderingContext2D.fillStyle", "fillStyle")}}, {{domxref("CanvasRenderingContext2D.globalAlpha", "globalAlpha")}}, {{domxref("CanvasRenderingContext2D.lineWidth", "lineWidth")}}, {{domxref("CanvasRenderingContext2D.lineCap", "lineCap")}}, {{domxref("CanvasRenderingContext2D.lineJoin", "lineJoin")}}, {{domxref("CanvasRenderingContext2D.miterLimit", "miterLimit")}}, {{domxref("CanvasRenderingContext2D.lineDashOffset", "lineDashOffset")}}, {{domxref("CanvasRenderingContext2D.shadowOffsetX", "shadowOffsetX")}}, {{domxref("CanvasRenderingContext2D.shadowOffsetY", "shadowOffsetY")}}, {{domxref("CanvasRenderingContext2D.shadowBlur", "shadowBlur")}}, {{domxref("CanvasRenderingContext2D.shadowColor", "shadowColor")}}, {{domxref("CanvasRenderingContext2D.globalCompositeOperation", "globalCompositeOperation")}}, {{domxref("CanvasRenderingContext2D.font", "font")}}, {{domxref("CanvasRenderingContext2D.textAlign", "textAlign")}}, {{domxref("CanvasRenderingContext2D.textBaseline", "textBaseline")}}, {{domxref("CanvasRenderingContext2D.direction", "direction")}}, {{domxref("CanvasRenderingContext2D.imageSmoothingEnabled", "imageSmoothingEnabled")}}.</li>
+ <li>La <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing#Clipping_paths">trajectòria de retall</a> actual, que veurem a la següent secció.</li>
+</ul>
+
+<p>Es pot cridar al mètode <code>save()</code> tantes vegades com es vulgui. Cada vegada que es crida al mètode <code>restore()</code> l'últim estat desat s'elimina de la pila i es restauren tots les configuracions guardades.</p>
+
+<h3 id="A_save_and_restore_canvas_state_example" name="A_save_and_restore_canvas_state_example">Un exemple de <code>save</code> i <code>restore</code> de l'estat del llenç</h3>
+
+<p>Aquest exemple intenta il·lustrar com funciona la pila d'estats del dibuix en dibuixar un conjunt de rectangles consecutius.</p>
+
+<pre class="brush: js; highlight:[5,10,15,18]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  ctx.fillRect(0, 0, 150, 150);   // Dibuixa un rectangle amb la configuració per defecte
+  ctx.save();                  // Guarda el estat predeterminat
+
+  ctx.fillStyle = '#09F';      // Es fan canvis a la configuració
+  ctx.fillRect(15, 15, 120, 120); // Es dibuixa un rectangle amb la nova configuració
+
+  ctx.save();                  // Es guarda el estat actual
+  ctx.fillStyle = '#FFF';      // Es fan canvis a la configuració
+  ctx.globalAlpha = 0.5;
+  ctx.fillRect(30, 30, 90, 90);   // Es dibuixa un rectangle amb la nova configuració
+
+  ctx.restore();               // Es restaura el estat anterior
+  ctx.fillRect(45, 45, 60, 60);   // Es dibuixa un rectangle amb la configuració restaurada
+
+  ctx.restore();               // Es restaura el estat original
+  ctx.fillRect(60, 60, 30, 30);   // Es dibuixa un rectangle amb la configuració restaurada</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>El primer pas és dibuixar un gran rectangle amb la configuració predeterminada.  A continuació guardem aquest estat i fem canvis en el color de farcit. Després dibuixem el segon rectangle blau i més petit i guardem l'estat. De nou canviem algunes configuracions de dibuix i dibuixem el tercer rectangle blanc semitransparent.</p>
+
+<p>Fins ara, això és bastant similar al que hem fet en les seccions anteriors. No obstant això, una vegada que cridem a la primera instrucció <code>restore()</code> l'estat del dibuix superior s'elimina de la pila i es restaura la configuració. Si no haguéssim guardat l'estat usant <code>save()</code>, hauríem de canviar el color de farcit i la transparència manualment, per tornar a l'estat anterior. Això seria fàcil per a dues propietats, però si tenim més que això, el nostre codi es faria molt llarg, molt ràpid.</p>
+
+<p>Quan es crida a la segona instrucció <code>restore()</code>, es restaura l'estat original (el que hem configurat abans de la primera crida <code>save</code>) i l'últim rectangle es dibuixa de nou en negre.</p>
+
+<p>{{EmbedLiveSample("A_save_and_restore_canvas_state_example", "180", "180", "https://mdn.mozillademos.org/files/249/Canvas_savestate.png")}}</p>
+
+<h2 id="Translating" name="Translating">Traslladar</h2>
+
+<p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/234/Canvas_grid_translate.png" style="float: right;">El primer dels mètodes de transformació que veurem és <code>translate()</code>. Aquest mètode s'utilitza per moure el llenç i el seu origen a un punt diferent de la graella.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.translate", "translate(x, y)")}}</dt>
+ <dd>Mou el llenç i el seu origen en la graella. <code>x</code> indica la distància horitzontal a moure, i <code>y</code> indica quanta distància s'ha de moure la graella verticalment.</dd>
+</dl>
+
+<p>És una bona idea guardar l'estat del llenç abans de fer qualsevol transformació. En la majoria dels casos, és més fàcil cridar al mètode <code>restore</code>, que haver de fer una traslació inversa per tornar a l'estat original. També, si estem trasladant dins d'un bucle i no guardem i restaurem l'estat del llenç, pot ser que acabem perdent part del dibuix, ja que es va dibuixar fora de la vora del llenç.</p>
+
+<h3 id="A_translate_example" name="A_translate_example">Un exemple de <code>translate</code></h3>
+
+<p>Aquest exemple demostra alguns dels beneficis de traslladar l'origen del llenç. Sense el mètode <code>translate()</code>, tots els rectangles es dibuixarien en la mateixa posició (0,0). El mètode <code>translate()</code>, també ens dóna la llibertat de col·locar el rectangle en qualsevol lloc del llenç, sense haver d'ajustar manualment les coordenades en la funció <code>fillRect()</code>. Això fa que sigui una mica més fàcil d'entendre i usar.</p>
+
+<p>En la funció <code>draw()</code>, cridem a la funció <code>fillRect()</code> nou vegades, usant dos  bucles <code>for</code>. En cada bucle, el llenç es trasllada, es dibuixa el rectangle i el llenç torna al seu estat original. Observem com la crida a <code>fillRect()</code> usa les mateixes coordenades cada vegada, confiant en <code>translate()</code> per ajustar la posició del dibuix.</p>
+
+<pre class="brush: js; highlight:[7]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  for (var i = 0; i &lt; 3; i++) {
+    for (var j = 0; j &lt; 3; j++) {
+      ctx.save();
+      ctx.fillStyle = 'rgb(' + (51 * i) + ', ' + (255 - 51 * i) + ', 255)';
+      ctx.translate(10 + j * 50, 10 + i * 50);
+      ctx.fillRect(0, 0, 25, 25);
+      ctx.restore();
+    }
+  }
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_translate_example", "160", "160", "https://mdn.mozillademos.org/files/9857/translate.png")}}</p>
+
+<h2 id="Rotating" name="Rotating">Girar</h2>
+
+<p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/233/Canvas_grid_rotate.png" style="float: right;">El segon mètode de transformació és <code>rotate()</code>. Se usa per girar el llenç al voltant de l'origen actual.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.rotate", "rotate(angle)")}}</dt>
+ <dd>Gira el llenç en sentit horari, al voltant de l'origen actual pel nombre d'<code>angle</code> de radiants.</dd>
+</dl>
+
+<p>El punt central de gir és sempre l'origen del llenç. Per canviar el punt central, necessitarem moure el llenç usant el mètode <code>translate()</code>.</p>
+
+<h3 id="A_rotate_example" name="A_rotate_example">Un exemple de <code>rotate</code></h3>
+
+<p>En aquest exemple, usarem el mètode <code>rotate()</code> para girar primer un rectangle des de l'origen del llenç, i després des del centre del rectangle mateix amb l'ajuda de <code>translate()</code>.</p>
+
+<div class="note">
+<p><strong>Recordatori</strong>: Els angles estan en radiants, no en graus. Per fer la conversació, estem usant: <code>radians = (Math.PI/180)*degrees</code>.</p>
+</div>
+
+<pre class="brush: js; highlight:[9, 23]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  // <span class="s3gt_translate_tooltip_variant" id="s3gt_translate_tooltip_variant_to_id_0">rectangles esquerra, giren a partir d'origen del llenç</span>
+  ctx.save();
+  // rect blau
+  ctx.fillStyle = '#0095DD';
+  ctx.fillRect(30, 30, 100, 100);
+  ctx.rotate((Math.PI / 180) * 25);
+  // grey rect
+  ctx.fillStyle = '#4D4E53';
+  ctx.fillRect(30, 30, 100, 100);
+  ctx.restore();
+
+  // <span class="s3gt_translate_tooltip_variant" id="s3gt_translate_tooltip_variant_to_id_0">rectangles drets, giren des del centre del rectangle</span>
+  // dibuixa rect blau
+  ctx.fillStyle = '#0095DD';
+  ctx.fillRect(150, 30, 100, 100);
+
+  ctx.translate(200, 80); // trasllada al rectangle central
+                          // x = x + 0.5 * width
+                          // y = y + 0.5 * height
+  ctx.rotate((Math.PI / 180) * 25); // gira
+  ctx.translate(-200, -80); // traslladar de nou
+
+  // dibuixa rect gris
+  ctx.fillStyle = '#4D4E53';
+  ctx.fillRect(150, 30, 100, 100);
+}
+</pre>
+
+<p>Per girar el rectangle al voltant del seu propi centre, traslladem el llenç al centre del rectangle, després girem el llenç i tornem a traslladar el llenç a 0,0, i a continuació dibuixem el rectangle.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="300" height="200"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_rotate_example", "310", "210", "https://mdn.mozillademos.org/files/9859/rotate.png")}}</p>
+
+<h2 id="Scaling" name="Scaling">Escalar</h2>
+
+<p>El següent mètode de transformació és l'escalat. Ho usem per augmentar o disminuir les unitats en la graella del llenç. Això es pot utilitzar per dibuixar formes i mapes de bits reduïts o ampliats.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.scale", "scale(x, y)")}}</dt>
+ <dd>Escala les unitats del llenç, per x horitzontalment i per y verticalment. Tots dos paràmetres són nombres reals. Els valors inferiors a 1.0 redueixen la grandària de la unitat i els valors superiors a 1.0 augmenten la grandària de la unitat. Els valors a 1.0 deixen les unitats de la mateixa grandària.</dd>
+</dl>
+
+<p>Usant nombres negatius es pot fer la replica d'eixos (per exemple, usant <code>translate(0,canvas.height); scale(1,-1);</code> tindrem el conegut sistema de coordenades cartesianes, amb l'origen en la cantonada inferior esquerra).</p>
+
+<p>Per defecte, una unitat en el llenç és exactament un píxel. Si apliquem, per exemple, un factor d'escala de 0.5, la unitat resultant es convertirà en 0.5 píxels i per tant les formes es dibuixaran a meitat de la seva grandària. De manera similar, si s'ajusta el factor d'escala a 2.0, la grandària de la unitat augmentarà i una unitat ara es converteix en dos píxels. Això dona com a resultat que les formes es dibuixin dues vegades més grans.</p>
+
+<h3 id="A_scale_example" name="A_scale_example">Un exemple de <code>scale</code></h3>
+
+<p><span class="s3gt_translate_tooltip_variant" id="s3gt_translate_tooltip_variant_to_id_0">En aquest últim exemple, dibuixarem formes amb diferents factors d'escala.</span></p>
+
+<pre class="brush: js; highlight:[6,11]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  // <span class="short_text" id="result_box" lang="ca"><span>dibuixar un rectangle senzill, però escalar-lo</span></span>.
+  ctx.save();
+  ctx.scale(10, 3);
+  ctx.fillRect(1, 10, 10, 10);
+  ctx.restore();
+
+  // mirror horizontally
+  ctx.scale(-1, 1);
+  ctx.font = '48px serif';
+  ctx.fillText('MDN', -135, 120);
+}
+
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("A_scale_example", "160", "160", "https://mdn.mozillademos.org/files/9861/scale.png")}}</p>
+
+<h2 id="Transforms" name="Transforms">Transformar</h2>
+
+<p>Finalment, els següents mètodes de transformació permeten modificar directament la matriu de transformació.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.transform", "transform(a, b, c, d, e, f)")}}</dt>
+ <dd>Multiplica la matriu de transformació actual amb la matriu descrita pels seus arguments. La matriu de transformació és descrita per: <math><semantics><mrow><mo>[</mo><mtable columnalign="center center center" rowspacing="0.5ex"><mtr><mtd><mi>a</mi></mtd><mtd><mi>c</mi></mtd><mtd><mi>e</mi></mtd></mtr><mtr><mtd><mi>b</mi></mtd><mtd><mi>d</mi></mtd><mtd><mi>f</mi></mtd></mtr><mtr><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd></mtr></mtable><mo>]</mo></mrow><annotation encoding="TeX">\left[ \begin{array}{ccc} a &amp; c &amp; e \\ b &amp; d &amp; f \\ 0 &amp; 0 &amp; 1 \end{array} \right]</annotation></semantics></math></dd>
+</dl>
+
+<dl>
+ <dd>Si qualsevol dels arguments és <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity">Infinity</a></code>, la matriu de transformació ha de ser marcada com a infinita en lloc que el mètode llanci una excepció.</dd>
+</dl>
+
+<p>Els paràmetres d'aquesta funció són:</p>
+
+<dl>
+ <dt><code>a (m11)</code></dt>
+ <dd>Escalat horitzontal.</dd>
+ <dt><em><code>b (m12)</code></em></dt>
+ <dd>Desviació Horizontal.</dd>
+ <dt><code>c (m21)</code></dt>
+ <dd>Desviació Vertical.</dd>
+ <dt><code>d (m22)</code></dt>
+ <dd>Escalat Vertical.</dd>
+ <dt><code>e (dx)</code></dt>
+ <dd>Moviment Horizontal.</dd>
+ <dt><code>f (dy)</code></dt>
+ <dd>Moviment Vertical.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.setTransform", "setTransform(a, b, c, d, e, f)")}}</dt>
+ <dd>Reinicia la transformació actual a la matriu d'identitat i, a continuació, invoca el mètode <code>transform()</code> amb els mateixos arguments. Això, bàsicament, desfà la transformació actual, i després estableix la transformació especificada, tot en un sol pas.</dd>
+ <dt>{{domxref("CanvasRenderingContext2D.resetTransform", "resetTransform()")}}</dt>
+ <dd>Reinicia la transformació actual a la matriu d'identitat. Això és el mateix que cridar: <code>ctx.setTransform(1, 0, 0, 1, 0, 0);</code></dd>
+</dl>
+
+<h3 id="Exemple_de_transform_i_setTransform">Exemple de <code>transform</code> i <code>setTransform</code></h3>
+
+<pre class="brush: js; highlight:[12,15]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+
+  var sin = Math.sin(Math.PI / 6);
+  var cos = Math.cos(Math.PI / 6);
+  ctx.translate(100, 100);
+  var c = 0;
+  for (var i = 0; i &lt;= 12; i++) {
+    c = Math.floor(255 / 12 * i);
+    ctx.fillStyle = 'rgb(' + c + ', ' + c + ', ' + c + ')';
+    ctx.fillRect(0, 0, 100, 10);
+    ctx.transform(cos, sin, -sin, cos, 0, 0);
+  }
+
+  ctx.setTransform(-1, 0, 0, 1, 100, 100);
+  ctx.fillStyle = 'rgba(255, 128, 255, 0.5)';
+  ctx.fillRect(0, 50, 100, 100);
+}
+</pre>
+
+<div class="hidden">
+<pre class="brush: html">&lt;canvas id="canvas" width="200" height="250"&gt;&lt;/canvas&gt;</pre>
+
+<pre class="brush: js">draw();</pre>
+</div>
+
+<p>{{EmbedLiveSample("Example_for_transform_and_setTransform", "230", "280", "https://mdn.mozillademos.org/files/255/Canvas_transform.png")}}</p>
+
+<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Using_images", "Web/API/Canvas_API/Tutorial/Compositing")}}</p>
+
+<div class="s3gt_translate_tooltip_mini_box" id="s3gt_translate_tooltip_mini" style="position: absolute; left: 224px; top: 1401px; opacity: 0;">
+<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_logo" title="Traducir texto seleccionado"> </div>
+
+<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_sound" title="Reproducir"> </div>
+
+<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_copy" title="Copy text to Clipboard"> </div>
+</div>
diff --git a/files/ca/web/api/canvas_api/tutorial/using_images/index.html b/files/ca/web/api/canvas_api/tutorial/using_images/index.html
new file mode 100644
index 0000000000..6d568024ee
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/using_images/index.html
@@ -0,0 +1,339 @@
+---
+title: Usar imatges
+slug: Web/API/Canvas_API/Tutorial/Using_images
+tags:
+  - Advanced
+  - Canvas
+  - Graphics
+  - HTML
+  - Tutorial
+translation_of: Web/API/Canvas_API/Tutorial/Using_images
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Drawing_text", "Web/API/Canvas_API/Tutorial/Transformations" )}}</div>
+
+<div class="summary">
+<p>Fins ara hem creat les nostres pròpies <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes">formes</a> i <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">aplicat estils</a> a elles. Una de les característiques més interessants de {{HTMLElement("canvas")}} és la capacitat d'usar imatges.  Aquestes poden ser usades per fer composicions fotogràfiques dinàmiques o com a telons de fons de gràfics, per sprites en jocs, etcètera. Les imatges externes es poden utilitzar en qualsevol format compatible amb el navegador, com PNG, GIF o JPEG. Fins i tot es pot utilitzar la imatge produïda per altres elements de canvas a la mateixa pàgina que la font!</p>
+</div>
+
+<p> Importar imatges en un llenç és bàsicament un procés de dos passos:</p>
+
+<ol>
+ <li>Obtenir una referència a un objecte {{domxref("HTMLImageElement")}} o a un altre element de canvas com a font. També és possible utilitzar imatges proporcionant una URL.</li>
+ <li>Dibuixi la imatge en el llenç usant la funció <code>drawImage()</code>.</li>
+</ol>
+
+<p>Feu un cop d'ull a com fer això.</p>
+
+<h2 id="Obtenir_imatges_per_dibuixar">Obtenir imatges per dibuixar</h2>
+
+<p>L'API de canvas pot utilitzar qualsevol dels següents tipus de dades com a font d'imatge:</p>
+
+<dl>
+ <dt>{{domxref("HTMLImageElement")}}</dt>
+ <dd>Aquestes són imatges creades usant el constructor <code>Image()</code>, així com qualsevol element {{HTMLElement("img")}}.</dd>
+ <dt>{{domxref("SVGImageElement")}}</dt>
+ <dd>Aquestes són imatges incrustades usant l'element {{SVGElement("image")}}.</dd>
+ <dt>{{domxref("HTMLVideoElement")}}</dt>
+ <dd>L'ús d'un element HTML {{HTMLElement("video")}} com a font d'imatge, pren el marc actual del vídeo i ho utilitza com a imatge.</dd>
+ <dt>{{domxref("HTMLCanvasElement")}}</dt>
+ <dd>Es pot utilitzar un altre element {{HTMLElement("canvas")}} com la seva font d'imatge</dd>
+</dl>
+
+<p>Aquestes fonts es refereixen col·lectivament pel tipus {{domxref("CanvasImageSource")}}.</p>
+
+<p>Hi ha diverses maneres d'obtenir imatges per usar-les en un llenç.</p>
+
+<h3 id="Usar_imatges_de_la_mateixa_pàgina">Usar imatges de la mateixa pàgina</h3>
+
+<p>Es pot obtenir una referència a les imatges en la mateixa pàgina que el llenç utilitzant una de les següents opcions:</p>
+
+<ul>
+ <li>La col·lecció {{domxref("document.images")}}.</li>
+ <li>El mètode {{domxref("document.getElementsByTagName()")}}.</li>
+ <li>Si es coneix l'ID de la imatge específica que es desitja utilitzar, es pot usar {{domxref("document.getElementById()")}} per recuperar aquesta imatge específica.</li>
+</ul>
+
+<h3 id="Usar_imatges_d'altres_dominis">Usar imatges d'altres dominis</h3>
+
+<p>Usant l'atribut {{htmlattrxref("crossorigin", "img")}} d'un element {{HTMLElement("img")}} (reflectit per la propietat {{domxref("HTMLImageElement.crossOrigin")}} property), es pot sol·licitar permís per carregar una imatge d'un altre domini per usar-la cridant a <code>drawImage()</code>. Si el domini d'allotjament permet l'accés de domini creuat a la imatge, la imatge es pot utilitzar en el  llenç sense corrompre's; en cas contrari, usar la imatge <a href="https://developer.mozilla.org/en-US/docs/HTML/CORS_Enabled_Image#What_is_a_.22tainted.22_canvas.3F">corromprà el llenç</a>.</p>
+
+<h3 id="Usar_altres_elements_de_canvas">Usar altres elements de canvas</h3>
+
+<p>Igual que amb les imatges normals, accedim a altres elements de canvas usant el mètode {{domxref("document.getElementsByTagName()")}} o {{domxref("document.getElementById()")}}. Hem d'estar segurs d'haver dibuixat alguna cosa en el llenç font abans d'usar-ho en el llenç de destinació.</p>
+
+<p>Un dels usos més pràctics d'això seria usar un segon element de canvas com a vista en miniatura de l'altre canvas més gran.</p>
+
+<h3 id="Crear_una_imatge_des_de_zero">Crear una imatge des de zero</h3>
+
+<p>Una altra opció és crear nous {{domxref("HTMLImageElement")}} en un script. Per fer-ho, hem d'utilitzar el constructor adequat <code>Image()</code>:</p>
+
+<pre class="brush: js">var img = new Image();   // Create new img element
+img.src = 'myImage.png'; // Set source path
+</pre>
+
+<p>Quan s'executa aquest script, la imatge comença a carregar-se.</p>
+
+<p>Si intentem cridar <code>drawImage()</code> abans que la imatge s'hagi acabat de carregar, no farà res (o, en navegadors antics, fins i tot pot arribar a produir una excepció). Per tant, ens hem d'assegurar d'utilitzar l'esdeveniment <em>load</em> per no intentar-ho abans de que la imatge es carregui:</p>
+
+<pre class="brush: js">var img = new Image();   // Create new img element
+img.addEventListener('load', function() {
+  // execute drawImage statements here
+}, false);
+img.src = 'myImage.png'; // Set source path
+</pre>
+
+<p>Si només s'utilitza una imatge externa, això pot ser un bon enfocament, però una vegada que es necessiti rastrejar més d'una, es necessitarà recórrer a una mica més intel·ligent. Està fora de l'abast d'aquest tutorial examinar tàctiques de precàrrega d'imatges, però cal tenir-ho en ment.</p>
+
+<h3 id="Incrustar_una_imatge_mitjançant_dades_URL">Incrustar una imatge mitjançant dades: URL</h3>
+
+<p>Una altra forma possible d'incloure imatges és a través de les <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/data_URIs">dades: url</a>. Les URLs de dades permeten definir completament una imatge com una cadena de caràcters codificats en Base64, directament en el codi.</p>
+
+<pre class="brush: js">var img = new Image();   // Create new img element
+img.src = 'data:image/gif;base64,R0lGODlhCwALAIAAAAAA3pn/ZiH5BAEAAAEALAAAAAALAAsAAAIUhA+hkcuO4lmNVindo7qyrIXiGBYAOw==';
+</pre>
+
+<p>Un avantatge de les URL de dades és que la imatge resultant està disponible immediatament sense un altre viatge d'anada i tornada al servidor. Un altre avantatge potencial és que també és possible encapsular en un sol arxiu tots els nostres arxius <a href="/en-US/docs/Web/CSS" title="/en-US/docs/Web/CSS">CSS</a>, <a href="/en-US/docs/Web/JavaScript" title="/en-US/docs/Web/JavaScript">JavaScript</a>, <a href="/en-US/docs/Web/HTML" title="/en-US/docs/Web/HTML">HTML</a> i imatges, fent-los més portàtils a altres ubicacions.</p>
+
+<p>Alguns desavantatges d'aquest mètode són que la imatge no està emmagatzemada a la memòria cau, i per a imatges més grans la url codificada pot arribar a ser bastant llarga.</p>
+
+<h3 id="Usar_marcs_d'un_vídeo">Usar marcs d'un vídeo</h3>
+
+<p>També es pot utilitzar marcs d'un vídeo, presentat per un element {{HTMLElement("video")}} (fins i tot si el vídeo no és visible). Per exemple, si tenim un element {{HTMLElement("video")}} amb l'ID "myvideo", es pot fer:</p>
+
+<pre class="brush: js">function getMyVideo() {
+  var canvas = document.getElementById('canvas');
+  if (canvas.getContext) {
+    var ctx = canvas.getContext('2d');
+
+    return document.getElementById('myvideo');
+  }
+}
+</pre>
+
+<p>Això retorna l'objecte {{domxref("HTMLVideoElement")}} per al vídeo, que, com s'ha explicat anteriorment, és un dels objectes que es pot utilitzar com <code>CanvasImageSource</code>.</p>
+
+<h2 id="Dibuixar_imatges">Dibuixar imatges</h2>
+
+<p>Una vegada que tenim una referència al nostre objecte d'imatge font podem usar el mètode <code>drawImage()</code> para representar-la en el llenç. Com veurem més endavant el mètode <code>drawImage()</code> està sobrecarregat i té diverses variants. En la seva forma més bàsica, es veu així:</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.drawImage", "drawImage(image, x, y)")}}</dt>
+ <dd>Dibuixa el <code>CanvasImageSource</code> especificat pel paràmetre <code>image</code> en les coordenades (<code>x</code>, <code>y</code>).</dd>
+</dl>
+
+<div class="note">
+<p>Les imatges SVG han d'especificar un amplada i una alçada en l'element arrel &lt;svg&gt;.</p>
+</div>
+
+<h3 id="Exemple_Un_gràfic_de_línia_senzilla">Exemple: Un gràfic de línia senzilla</h3>
+
+<p>En el següent exemple, utilitzarem una imatge externa com a fons per un petit gràfic de línia. L'ús de fons pot fer que el script sigui considerablement més petit perquè evitem la necessitat de codi per generar el fons. En aquest exemple, només estem utilitzant una imatge, per la qual cosa s'utilitza el controlador d'esdeveniments <code>load</code> de l'objecte image per executar les sentències de dibuix. El mètode <code>drawImage()</code> col·loca el fons en la coordenada (0,0), que és la cantonada superior esquerra del llenç.</p>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="180" height="150"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js;highlight[5]">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  var img = new Image();
+  img.onload = function() {
+    ctx.drawImage(img, 0, 0);
+    ctx.beginPath();
+    ctx.moveTo(30, 96);
+    ctx.lineTo(70, 66);
+    ctx.lineTo(103, 76);
+    ctx.lineTo(170, 15);
+    ctx.stroke();
+  };
+  img.src = 'https://mdn.mozillademos.org/files/5395/backdrop.png';
+}</pre>
+
+<p><span class="s3gt_translate_tooltip_variant" id="s3gt_translate_tooltip_variant_to_id_0">El gràfic resultant és el següent</span>:</p>
+
+<p>{{EmbedLiveSample("Example_A_simple_line_graph", 220, 160, "https://mdn.mozillademos.org/files/206/Canvas_backdrop.png")}}</p>
+
+<h2 id="Escalar">Escalar</h2>
+
+<p>La segona variant del mètode <code>drawImage()</code> afegeix dos nous paràmetres i ens permet col·locar imatges a escala en el llenç.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.drawImage", "drawImage(image, x, y, width, height)")}}</dt>
+ <dd>Això afegeix els paràmetres <code>width</code> i <code>height</code>, que indiquen la grandària al que s'ha d'escalar la imatge en dibuixar-la sobre el llenç.</dd>
+</dl>
+
+<h3 id="Exemple_Mosaic_d'una_imatge">Exemple: Mosaic d'una imatge</h3>
+
+<p>En aquest exemple, usarem una imatge com a fons de pantalla i la repetirem diverses vegades sobre el llenç. Això es fa, simplement, fent un bucle i col·locant les imatges escalades en diferents posicions. En el codi següent, el primer cicle de bucle itera sobre les files. El segon cicle <code>for</code> itera sobre les columnes. La imatge s'escala a un terç de la seva grandària original, que és de 50x38 píxels.</p>
+
+<div class="note">
+<p><strong>Nota</strong>: Les imatges poden tornar-se borroses en augmentar l'escala o granuloses si es redueixen massa. Escalar és millor no fer-ho, si tenim una mica de text que ha de seguir sent llegible.</p>
+</div>
+
+<div class="hidden">
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<pre class="brush: js">function draw() {
+  var ctx = document.getElementById('canvas').getContext('2d');
+  var img = new Image();
+  img.onload = function() {
+    for (var i = 0; i &lt; 4; i++) {
+      for (var j = 0; j &lt; 3; j++) {
+        ctx.drawImage(img, j * 50, i * 38, 50, 38);
+      }
+    }
+  };
+  img.src = 'https://mdn.mozillademos.org/files/5397/rhino.jpg';
+}</pre>
+
+<p>El llenç resultant es veu així:</p>
+
+<p>{{EmbedLiveSample("Example_Tiling_an_image", 160, 160, "https://mdn.mozillademos.org/files/251/Canvas_scale_image.png")}}</p>
+
+<h2 id="Retallar">Retallar</h2>
+
+<p>La tercera i última variant del mètode <code>drawImage()</code> té vuit paràmetres a més de la font d'imatge. Ens permet retallar una secció de la imatge font, després escalar-la i dibuixar-la en el llenç.</p>
+
+<dl>
+ <dt>{{domxref("CanvasRenderingContext2D.drawImage", "drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)")}}</dt>
+ <dd>Donada una <code>image</code>, aquesta funció pren l'àrea de la imatge font especificada pel rectangle, la cantonada superior esquerra de la qual és (<code>sx</code>, <code>sy</code>) i l'amplada de la qual i l'alçada són <code>sWidth</code> i <code>sHeight</code> i la dibuixa en el llenç, col·locant-la sobre el llenç a (<code>dx</code>, <code>dy</code>) i escalant-la a la grandària especificada per <code>dWidth</code> i <code>dHeight</code>.</dd>
+</dl>
+
+<p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/225/Canvas_drawimage.jpg" style="float: right; height: 290px; width: 300px;">Per entendre realment què fa això, pot ajudar, mirar la imatge a la dreta. Els primers quatre paràmetres defineixen la ubicació i la grandària del retall en la imatge font. Els últims quatre paràmetres defineixen el rectangle en el qual dibuixar la imatge sobre el llenç de destinació.</p>
+
+<p>El retallar pot ser una eina útil quan es desitja fer composicions. Es pot tenir tots els elements en un sol arxiu d'imatge i usar aquest mètode per compondre un dibuix complet. Per exemple, si es vol fer una gràfic, tenint una imatge PNG que contingui tot el text necessari en un sol arxiu i depenent de les dades, es podria canviar l'escala del gràfic amb bastant facilitat. Un altre avantatge és que no es necessita carregar cada imatge individualment, la qual cosa millora el rendiment de la càrrega.</p>
+
+<h3 id="Exemple_Enquadrar_una_imatge">Exemple: Enquadrar una imatge</h3>
+
+<p>En aquest exemple, usarem el mateix rinoceront que en l'exemple anterior, però li retallarem el cap i el compondrem en un marc d'imatge. La imatge del marc és una imatge PNG de 24 bits que inclou una ombra. A causa que les imatges PNG de 24 bits inclouen un canal alfa complet de 8 bits, a diferència de les imatges GIF i PNG de 8 bits, es poden col·locar en qualsevol fons sense que preocupi el color mat.</p>
+
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;
+   &lt;div style="display:none;"&gt;
+     &lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
+     &lt;img id="frame" src="https://mdn.mozillademos.org/files/242/Canvas_picture_frame.png" width="132" height="150"&gt;
+   &lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<pre class="brush: js">function draw() {
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+
+  // Draw slice
+  ctx.drawImage(document.getElementById('source'),
+                33, 71, 104, 124, 21, 20, 87, 104);
+
+  // Draw frame
+  ctx.drawImage(document.getElementById('frame'), 0, 0);
+}</pre>
+
+<p>Aquesta vegada hem pres un enfocament diferent per carregar les imatges. En lloc de carregar-les creant nous objectes {{domxref("HTMLImageElement")}}, les incloem com a etiquetes {{HTMLElement("img")}} directament en el nostre codi font HTML i recuperem les imatges d'aquestes . Les imatges s'oculten de la sortida, establint la propietat CSS {{cssxref("display")}} a <em>none</em> per a aquestes imatges.</p>
+
+<p>{{EmbedLiveSample("Example_Framing_an_image", 160, 160, "https://mdn.mozillademos.org/files/226/Canvas_drawimage2.jpg")}}</p>
+
+<p>El propi script és molt senzill. Cada {{HTMLElement("img")}} se li assigna un atribut ID, la qual cosa facilita la selecció dels mateixos mitjançant {{domxref("document.getElementById()")}}. A continuació, simplement usem <code>drawImage()</code> per retallar el rinoceront de la primera imatge i escalar-lo en el llenç, després dibuixem el marc en la part superior usant una segona crida a <code>drawImage()</code>.</p>
+
+<h2 id="Exemple_de_galeria_d'art">Exemple de galeria d'art</h2>
+
+<p>En l'últim exemple d'aquest capítol, construirem una petita galeria d'art. La galeria consisteix en una taula que conté diverses imatges. Quan es carrega la pàgina, s'insereix un element {{HTMLElement("canvas")}} per a cada imatge i es dibuixa un marc al seu voltant.</p>
+
+<p>En aquest cas, cada imatge té una amplada i alçada fixa, igual que el marc que es dibuixa al seu al voltant. Es pot millorar el script (seqüència de comandaments) perquè usi l'amplada i l'alçada de la imatge, perquè el marc s'adapti perfectament al seu voltant.</p>
+
+<p>El següent codi ha de ser autoexplicatiu. Recorrem el contenidor {{domxref("document.images")}} i afegim nous elements canvas. Probablement l'única cosa que cal tenir en compte, per a aquells que no estan tan familiaritzats amb el DOM, és l'ús del mètode {{domxref("Node.insertBefore")}}. <code>insertBefore()</code> és un mètode del node pare (una cel·la de taula) de l'element (image) en que previament inserirem un nou node (l'element canvas).</p>
+
+<pre class="brush: html">&lt;html&gt;
+ &lt;body onload="draw();"&gt;
+     &lt;table&gt;
+      &lt;tr&gt;
+        &lt;td&gt;&lt;img src="https://mdn.mozillademos.org/files/5399/gallery_1.jpg"&gt;&lt;/td&gt;
+        &lt;td&gt;&lt;img src="https://mdn.mozillademos.org/files/5401/gallery_2.jpg"&gt;&lt;/td&gt;
+        &lt;td&gt;&lt;img src="https://mdn.mozillademos.org/files/5403/gallery_3.jpg"&gt;&lt;/td&gt;
+        &lt;td&gt;&lt;img src="https://mdn.mozillademos.org/files/5405/gallery_4.jpg"&gt;&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+        &lt;td&gt;&lt;img src="https://mdn.mozillademos.org/files/5407/gallery_5.jpg"&gt;&lt;/td&gt;
+        &lt;td&gt;&lt;img src="https://mdn.mozillademos.org/files/5409/gallery_6.jpg"&gt;&lt;/td&gt;
+        &lt;td&gt;&lt;img src="https://mdn.mozillademos.org/files/5411/gallery_7.jpg"&gt;&lt;/td&gt;
+        &lt;td&gt;&lt;img src="https://mdn.mozillademos.org/files/5413/gallery_8.jpg"&gt;&lt;/td&gt;
+      &lt;/tr&gt;
+     &lt;/table&gt;
+     &lt;img id="frame" src="https://mdn.mozillademos.org/files/242/Canvas_picture_frame.png" width="132" height="150"&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p><span id="result_box" lang="ca"><span>I aquí hi ha una mica de CSS per fer que les coses es vegin bé</span></span>:</p>
+
+<pre class="brush: css">body {
+  background: 0 -100px repeat-x url(https://mdn.mozillademos.org/files/5415/bg_gallery.png) #4F191A;
+  margin: 10px;
+}
+
+img {
+  display: none;
+}
+
+table {
+  margin: 0 auto;
+}
+
+td {
+  padding: 15px;
+}
+</pre>
+
+<p>Javascript ho lliga tot junt, per dibuixar les imatges emmarcades:</p>
+
+<pre class="brush: js">function draw() {
+
+  // Loop through all images
+  for (var i = 0; i &lt; document.images.length; i++) {
+
+    // Don't add a canvas for the frame image
+    if (document.images[i].getAttribute('id') != 'frame') {
+
+      // Create canvas element
+      canvas = document.createElement('canvas');
+      canvas.setAttribute('width', 132);
+      canvas.setAttribute('height', 150);
+
+      // Insert before the image
+      document.images[i].parentNode.insertBefore(canvas,document.images[i]);
+
+      ctx = canvas.getContext('2d');
+
+      // Draw image to canvas
+      ctx.drawImage(document.images[i], 15, 20);
+
+      // Add frame
+      ctx.drawImage(document.getElementById('frame'), 0, 0);
+    }
+  }
+}</pre>
+
+<p>{{EmbedLiveSample("Art_gallery_example", 725, 400)}}</p>
+
+<h2 id="Controlar_el_comportament_d'escalat_de_la_imatge">Controlar el comportament d'escalat de la imatge</h2>
+
+<p>Com es va esmentar anteriorment, l'escalat d'imatges pot donar com a resultat objectes borrosos o bloquejats a causa del procés d'escalat. Es pot utilitzar la propietat {{domxref("CanvasRenderingContext2D.imageSmoothingEnabled", "imageSmoothingEnabled")}} del context de dibuix, per controlar l'ús d'algoritmes de suavitzat d'imatge en escalar imatges dins del seu context. Per defecte, això és <code>true</code>, la qual cosa significa que les imatges se suavitzaran en escalar-les. Aquesta característica es pot deshabilitar d'aquesta manera:</p>
+
+<pre class="brush: js">ctx.mozImageSmoothingEnabled = false;
+ctx.webkitImageSmoothingEnabled = false;
+ctx.msImageSmoothingEnabled = false;
+ctx.imageSmoothingEnabled = false;
+</pre>
+
+<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Drawing_text", "Web/API/Canvas_API/Tutorial/Transformations")}}</p>
diff --git a/files/ca/web/api/canvas_api/tutorial/ús_bàsic/index.html b/files/ca/web/api/canvas_api/tutorial/ús_bàsic/index.html
new file mode 100644
index 0000000000..fb15a62d81
--- /dev/null
+++ b/files/ca/web/api/canvas_api/tutorial/ús_bàsic/index.html
@@ -0,0 +1,158 @@
+---
+title: Ús bàsic de canvas
+slug: Web/API/Canvas_API/Tutorial/Ús_bàsic
+tags:
+  - Canvas
+  - Graphics
+  - HTML
+  - Intermediate
+  - Tutorial
+translation_of: Web/API/Canvas_API/Tutorial/Basic_usage
+---
+<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial", "Web/API/Canvas_API/Tutorial/Drawing_shapes")}}</div>
+
+<div class="summary">
+<p>Comencem aquest tutorial consultant l'element {{HTMLElement("canvas")}} {{Glossary("HTML")}}. Al final d'aquesta pàgina, sabreu com configurar un context 2D de canvas i haureu dibuixat un primer exemple en el vostre navegador.</p>
+</div>
+
+<h2 id="L'element_&lt;canvas>">L'element <code>&lt;canvas&gt;</code></h2>
+
+<pre class="brush: html">&lt;canvas id="tutorial" width="150" height="150"&gt;&lt;/canvas&gt;
+</pre>
+
+<p>A primera vista, {{HTMLElement("canvas")}} s'assembla l'element {{HTMLElement("img")}} amb l'única diferència clara, que no té els atributs <code>src</code> i <code>alt</code>. De fet, l'element <code>&lt;canvas&gt;</code> només té dos atributs, {{htmlattrxref("width", "canvas")}} i {{htmlattrxref("height", "canvas")}}. Aquests són opcionals i també es poden establir utilitzant les <a href="/en-US/docs/Web/API/HTMLCanvasElement">properties</a> {{Glossary("DOM")}} . Quan no s'especifiquen els atributs <code>width</code> i <code>height</code>, inicialment canvas tindrà <strong>300 píxels</strong> d'amplada i <strong>150 píxels</strong> d'alçada. L'element es pot dimensionar arbitràriament per {{Glossary("CSS")}}, però durant la representació, la imatge s'escala per adaptar-se a la seva grandària de disseny: si el dimensionament CSS no respecta la relació inicial de canvas, apareixerà distorsionada</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Si les vostres representacions semblen distorsionades, intenteu especificar els atributs <code>width</code> i <code>height</code>, explícitament, en els atributs <code>&lt;canvas&gt;</code> i no utilitzeu CSS.</p>
+</div>
+
+<p>L'atribut <a href="/en-US/docs/Web/HTML/Global_attributes/id"><code>id</code></a> no és específic de l'element <code>&lt;canvas&gt;</code>, però és un dels <a href="/en-US/docs/Web/HTML/Global_attributes">atributs HTML global</a> que es pot aplicar a qualsevol element HTML (com <code><a href="/en-US/docs/Web/HTML/Global_attributes/class">class</a></code>, per exemple). Sempre és una bona idea proporcionar un <code>id</code>, perquè això fa que sigui molt més fàcil identificar-lo en un script.</p>
+
+<p>L'element <code>&lt;canvas&gt;</code> se li pot donar estil com qualsevol imatge normal ({{cssxref("margin")}}, {{cssxref("border")}}, {{cssxref("background")}}…). Aquestes regles, no obstant això, no afecten al dibuix real sobre el llenç. Veurem com això es fa en un <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">capítol dedicat</a> d'aquest tutorial. Quan no s'apliquen regles d'estil al llenç, inicialment, serà totalment transparent.</p>
+
+<div id="section_2">
+<h3 id="Contingut_alternatiu">Contingut alternatiu</h3>
+
+<p>L'element <code>&lt;canvas&gt;</code> difereix d'una etiqueta {{HTMLElement("img")}} com per els elements {{HTMLElement("video")}}, {{HTMLElement("audio")}} o {{HTMLElement("picture")}}, és fàcil definir algun contingut alternatiu, que es mostri en navegadors antics que no ho suportin, com ara en versions d'Internet Explorer anteriors a la versió 9 o navegadors textuals. Sempre haureu de proporcionar contingut alternatiu perquè els navegadors ho mostrin.</p>
+
+<p>Proporcionar contingut alternatiu és molt senzill: simplement inseriu el contingut alternatiu dins de l'element <code>&lt;canvas&gt;</code>. Els navegadors que no suporten <code>&lt;canvas&gt;</code> ignoraran el contenidor i mostraran el contingut alternatiu dins del mateix. Els navegadors que suporten <code>&lt;canvas&gt;</code> ignoraran el contingut dins del contenidor, i simplement mostraran el llenç, normalment.</p>
+
+<p>Per exemple, podríem proporcionar una descripció de text del contingut del llenç o proporcionar una imatge estàtica del contingut presentat dinàmicament. Això pot semblar-se a això:</p>
+
+<pre class="brush: html">&lt;canvas id="stockGraph" width="150" height="150"&gt;
+  current stock price: $3.15 + 0.15
+&lt;/canvas&gt;
+
+&lt;canvas id="clock" width="150" height="150"&gt;
+  &lt;img src="images/clock.png" width="150" height="150" alt=""/&gt;
+&lt;/canvas&gt;
+</pre>
+
+<p>Dir-li a l'usuari que utilitzi un navegador diferent que suporti canvas no ajuda als usuaris que no poden llegir canvas en absolut, per exemple. Proporcionar un text alternatiu útil o un DOM secundari, ajuda a <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility">fer canvas més accessible</a>.</p>
+
+<h3 id="Etiqueta_&lt;canvas>_obligatoria">Etiqueta <code>&lt;/canvas&gt;</code> obligatoria</h3>
+
+<p>Com a conseqüència de la manera en què es proporciona una solució alternativa, a diferència de l'element {{HTMLElement("img")}}, l'element {{HTMLElement("canvas")}} <strong>requereix</strong> l'etiqueta de tancament (<code>&lt;/canvas&gt;</code>). Si aquesta etiqueta no està present, la resta del document es consideraria contingut alternatiu i no es mostraria.</p>
+
+<p>Si no es necessita un contingut alternatiu, un simple <code>&lt;canvas id="foo" ...&gt;&lt;/canvas&gt;</code> és totalment compatible amb tots els navegadors que suporten canvas.</p>
+
+<h2 id="El_context_de_representació">El context de representació</h2>
+
+<p>L'element {{HTMLElement("canvas")}} crea una superfície de dibuix de grandària fixa que exposa un o més <strong>contextos de representació</strong>, que s'utilitzen per crear i manipular el contingut mostrat. En aquest tutorial, ens centrem en el context de representació 2D. Altres contextos poden proporcionar diferents tipus de representació; per exemple, <a href="https://developer.mozilla.org/en-US/docs/Web/WebGL">WebGL</a> utilitza un context 3D basat en <a href="http://www.khronos.org/opengles/">OpenGL</a> ÉS.Other contexts may provide different types of rendering; for example, <a href="/en-US/docs/Web/WebGL" title="/en-US/docs/Web/WebGL">WebGL</a> uses a 3D context based on <a class="external" href="http://www.khronos.org/opengles/" rel="external" title="http://en.wikipedia.org/wiki/OpenGL_ES">OpenGL ES</a>.</p>
+
+<p>El llenç està inicialment en blanc. Per mostrar alguna cosa, un script, primer necessita accedir al context de representació i dibuixar en ell. L'element {{HTMLElement("canvas")}} té un mètode anomenat {{domxref("HTMLCanvasElement.getContext", "getContext()")}}, utilitzat per obtenir el context de representació i les seves funcions de dibuix. <code>getContext()</code> pren un paràmetre, el tipus de context. Per als gràfics 2D, com els que es detallen en aquest tutorial, heu d'especificar <code>"2d"</code> per obtenir un {{domxref("CanvasRenderingContext2D")}}.</p>
+
+<pre class="brush: js">var canvas = document.getElementById('tutorial');
+var ctx = canvas.getContext('2d');
+</pre>
+
+<p>La primera línia del script recupera el node en el DOM, que representa l'element {{HTMLElement("canvas")}} cridant el mètode {{domxref("document.getElementById()")}}. Un cop tingueu el node d'element, podeu accedir al context del dibuix mitjançant el mètode <code>getContext()</code>.</p>
+
+<div id="section_5">
+<h2 id="Comprovació_del_suport">Comprovació del suport</h2>
+
+<p>El contingut alternatiu es mostra en navegadors que no admeten {{HTMLElement("canvas")}}. Les seqüències d'ordres, també poden comprovar la compatibilitat mitjançant programació, simplement provant la presència del mètode <code>getContext()</code>. El nostre fragment de codi de dalt es converteix en una cosa així:</p>
+
+<pre class="brush: js">var canvas = document.getElementById('tutorial');
+
+if (canvas.getContext) {
+  var ctx = canvas.getContext('2d');
+  // drawing code here
+} else {
+  // canvas-unsupported code here
+}
+</pre>
+</div>
+</div>
+
+<h2 id="Una_plantilla_esquelet">Una plantilla esquelet</h2>
+
+<p>Aquí teniu una plantilla minimalista, que usarem com a punt de partida per a exemples posteriors.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> no és una bona pràctica incrustar un script dins d'HTML. Ho fem aquí per mantenir l'exemple concís.</p>
+</div>
+
+<pre class="brush: html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;meta charset="utf-8"/&gt;
+    &lt;title&gt;Canvas tutorial&lt;/title&gt;
+    &lt;script type="text/javascript"&gt;
+      function draw() {
+        var canvas = document.getElementById('tutorial');
+        if (canvas.getContext) {
+          var ctx = canvas.getContext('2d');
+        }
+      }
+    &lt;/script&gt;
+    &lt;style type="text/css"&gt;
+      canvas { border: 1px solid black; }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body onload="draw();"&gt;
+    &lt;canvas id="tutorial" width="150" height="150"&gt;&lt;/canvas&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p>El script inclou una funció anomenada <code>draw()</code>, que s'executa una vegada que la pàgina acaba de carregar-se; això es fa escoltant  l'esdeveniment {{event("load")}} en el document. Aquesta funció, o una similar, també pot ser cridada usant {{domxref("WindowTimers.setTimeout", "window.setTimeout()")}}, {{domxref("WindowTimers.setInterval", "window.setInterval()")}}, o qualsevol altre controlador d'esdeveniments, sempre que la pàgina s'hagi carregat primer.</p>
+
+<p>Així és com es veuria una plantilla en acció. Com es mostra aquí, inicialment està en blanc.</p>
+
+<p>{{EmbedLiveSample("A_skeleton_template", 160, 160)}}</p>
+
+<h2 id="Un_exemple_senzill">Un exemple senzill</h2>
+
+<p>Per començar, feu un cop d'ull a un exemple senzill que dibuixa dos rectangles que es creuen, un dels quals té una transparència alfa. Explorarem com funciona això amb més detall en exemples posteriors.</p>
+
+<pre class="brush: html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+ &lt;head&gt;
+  &lt;meta charset="utf-8"/&gt;
+  &lt;script type="application/javascript"&gt;
+    function draw() {
+      var canvas = document.getElementById('canvas');
+      if (canvas.getContext) {
+        var ctx = canvas.getContext('2d');
+
+        ctx.fillStyle = 'rgb(200, 0, 0)';
+        ctx.fillRect(10, 10, 50, 50);
+
+        ctx.fillStyle = 'rgba(0, 0, 200, 0.5)';
+        ctx.fillRect(30, 30, 50, 50);
+      }
+    }
+  &lt;/script&gt;
+ &lt;/head&gt;
+ &lt;body onload="draw();"&gt;
+   &lt;canvas id="canvas" width="150" height="150"&gt;&lt;/canvas&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p>Aquest exemple es veu així:</p>
+
+<p>{{EmbedLiveSample("A_simple_example", 160, 160, "https://mdn.mozillademos.org/files/228/canvas_ex1.png")}}</p>
+
+<p>{{PreviousNext("Web/API/Canvas_API/Tutorial", "Web/API/Canvas_API/Tutorial/Drawing_shapes")}}</p>
diff --git a/files/ca/web/api/index.html b/files/ca/web/api/index.html
new file mode 100644
index 0000000000..d90573a587
--- /dev/null
+++ b/files/ca/web/api/index.html
@@ -0,0 +1,8 @@
+---
+title: Web API Interfaces
+slug: Web/API
+translation_of: Web/API
+---
+<p>En escriure codi per a la web utilitzant JavaScript, hi ha una gran quantitat d'APIs disponibles. A continuació es mostra una llista de totes les interfícies (és a dir, tipus d'objectes) que vostè pot utilitzar quan desenvolupi la seva aplicació o lloc web.</p>
+
+<div>{{APIListAlpha}}</div>
diff --git a/files/ca/web/api/webgl_api/index.html b/files/ca/web/api/webgl_api/index.html
new file mode 100644
index 0000000000..d2d59703ec
--- /dev/null
+++ b/files/ca/web/api/webgl_api/index.html
@@ -0,0 +1,276 @@
+---
+title: 'L''API WebGL: Gràfics 2D i 3D al web'
+slug: Web/API/WebGL_API
+tags:
+  - Avançat
+  - Gràfics
+  - Media
+  - WebGL
+translation_of: Web/API/WebGL_API
+---
+<div>{{WebGLSidebar}}</div>
+
+<div class="summary">
+<p>WebGL (Web Graphics Library) és una API Javascript per renderitzar gràfics interactius 3D i 2D en qualsevol navegador web compatible sense la utilització d'extensions. WebGL ho porta a terme introduint una API que s'adapta molt a OpenGL ES 2.0 i que pot utilitzar-se en elements {{HTMLElement("canvas")}} d'HTML5.</p>
+</div>
+
+<p><a href="/en-US/Firefox" title="Firefox 4 for developers">Firefox</a> 4+, <a href="http://www.google.com/chrome/" title="http://www.google.com/chrome/">Google Chrome</a> 9+, <a href="http://www.opera.com/" title="http://www.opera.com/">Opera</a> 12+, <a href="http://www.apple.com/safari/" title="http://www.apple.com/fr/safari/">Safari </a>5.1+ i <a href="http://windows.microsoft.com/en-us/internet-explorer/browser-ie" title="http://windows.microsoft.com/en-us/internet-explorer/download-ie">Internet Explorer</a> 11+, suporten WebGL; malgrat això, el dispositiu de l'usuari ha de disposar de maquinari que suporti aquestes característiques.</p>
+
+<p>L'element {{HTMLElement("canvas")}} s'utilitza també en <a href="/en-US/docs/Web/API/Canvas_API">Canvas 2D</a> per realitzar gràfics 2D en pàgines web.</p>
+
+<h2 id="Referència">Referència</h2>
+
+<h3 id="Interfícies_estàndard">Interfícies estàndard</h3>
+
+<div class="index">
+<ul>
+ <li>{{domxref("WebGLRenderingContext")}}</li>
+ <li>{{domxref("WebGL2RenderingContext")}} {{experimental_inline}}</li>
+ <li>{{domxref("WebGLActiveInfo")}}</li>
+ <li>{{domxref("WebGLBuffer")}}</li>
+ <li>{{domxref("WebGLContextEvent")}}</li>
+ <li>{{domxref("WebGLFramebuffer")}}</li>
+ <li>{{domxref("WebGLProgram")}}</li>
+ <li>{{domxref("WebGLQuery")}} {{experimental_inline}}</li>
+ <li>{{domxref("WebGLRenderbuffer")}}</li>
+ <li>{{domxref("WebGLSampler")}} {{experimental_inline}}</li>
+ <li>{{domxref("WebGLShader")}}</li>
+ <li>{{domxref("WebGLShaderPrecisionFormat")}}</li>
+ <li>{{domxref("WebGLSync")}} {{experimental_inline}}</li>
+ <li>{{domxref("WebGLTexture")}}</li>
+ <li>{{domxref("WebGLTransformFeedback")}} {{experimental_inline}}</li>
+ <li>{{domxref("WebGLUniformLocation")}}</li>
+ <li>{{domxref("WebGLVertexArrayObject")}} {{experimental_inline}}</li>
+</ul>
+</div>
+
+<h3 id="Extensions">Extensions</h3>
+
+<div class="index">
+<ul>
+ <li>{{domxref("ANGLE_instanced_arrays")}}</li>
+ <li>{{domxref("EXT_blend_minmax")}}</li>
+ <li>{{domxref("EXT_color_buffer_float")}}</li>
+ <li>{{domxref("EXT_color_buffer_half_float")}}</li>
+ <li>{{domxref("EXT_disjoint_timer_query")}}</li>
+ <li>{{domxref("EXT_frag_depth")}}</li>
+ <li>{{domxref("EXT_sRGB")}}</li>
+ <li>{{domxref("EXT_shader_texture_lod")}}</li>
+ <li>{{domxref("EXT_texture_filter_anisotropic")}}</li>
+ <li>{{domxref("OES_element_index_uint")}}</li>
+ <li>{{domxref("OES_standard_derivatives")}}</li>
+ <li>{{domxref("OES_texture_float")}}</li>
+ <li>{{domxref("OES_texture_float_linear")}}</li>
+ <li>{{domxref("OES_texture_half_float")}}</li>
+ <li>{{domxref("OES_texture_half_float_linear")}}</li>
+ <li>{{domxref("OES_vertex_array_object")}}</li>
+ <li>{{domxref("WEBGL_color_buffer_float")}}</li>
+ <li>{{domxref("WEBGL_compressed_texture_astc")}}</li>
+ <li>{{domxref("WEBGL_compressed_texture_atc")}}</li>
+ <li>{{domxref("WEBGL_compressed_texture_etc")}}</li>
+ <li>{{domxref("WEBGL_compressed_texture_etc1")}}</li>
+ <li>{{domxref("WEBGL_compressed_texture_pvrtc")}}</li>
+ <li>{{domxref("WEBGL_compressed_texture_s3tc")}}</li>
+ <li>{{domxref("WEBGL_compressed_texture_s3tc_srgb")}}</li>
+ <li>{{domxref("WEBGL_debug_renderer_info")}}</li>
+ <li>{{domxref("WEBGL_debug_shaders")}}</li>
+ <li>{{domxref("WEBGL_depth_texture")}}</li>
+ <li>{{domxref("WEBGL_draw_buffers")}}</li>
+ <li>{{domxref("WEBGL_lose_context")}}</li>
+</ul>
+</div>
+
+<h3 id="Events">Events</h3>
+
+<ul>
+ <li>{{Event("webglcontextlost")}}</li>
+ <li>{{Event("webglcontextrestored")}}</li>
+ <li>{{Event("webglcontextcreationerror")}}</li>
+</ul>
+
+<h3 id="Constants_i_tipus">Constants i tipus</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/WebGL_API/Constants">WebGL constants</a></li>
+ <li><a href="/en-US/docs/Web/API/WebGL_API/Types">WebGL types</a></li>
+</ul>
+
+<h3 id="WebGL_2">WebGL 2</h3>
+
+<p>WebGL 2 és una actualització important de WebGL a la que s'accedeix mitjançant la interfície {{domxref("WebGL2RenderingContext")}}. Està basat en OpenGL ES 3.0 i algunes de les seves millores són:</p>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/WebGL2RenderingContext/texImage3D">Textures 3D</a>,</li>
+ <li><a href="/en-US/docs/Web/API/WebGLSampler">Objectes Sampler</a>,</li>
+ <li><a href="/en-US/docs/Web/API/WebGL2RenderingContext#Uniform_buffer_objects">Objectes Uniform Buffer</a>,</li>
+ <li><a href="/en-US/docs/Web/API/WebGLSync">Objectes Sync</a>,</li>
+ <li><a href="/en-US/docs/Web/API/WebGLQuery">Objectes Query</a>,</li>
+ <li><a href="/en-US/docs/Web/API/WebGLTransformFeedback">Objectes Transform Feedback</a>,</li>
+ <li>Algunes extensions que ara formen part de WebGL 2: <a href="/en-US/docs/Web/API/WebGLVertexArrayObject">Objectes Vertex Array</a>, <a href="/en-US/docs/Web/API/WebGL2RenderingContext/drawArraysInstanced">instanciació</a>, <a href="/en-US/docs/Web/API/WebGL2RenderingContext/drawBuffers">múltiples objectius de render</a>, <a href="/en-US/docs/Web/API/EXT_frag_depth">profunditat dels fragment</a>s.</li>
+</ul>
+
+<p>Vegeu també l'entrada al blog <a href="https://hacks.mozilla.org/2017/01/webgl-2-lands-in-firefox/">"WebGL 2 aterra en el Firefox"</a> i <a href="http://webglsamples.org/WebGL2Samples/">webglsamples.org/WebGL2Samples</a> per unes quantes demostracions.</p>
+
+<h2 id="Guies_i_tutorials">Guies i tutorials</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/WebGL_API/Tutorial">Tutorial de WebGL</a>: Una guia de conceptes bàsics de WebGL per a novells. Un bon lloc per on començar si no tens experiència prèvia en WebGL.</li>
+ <li><a href="/en-US/docs/Web/API/WebGL_API/WebGL_best_practices">Bones pràctiques en WebGL</a>: Consells i suggeriments per millorar el teu contingut WebGL content.</li>
+ <li><a href="/en-US/docs/Web/API/WebGL_API/Using_Extensions">Utilitzant extensions</a>: Com utilitzar les extensions que estan disponibles a WebGL.</li>
+</ul>
+
+<h3 id="Tutorials_avançats">Tutorials avançats</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/WebGL_API/WebGL_model_view_projection">Projecció model vista de WebGL</a>: Una explicació detallada de les tres matrius bàsiques que s'utilitzen habitualment per representar una vista d'objectes 3D: Les matrius de model, vista i projecció.</li>
+ <li><a href="/en-US/docs/Web/API/WebGL_API/Matrix_math_for_the_web">Matemàtiques de matrius per a web</a>: Una útil guia sobre com les matrius de transformació 3D funcionen, i es poden utilitzar al web — tant per càlculs WebGL com per transformacions en CSS3.</li>
+</ul>
+
+<h2 id="Recursos">Recursos</h2>
+
+<ul>
+ <li><a href="https://www.youtube.com/embed/H4c8t6myAWU/?feature=player_detailpage">WebGL cru: Una introducció a WebGL</a> Una conferència d'en Nick Desaulniers que introdueix els conceptes bàsics de WebGL. Aquest és un bon lloc de partida si mai has realitzat programació de gràfics a baix nivell.</li>
+ <li><a href="http://www.khronos.org/webgl/" title="http://www.khronos.org/webgl/">Web de WebGL de Khronos</a> La web principal de WebGL al grup Khronos.</li>
+ <li><a href="http://learningwebgl.com/blog/?page_id=1217" title="http://learningwebgl.com/blog/">Aprenent WebGL</a> Un lloc amb tutorials sobre com utilitzar WebGL.</li>
+ <li><a href="http://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/" title="http://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/">Fonaments de WebGL</a> Un tutorial bàsic sobre els fonaments de WebGL.</li>
+ <li><a href="http://webglplayground.net" title="http://webglplayground.net">Pati d'esbarjo de WebGL</a> Una eina online per crear i compartir projectes WebGL. Bona per fer prototips ràpids i experimentar.</li>
+ <li><a href="http://www.webglacademy.com" title="http://www.webglacademy.com">Acadèmia de WebGL</a> Un editor HTML/JavaScript amb tutorials per aprendre els conceptes bàsics de la programació WebGL.</li>
+ <li><a href="http://webglstats.com/">Estadístiques WebGL Stats</a> Un lloc web amb estadístiques sobre les capacitats WebGL dels navegadors en diferents plataformes.</li>
+</ul>
+
+<h3 id="Llibraries">Llibraries</h3>
+
+<ul>
+ <li><a class="link-https" href="https://github.com/toji/gl-matrix" title="https://github.com/toji/gl-matrix">glMatrix</a> Llibreria JavaScript de matrius i vectors per produir aplicacions WebGL d'alt rendiment</li>
+ <li><a href="http://sylvester.jcoglan.com/" title="http://sylvester.jcoglan.com/">Sylvester</a> Una llibreria de codi obert per manipular vectors i matrius. No optimitzada per WebGL però extremadament robusta.</li>
+</ul>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('WebGL')}}</td>
+   <td>{{Spec2('WebGL')}}</td>
+   <td>Definició inicial. Basat en OpenGL ES 2.0</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('WebGL2')}}</td>
+   <td>{{Spec2('WebGL2')}}</td>
+   <td>Ampliació de WebGL 1. Basat en OpenGL ES 3.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('OpenGL ES 2.0')}}</td>
+   <td>{{Spec2('OpenGL ES 2.0')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('OpenGL ES 3.0')}}</td>
+   <td>{{Spec2('OpenGL ES 3.0')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_de_navegadors">Compatibilitat de navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>9</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>11</td>
+   <td>12</td>
+   <td>5.1</td>
+  </tr>
+  <tr>
+   <td>WebGL 2</td>
+   <td>56</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("51")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>43</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome per Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>25</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>4</td>
+   <td>{{CompatNo}}</td>
+   <td>12</td>
+   <td>8.1</td>
+  </tr>
+  <tr>
+   <td>WebGL 2</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="Notes_de_compatibilitat">Notes de compatibilitat</h3>
+
+<p>A més del navegador, la pròpia GPU ha de suportar la característica. Per exemple, la compressió de textures S3 (S3TC) només està disponible en tauletes basades en el chipset Tegra. La majoria de navegadors fan disponible el context WebGL a través del nom de context <code>webgl</code>, però els navegadors antics el fan disponible a través del nom <code>experimental-webgl</code> també. La versió <a href="/en-US/docs/Web/API/WebGL2RenderingContext">WebGL 2</a> és totalment retro compatible i utilitza el nom <code>webgl2</code>.</p>
+
+<h3 id="Notes_sobre_Gecko">Notes sobre Gecko</h3>
+
+<h4 id="Debugant_i_testant_WebGL">Debugant i testant WebGL</h4>
+
+<p>Començant amb Gecko 10.0 {{geckoRelease("10.0")}}, hi ha dues preferències disponibles que et permeten controlar les capacitats WebGL per testar:</p>
+
+<dl>
+ <dt><code>webgl.min_capability_mode</code></dt>
+ <dd>Una propietat booleana que, quan és certa, habilita un mode de capacitats mínimes. Quan aquest mode està actiu, WebGL està configurat per suportar només el conjunt mínim de funcionalitats que marca l'especificació de WebGL. Això permet comprovar que el codi WebGL funcionarà en qualsevol dispositiu o navegador, independentment de les capacitats d'aquest. És <code>false</code> per defecte.</dd>
+ <dt><code>webgl.disable_extensions</code></dt>
+ <dd>Una propietat booleana que, quan és certa, desactiva totes les extensions WebGL. És <code>false</code> per defecte.</dd>
+</dl>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Canvas_API">Canvas</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getSupportedExtensions#Browser_compatibility">Informació de compatibilitat sobre les extensions de WebGL</a></li>
+</ul>
diff --git a/files/ca/web/api/window/index.html b/files/ca/web/api/window/index.html
new file mode 100644
index 0000000000..5731c6fb02
--- /dev/null
+++ b/files/ca/web/api/window/index.html
@@ -0,0 +1,477 @@
+---
+title: Window
+slug: Web/API/Window
+tags:
+  - API
+  - DOM
+  - Interface
+  - JavaScript
+  - NeedsTranslation
+  - Reference
+  - TopicStub
+  - Window
+translation_of: Web/API/Window
+---
+<p>{{APIRef}}</p>
+
+<p><span class="seoSummary">The <code>window</code> object represents a window containing a DOM document; the <code>document</code> property points to the <a href="/en-US/docs/DOM/document">DOM document</a> loaded in that window.</span> A window for a given document can be obtained using the {{Domxref("document.defaultView")}} property.</p>
+
+<p>This section provides a brief reference for all of the methods, properties, and events available through the DOM <code>window</code> object. The <code>window</code> object implements the <code>Window</code> interface, which in turn inherits from the <code><a href="http://www.w3.org/TR/DOM-Level-2-Views/views.html#Views-AbstractView">AbstractView</a></code> interface. Some additional global functions, namespaces, objects, interfaces, and constructors, not typically associated with the window, but available on it, are listed in the <a href="/en-US/docs/JavaScript/Reference">JavaScript Reference</a> and <a href="/en-US/docs/Web/API/Document_Object_Model" title="/en-US/docs/Web/API/Document_Object_Model">DOM Reference</a>.</p>
+
+<p>In a tabbed browser, such as Firefox, each tab contains its own <code>window</code> object (and if you're writing an extension, the browser window itself is a separate window too - see <a href="/en-US/docs/Working_with_windows_in_chrome_code#Content_windows">Working with windows in chrome code</a> for more information). That is, the <code>window</code> object is not shared between tabs in the same window. Some methods, namely {{Domxref("window.resizeTo")}} and {{Domxref("window.resizeBy")}} apply to the whole window and not to the specific tab the <code>window</code> object belongs to. Generally, anything that can't reasonably pertain to a tab pertains to the window instead.</p>
+
+<p>{{InheritanceDiagram}}</p>
+
+<h2 id="Properties">Properties</h2>
+
+<p><em>This interface inherits properties from the {{domxref("EventTarget")}} interface and implements properties from the {{domxref("WindowOrWorkerGlobalScope")}} and {{domxref("WindowEventHandlers")}} mixins.</em></p>
+
+<p>Note that properties which are objects (e.g.,. for overriding the prototype of built-in elements) are listed in a separate section below.</p>
+
+<dl>
+ <dt>{{domxref("Window.closed")}} {{Non-standard_inline}}{{readOnlyInline}}</dt>
+ <dd>This property indicates whether the current window is closed or not.</dd>
+ <dt>{{domxref("Window.console")}} {{ReadOnlyInline}}</dt>
+ <dd>Returns a reference to the console object which provides access to the browser's debugging console.</dd>
+ <dt>{{domxref("Window.content")}} and Window._content {{Non-standard_inline}} {{obsolete_inline}}{{ReadOnlyInline}}</dt>
+ <dd>Returns a reference to the content element in the current window. Since Firefox 57 (initially Nightly-only), both versions are only available from chrome (privileged) code, and not available to the web anymore.</dd>
+ <dt>{{domxref("Window.controllers")}}{{non-standard_inline}}{{ReadOnlyInline}}</dt>
+ <dd>Returns the XUL controller objects for the current chrome window.</dd>
+ <dt>{{domxref("Window.crypto")}} {{readOnlyInline}}</dt>
+ <dd>Returns the browser crypto object.</dd>
+ <dt>{{domxref("Window.defaultStatus")}} {{Obsolete_inline("gecko23")}}</dt>
+ <dd>Gets/sets the status bar text for the given window.</dd>
+ <dt>{{domxref("Window.devicePixelRatio")}} {{non-standard_inline}}{{ReadOnlyInline}}</dt>
+ <dd>Returns the ratio between physical pixels and device independent pixels in the current display.</dd>
+ <dt>{{domxref("Window.dialogArguments")}} {{Fx_minversion_inline(3)}} {{ReadOnlyInline}}</dt>
+ <dd>Gets the arguments passed to the window (if it's a dialog box) at the time {{domxref("window.showModalDialog()")}} was called. This is an {{Interface("nsIArray")}}.</dd>
+ <dt>{{domxref("Window.directories")}} {{obsolete_inline}}</dt>
+ <dd>Synonym of {{domxref("window.personalbar")}}</dd>
+ <dt>{{domxref("Window.document")}} {{ReadOnlyInline}}</dt>
+ <dd>Returns a reference to the document that the window contains.</dd>
+ <dt>{{domxref("Window.frameElement")}} {{readOnlyInline}}</dt>
+ <dd>Returns the element in which the window is embedded, or null if the window is not embedded.</dd>
+ <dt>{{domxref("Window.frames")}} {{readOnlyInline}}</dt>
+ <dd>Returns an array of the subframes in the current window.</dd>
+ <dt>{{domxref("Window.fullScreen")}} {{gecko_minversion_inline("1.9")}}</dt>
+ <dd>This property indicates whether the window is displayed in full screen or not.</dd>
+ <dt>{{domxref("Window.globalStorage")}} {{gecko_minversion_inline("1.8.1")}} {{Non-standard_inline}} {{Obsolete_inline("gecko13")}}</dt>
+ <dd>Unsupported since Gecko 13 (Firefox 13). Use {{domxref("Window.localStorage")}} instead.<br>
+ Was: Multiple storage objects that are used for storing data across multiple pages.</dd>
+ <dt>{{domxref("Window.history")}} {{ReadOnlyInline}}</dt>
+ <dd>Returns a reference to the history object.</dd>
+ <dt>{{domxref("Window.innerHeight")}} {{readOnlyInline}}</dt>
+ <dd>Gets the height of the content area of the browser window including, if rendered, the horizontal scrollbar.</dd>
+ <dt>{{domxref("Window.innerWidth")}} {{readOnlyInline}}</dt>
+ <dd>Gets the width of the content area of the browser window including, if rendered, the vertical scrollbar.</dd>
+ <dt>{{domxref("Window.isSecureContext")}} {{readOnlyInline}}</dt>
+ <dd>Indicates whether a context is capable of using features that require secure contexts.</dd>
+ <dt>{{domxref("Window.length")}} {{readOnlyInline}}</dt>
+ <dd>Returns the number of frames in the window. See also {{domxref("window.frames")}}.</dd>
+ <dt>{{domxref("Window.location")}}</dt>
+ <dd>Gets/sets the location, or current URL, of the window object.</dd>
+ <dt>{{domxref("Window.locationbar")}} {{ReadOnlyInline}}</dt>
+ <dd>Returns the locationbar object, whose visibility can be toggled in the window.</dd>
+ <dt>{{domxref("Window.localStorage")}} {{readOnlyInline}}{{gecko_minversion_inline("1.9.1")}}</dt>
+ <dd>Returns a reference to the local storage object used to store data that may only be accessed by the origin that created it.</dd>
+ <dt>{{domxref("Window.menubar")}} {{ReadOnlyInline}}</dt>
+ <dd>Returns the menubar object, whose visibility can be toggled in the window.</dd>
+ <dt>{{domxref("Window.messageManager")}} {{gecko_minversion_inline("2.0")}}</dt>
+ <dd>Returns the <a href="/en-US/docs/The_message_manager">message manager</a> object for this window.</dd>
+ <dt>{{domxref("Window.mozAnimationStartTime")}} {{ReadOnlyInline}}{{gecko_minversion_inline("2.0")}} {{Deprecated_inline}}</dt>
+ <dd>The time in milliseconds since epoch at which the current animation cycle began.</dd>
+ <dt>{{domxref("Window.mozInnerScreenX")}} {{ReadOnlyInline}}{{non-standard_inline}}{{gecko_minversion_inline("1.9.2")}}</dt>
+ <dd>Returns the horizontal (X) coordinate of the top-left corner of the window's viewport, in screen coordinates. This value is reported in CSS pixels. See <code>mozScreenPixelsPerCSSPixel</code> in {{interface("nsIDOMWindowUtils")}} for a conversion factor to adapt to screen pixels if needed.</dd>
+ <dt>{{domxref("Window.mozInnerScreenY")}} {{ReadOnlyInline}} {{non-standard_inline}}{{gecko_minversion_inline("1.9.2")}}</dt>
+ <dd>Returns the vertical (Y) coordinate of the top-left corner of the window's viewport, in screen coordinates. This value is reported in CSS pixels. See <code>mozScreenPixelsPerCSSPixel</code> for a conversion factor to adapt to screen pixels if needed.</dd>
+ <dt>{{domxref("Window.mozPaintCount")}} {{non-standard_inline}}{{ReadOnlyInline}} {{gecko_minversion_inline("2.0")}}</dt>
+ <dd>Returns the number of times the current document has been rendered to the screen in this window. This can be used to compute rendering performance.</dd>
+ <dt>{{domxref("Window.name")}}</dt>
+ <dd>Gets/sets the name of the window.</dd>
+ <dt>{{domxref("Window.navigator")}} {{readOnlyInline}}</dt>
+ <dd>Returns a reference to the navigator object.</dd>
+ <dt>{{domxref("Window.opener")}}</dt>
+ <dd>Returns a reference to the window that opened this current window.</dd>
+ <dt>{{domxref("Window.orientation")}}{{non-standard_inline}}{{deprecated_inline}}{{readOnlyInline}}</dt>
+ <dd>Returns the orientation in degrees (in 90 degree increments) of the viewport relative to the device's natural orientation.</dd>
+ <dt>{{domxref("Window.outerHeight")}} {{readOnlyInline}}</dt>
+ <dd>Gets the height of the outside of the browser window.</dd>
+ <dt>{{domxref("Window.outerWidth")}} {{readOnlyInline}}</dt>
+ <dd>Gets the width of the outside of the browser window.</dd>
+ <dt>{{domxref("Window.scrollX","Window.pageXOffset")}} {{readOnlyInline}}</dt>
+ <dd>An alias for {{domxref("window.scrollX")}}.</dd>
+ <dt>{{domxref("Window.scrollY","Window.pageYOffset")}}{{readOnlyInline}}</dt>
+ <dd>An alias for {{domxref("window.scrollY")}}</dd>
+ <dt>{{domxref("Window.sessionStorage")}} {{readOnlyInline}}</dt>
+ <dd>Returns a reference to the session storage object used to store data that may only be accessed by the origin that created it.</dd>
+ <dt>{{domxref("Window.parent")}} {{readOnlyInline}}</dt>
+ <dd>Returns a reference to the parent of the current window or subframe.</dd>
+ <dt>{{domxref("Window.performance")}} {{readOnlyInline}}</dt>
+ <dd>Returns a {{domxref("Performance")}} object, which includes the {{domxref("Performance.timing", "timing")}} and {{domxref("Performance.navigation", "navigation")}} attributes, each of which is an object providing <a href="/en-US/docs/Navigation_timing">performance-related</a> data. See also <a href="/en-US/docs/Web/API/Navigation_timing_API/Using_Navigation_Timing">Using Navigation Timing</a> for additional information and examples.</dd>
+ <dt>{{domxref("Window.personalbar")}} {{readOnlyInline}}</dt>
+ <dd>Returns the personalbar object, whose visibility can be toggled in the window.</dd>
+ <dt>{{domxref("Window.pkcs11")}} {{obsolete_inline(29)}}</dt>
+ <dd>Formerly provided access to install and remove PKCS11 modules.</dd>
+ <dt>{{domxref("Window.returnValue")}} {{Fx_minversion_inline(3)}}</dt>
+ <dd>The return value to be returned to the function that called {{domxref("window.showModalDialog()")}} to display the window as a modal dialog.</dd>
+ <dt>{{domxref("Window.screen")}} {{readOnlyInline}}</dt>
+ <dd>Returns a reference to the screen object associated with the window.</dd>
+
+ <dt>{{domxref("Window.screenX")}} {{readOnlyInline}}</dt>
+ <dd>Returns the horizontal distance of the left border of the user's browser from the left side of the screen.</dd>
+ <dt>{{domxref("Window.screenY")}} {{readOnlyInline}}</dt>
+ <dd>Returns the vertical distance of the top border of the user's browser from the top side of the screen.</dd>
+ <dt>{{domxref("Window.scrollbars")}} {{readOnlyInline}}</dt>
+ <dd>Returns the scrollbars object, whose visibility can be toggled in the window.</dd>
+ <dt>{{domxref("Window.scrollMaxX")}}{{non-standard_inline}}{{ReadOnlyInline}}</dt>
+ <dd>The maximum offset that the window can be scrolled to horizontally, that is the document width minus the viewport width.</dd>
+ <dt>{{domxref("Window.scrollMaxY")}}{{non-standard_inline}}{{ReadOnlyInline}}</dt>
+ <dd>The maximum offset that the window can be scrolled to vertically (i.e., the document height minus the viewport height).</dd>
+ <dt>{{domxref("Window.scrollX")}} {{readOnlyInline}}</dt>
+ <dd>Returns the number of pixels that the document has already been scrolled horizontally.</dd>
+ <dt>{{domxref("Window.scrollY")}} {{readOnlyInline}}</dt>
+ <dd>Returns the number of pixels that the document has already been scrolled vertically.</dd>
+ <dt>{{domxref("Window.self")}} {{ReadOnlyInline}}</dt>
+ <dd>Returns an object reference to the window object itself.</dd>
+ <dt>{{domxref("Window.sessionStorage")}} {{Fx_minversion_inline("2.0")}}</dt>
+ <dd>Returns a storage object for storing data within a single page session.</dd>
+ <dt>{{domxref("Window.sidebar")}} {{non-standard_inline}}{{ReadOnlyInline}}</dt>
+ <dd>Returns a reference to the window object of the sidebar.</dd>
+ <dt>{{domxref("Window.speechSynthesis")}} {{ReadOnlyInline}}</dt>
+ <dd>Returns a {{domxref("SpeechSynthesis")}} object, which is the entry point into using <a href="/en-US/docs/Web/API/Web_Speech_API">Web Speech API</a> speech synthesis functionality.</dd>
+ <dt>{{domxref("Window.status")}}</dt>
+ <dd>Gets/sets the text in the statusbar at the bottom of the browser.</dd>
+ <dt>{{domxref("Window.statusbar")}} {{readOnlyInline}}</dt>
+ <dd>Returns the statusbar object, whose visibility can be toggled in the window.</dd>
+ <dt>{{domxref("Window.toolbar")}} {{readOnlyInline}}</dt>
+ <dd>Returns the toolbar object, whose visibility can be toggled in the window.</dd>
+ <dt>{{domxref("Window.top")}} {{readOnlyInline}}</dt>
+ <dd>Returns a reference to the topmost window in the window hierarchy. This property is read only.</dd>
+ <dt>{{domxref("Window.visualViewport")}} {{readOnlyInline}}</dt>
+ <dd>Returns a {{domxref("VisualViewport")}} object which represents the visual viewport for a given window.</dd>
+ <dt>{{domxref("Window.window")}} {{ReadOnlyInline}}</dt>
+ <dd>Returns a reference to the current window.</dd>
+ <dt><code>window[0]</code>,<code> window[1]</code>, etc.</dt>
+ <dd>Returns a reference to the <code>window</code> object in the frames. See {{domxref("Window.frames")}} for more details.</dd>
+</dl>
+
+<h3 id="Properties_implemented_from_elsewhere">Properties implemented from elsewhere</h3>
+
+<dl>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.caches")}} {{readOnlyinline}}</dt>
+ <dd>Returns the {{domxref("CacheStorage")}} object associated with the current context. This object enables functionality such as storing assets for offline use, and generating custom responses to requests.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.indexedDB")}} {{readonlyInline}}</dt>
+ <dd>Provides a mechanism for applications to asynchronously access capabilities of indexed databases; returns an {{domxref("IDBFactory")}} object.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.isSecureContext")}} {{readOnlyinline}}</dt>
+ <dd>Returns a boolean indicating whether the current context is secure (<code>true</code>) or not (<code>false</code>).</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.origin")}} {{readOnlyinline}}</dt>
+ <dd>Returns the global object's origin, serialized as a string. (This does not yet appear to be implemented in any browser.)</dd>
+</dl>
+
+<h2 id="Methods">Methods</h2>
+
+<p><em>This interface inherits methods from the {{domxref("EventTarget")}} interface and implements methods from {{domxref("WindowOrWorkerGlobalScope")}} and {{domxref("EventTarget")}}.</em></p>
+
+<dl>
+ <dt>{{domxref("Window.alert()")}}</dt>
+ <dd>Displays an alert dialog.</dd>
+
+ <dt>{{domxref("Window.back()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
+ <dd>Moves back one in the window history.</dd>
+ <dt>{{domxref("Window.blur()")}}</dt>
+ <dd>Sets focus away from the window.</dd>
+ <dt>{{domxref("Window.cancelAnimationFrame()")}} {{experimental_inline}}</dt>
+ <dd>Enables you to cancel a callback previously scheduled with {{domxref("Window.requestAnimationFrame")}}.</dd>
+ <dt>{{domxref("Window.cancelIdleCallback()")}} {{experimental_inline}}</dt>
+ <dd>Enables you to cancel a callback previously scheduled with {{domxref("Window.requestIdleCallback")}}.</dd>
+ <dt>{{domxref("Window.captureEvents()")}} {{Deprecated_inline}}</dt>
+ <dd>Registers the window to capture all events of the specified type.</dd>
+ <dt>{{domxref("Window.clearImmediate()")}}</dt>
+ <dd>Cancels the repeated execution set using <code>setImmediate</code>.</dd>
+ <dt>{{domxref("Window.close()")}}</dt>
+ <dd>Closes the current window.</dd>
+ <dt>{{domxref("Window.confirm()")}}</dt>
+ <dd>Displays a dialog with a message that the user needs to respond to.</dd>
+ <dt>{{domxref("Window.disableExternalCapture()")}} {{obsolete_inline(24)}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Window.dispatchEvent()")}}</dt>
+ <dd>Used to trigger an event.</dd>
+ <dt>{{domxref("Window.dump()")}} {{Non-standard_inline}}</dt>
+ <dd>Writes a message to the console.</dd>
+ <dt>{{domxref("Window.enableExternalCapture()")}} {{obsolete_inline(24)}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Window.find()")}}</dt>
+ <dd>Searches for a given string in a window.</dd>
+ <dt>{{domxref("Window.focus()")}}</dt>
+ <dd>Sets focus on the current window.</dd>
+ <dt>{{domxref("Window.forward()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
+ <dd>Moves the window one document forward in the history.</dd>
+ <dt>{{domxref("Window.getAttention()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
+ <dd>Flashes the application icon.</dd>
+ <dt>{{domxref("Window.getAttentionWithCycleCount()")}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Window.getComputedStyle()")}}</dt>
+ <dd>Gets computed style for the specified element. Computed style indicates the computed values of all CSS properties of the element.</dd>
+ <dt>{{domxref("Window.getDefaultComputedStyle()")}} {{Non-standard_inline}}</dt>
+ <dd>Gets default computed style for the specified element, ignoring author stylesheets.</dd>
+ <dt>{{domxref("Window.getSelection()")}}</dt>
+ <dd>Returns the selection object representing the selected item(s).</dd>
+ <dt>{{domxref("Window.home()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
+ <dd>Returns the browser to the home page.</dd>
+ <dt>{{domxref("Window.matchMedia()")}} {{gecko_minversion_inline("6.0")}}</dt>
+ <dd>Returns a {{domxref("MediaQueryList")}} object representing the specified media query string.</dd>
+ <dt>{{domxref("Window.maximize()")}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Window.minimize()")}} (top-level XUL windows only)</dt>
+ <dd>Minimizes the window.</dd>
+ <dt>{{domxref("Window.moveBy()")}}</dt>
+ <dd>Moves the current window by a specified amount.</dd>
+ <dt>{{domxref("Window.moveTo()")}}</dt>
+ <dd>Moves the window to the specified coordinates.</dd>
+ <dt>{{domxref("Window.open()")}}</dt>
+ <dd>Opens a new window.</dd>
+ <dt>{{domxref("Window.openDialog()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
+ <dd>Opens a new dialog window.</dd>
+ <dt>{{domxref("Window.postMessage()")}} {{Fx_minversion_inline(3)}}</dt>
+ <dd>Provides a secure means for one window to send a string of data to another window, which need not be within the same domain as the first.</dd>
+ <dt>{{domxref("Window.print()")}}</dt>
+ <dd>Opens the Print Dialog to print the current document.</dd>
+ <dt>{{domxref("Window.prompt()")}}</dt>
+ <dd>Returns the text entered by the user in a prompt dialog.</dd>
+ <dt>{{domxref("Window.releaseEvents()")}} {{Non-standard_inline}} {{Deprecated_inline}}</dt>
+ <dd>Releases the window from trapping events of a specific type.</dd>
+ <dt>{{domxref("Window.requestAnimationFrame()")}} {{gecko_minversion_inline("2.0")}}</dt>
+ <dd>Tells the browser that an animation is in progress, requesting that the browser schedule a repaint of the window for the next animation frame.</dd>
+ <dt>{{domxref("Window.requestIdleCallback()")}}  {{experimental_inline}}</dt>
+ <dd>Enables the scheduling of tasks during a browser's idle periods.</dd>
+ <dt>{{domxref("Window.resizeBy()")}}</dt>
+ <dd>Resizes the current window by a certain amount.</dd>
+ <dt>{{domxref("Window.resizeTo()")}}</dt>
+ <dd>Dynamically resizes window.</dd>
+ <dt>{{domxref("Window.restore()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Window.routeEvent()")}} {{obsolete_inline(24)}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Window.scroll()")}}</dt>
+ <dd>Scrolls the window to a particular place in the document.</dd>
+ <dt>{{domxref("Window.scrollBy()")}}</dt>
+ <dd>Scrolls the document in the window by the given amount.</dd>
+ <dt>{{domxref("Window.scrollByLines()")}} {{Non-standard_inline}}</dt>
+ <dd>Scrolls the document by the given number of lines.</dd>
+ <dt>{{domxref("Window.scrollByPages()")}} {{Non-standard_inline}}</dt>
+ <dd>Scrolls the current document by the specified number of pages.</dd>
+ <dt>{{domxref("Window.scrollTo()")}}</dt>
+ <dd>Scrolls to a particular set of coordinates in the document.</dd>
+ <dt>{{domxref("Window.setCursor()")}} {{Non-standard_inline}} (top-level XUL windows only)</dt>
+ <dd>Changes the cursor for the current window</dd>
+ <dt>{{domxref("Window.setImmediate()")}}</dt>
+ <dd>Executes a function after the browser has finished other heavy tasks</dd>
+ <dt>{{domxref("Window.setResizable()")}} {{Non-standard_inline}}</dt>
+ <dd>Toggles a user's ability to resize a window.</dd>
+ <dt>{{domxref("Window.sizeToContent()")}} {{Non-standard_inline}}</dt>
+ <dd>Sizes the window according to its content.</dd>
+ <dt>{{domxref("Window.stop()")}}</dt>
+ <dd>This method stops window loading.</dd>
+ <dt>{{domxref("Window.updateCommands()")}} {{Non-standard_inline}}</dt>
+ <dd>Updates the state of commands of the current chrome window (UI).</dd>
+</dl>
+
+<h3 id="Methods_implemented_from_elsewhere">Methods implemented from elsewhere</h3>
+
+<dl>
+ <dt>{{domxref("EventTarget.addEventListener()")}}</dt>
+ <dd>Register an event handler to a specific event type on the window.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.atob()")}}</dt>
+ <dd>Decodes a string of data which has been encoded using base-64 encoding.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.btoa()")}}</dt>
+ <dd>Creates a base-64 encoded ASCII string from a string of binary data.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.clearInterval()")}}</dt>
+ <dd>Cancels the repeated execution set using {{domxref("WindowOrWorkerGlobalScope.setInterval()")}}.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.clearTimeout()")}}</dt>
+ <dd>Cancels the delayed execution set using {{domxref("WindowOrWorkerGlobalScope.setTimeout()")}}.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.createImageBitmap()")}}</dt>
+ <dd>Accepts a variety of different image sources, and returns a {{domxref("Promise")}} which resolves to an {{domxref("ImageBitmap")}}. Optionally the source is cropped to the rectangle of pixels originating at <em>(sx, sy)</em> with width sw, and height sh.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.fetch()")}}</dt>
+ <dd>Starts the process of fetching a resource from the network.</dd>
+ <dt>{{domxref("EventTarget.removeEventListener")}}</dt>
+ <dd>Removes an event listener from the window.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.setInterval()")}}</dt>
+ <dd>Schedules a function to execute every time a given number of milliseconds elapses.</dd>
+ <dt>{{domxref("WindowOrWorkerGlobalScope.setTimeout()")}}</dt>
+ <dd>Schedules a function to execute in a given amount of time.</dd>
+</dl>
+
+<h3 id="Obsolete_methods">Obsolete methods</h3>
+
+<dl>
+ <dt>{{domxref("Window.showModalDialog()")}} {{obsolete_inline}}</dt>
+ <dd>Displays a modal dialog. <strong>This method was removed completely in Chrome 43, and Firefox 55.</strong></dd>
+</dl>
+
+<h2 id="Event_handlers">Event handlers</h2>
+
+<p>These are properties of the window object that can be set to establish event handlers for the various things that can happen in the window that might be of interest.</p>
+
+<p><em>This interface inherits event handlers from the {{domxref("EventTarget")}} interface and implements event handlers from {{domxref("WindowEventHandlers")}}.</em></p>
+
+<div class="note">
+<p><strong>Note:</strong> Starting in {{Gecko("9.0")}}, you can now use the syntax <code>if ("onabort" in window)</code> to determine whether or not a given event handler property exists. This is because event handler interfaces have been updated to be proper web IDL interfaces. See <a href="/en-US/docs/DOM/DOM_event_handlers">DOM event handlers</a> for details.</p>
+</div>
+
+<dl>
+ <dt>{{domxref("GlobalEventHandlers.onabort")}}</dt>
+ <dd>Called when the loading of a resource has been aborted, such as by a user canceling the load while it is still in progress</dd>
+ <dt>{{domxref("WindowEventHandlers.onafterprint")}}</dt>
+ <dd>Called when the print dialog box is closed. See {{event("afterprint")}} event.</dd>
+ <dt>{{domxref("WindowEventHandlers.onbeforeprint")}}</dt>
+ <dd>Called when the print dialog box is opened. See {{event("beforeprint")}} event.</dd>
+ <dt>{{domxref("Window.onbeforeinstallprompt")}}</dt>
+ <dd>An event handler property dispatched before a user is prompted to save a web site to a home screen on mobile.</dd>
+ <dt>{{domxref("WindowEventHandlers.onbeforeunload")}}</dt>
+ <dd>An event handler property for before-unload events on the window.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onblur")}}</dt>
+ <dd>Called after the window loses focus, such as due to a popup.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onchange")}}</dt>
+ <dd>An event handler property for change events on the window.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onclick")}}</dt>
+ <dd>Called after the ANY mouse button is pressed &amp; released</dd>
+ <dt>{{domxref("GlobalEventHandlers.ondblclick")}}</dt>
+ <dd>Called when a double click is made with ANY mouse button.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onclose")}}</dt>
+ <dd>Called after the window is closed</dd>
+ <dt>{{domxref("GlobalEventHandlers.oncontextmenu")}}</dt>
+ <dd>Called when the RIGHT mouse button is pressed</dd>
+ <dt>{{domxref("Window.ondevicelight")}}</dt>
+ <dd>An event handler property for any ambient light levels changes</dd>
+ <dt>{{domxref("Window.ondevicemotion")}} {{gecko_minversion_inline("6.0")}}</dt>
+ <dd>Called if accelerometer detects a change (For mobile devices)</dd>
+ <dt>{{domxref("Window.ondeviceorientation")}} {{gecko_minversion_inline("6.0")}}</dt>
+ <dd>Called when the orientation is changed (For mobile devices)</dd>
+ <dt>{{domxref("Window.ondeviceorientationabsolute")}} {{non-standard_inline}} Chrome only</dt>
+ <dd>An event handler property for any device orientation changes.</dd>
+ <dt>{{domxref("Window.ondeviceproximity")}}</dt>
+ <dd>An event handler property for device proximity event</dd>
+ <dt>{{domxref("GlobalEventHandlers.onerror")}}</dt>
+ <dd>Called when a resource fails to load OR when an error occurs at runtime. See {{event("error")}} event.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onfocus")}}</dt>
+ <dd>Called after the window receives or regains focus. See {{event("focus")}} events.</dd>
+ <dt>{{domxref("WindowEventHandlers.onhashchange")}} {{gecko_minversion_inline("1.9.2")}}</dt>
+ <dd>An event handler property for {{event('hashchange')}} events on the window; called when the part of the URL after the hash mark ("#") changes.</dd>
+ <dt>{{domxref("Window.onappinstalled")}}</dt>
+ <dd>Called when the page is installed as a webapp. See {{event('appinstalled')}} event.</dd>
+ <dt>{{domxref("Window.ongamepadconnected")}}</dt>
+ <dd>Represents an event handler that will run when a gamepad is connected (when the {{event('gamepadconnected')}} event fires).</dd>
+ <dt>{{domxref("Window.ongamepaddisconnected")}}</dt>
+ <dd>Represents an event handler that will run when a gamepad is disconnected (when the {{event('gamepaddisconnected')}} event fires).</dd>
+ <dt>{{domxref("Window.oninput")}}</dt>
+ <dd>Called when the value of an &lt;input&gt; element changes</dd>
+ <dt>{{domxref("GlobalEventHandlers.onkeydown")}}</dt>
+ <dd>Called when you begin pressing ANY key. See {{event("keydown")}} event.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onkeypress")}}</dt>
+ <dd>Called when a key (except Shift, Fn, and CapsLock) is in pressed position. See {{event("keypress")}} event.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onkeyup")}}</dt>
+ <dd>Called when you finish releasing ANY key. See {{event("keyup")}} event.</dd>
+ <dt>{{domxref("WindowEventHandlers.onlanguagechange")}}</dt>
+ <dd>An event handler property for {{event("languagechange")}} events on the window.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onload")}}</dt>
+ <dd>Called after all resources and the DOM are fully loaded. WILL NOT get called when the page is loaded from cache, such as with back button.</dd>
+ <dt>{{domxref("WindowEventHandlers.onmessage")}}</dt>
+ <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("message")}} event is raised.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onmousedown")}}</dt>
+ <dd>Called when ANY mouse button is pressed.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onmousemove")}}</dt>
+ <dd>Called continously when the mouse is moved inside the window.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onmouseout")}}</dt>
+ <dd>Called when the pointer leaves the window.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onmouseover")}}</dt>
+ <dd>Called when the pointer enters the window</dd>
+ <dt>{{domxref("GlobalEventHandlers.onmouseup")}}</dt>
+ <dd>Called when ANY mouse button is released</dd>
+ <dt>{{domxref("Window.onmozbeforepaint")}} {{gecko_minversion_inline("2.0")}}</dt>
+ <dd>An event handler property for the <code>MozBeforePaint</code> event, which is sent before repainting the window if the event has been requested by a call to the {{domxref("Window.mozRequestAnimationFrame()")}} method.</dd>
+ <dt>{{domxref("WindowEventHandlers.onoffline")}}</dt>
+ <dd>Called when network connection is lost. See {{event("offline")}} event.</dd>
+ <dt>{{domxref("WindowEventHandlers.ononline")}}</dt>
+ <dd>Called when network connection is established. See {{event("online")}} event.</dd>
+ <dt>{{domxref("WindowEventHandlers.onpagehide")}}</dt>
+ <dd>Called when the user navigates away from the page, before the onunload event. See {{event("pagehide")}} event.</dd>
+ <dt>{{domxref("WindowEventHandlers.onpageshow")}}</dt>
+ <dd>Called after all resources and the DOM are fully loaded. See {{event("pageshow")}} event.</dd>
+ <dt>{{domxref("Window.onpaint")}}</dt>
+ <dd>An event handler property for paint events on the window.</dd>
+ <dt>{{domxref("WindowEventHandlers.onpopstate")}} {{gecko_minversion_inline("2.0")}}</dt>
+ <dd>Called when a back putton is pressed.</dd>
+ <dt>{{domxref("Window.onrejectionhandled")}} {{experimental_inline}}</dt>
+ <dd>An event handler for handled {{jsxref("Promise")}} rejection events.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onreset")}}</dt>
+ <dd>Called when a form is reset</dd>
+ <dt>{{domxref("GlobalEventHandlers.onresize")}}</dt>
+ <dd>Called continuously as you are resizing the window.</dd>
+ <dt>{{domxref("GlobalEventHandlers.onscroll")}}</dt>
+ <dd>Called when the scroll bar is moved via ANY means. If the resource fully fits in the window, then this event cannot be invoked</dd>
+ <dt>{{domxref("GlobalEventHandlers.onwheel")}}</dt>
+ <dd>Called when the mouse wheel is rotated around any axis</dd>
+ <dt>{{domxref("GlobalEventHandlers.onselect")}}</dt>
+ <dd>Called after text in an input field is selected</dd>
+ <dt>{{domxref("GlobalEventHandlers.onselectionchange")}}</dt>
+ <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("selectionchange")}} event is raised.</dd>
+ <dt>{{domxref("WindowEventHandlers.onstorage")}}</dt>
+ <dd>Called when there is a change in session storage or local storage. See {{event("storage")}} event</dd>
+ <dt>{{domxref("GlobalEventHandlers.onsubmit")}}</dt>
+ <dd>Called when a form is submitted</dd>
+ <dt>{{domxref("WindowEventHandlers.onunhandledrejection")}} {{experimental_inline}}</dt>
+ <dd>An event handler for unhandled {{jsxref("Promise")}} rejection events.</dd>
+ <dt>{{domxref("WindowEventHandlers.onunload")}}</dt>
+ <dd>Called when the user navigates away from the page.</dd>
+ <dt>{{domxref("Window.onuserproximity")}}</dt>
+ <dd>An event handler property for user proximity events.</dd>
+ <dt>{{domxref("Window.onvrdisplayconnect")}}</dt>
+ <dd>Represents an event handler that will run when a compatible VR device has been connected to the computer (when the {{event("vrdisplayconnected")}} event fires).</dd>
+ <dt>{{domxref("Window.onvrdisplaydisconnect")}}</dt>
+ <dd>Represents an event handler that will run when a compatible VR device has been disconnected from the computer (when the {{event("vrdisplaydisconnected")}} event fires).</dd>
+ <dt>{{domxref("Window.onvrdisplayactivate")}}</dt>
+ <dd>Represents an event handler that will run when a display is able to be presented to (when the {{event("vrdisplayactivate")}} event fires), for example if an HMD has been moved to bring it out of standby, or woken up by being put on.</dd>
+ <dt>{{domxref("Window.onvrdisplaydeactivate")}}</dt>
+ <dd>Represents an event handler that will run when a display can no longer be presented to (when the {{event("vrdisplaydeactivate")}} event fires), for example if an HMD has gone into standby or sleep mode due to a period of inactivity.</dd>
+ <dt>{{domxref("Window.onvrdisplayblur")}}</dt>
+ <dd>Represents an event handler that will run when presentation to a display has been paused for some reason by the browser, OS, or VR hardware (when the {{event("vrdisplayblur")}} event fires) — for example, while the user is interacting with a system menu or browser, to prevent tracking or loss of experience.</dd>
+ <dt>{{domxref("Window.onvrdisplayfocus")}}</dt>
+ <dd>Represents an event handler that will run when presentation to a display has resumed after being blurred (when the {{event("vrdisplayfocus")}} event fires).</dd>
+ <dt>{{domxref("Window.onvrdisplaypresentchange")}}</dt>
+ <dd>represents an event handler that will run when the presenting state of a VR device changes — i.e. goes from presenting to not presenting, or vice versa (when the {{event("vrdisplaypresentchange")}} event fires).</dd>
+</dl>
+
+<h2 id="Constructors">Constructors</h2>
+
+<p>See also the <a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">DOM Interfaces</a>.</p>
+
+<dl>
+ <dt>{{domxref("DOMParser")}}</dt>
+ <dd><code>DOMParser</code> can parse XML or HTML source stored in a string into a DOM <a href="https://developer.mozilla.org/en-US/docs/DOM/document" title="document">Document</a>. <code>DOMParser</code> is specified in <a href="https://w3c.github.io/DOM-Parsing/" title="http://html5.org/specs/dom-parsing.html">DOM Parsing and Serialization</a>.</dd>
+ <dt>{{domxref("Window.GeckoActiveXObject")}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Image")}}</dt>
+ <dd>Used for creating an {{domxref("HTMLImageElement")}}.</dd>
+ <dt>{{domxref("Option")}}</dt>
+ <dd>Used for creating an {{domxref("HTMLOptionElement")}}</dd>
+ <dt>{{domxref("Window.QueryInterface")}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Window.XMLSerializer")}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Worker")}}</dt>
+ <dd>Used for creating a <a href="/en-US/docs/DOM/Using_web_workers">Web worker</a></dd>
+ <dt>{{domxref("Window.XPCNativeWrapper")}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+ <dt>{{domxref("Window.XPCSafeJSObjectWrapper")}}</dt>
+ <dd>{{todo("NeedsContents")}}</dd>
+</dl>
+
+<h2 id="Interfaces">Interfaces</h2>
+
+<p>See <a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">DOM Reference</a></p>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Working_with_windows_in_chrome_code">Working with windows in chrome code</a></li>
+</ul>
diff --git a/files/ca/web/api/window/sidebar/index.html b/files/ca/web/api/window/sidebar/index.html
new file mode 100644
index 0000000000..280b5dcce3
--- /dev/null
+++ b/files/ca/web/api/window/sidebar/index.html
@@ -0,0 +1,56 @@
+---
+title: Window.sidebar
+slug: Web/API/Window/sidebar
+tags:
+  - DOM
+  - NeedsTranslation
+  - Non-standard
+  - Property
+  - Reference
+  - TopicStub
+  - Window
+translation_of: Web/API/Window/sidebar
+---
+<div>{{APIRef}} {{Non-standard_header}}</div>
+
+<p>Returns a sidebar object, which contains several methods for registering add-ons with the browser.</p>
+
+<h2 id="Notes" name="Notes">Notes</h2>
+
+<p>The sidebar object returned has the following methods:</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th>Method</th>
+   <th>Description (SeaMonkey)</th>
+   <th>Description (Firefox)</th>
+  </tr>
+  <tr>
+   <td><code>addPanel(<var>title</var>, <var>contentURL</var>, "")</code></td>
+   <td>Adds a sidebar panel.</td>
+   <td rowspan="2">Obsolete since Firefox 23 (only present in SeaMonkey).<br>
+    End users can use the "load this bookmark in the sidebar" option instead. Also see <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Creating_a_Firefox_sidebar">Creating a Firefox sidebar.</a></td>
+  </tr>
+  <tr>
+   <td><code>addPersistentPanel(<var>title</var>, <var>contentURL</var>, "")</code></td>
+   <td>Adds a sidebar panel, which is able to work in the background.</td>
+  </tr>
+  <tr>
+   <td><code>AddSearchProvider(<em>descriptionURL)</em></code></td>
+   <td colspan="2">Installs a search provider (OpenSearch). <a href="/en-US/docs/Web/API/Window/sidebar/Adding_search_engines_from_Web_pages#Installing_OpenSearch_plugins" title="Adding_search_engines_from_web_pages">Adding OpenSearch search engines </a>contains more details. Added in Firefox 2.</td>
+  </tr>
+  <tr>
+   <td><code>addSearchEngine(<var>engineURL</var>, <var>iconURL</var>, <var>suggestedTitle</var>, <var>suggestedCategory</var>)</code> {{Obsolete_inline(44)}}</td>
+   <td colspan="2">Installs a search engine (Sherlock). <a href="/en-US/docs/Web/API/Window/sidebar/Adding_search_engines_from_Web_pages#Installing_Sherlock_plugins" title="Adding_search_engines_from_web_pages">Adding Sherlock search engines </a>contains more details.</td>
+  </tr>
+  <tr>
+   <td><code>IsSearchProviderInstalled(<em>descriptionURL)</em></code></td>
+   <td colspan="2">Indicates if a specific search provider (OpenSearch) is installed.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Specification" name="Specification">Specification</h2>
+
+<p>Mozilla-specific. Not part of any standard.</p>
diff --git a/files/ca/web/css/_colon_active/index.html b/files/ca/web/css/_colon_active/index.html
new file mode 100644
index 0000000000..ee066e1a03
--- /dev/null
+++ b/files/ca/web/css/_colon_active/index.html
@@ -0,0 +1,166 @@
+---
+title: ':active'
+slug: 'Web/CSS/:active'
+tags:
+  - CSS
+  - CSS Pseudo-class
+  - Layout
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:active'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class</a> CSS <code>:active</code> representa un element (com un botó) que està sent activat per l'usuari. Quan s'usa un ratolí, l'"activació" normalment comença quan l'usuari pressiona el botó primari del ratolí i acaba quan es deixa anar. La pseudo-classe <code>:active</code> s'usa comunament en elements {{HTMLElement("a")}} i {{HTMLElement("button")}}, però també pot usar-se en altres elements.</p>
+
+<pre class="brush: css no-line-numbers">/* Selects any &lt;a&gt; that is being activated */
+a:active {
+  color: red;
+}</pre>
+
+<p>Els estils definits per la pseudo-class <code>:active</code> seran anul·lats per qualsevol pseudo-class subsegüent relacionada amb l'enllaç ({{cssxref(":link")}}, {{cssxref(":hover")}} o {{cssxref(":visited")}}) que tingui almenys la mateixa especificitat. Per donar un estil apropiat als enllaços, poseu la regla <code>:active</code> després de totes les altres regles relacionades amb els enllaços, tal com ho defineix l'ordre <em>LVHA-order</em>: <code>:link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>.</p>
+
+<div class="note"><strong>Nota:</strong> En sistemes amb ratolins de múltiples botons, CSS 3 especifica que la pseudo-class <code>:active</code> només s'ha d'aplicar al botó primari; en ratolins destres, normalment és el botó més a l'esquerra.</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<div id="example">
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html;">&lt;a href="#"&gt;This link will turn lime while you click on it.&lt;/a&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css;">a:link { color: blue; }          /* Unvisited links */
+a:visited { color: purple; }     /* Visited links */
+a:hover { <span class="st">background: yellow</span>; }  /* User hovers */
+a:active { color: lime; }        /* Active links */</pre>
+</div>
+
+<h3 id="Resultat">Resultat</h3>
+
+<div>{{EmbedLiveSample('Example')}}</div>
+
+<h2 id="Especificacions"><span>Especificacions</span></h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'scripting.html#selector-active', ':active')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#active-pseudo', ':active')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#useraction-pseudos', ':active')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#dynamic-pseudo-classes', ':active')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1', '#anchor-pseudo-classes', ':active')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>4.0</td>
+   <td>5.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport en elements no</span></span> <code>&lt;a&gt;</code></td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>8.0</td>
+   <td>7.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>6.0</td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport en elements no</span></span> <code>&lt;a&gt;</code></td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}} [1]</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Per defecte, Safari Mobile no utilitza l'estat {{cssxref(":active")}} a menys que hi hagi un controlador d'esdeveniments <a href="/en-US/docs/Web/Reference/Events/touchstart"><code>touchstart</code></a> en l'element rellevant o en el {{HTMLElement("body")}}.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Enllaços relacionats amb pseudo-classes: {{cssxref(":link")}}, {{cssxref(":visited")}} i {{cssxref(":hover")}}.</li>
+</ul>
diff --git a/files/ca/web/css/_colon_any-link/index.html b/files/ca/web/css/_colon_any-link/index.html
new file mode 100644
index 0000000000..30d729e862
--- /dev/null
+++ b/files/ca/web/css/_colon_any-link/index.html
@@ -0,0 +1,78 @@
+---
+title: ':any-link'
+slug: 'Web/CSS/:any-link'
+tags:
+  - CSS
+  - Experimental
+  - Layout
+  - NeedsBrowserCompatibility
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:any-link'
+---
+<div>{{CSSRef}}{{SeeCompatTable}}</div>
+
+<p>La <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes">pseudo-classe CSS</a> <strong><code>:any-link</code></strong> representa un element que actua com a àncora font d'un hiperenllaç, independentment de si s'ha visitat. En altres paraules, coincideix amb cada element {{HTMLElement("a")}}, {{HTMLElement("area")}} o {{HTMLElement("link")}} que té un atribut <code>href</code>. D'aquesta manera, es correspont amb tots els elements que coincideixen amb {{cssxref(":link")}} o {{cssxref(":visited")}}.</p>
+
+<pre class="brush: css no-line-numbers  language-css"><code class="language-css"><span class="selector token"><span class="pseudo-class token">/* </span></span></code> Selecciona qualsevol element que coincideixi amb <code class="language-css"><span class="selector token"><span class="pseudo-class token">:link o :visited */
+:-any-link</span> </span><span class="punctuation token">{</span>
+  <span class="property token">color</span><span class="punctuation token">:</span> green<span class="punctuation token">;</span>
+<span class="punctuation token">}</span></code></pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;a href="https://example.com"&gt;External link&lt;/a&gt;&lt;br&gt;
+&lt;a href="#"&gt;Internal target link&lt;/a&gt;&lt;br&gt;
+&lt;a&gt;Placeholder link (won't get styled)&lt;/a&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">a:any-link {
+  border: 1px solid blue;
+  color: orange;
+}
+
+/* WebKit browsers */
+a:-webkit-any-link {
+  border: 1px solid blue;
+  color: orange;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("CSS4 Selectors", "#the-any-link-pseudo", ":any-link")}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p class="hidden">La taula de compatibilitat d'aquesta pàgina es genera a partir de dades estructurades. Si voleu contribuir a les dades, consulteu <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> i envieu-nos una sol·licitud d'extracció.</p>
+
+<p>{{Compat("css.selectors.any-link")}}</p>
diff --git a/files/ca/web/css/_colon_any/index.html b/files/ca/web/css/_colon_any/index.html
new file mode 100644
index 0000000000..fa4bcea79c
--- /dev/null
+++ b/files/ca/web/css/_colon_any/index.html
@@ -0,0 +1,197 @@
+---
+title: ':any'
+slug: 'Web/CSS/:any'
+tags:
+  - CSS
+  - Experimental
+  - Pseudo-class
+  - Reference
+translation_of: 'Web/CSS/:is'
+---
+<div>{{CSSRef}}{{SeeCompatTable}}</div>
+
+<p>La <a href="/en-US/docs/CSS/Pseudo-classes" title="CSS/Pseudo-classes">pseudo-classe</a> <strong><code>:any()</code></strong> permet crear un selector que contingui múltiples opcions, algun dels quals seran aparellats. Aquesta és una alternativa més senzilla que repetir un selector sencer diverses vegades perquè un element dins d'ell varia.</p>
+
+<pre class="brush: css no-line-numbers">/* Select any h2 inside a section, article, aside, or nav */
+/* Currently supported with -moz- and -webkit- prefixes */
+:-moz-any(section, article, aside, nav) h2 {
+  font-size: 4.5rem;
+}
+
+:-webkit-any(section, article, aside, nav) h2 {
+  font-size: 4.5rem;
+}
+</pre>
+
+<div class="note"><strong>Nota : </strong>Aquesta pseudo-classe està en curs de ser estandarditzada en <em><a href="http://dev.w3.org/csswg/selectors4/#matches">CSS Selectors Level 4</a></em> sota el nom <code>:matches()</code>. És probable que la sintaxi i el nom de <em><code>:-vendor-any()</code></em> seran canviats perquè es reflecteixi en un futur proper.</div>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<h3 id="Examples" name="Examples">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt><code>selector</code></dt>
+ <dd>Un selector. Això pot ser un selector simple o un selector múltiple compost de <a href="http://www.w3.org/TR/css3-selectors/#simple-selectors">selectors simples CSS 3</a> i pot incloure el combinador descendent.</dd>
+</dl>
+
+<div class="note"><strong>Nota:</strong> Els selectors <strong>no</strong> poden contenir pseudo-elements i l'únic combinador permès és el combinador descendent.</div>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Per</span> <span>exemple</span><span>, el següent</span> <span>CSS</span></span>:</p>
+
+<pre class="brush: css">/* 3 deep (or more) unordered lists use a square */
+ol ol ul,     ol ul ul,     ol menu ul,     ol dir ul,
+ol ol menu,   ol ul menu,   ol menu menu,   ol dir menu,
+ol ol dir,    ol ul dir,    ol menu dir,    ol dir dir,
+ul ol ul,     ul ul ul,     ul menu ul,     ul dir ul,
+ul ol menu,   ul ul menu,   ul menu menu,   ul dir menu,
+ul ol dir,    ul ul dir,    ul menu dir,    ul dir dir,
+menu ol ul,   menu ul ul,   menu menu ul,   menu dir ul,
+menu ol menu, menu ul menu, menu menu menu, menu dir menu,
+menu ol dir,  menu ul dir,  menu menu dir,  menu dir dir,
+dir ol ul,    dir ul ul,    dir menu ul,    dir dir ul,
+dir ol menu,  dir ul menu,  dir menu menu,  dir dir menu,
+dir ol dir,   dir ul dir,   dir menu dir,   dir dir dir {
+  list-style-type: square;
+}
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Pot</span> <span>substituir-se per</span></span>:</p>
+
+<pre class="brush: css">/* 3 deep (or more) unordered lists use a square */
+:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) ul,
+:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) menu,
+:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) dir {
+  list-style-type: square;
+}</pre>
+
+<p>No obstant això, no utilitzeu el següent: (Veure <a href="#Issues_with_performance_and_specificity">la secció sobre el rendiment </a>més endavant.)</p>
+
+<pre class="brush: css">:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) :-moz-any(ul, menu, dir) {
+  list-style-type: square;
+}</pre>
+
+<h2 id="Notes" name="Notes">Notes</h2>
+
+<p>Aquesta propietat és particularment útil quan es tracta de<a href="https://developer.mozilla.org/en-US/docs/Sections_and_Outlines_of_an_HTML5_document"> seccions i encapçalaments</a> en HTML5. Des {{HTMLElement("section")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}} i {{HTMLElement("nav")}} es poden niar, sense <code>:any()</code> , l'estil d'aquests perquè coincideixin entre si pot ser difícil.</p>
+
+<p>Per exemple, sense <code>:any()</code>, donar estil a tot els elements {{HTMLElement("h1")}} a diferents profunditats podria ser molt complicat:</p>
+
+<pre class="brush: css">/* Level 0 */
+h1 {
+  font-size: 30px;
+}
+/* Level 1 */
+section h1, article h1, aside h1, nav h1 {
+  font-size: 25px;
+}
+/* Level 2 */
+section section h1, section article h1, section aside h1, section nav h1,
+article section h1, article article h1, article aside h1, article nav h1,
+aside section h1, aside article h1, aside aside h1, aside nav h1,
+nav section h1, nav article h1, nav aside h1, nav nav h1, {
+  font-size: 20px;
+}
+/* Level 3 */
+/* ... don't even think about it*/
+</pre>
+
+<p>Usant <code>:-any()</code>, és molt més fàcil:</p>
+
+<pre class="brush: css">/* Level 0 */
+h1 {
+  font-size: 30px;
+}
+/* Level 1 */
+:-moz-any(section, article, aside, nav) h1 {
+  font-size: 25px;
+}
+/* Level 2 */
+:-moz-any(section, article, aside, nav)
+:-moz-any(section, article, aside, nav) h1 {
+  font-size: 20px;
+}
+/* Level 3 */
+:-moz-any(section, article, aside, nav)
+:-moz-any(section, article, aside, nav)
+:-moz-any(section, article, aside, nav) h1 {
+  font-size: 15px;
+}</pre>
+
+<h3 id="Issues_with_performance_and_specificity" name="Issues_with_performance_and_specificity"><span class="short_text" id="result_box" lang="ca"><span>Problemes</span> <span>amb</span> <span>el rendiment</span> <span>i</span> <span>l'especificitat</span></span></h3>
+
+<p><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=561154" title="https://bugzilla.mozilla.org/show_bug.cgi?id=561154">Bug 561154</a> registra un problema amb Gecko en el qual l'especificitat de: <code>:-moz-any()</code> és incorrecta. La implementació actual (com Firefox 12) posa: <code>:-moz-any()</code> en la categoria de regles universals, la qual cosa significa que usar-ho com el selector dret serà més lent que usar un ID, una classe o una etiqueta com el selector dret.</p>
+
+<p>Per exemple:</p>
+
+<pre class="brush: css">.a &gt; :-moz-any(.b, .c)
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>és</span> <span>més</span> <span>lent que</span><span>:</span></span></p>
+
+<pre class="brush: css">.a &gt; .b, .a &gt; .c
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>i</span> <span>el següent és</span> més <span>ràpid</span><span>:</span></span></p>
+
+<pre class="brush: css">:-moz-any(.a, .d) &gt; .b, :-moz-any(.a, .d) &gt; .c
+</pre>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatGeckoDesktop("2")}}{{property_prefix("-moz")}}</td>
+   <td>12.0 (534.30){{property_prefix("-webkit")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>5<br>
+    {{property_prefix("-webkit")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>5<br>
+    {{property_prefix("-webkit")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/_colon_checked/index.html b/files/ca/web/css/_colon_checked/index.html
new file mode 100644
index 0000000000..1f0915eefc
--- /dev/null
+++ b/files/ca/web/css/_colon_checked/index.html
@@ -0,0 +1,252 @@
+---
+title: ':checked'
+slug: 'Web/CSS/:checked'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:checked'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="https://developer.mozilla.org/en-US/docs/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>:checked</code></strong> representa qualsevol <strong>radio </strong>(<code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio">&lt;input type="radio"&gt;</a></code>), <strong>checkbox </strong>(<code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox">&lt;input type="checkbox"&gt;</a></code>) o <strong>option</strong> ({{HTMLElement("option")}} en un element {{HTMLElement("select")}})   que està marcat o commutat a un estat on (activat).</p>
+
+<pre class="brush: css no-line-numbers">/* Matches any checked/selected radio, checkbox, or option */
+:checked {
+  margin-left: 25px;
+  border: 1px solid blue;
+}
+</pre>
+
+<p>L'usuari pot activar aquest estat marcant/seleccionant un element o desactivar-ho desmarcant/deseleccionant l'element.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Com que els navegadors sovint tracten <code>&lt;option&gt;</code>s com a <a href="/en-US/docs/Web/CSS/Replaced_element">elements reemplaçats</a>, el grau en què poden ser dissenyats amb la pseudo-class <code>:checked</code> varia d'un navegador a un altre.</p>
+</div>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Basic_example">Basic example</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;div&gt;
+  &lt;input type="radio" name="my-input" id="yes"&gt;
+  &lt;label for="yes"&gt;Yes&lt;/label&gt;
+
+  &lt;input type="radio" name="my-input" id="no"&gt;
+  &lt;label for="yes"&gt;No&lt;/label&gt;
+&lt;/div&gt;
+
+&lt;div&gt;
+  &lt;input type="checkbox" name="my-checkbox" id="opt-in"&gt;
+  &lt;label for="opt-in"&gt;Check me!&lt;/label&gt;
+&lt;/div&gt;
+
+&lt;select name="my-select" id="fruit"&gt;
+  &lt;option value="opt1"&gt;Apples&lt;/option&gt;
+  &lt;option value="opt2"&gt;Grapes&lt;/option&gt;
+  &lt;option value="opt3"&gt;Pears&lt;/option&gt;
+&lt;/select&gt;
+</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">div,
+select {
+  margin: 8px;
+}
+
+/* Labels for checked inputs */
+input:checked + label {
+  color: red;
+}
+
+/* Radio element, when checked */
+input[type="radio"]:checked {
+  box-shadow: 0 0 0 3px orange;
+}
+
+/* Checkbox element, when checked */
+input[type="checkbox"]:checked {
+  box-shadow: 0 0 0 3px hotpink;
+}
+
+/* Option elements, when selected */
+option:checked {
+  box-shadow: 0 0 0 3px lime;
+  color: red;
+}
+</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample("Basic_example")}}</p>
+
+<h3 id="Alternar_elements_amb_una_casella_de_selecció_oculta">Alternar elements amb una casella de selecció oculta</h3>
+
+<p>En aquest exemple s'utilitza la pseudo-class <code>:checked</code> per permetre a l'usuari que alterni el contingut en funció de l'estat d'una casella de selecció (checkbox), tot sense utilitzar <a href="/en-US/docs/Web/JavaScript">JavaScript</a>.</p>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;input type="checkbox" id="expand-toggle" /&gt;
+
+&lt;table&gt;
+  &lt;thead&gt;
+    &lt;tr&gt;&lt;th&gt;Column #1&lt;/th&gt;&lt;th&gt;Column #2&lt;/th&gt;&lt;th&gt;Column #3&lt;/th&gt;&lt;/tr&gt;
+  &lt;/thead&gt;
+  &lt;tbody&gt;
+    &lt;tr class="expandable"&gt;&lt;td&gt;[more text]&lt;/td&gt;&lt;td&gt;[more text]&lt;/td&gt;&lt;td&gt;[more text]&lt;/td&gt;&lt;/tr&gt;
+    &lt;tr&gt;&lt;td&gt;[cell text]&lt;/td&gt;&lt;td&gt;[cell text]&lt;/td&gt;&lt;td&gt;[cell text]&lt;/td&gt;&lt;/tr&gt;
+    &lt;tr&gt;&lt;td&gt;[cell text]&lt;/td&gt;&lt;td&gt;[cell text]&lt;/td&gt;&lt;td&gt;[cell text]&lt;/td&gt;&lt;/tr&gt;
+    &lt;tr class="expandable"&gt;&lt;td&gt;[more text]&lt;/td&gt;&lt;td&gt;[more text]&lt;/td&gt;&lt;td&gt;[more text]&lt;/td&gt;&lt;/tr&gt;
+    &lt;tr class="expandable"&gt;&lt;td&gt;[more text]&lt;/td&gt;&lt;td&gt;[more text]&lt;/td&gt;&lt;td&gt;[more text]&lt;/td&gt;&lt;/tr&gt;
+  &lt;/tbody&gt;
+&lt;/table&gt;
+
+&lt;label for="expand-toggle" id="expand-btn"&gt;Toggle hidden rows&lt;/label&gt;
+</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">/* Oculta la casella de selecció (checkbox) */
+#expand-toggle {
+  display: none;
+}
+
+/* Oculta el contingut expandible per defecte */
+.expandable {
+  visibility: collapse;
+  background: #ddd;
+}
+
+/* Estil del botó */
+#expand-btn {
+  display: inline-block;
+  margin-top: 12px;
+  padding: 5px 11px;
+  background-color: #ff7;
+  border: 1px solid;
+  border-radius: 3px;
+}
+
+/* <span id="result_box" lang="ca"><span>Mostra el contingut ocult quan es marca la casella de selecció</span></span> */
+#expand-toggle:checked ~ * .expandable {
+  visibility: visible;
+}
+
+/* Estil del botó quan està marcada la casella de selecció */
+#expand-toggle:checked ~ #expand-btn {
+  background-color: #ccc;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample("Toggling_elements_with_a_hidden_checkbox", "auto", 220)}}</p>
+
+<h3 id="Using_hidden_radioboxes_in_order_to_store_some_CSS_boolean_values" name="Using_hidden_radioboxes_in_order_to_store_some_CSS_boolean_values"><span id="result_box" lang="ca"><span>Galeria d'imatges</span></span></h3>
+
+<p>Podeu utilitzar la pseudo-class <code>:checked</code> per construir una galeria d'imatges amb imatges de grandària completa que només es mostrin quan l'usuari faci clic a una miniatura. Vegeu <a class="internal" href="/@api/deki/files/6268/=css-checked-gallery.zip" title="css-checked-gallery.zip">aquesta demostració</a> com un possible exemple.</p>
+
+<div class="note"><strong>Nota:</strong> Per a un efecte anàleg, però basat en la pseudo-classe <a class="internal" href="/en-US/docs/CSS/:hover" title="CSS/:hover"><code>:hover</code></a> i sense caixes de ràdio (radioboxes) ocultes, vegeu <a class="internal" href="/@api/deki/files/6247/=css-gallery.zip" title="css-gallery.zip">aquesta demostració,</a> presa de la pàgina de referència <a class="internal" href="/en-US/docs/CSS/:hover" title="CSS/:hover">:hover</a>.</div>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('HTML WHATWG', '#selector-checked', ':checked') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML5 W3C', '#selector-checked', ':checked') }}</td>
+   <td>{{ Spec2('HTML5 W3C') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Defineix</span> <span>la semàntica</span> <span>respecte</span> <span>HTML</span><span>.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#checked', ':checked') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Basic UI', '#pseudo-checked', ':checked') }}</td>
+   <td>{{ Spec2('CSS3 Basic UI') }}</td>
+   <td>Enllaç a Selectors Level 3.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Selectors', '#checked', ':checked') }}</td>
+   <td>{{ Spec2('CSS3 Selectors') }}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix</span> <span>la</span> <span>pseudo</span><span>-</span><span>classe,</span> <span>però no</span> <span>la semàntica</span> <span>associada</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop(1.0) }}</td>
+   <td>9.0</td>
+   <td>9.0</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile(1.0) }}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
diff --git a/files/ca/web/css/_colon_default/index.html b/files/ca/web/css/_colon_default/index.html
new file mode 100644
index 0000000000..1cec2992e7
--- /dev/null
+++ b/files/ca/web/css/_colon_default/index.html
@@ -0,0 +1,145 @@
+---
+title: ':default'
+slug: 'Web/CSS/:default'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:default'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes">pseudo-classe</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>:default</code></strong> representa qualsevol element de formulari que sigui el predeterminat entre un grup d'elements relacionats.</p>
+
+<p>Aquest selector es pot utilitzar en els elements {{htmlelement("button")}}, <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox">&lt;input type="checkbox"&gt;</a></code>, <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio">&lt;input type="radio"&gt;</a></code> i {{htmlelement("option")}}.</p>
+
+<pre class="brush: css no-line-numbers">/* Selects any default &lt;input&gt; */
+input:default {
+  background-color: lime;
+}</pre>
+
+<p>Els elements agrupats que permeten seleccions múltiples també poden tenir múltiples valors predeterminats, és a dir, poden tenir diversos elements seleccionats inicialment. En aquest cas, <em>tots</em> els valors predeterminats es representen utilitzant la pseudo-classe <code>:default</code>. Per exemple, podeu aplicar un estil a les caselles de selecció predeterminades d'un grup de caselles de selecció.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;input type="radio" name="season" id="spring"&gt;
+&lt;label for="spring"&gt;Spring&lt;/label&gt;
+
+&lt;input type="radio" name="season" id="summer" checked&gt;
+&lt;label for="spring"&gt;Summer&lt;/label&gt;
+
+&lt;input type="radio" name="season" id="fall"&gt;
+&lt;label for="spring"&gt;Fall&lt;/label&gt;
+
+&lt;input type="radio" name="season" id="winter"&gt;
+&lt;label for="spring"&gt;Winter&lt;/label&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">input:default {
+  box-shadow: 0 0 2px 1px coral;
+}
+
+input:default + label {
+  color: coral;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example")}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#selector-default', ':default')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', '#selector-default', ':default')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix la semàntica HTML associada i la validació de restriccions.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#default-pseudo', ':default')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Basic UI', '#pseudo-default', ':default')}}</td>
+   <td>{{Spec2('CSS3 Basic UI')}}</td>
+   <td><span id="result_box" lang="ca"><span>Definició inicial, però sense la semàntica associada</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>10.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10.0</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10.0</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/_colon_dir/index.html b/files/ca/web/css/_colon_dir/index.html
new file mode 100644
index 0000000000..75ce09caef
--- /dev/null
+++ b/files/ca/web/css/_colon_dir/index.html
@@ -0,0 +1,105 @@
+---
+title: ':dir()'
+slug: 'Web/CSS/:dir'
+tags:
+  - CSS
+  - CSS Pseudo-class
+  - Experimental
+  - Reference
+translation_of: 'Web/CSS/:dir'
+---
+<div>{{CSSRef}}{{SeeCompatTable}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a>  <strong><code>:dir()</code></strong> coincideix amb elements basats en la direccionalidad del text contingut en ells</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol element amb text de dreta a esquerr</span></span>a */
+:dir(rtl) {
+  background-color: red;
+}</pre>
+
+<p>La pseudo-class <code>:dir()</code> utilitza només el valor <em>semàntic</em> de la direccionalitat, és a dir, el definit en el mateix document. No té en compte la direccionalitat de l'<em>estil</em>, és a dir, la direccionalitat establerta per les propietats CSS com {{cssxref("direction")}}.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Tingueu en compte que el comportament de la pseudo-class <code>:dir()</code> no és equivalent als <a href="/en-US/docs/Web/CSS/Attribute_selectors">selectors d'atribut</a> <code>[dir=…]</code>. Aquest últim coincideix amb l'atribut HTML {{htmlattrxref("dir")}}, i ignora els elements que no ho tenen, fins i tot si hereten una direcció del seu pare. (De la mateixa manera, <code>[dir=rtl]</code> i <code>[dir=ltr]</code> no coincideixen amb el valor <code>auto</code>.) En canvi, <code>:dir()</code> coincideix amb el valor calculat pel {{glossary("user agent")}}, fins i tot si s'hereta.</p>
+</div>
+
+<div class="note">
+<p><strong>Nota:</strong> En HTML, la direcció està determinada per l'atribut {{htmlattrxref("dir")}}. Altres tipus de document poden tenir mètodes diferents.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La pseudo-class <code>:dir()</code> requereix un paràmetre, que representa la direccionalitat de text que voleu orientar.</p>
+
+<h3 id="Parametres">Parametres</h3>
+
+<dl>
+ <dt><code>ltr</code></dt>
+ <dd>Direcciona els elements d'esquerra a dreta.</dd>
+ <dt><code>rtl</code></dt>
+ <dd>Direcciona els elements de dreta a esquerra.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush:html;">&lt;div dir="rtl"&gt;
+  &lt;span&gt;test1&lt;/span&gt;
+  &lt;div dir="ltr"&gt;test2
+    &lt;div dir="auto"&gt;עִבְרִית&lt;/div&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">:dir(ltr) {
+  background-color: yellow;
+}
+
+:dir(rtl) {
+  background-color: powderblue;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{ EmbedLiveSample('Example') }}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'scripting.html#selector-ltr', ':dir(ltr)')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense camvis.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#the-dir-pseudo', ':dir()')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{Compat("css.selectors.dir")}}</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>pseudo-classes relacionades amb el llenguatge: {{cssxref(":lang")}}, {{cssxref(":dir")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_disabled/index.html b/files/ca/web/css/_colon_disabled/index.html
new file mode 100644
index 0000000000..ded833befe
--- /dev/null
+++ b/files/ca/web/css/_colon_disabled/index.html
@@ -0,0 +1,182 @@
+---
+title: ':disabled'
+slug: 'Web/CSS/:disabled'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:disabled'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a>  <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:disabled</code></strong> representa qualsevol element deshabilitat. Un element queda deshabilitat si no es pot activar (seleccionar, fer clic, teclejar, etc.) o acceptar l'enfocament. L'element també té un estat habilitat, en el qual es pot activar o acceptar l'enfocament.</p>
+
+<pre class="brush: css no-line-numbers">/* <span class="short_text" id="result_box" lang="ca"><span>Selecciona qualsevol</span></span> &lt;input&gt; <span class="short_text" id="result_box" lang="ca"><span>deshabilitat</span></span> */
+input:disabled {
+  background: #ccc;
+}</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>Aquest exemple mostra un formulari d'enviament bàsic. Utilitza l'esdeveniment <a href="/en-US/docs/Web/JavaScript">JavaScript</a> {{event("change")}} per permetre que l'usuari habiliti/deshabiliti els camps de facturació.</p>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;form action="#"&gt;
+  &lt;fieldset id="shipping"&gt;
+    &lt;legend&gt;Shipping address&lt;/legend&gt;
+    &lt;input type="text" placeholder="Name"&gt;
+    &lt;input type="text" placeholder="Address"&gt;
+    &lt;input type="text" placeholder="Zip Code"&gt;
+  &lt;/fieldset&gt;
+  &lt;br&gt;
+  &lt;fieldset id="billing"&gt;
+    &lt;legend&gt;Billing address&lt;/legend&gt;
+    &lt;label for="billing_is_shipping"&gt;Same as shipping address:&lt;/label&gt;
+    &lt;input type="checkbox" id="billing-checkbox" checked&gt;
+    &lt;br&gt;
+    &lt;input type="text" placeholder="Name" disabled&gt;
+    &lt;input type="text" placeholder="Address" disabled&gt;
+    &lt;input type="text" placeholder="Zip Code" disabled&gt;
+  &lt;/fieldset&gt;
+&lt;/form&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">input[type="text"]:disabled {
+  background: #ccc;
+}
+</pre>
+
+<h3 id="JavaScript">JavaScript</h3>
+
+<pre class="brush: js">// Wait for the page to finish loading
+document.addEventListener('DOMContentLoaded', function () {
+  // Attach `change` event listener to checkbox
+  document.getElementById('billing-checkbox').onchange = toggleBilling;
+}, false);
+
+function toggleBilling() {
+  // Select the billing text fields
+  var billingItems = document.querySelectorAll('#billing input[type="text"]');
+
+  // Toggle the billing text fields
+  for (var i = 0; i &lt; billingItems.length; i++) {
+    billingItems[i].disabled = !billingItems[i].disabled;
+  }
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', 300, 250)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#selector-disabled', ':disabled')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', '#selector-disabled', ':disabled')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Defineix la semàntica d'HTML i els formularis.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#enableddisabled', ':disabled')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Basic UI', '#pseudo-classes', ':disabled')}}</td>
+   <td>{{Spec2('CSS3 Basic UI')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Enllaços a Selectors Nivell 3</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#enableddisabled', ':disabled')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix</span> <span>la</span> <span>pseudo</span><span>-</span><span>class,</span> <span>però no</span> <span>la semàntica</span> <span>associada.</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>9.0</td>
+   <td>9.0</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Internet Explorer no reconeix <code>:disabled</code> en l'element {{HTMLElement("fieldset")}}.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>
+  <p>{{Cssxref(":enabled")}}</p>
+ </li>
+</ul>
diff --git a/files/ca/web/css/_colon_empty/index.html b/files/ca/web/css/_colon_empty/index.html
new file mode 100644
index 0000000000..0c9743ad81
--- /dev/null
+++ b/files/ca/web/css/_colon_empty/index.html
@@ -0,0 +1,135 @@
+---
+title: ':empty'
+slug: 'Web/CSS/:empty'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:empty'
+---
+<div>{{ CSSRef() }}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:empty</code> </strong> representa qualsevol element que no tingui fills. Els fills poden ser nodes d'elements o text (inclosos els espais en blanc). Els comentaris o les instruccions de processament no afecten si un element es considera buit o no.</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol &lt;div&gt; que no contingui cap contingut</span></span> */
+div:empty {
+  background: lime;
+}</pre>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div class="box"&gt;&lt;!-- I will be lime. --&gt;&lt;/div&gt;
+&lt;div class="box"&gt;I will be pink.&lt;/div&gt;
+&lt;div class="box"&gt;
+    &lt;!-- I will be pink because of the whitespace around this comment. --&gt;
+&lt;/div&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<div class="hidden">
+<pre class="brush: css">body {
+  display: flex;
+  justify-content: space-around;
+}</pre>
+</div>
+
+<pre class="brush: css">.box {
+  background: pink;
+  height: 80px;
+  width: 80px;
+}
+
+.box:empty {
+  background: lime;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Examples', 300, 80)}}</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#empty-pseudo', ':empty') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Selectors', '#empty-pseudo', ':empty') }}</td>
+   <td>{{ Spec2('CSS3 Selectors') }}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1") }}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("1") }}</td>
+   <td>9.5</td>
+   <td>10.0</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/_colon_enabled/index.html b/files/ca/web/css/_colon_enabled/index.html
new file mode 100644
index 0000000000..0b6d579968
--- /dev/null
+++ b/files/ca/web/css/_colon_enabled/index.html
@@ -0,0 +1,155 @@
+---
+title: ':enabled'
+slug: 'Web/CSS/:enabled'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:enabled'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:enabled</code></strong> representa qualsevol element habilitat. Un element està habilitat si es pot activar (seleccionar, fer clic en, teclejar, etc.) o acceptar l'enfocament. L'element també té un estat de deshabilitat, en el qual no es pot activar o acceptar l'enfocament.</p>
+
+<pre class="brush: css no-line-numbers">/*  <span class="short_text" id="result_box" lang="ca"><span>Selecciona qualsevol</span></span> &lt;input&gt; habilitat */
+input:enabled {
+  color: blue;
+}</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>El següent exemple fa que el color del text i botó {{htmlElement("input")}} sigui verd quan està habilitat, i gris quan està deshabilitat. Això ajuda a l'usuari a comprendre amb quins elements pot interactuar.</p>
+
+<div id="Enabled_Disabled_Inputs_Example">
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush:html">&lt;form action="url_of_form"&gt;
+  &lt;label for="FirstField"&gt;First field (enabled):&lt;/label&gt;
+  &lt;input type="text" id="FirstField" value="Lorem"&gt;&lt;br&gt;
+
+  &lt;label for="SecondField"&gt;Second field (disabled):&lt;/label&gt;
+  &lt;input type="text" id="SecondField" value="Ipsum" disabled="disabled"&gt;&lt;br&gt;
+
+  &lt;input type="button" value="Submit"&gt;
+&lt;/form&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush:css;">input:enabled {
+  color: #2b2;
+}
+
+input:disabled {
+  color: #aaa;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", 550, 95)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#selector-enabled', ':enabled')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Cap canvi</span></span>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', '#selector-enabled', ':enabled')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Defineix la semàntica per a HTML i formularis.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#enableddisabled', ':enabled')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Cap canvi</span></span> .</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Basic UI', '#pseudo-classes', ':enabled')}}</td>
+   <td>{{Spec2('CSS3 Basic UI')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Enllaços a selectors Nivell 3.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#enableddisabled', ':enabled')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Defineix la pseudo-class, però no la semàntica associada.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>9.0</td>
+   <td>9.0</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref(":disabled")}}</li>
+</ul>
+</div>
diff --git a/files/ca/web/css/_colon_first-child/index.html b/files/ca/web/css/_colon_first-child/index.html
new file mode 100644
index 0000000000..7a226ce95e
--- /dev/null
+++ b/files/ca/web/css/_colon_first-child/index.html
@@ -0,0 +1,203 @@
+---
+title: ':first-child'
+slug: 'Web/CSS/:first-child'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:first-child'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:first-child</code></strong> <span id="result_box" lang="ca"><span>representa el primer element entre un grup d'elements germans.</span></span></p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol &lt;p&gt; que sigui el primer element entre els seus germans</span></span> */
+p:first-child {
+  color: lime;
+}</pre>
+
+<div class="note">
+<p><strong>Nota</strong>: Com es va definir originalment, l'element seleccionat havia de tenir un pare. A partir dels Selectores Nivell 4, això ja no és necessari.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_bàsic">Exemple bàsic</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;div&gt;
+  &lt;p&gt;This text is selected!&lt;/p&gt;
+  &lt;p&gt;This text isn't selected.&lt;/p&gt;
+&lt;/div&gt;
+
+&lt;div&gt;
+  &lt;h2&gt;This text isn't selected: it's not a `p`.&lt;/h2&gt;
+  &lt;p&gt;This text isn't selected.&lt;/p&gt;
+&lt;/div&gt;
+</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">p:first-child {
+  color: lime;
+  background-color: black;
+  padding: 5px;
+}
+</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p><span>{{EmbedLiveSample('Basic_example', 500, 200)}}</span></p>
+
+<h3 id="Disseny_d'una_llista"><span class="short_text" id="result_box" lang="ca"><span>Disseny d'una llista</span></span></h3>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;Item 1&lt;/li&gt;
+  &lt;li&gt;Item 2&lt;/li&gt;
+  &lt;li&gt;Item 3
+    &lt;ul&gt;
+      &lt;li&gt;Item 3.1&lt;/li&gt;
+      &lt;li&gt;Item 3.2&lt;/li&gt;
+      &lt;li&gt;Item 3.3&lt;/li&gt;
+    &lt;/ul&gt;
+  &lt;/li&gt;
+&lt;/ul&gt;</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">ul li {
+  color: blue;
+}
+
+ul li:first-child {
+  color: red;
+  font-weight: bold;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p><span>{{EmbedLiveSample('Styling_a_list')}}</span></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#first-child-pseudo', ':first-child')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>No es requereix que els elements coincidents tinguin un pare</span></span>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#first-child-pseudo', ':first-child')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Cap canvi.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#first-child', ':first-child')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}</td>
+   <td>7<sup>[1]</sup></td>
+   <td>{{CompatOpera(9.5)}}</td>
+   <td>4</td>
+  </tr>
+  <tr>
+   <td>No es requereix cap pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("51")}}<sup>[2]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOpera(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>7<sup>[1]</sup></td>
+   <td>{{CompatOperaMobile(10)}}</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>No es requereix cap pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatGeckoMobile("51")}}<sup>[2]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOperaMobile(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Internet Explorer 7 no actualitza els estils quan s'afegeixen elements dinàmicament. A Internet Explorer 8, si un element s'insereix de forma dinàmica fent clic en un enllaç, l'estil del primer fill no s'aplica fins que l'enllaç no ha perdut el focus.</p>
+
+<p>[2] Veure {{bug(1300374)}}.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref(":first-of-type")}}, {{cssxref(":last-child")}}, {{cssxref(":nth-child")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_first-of-type/index.html b/files/ca/web/css/_colon_first-of-type/index.html
new file mode 100644
index 0000000000..8b2551b725
--- /dev/null
+++ b/files/ca/web/css/_colon_first-of-type/index.html
@@ -0,0 +1,159 @@
+---
+title: ':first-of-type'
+slug: 'Web/CSS/:first-of-type'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:first-of-type'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:first-of-type</code></strong> <span id="result_box" lang="ca"><span>representa el primer element d'aquest tipus entre un grup d'elements germans.</span></span></p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol &lt;p&gt; que sigui el primer element d'aquest tipus entre els seus germans</span></span> */
+p:first-of-type {
+  color: red;
+}</pre>
+
+<div class="note">
+<p><strong>Nota</strong>: <span id="result_box" lang="ca"><span class="alt-edited">Com es va definir originalment, l'element seleccionat havia de tenir un pare. A partir dels Selectores Nivell 4, això ja no és necessari.</span></span></p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Disseny_del_primer_paràgraf"><span class="short_text" id="result_box" lang="ca"><span>Disseny del primer paràgraf</span></span></h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;h2&gt;Heading&lt;/h2&gt;
+&lt;p&gt;Paragraph 1&lt;/p&gt;
+&lt;p&gt;Paragraph 2&lt;/p&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">p:first-of-type {
+  color: red;
+  font-style: italic;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Styling_the_first_paragraph')}}</p>
+
+<h3 id="Elements_niats">Elements niats</h3>
+
+<p>Aquest exemple mostra com es poden orientar els elements niats. Tingueu en compte que el <a href="/en-US/docs/Web/CSS/Universal_selectors">selector universal</a> (<code>*</code>) està implicat quan no s'escriu cap selector senzill.</p>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;article&gt;
+  &lt;div&gt;This `div` is first!&lt;/div&gt;
+  &lt;div&gt;This &lt;span&gt;nested `span` is first&lt;/span&gt;!&lt;/div&gt;
+  &lt;div&gt;This &lt;em&gt;nested `em` is first&lt;/em&gt;, but this &lt;em&gt;nested `em` is last&lt;/em&gt;!&lt;/div&gt;
+  &lt;div&gt;This &lt;span&gt;nested `span` gets styled&lt;/span&gt;!&lt;/div&gt;
+  &lt;b&gt;This `b` qualifies!&lt;/b&gt;
+  &lt;div&gt;This is the final `div`.&lt;/div&gt;
+&lt;/article&gt;
+</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">article :first-of-type {
+  background-color: pink;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample('Nested_elements', 500)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#first-of-type-pseudo', ':first-of-type')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>No es requereix que els elements coincidents tinguin un pare.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#first-of-type-pseudo', ':first-of-type')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.0</td>
+   <td>3.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref(":first-child")}}, {{Cssxref(":last-of-type")}}, {{Cssxref(":nth-of-type")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_first/index.html b/files/ca/web/css/_colon_first/index.html
new file mode 100644
index 0000000000..f71aa1953b
--- /dev/null
+++ b/files/ca/web/css/_colon_first/index.html
@@ -0,0 +1,147 @@
+---
+title: ':first'
+slug: 'Web/CSS/:first'
+tags:
+  - '@page'
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:first'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:first</code></strong> , utilitzada amb la regla at (<a href="/en-US/docs/Web/CSS/At-rule">at-rule</a>) {{cssxref("@page")}}, representa la primera pàgina d'un document imprès.</p>
+
+<pre class="brush: css no-line-numbers">/* <span class="short_text" id="result_box" lang="ca"><span>Selecciona la primera pàgina en imprimir.</span></span> */
+@page :first {
+  margin-left: 50%;
+  margin-top: 50%;
+}</pre>
+
+<div class="note">
+<p><strong>Nota:</strong> No poden canviar totes les propietats CSS amb aquesta pseudo-class. Només es poden canviar els marges, {{cssxref("orphans")}}, {{cssxref("widows")}}, i els salts de pàgina del document. A més, només es poden utilitzar unitats de <a href="/en-US/docs/Web/CSS/length#Absolute_length_units">longitud absoluta</a> en definir els marges. Totes les altres propietats seran ignorades.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;First Page.&lt;/p&gt;
+&lt;p&gt;Second Page.&lt;/p&gt;
+&lt;button&gt;Print!&lt;/button&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">@page :first {
+  margin-left: 50%;
+  margin-top: 50%;
+}
+
+p {
+  page-break-after: always;
+}
+</pre>
+
+<h3 id="JavaScript">JavaScript</h3>
+
+<pre class="brush: js">document.querySelector("button").onclick = function(){ window.print() }
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>Premeu el botó "Print!" per imprimir l'exemple. Les paraules en la primera pàgina han d'estar en algun lloc al voltant del centre, mentre que altres pàgines tindran els seus continguts en la posició per defecte.</p>
+
+<p>{{ EmbedLiveSample('Example', '80%', '150px') }}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Paged Media', '#left-right-first', ':first')}}</td>
+   <td>{{Spec2('CSS3 Paged Media')}}</td>
+   <td>Cap canvi</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'page.html#page-selectors', ':first')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8.0</td>
+   <td>9.2</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref("@page")}}</li>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Altres pseudo-class relacionades amb la pàgina:</span></span> {{Cssxref(":left")}}, {{Cssxref(":right")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_focus-within/index.html b/files/ca/web/css/_colon_focus-within/index.html
new file mode 100644
index 0000000000..ae6393853d
--- /dev/null
+++ b/files/ca/web/css/_colon_focus-within/index.html
@@ -0,0 +1,146 @@
+---
+title: ':focus-within'
+slug: 'Web/CSS/:focus-within'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:focus-within'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:focus-within</code></strong> representa un element que ha rebut focus o <em>conté</em> un element que ha rebut focus. En altres paraules, representa un element que està aparellat amb la pseudo-class {{cssxref(":focus")}} o té un descendent que està aparellat amb <code>:focus</code>. (Això inclou descendents en <a href="/en-US/docs/Web/Web_Components/Shadow_DOM">arbres d'ombres</a>.)</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona un &lt;div&gt; quan un dels seus descendents està enfocat</span></span> */
+div:focus-within {
+  background: cyan;
+}</pre>
+
+<p>Aquest selector és útil, per fer un exemple comú, per a ressaltar un contenidor complet {{htmlElement("form")}} quan l'usuari se centra en un dels seus camps {{htmlElement("input")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>En aquest exemple, el formulari rebrà estils de color especials quan l'entrada de text rep el focus.</p>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;Try typing into this form.&lt;/p&gt;
+
+&lt;form&gt;
+  &lt;label for="given_name"&gt;Given Name:&lt;/label&gt;
+  &lt;input id="given_name" type="text"&gt;
+  &lt;br&gt;
+  &lt;label for="family_name"&gt;Family Name:&lt;/label&gt;
+  &lt;input id="family_name" type="text"&gt;
+&lt;/form&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">form {
+  border: 1px solid;
+  color: gray;
+  padding: 4px;
+}
+
+form:focus-within {
+  background: #ff8;
+  color: black;
+}
+
+input {
+  margin: 4px;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", 500, 150)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("CSS4 Selectors", "#the-focus-within-pseudo", ":focus-within")}}</td>
+   <td>{{Spec2("CSS4 Selectors")}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("60")}}</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatGeckoDesktop("52.0")}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("47")}}</td>
+   <td>10.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android Webview</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("60")}}</td>
+   <td>{{CompatChrome("60")}}</td>
+   <td>{{CompatGeckoMobile("52.0")}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("47")}}</td>
+   <td>10.3</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Aquesta característica encara no està implementada. Consulteu la <a href="https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/11725071-implement-focus-within-from-selectors-4">sol·licitud de millora relacionada</a>.</p>
+
+<p>[2] Aquesta característica es va implementar al {{bug("1176997")}}.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref(":focus")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_focus/index.html b/files/ca/web/css/_colon_focus/index.html
new file mode 100644
index 0000000000..eb3b9ec2b9
--- /dev/null
+++ b/files/ca/web/css/_colon_focus/index.html
@@ -0,0 +1,144 @@
+---
+title: ':focus'
+slug: 'Web/CSS/:focus'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:focus'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:focus</code></strong> representa un element (com ara una entrada de formulari) que ha rebut el focus. Generalment, s'activa quan l'usuari fa clic o toca un element o el selecciona amb la tecla "tab" del teclat.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona qualsevol &lt;input&gt; quan s'enfoca */
+input:focus {
+  color: red;
+}</pre>
+
+<div class="note">
+<p><strong>Nota:</strong> Aquesta pseudo-class s'aplica només a l'element enfocat. Utilitzeu {{cssxref(":focus-within")}} si voleu seleccionar un element que contingui un element enfocat.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;input class="red-input" value="I'll be red when focused."&gt;&lt;br&gt;
+&lt;input class="blue-input" value="I'll be blue when focused."&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">.red-input:focus {
+  background: yellow;
+  color: red;
+}
+
+.blue-input:focus {
+  background: yellow;
+  color: blue;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'scripting.html#selector-focus', ':focus')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Defineix</span> <span>la semàntica</span> <span>específica</span> <span>d'HTML.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#focus-pseudo', ':focus')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#the-user-action-pseudo-classes-hover-act', ':focus')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#dynamic-pseudo-classes', ':focus')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>8.0</td>
+   <td>7.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>8.0</td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref(":focus-within")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_fullscreen/index.html b/files/ca/web/css/_colon_fullscreen/index.html
new file mode 100644
index 0000000000..f1a7bad43f
--- /dev/null
+++ b/files/ca/web/css/_colon_fullscreen/index.html
@@ -0,0 +1,241 @@
+---
+title: ':fullscreen'
+slug: 'Web/CSS/:fullscreen'
+tags:
+  - CSS
+  - Experimental
+  - Full-screen
+  - Pseudo-class
+  - Reference
+translation_of: 'Web/CSS/:fullscreen'
+---
+<div>{{CSSRef}} {{SeeCompatTable}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:fullscreen</code></strong> <span id="result_box" lang="ca"><span>representa un element que es mostra quan el navegador està en <a href="/en-US/docs/Web/API/Fullscreen_API">mode de pantalla completa (</a></span></span><a href="/en-US/docs/Web/API/Fullscreen_API">fullscreen mode)</a>.</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol &lt;div&gt; que es mostri en mode de pantalla completa</span></span> */
+/* <span id="result_box" lang="ca"><span>S'ha implementat a Firefox, WebKit / Chrome i Edge / IE amb prefixos;</span> <span>Edge també és compatible amb la versió no prefixada</span></span> */
+div:-moz-full-screen {
+  background-color: pink;
+}
+
+div:-webkit-full-screen {
+  background-color: pink;
+}
+
+div:fullscreen {
+  background-color: pink;
+}</pre>
+
+<div class="note">
+<p><strong>Note</strong>: L'especificació del W3C utilitza la paraula única <code>:fullscreen</code>,  - sense guió -, però ambdues implementacions experimentals de WebKit i Gecko utilitzen una variant prefixada amb dues paraules separades per un guió: <code>:-webkit-full-screen</code> i <code>:-moz-full-screen</code>, respectivament. Microsoft Edge i Internet Explorer utilitzen la convenció estàndard: <code>:fullscreen</code> i <code>:-ms-fullscreen</code>, respectivament.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div id="fullscreen"&gt;
+  &lt;h1&gt;:fullscreen Demo&lt;/h1&gt;
+  &lt;p&gt;This text will become big and red when the browser is in fullscreen mode.&lt;/p&gt;
+  &lt;button id="fullscreen-button"&gt;Enter Fullscreen&lt;/button&gt;
+&lt;/div&gt;
+</pre>
+
+<div class="hidden">
+<h3 id="JavaScript">JavaScript</h3>
+
+<pre class="brush: js">var fullscreenButton = document.getElementById("fullscreen-button");
+var fullscreenDiv    = document.getElementById("fullscreen");
+var fullscreenFunc   = fullscreenDiv.requestFullscreen;
+
+if (!fullscreenFunc) {
+  ['mozRequestFullScreen',
+   'msRequestFullscreen',
+   'webkitRequestFullScreen'].forEach(function (req) {
+     fullscreenFunc = fullscreenFunc || fullscreenDiv[req];
+   });
+}
+
+function enterFullscreen() {
+  fullscreenFunc.call(fullscreenDiv);
+}
+
+fullscreenButton.addEventListener('click', enterFullscreen);
+</pre>
+
+<h3 id="CSS_específic_del_navegador"><span class="short_text" id="result_box" lang="ca"><span>CSS específic del navegador</span></span></h3>
+
+<pre class="brush: css">#fullscreen:-moz-full-screen {
+  padding: 42px;
+  background-color: pink;
+  border: 2px solid #f00;
+  font-size: 200%;
+}
+#fullscreen:-webkit-full-screen {
+  padding: 42px;
+  background-color: pink;
+  border: 2px solid #f00;
+  font-size: 200%;
+}
+
+#fullscreen:-moz-full-screen &gt; h1 {
+  color: red;
+}
+#fullscreen:-webkit-full-screen &gt; h1 {
+  color: red;
+}
+
+#fullscreen:-moz-full-screen &gt; p {
+  color: darkred;
+}
+#fullscreen:-webkit-full-screen &gt; p {
+  color: darkred;
+}
+
+#fullscreen:-moz-full-screen &gt; button {
+  display: none;
+}
+#fullscreen:-webkit-full-screen &gt; button {
+  display: none;
+}
+</pre>
+</div>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">#fullscreen:fullscreen {
+  padding: 42px;
+  background-color: pink;
+  border:2px solid #f00;
+  font-size: 200%;
+}
+
+#fullscreen:fullscreen &gt; h1 {
+  color: red;
+}
+
+#fullscreen:fullscreen &gt; p {
+  color: darkred;
+}
+
+#fullscreen:fullscreen &gt; button {
+  display: none;
+}
+</pre>
+
+<h3 id="Resultats">Resultats</h3>
+
+<p>{{ LiveSampleLink('Example', "Feu clic aquí per provar aquest exemple.") }}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Fullscreen', '#:fullscreen-pseudo-class', ':fullscreen')}}</td>
+   <td>{{Spec2('Fullscreen')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>15.0 {{property_prefix("-webkit")}}<sup>[1]</sup></td>
+   <td>12</td>
+   <td>{{CompatGeckoDesktop("9.0")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
+    {{CompatGeckoDesktop("47.0")}}<sup>[2]</sup></td>
+   <td>11 {{property_prefix("-ms")}}<sup>[3]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>6.0 {{property_prefix("-webkit")}}<sup>[1]</sup></td>
+  </tr>
+  <tr>
+   <td>Seleccionar tots els elements en la pila de la pantalla completa</td>
+   <td>{{CompatUnknown}}</td>
+   <td>12</td>
+   <td>{{CompatGeckoDesktop(43)}}</td>
+   <td>11</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("9.0")}}<br>
+    {{CompatGeckoDesktop("47.0")}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>Seleccionar tots els elements en la pila de la pantalla completa</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("43")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <span id="result_box" lang="ca"><span>Tant les versions prefixades de WebKit com Gecko</span> tenen un guió entre <em>full</em> i <em>screen,</em> però la proposta de W3C utilitza una sola paraula: <code>:fullscreen</code>, <code>:-webkit-full-screen</code>, <code>:-moz-full-screen</code>.</span></p>
+
+<p>[2]<em> </em>Gecko 47.0 {{geckoRelease("47.0")}} implementa la pseudo-classe sense prefix darrere de la preferència <code>full-screen-api.unprefix.enabled</code>, per defecte a <code>false</code>.</p>
+
+<p>[3] Internet Explorer utilitza el prefix <code>-ms</code> però no té un guió entre full i screen: <code>:-ms-fullscreen</code>.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Fullscreen_API">Ùs del mode de pantalla completa</a></li>
+ <li>{{cssxref("::backdrop")}}</li>
+ <li>DOM API: {{ domxref("Element.requestFullscreen()") }}, {{ domxref("Document.exitFullscreen()") }}, {{ domxref("Document.fullscreen") }}, {{ domxref("Document.fullscreenElement") }}</li>
+ <li>Atribut {{HTMLAttrXRef("allowfullscreen", "iframe")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_hover/index.html b/files/ca/web/css/_colon_hover/index.html
new file mode 100644
index 0000000000..7d6cf260d5
--- /dev/null
+++ b/files/ca/web/css/_colon_hover/index.html
@@ -0,0 +1,178 @@
+---
+title: ':hover'
+slug: 'Web/CSS/:hover'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:hover'
+---
+<div>{{ CSSRef }}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:hover</code></strong> coincideix quan l'usuari interactua amb un element amb un dispositiu apuntador, però no necessàriament ho activa. Generalment s'activa quan l'usuari es desplaça sobre un element amb el cursor (punter de ratolí).</p>
+
+<pre class="brush: css no-line-numbers">/* <span class="short_text" id="result_box" lang="ca"><span>Selecciona qualsevol element &lt;a&gt; quan "es deplaça"</span></span> */
+a:hover {
+  color: orange;
+}</pre>
+
+<p>Els estils definits per la pseudo-class <code>:active</code> seran anul·lats per qualsevol pseudo-class subsegüent relacionada amb l'enllaç ({{ cssxref(":link") }}, {{ cssxref(":visited") }} o {{ cssxref(":active") }}) que tinguin almenys la mateixa especificitat. Per donar estil els enllaços adequadament, poseu la regla <code>:hover</code> després de les regles <code>:link</code> i <code>:visited</code> però abans d'una regla <code>:active</code> segons el definit per l'<em>ordre LVHA</em>: <code>:link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>.</p>
+
+<div class="note"><strong>Nota</strong>: La pseudo-class <code>:hover</code> és problemàtica en les pantalles tàctils. Depenent del navegador, la pseudo-class <code>:hover</code> pot ser que mai coincideixi, només coincidir per un moment després de tocar un element o bé continuarà coincidint fins i tot després que l'usuari hagi deixat de tocar i fins que l'usuari toqui un altre element. Els desenvolupadors web han d'assegurar-se que el contingut sigui accessible en dispositius amb capacitats de desplaçaments limitats o inexistents.</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_bàsic">Exemple bàsic</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;a href="#"&gt;Try hovering over this link.&lt;/a&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">a {
+  background-color: powderblue;
+  transition: background-color .5s;
+}
+
+a:hover {
+  background-color: gold;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample("Basic_example")}}</p>
+
+<h3 id="Galeria_d'imatges"><span class="short_text" id="result_box" lang="ca"><span>Galeria d'imatges</span></span></h3>
+
+<p>Podeu utilitzar la pseudo-class <code>:hover</code> per construir una galeria d'imatges amb imatges en grandària real que es mostrin només quan el ratolí es mogui sobre una miniatura. Vegeu <a href="/@api/deki/files/6247/=css-gallery.zip">aquesta demostració</a> per a un possible exemple.</p>
+
+<div class="note"><strong>Nota:</strong> Per a un efecte anàleg, però basat en la pseudo-class <a class="internal" href="/en/CSS/%3Achecked" title="en/CSS/:checked"><code>:checked</code></a> (aplicada a les caixes de ràdio (radioboxes) ocultes), vegeu <a class="internal" href="/@api/deki/files/6268/=css-checked-gallery.zip" title="css-checked-gallery.zip">aquesta demostració</a> , presa de la pàgina de referència <a class="internal" href="/en-US/docs/Web/CSS/:checked" title="en/CSS/:checked">:checked</a>.</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('HTML WHATWG', 'scripting.html#selector-hover', ':hover') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#the-hover-pseudo', ':hover') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td>Es permet a <code>:hover</code> ser aplicat a qualsevol pseudo-element.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Selectors', '#the-user-action-pseudo-classes-hover-act', ':hover') }}</td>
+   <td>{{ Spec2('CSS3 Selectors') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Cap canvi</span> <span>significatiu</span></span> .</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'selector.html#dynamic-pseudo-classes', ':hover') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>per elements &lt;a&gt;</td>
+   <td>0.2</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop(1.0) }}</td>
+   <td>4.0</td>
+   <td>4.0</td>
+   <td>2.0.4 (419)<br>
+    <span style="font-size: small;">various bugs before</span></td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>per a tots</span> <span>els</span> <span>elements</span></span></td>
+   <td>0.2</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop(1.0) }}</td>
+   <td>7.0<sup>[1][2]</sup></td>
+   <td>7.0</td>
+   <td>2.0.4 (419)<br>
+    <span style="font-size: small;">various bugs before</span></td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca">per pseudo-element</span></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop(28) }}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}<sup>[3]</sup></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] En IE8-11, en passar per sobre d'un element i després desplaçar-se cap amunt/cap baix sense moure el punter, deixarà l'element en estat <code>:hover</code> fins que es mogui el punter. Veure <a href="https://connect.microsoft.com/IE/feedbackdetail/view/926665">IE bug 926665</a>.</p>
+
+<p>[2] En IE9 (i possiblement abans), si un {{HTMLElement("table")}} té un pare amb un no-<code>auto</code> {{cssxref("width")}} i {{cssxref("overflow-x")}}<code>: auto;</code>, i {{HTMLElement("table")}} té prou contingut per desbordar horitzontalment el seu pare i si hi ha estils {{cssxref(":hover")}} establerts en elements de la taula i, a continuació, passen per sobre d'aquests elements faran que augmenti l'alçada de {{HTMLElement("table")}}. <a href="http://jsbin.com/diwiqe">Aquí hi ha una demostració en viu que activa l'error.</a> Una solució provisional per a l'errada és establir <code>min-height: 0%;</code> en l'element pare de la taula (i la unitat <code>%</code> ha de ser especificada; <code>0</code> i <code>0px</code> no funcionen). Hi va haver un error creat com <a href="http://bugs.jquery.com/ticket/10854">jQuery ticket #10854</a>, però s'ha tancat perquè no es considera un error de jQuery.</p>
+
+<p>[3] A partir de Safari Mobile per a iOS 7.1.2, en tocar un <a href="/en-US/docs/Web/Events/click#Safari_Mobile">element que es pot fer clic</a>  fa que l'element entri en l'estat <code>:hover</code>. L'element romandrà a l'estat <code>:hover</code> fins que un element diferent hagi entrat en l'estat <code>:hover</code>.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="https://code.google.com/p/chromium/issues/detail?id=370155">Chromium bug #370155: No feu <code>:hover</code> en tocar de cop en llocs que estableixen una finestra de visualització mòbil.</a></li>
+ <li><a href="https://code.google.com/p/chromium/issues/detail?id=306581">Chromium bug #306581: Mostra inmediatament els estats hover i active al tocar quan la pàgina no es pot desplaçar.</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_in-range/index.html b/files/ca/web/css/_colon_in-range/index.html
new file mode 100644
index 0000000000..a8fd5171be
--- /dev/null
+++ b/files/ca/web/css/_colon_in-range/index.html
@@ -0,0 +1,110 @@
+---
+title: ':in-range'
+slug: 'Web/CSS/:in-range'
+tags:
+  - CSS
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:in-range'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:in-range</code></strong> representa un element {{htmlelement("input")}} en què el seu valor actual està dins dels límits de rang especificats pels atributs {{htmlattrxref("min", "input")}} i {{htmlattrxref("max","input")}}.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona qualsevol &lt;input&gt;, però només quan té un rang especificat, i el seu valor està dins d'aquest rang */
+input:in-range {
+  background-color: rgba(0, 255, 0, 0.25);
+}</pre>
+
+<p>Aquesta pseudo-class és útil per donar a l'usuari una indicació visual que el valor actual, d'un camp, està dins dels límits permesos.</p>
+
+<div class="note"><strong>Nota</strong> Aquesta pseudo-class només s'aplica als elements que tenen (i poden tenir) una limitació de rang. Mancant tal limitació, l'element no pot estar "en rang" ni "fora de rang".</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<div id="example">
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;form action="" id="form1"&gt;
+  &lt;ul&gt;Values between 1 and 10 are valid.
+    &lt;li&gt;
+      &lt;input id="value1" name="value1" type="number" placeholder="1 to 10" min="1" max="10" value="12"&gt;
+      &lt;label for="value1"&gt;Your value is &lt;/label&gt;
+    &lt;/li&gt;
+  &lt;/ul&gt;
+&lt;/form&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css;">li {
+  list-style: none;
+  margin-bottom: 1em;
+}
+
+input {
+  border: 1px solid black;
+}
+
+input:in-range {
+  background-color: rgba(0, 255, 0, 0.25);
+}
+
+input:out-of-range {
+  background-color: rgba(255, 0, 0, 0.25);
+  border: 2px solid red;
+}
+
+input:in-range + label::after {
+  content: 'okay.';
+}
+
+input:out-of-range + label::after {
+  content: 'out of range!';
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+</div>
+
+<div>{{EmbedLiveSample('Example', 600, 140)}}</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'scripting.html#selector-in-range', ':in-range')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Defineix quan <code>:in-range</code> coincideix en elements HTML.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#in-range-pseudo', ':in-range')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{Compat("css.selectors.in-range")}}</div>
+
+<p> </p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref(":out-of-range")}}</li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation">Validació de dades de formulari</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_indeterminate/index.html b/files/ca/web/css/_colon_indeterminate/index.html
new file mode 100644
index 0000000000..c9fb4578e5
--- /dev/null
+++ b/files/ca/web/css/_colon_indeterminate/index.html
@@ -0,0 +1,132 @@
+---
+title: ':indeterminate'
+slug: 'Web/CSS/:indeterminate'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:indeterminate'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:indeterminate</code></strong> representa qualsevol element de formulari, l'estat del qual, sigui indeterminat.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona qualsevol &lt;input&gt; l'estat del qual sigui indeterminat */
+input:indeterminate {
+  background: lime;
+}</pre>
+
+<p>Els elements als quals apunta aquest selector són:</p>
+
+<ul>
+ <li><code><a href="/en-US/docs/Web/HTML/Element/input/checkbox">&lt;input type="checkbox"&gt;</a></code> elements en què la propietat <code>indeterminate</code> està establert a <code>true</code> per <a href="/en-US/docs/Web/JavaScript">JavaScript.</a></li>
+ <li><code><a href="/en-US/docs/Web/HTML/Element/input/radio">&lt;input type="radio"&gt;</a></code> elements, que quan tots els botons d'opció tenen el mateix valor <code>name</code>, en el formulari, no estan marcats.</li>
+ <li>{{HTMLElement("progress")}} elements en un estat indeterminat.</li>
+</ul>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Checkbox_radio_button">Checkbox &amp; radio button</h3>
+
+<p><span id="result_box" lang="ca"><span>Aquest exemple aplica estils especials a les etiquetes associades a camps de formulari indeterminats.</span></span></p>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;div&gt;
+  &lt;input type="checkbox" id="checkbox"&gt;
+  &lt;label for="checkbox"&gt;This label starts out lime.&lt;/label&gt;
+&lt;/div&gt;
+&lt;div&gt;
+  &lt;input type="radio" id="radio"&gt;
+  &lt;label for="radio"&gt;This label starts out lime.&lt;/label&gt;
+&lt;/div&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css; hightlight[5]">input:indeterminate + label {
+  background: lime;
+}
+</pre>
+
+<h4 id="JavaScript">JavaScript</h4>
+
+<pre class="brush: js">var inputs = document.getElementsByTagName("input");
+
+for (var i = 0; i &lt; inputs.length; i++) {
+  inputs[i].indeterminate = true;
+}
+</pre>
+
+<p>{{EmbedLiveSample('Checkbox_radio_button', 'auto', 50)}}</p>
+
+<h3 id="Progress_bar">Progress bar</h3>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;progress&gt;
+</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css; hightlight[5]">progress {
+  margin: 4px;
+}
+
+progress:indeterminate {
+  opacity: 0.5;
+  background-color: lightgray;
+  box-shadow: 0 0 2px 1px red;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Progress_bar', 'auto', 30)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#selector-indeterminate', ':indeterminate')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', '#selector-indeterminate', ':indeterminate')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Defineix la semàntica d'HTML i la validició de restriccions</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#indeterminate', ':indeterminate')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Basic UI', '#indeterminate', ':indeterminate')}}</td>
+   <td>{{Spec2('CSS3 Basic UI')}}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix</span> <span>la</span> <span>pseudo</span><span>-</span><span>class,</span> <span>però no</span> <span>la semàntica</span> <span>associada.</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>
+
+
+<p>{{Compat("css.selectors.indeterminate")}}</p>
+</div>
diff --git a/files/ca/web/css/_colon_invalid/index.html b/files/ca/web/css/_colon_invalid/index.html
new file mode 100644
index 0000000000..8e8b1ee626
--- /dev/null
+++ b/files/ca/web/css/_colon_invalid/index.html
@@ -0,0 +1,141 @@
+---
+title: ':invalid'
+slug: 'Web/CSS/:invalid'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:invalid'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:invalid</code></strong> representa qualsevol element {{HTMLElement("input")}} o un altre {{HTMLElement("form")}} en que el seu contingut no es <a href="/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation">valida</a>.</p>
+
+<pre class="brush: css no-line-numbers">/*  <span class="short_text" id="result_box" lang="ca"><span>Selecciona qualsevol</span></span> &lt;input&gt; <span class="short_text" id="result_box" lang="ca"><span>invàlit</span></span> */
+input:invalid {
+  background-color: pink;
+}</pre>
+
+<p><span id="result_box" lang="ca"><span>Aquesta pseudo-class és útil per ressaltar errors de camp per a l'usuari.</span></span></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>Aquest exemple presenta una forma senzilla que acoloreix elements en verd quan es validen i vermells quan no ho fan.</p>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;form&gt;
+  &lt;label for="url_input"&gt;Enter a URL:&lt;/label&gt;
+  &lt;input type="url" id="url_input" /&gt;
+  &lt;br /&gt;
+  &lt;br /&gt;
+  &lt;label for="email_input"&gt;Enter an email address:&lt;/label&gt;
+  &lt;input type="email" id="email_input" required/&gt;
+&lt;/form&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">input:invalid {
+  background-color: #ffdddd;
+}
+
+form:invalid {
+  border: 5px solid #ffdddd;
+}
+
+input:valid {
+  background-color: #ddffdd;
+}
+
+form:valid {
+  border: 5px solid #ddffdd;
+}
+
+input:required {
+  border-color: #800000;
+  border-width: 3px;
+}
+
+input:required:invalid {
+  border-color: #C00000;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', 600, 120)}}</p>
+
+<h2 id="Notes">Notes</h2>
+
+<h3 id="Botons_de_ràdio">Botons de ràdio</h3>
+
+<p>Si un botó de ràdio qualsevol en un grup és <code>required</code>, la pseudo-class <code>:invalid</code> s'aplica a tots ells si no se selecciona cap dels botons del grup. (Els botons de ràdio agrupats comparteixen el mateix valor per al seu atribut <code>name</code>).</p>
+
+<h3 id="Gecko_per_defecte">Gecko per defecte</h3>
+
+<p>Per defecte, Gecko no aplica un estil a la pseudo-class <code>:invalid</code>. Tanmateix, aplica un estil (un "resplendor" vermell usant la propietat {{Cssxref("box-shadow")}}) a la pseudo-class {{cssxref(":-moz-ui-invalid")}} que s'aplica en un subconjunt de casos per <code>:invalid</code>.</p>
+
+<p>Podeu desactivar la brillantor usant el següent CSS, o anul·lar-ho completament per alterar l'aparença dels camps no vàlids:</p>
+
+<pre class="brush: css">:invalid {
+  box-shadow: none;
+}
+
+:-moz-submit-invalid {
+  box-shadow: none;
+}
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#selector-invalid', ':invalid')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Cap canvi.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', '#selector-invalid', ':invalid')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix la semàntica d'HTML i la validació de restriccions.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#validity-pseudos', ':invalid')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>
+
+
+<p>{{Compat("css.selectors.invalid")}}</p>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span>Altres pseudo-classes relacionades amb la validació</span></span>: {{ cssxref(":required") }}, {{ cssxref(":optional") }}, {{ cssxref(":valid") }}</li>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Pseudo-classes relacionades amb Mozilla</span></span>: {{cssxref(":-moz-ui-invalid")}}, {{cssxref(":-moz-submit-invalid")}}</li>
+ <li><a href="/en-US/docs/Learn/HTML/Forms/Form_validation">Validació de dades de formulari</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_lang/index.html b/files/ca/web/css/_colon_lang/index.html
new file mode 100644
index 0000000000..b30ec5855f
--- /dev/null
+++ b/files/ca/web/css/_colon_lang/index.html
@@ -0,0 +1,149 @@
+---
+title: ':lang'
+slug: 'Web/CSS/:lang'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:lang'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:lang()</code></strong> coincideix amb elements basats en l'idioma en què estan definits.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona qualsevol &lt;p&gt; en Anglès (en) */
+p:lang(en) {
+  quotes: '\201C' '\201D' '\2018' '\2019';
+}</pre>
+
+<div class="note">
+<p><strong>Nota:</strong> En HTML, el llenguatge està determinat per una combinació de l'atribut {{htmlattrxref ("lang")}}, l'element {{HTMLElement ("meta")}}, i possiblement per informació del protocol (com ara encapçalaments HTTP. Per a altres tipus de documents, hi pot haver altres mètodes de document per determinar el llenguatge</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h3 id="Paràmetre">Paràmetre</h3>
+
+<dl>
+ <dt><code>&lt;language-code&gt;</code></dt>
+ <dd>Un {{cssxref("&lt;string&gt;")}} representant l'idioma en el qual us voleu dirigir. Els valors acceptables s'especifiquen en l'especificació <a href="/en-US/docs/Web/HTML">HTML</a>.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>En aquest exemple, la pseudo-classe <code>:lang()</code> s'utilitza per a que coincideixi amb els pares dels elements de la cita ({{htmlElement("q")}}) usant <a href="/en-US/docs/Web/CSS/Child_selectors">combinadors fills</a>. Tingueu en compte que això no il·lustra l'única manera de fer-ho, i que el millor mètode a utilitzar depèn del tipus de document. També tingueu en compte que els valors {{glossary("Unicode")}} s'utilitzen per especificar alguns dels caràcters especials de la cita.</p>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: css">:lang(en) &gt; q { quotes: '\201C' '\201D' '\2018' '\2019'; }
+:lang(fr) &gt; q { quotes: '« ' ' »'; }
+:lang(de) &gt; q { quotes: '»' '«' '\2039' '\203A'; }
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: html">&lt;div lang="en"&gt;&lt;q&gt;This English quote has a &lt;q&gt;nested&lt;/q&gt; quote inside.&lt;/q&gt;&lt;/div&gt;
+&lt;div lang="fr"&gt;&lt;q&gt;This French quote has a &lt;q&gt;nested&lt;/q&gt; quote inside.&lt;/q&gt;&lt;/div&gt;
+&lt;div lang="de"&gt;&lt;q&gt;This German quote has a &lt;q&gt;nested&lt;/q&gt; quote inside.&lt;/q&gt;&lt;/div&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', 350)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#lang-pseudo', ':lang()')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Cap canvi.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#lang-pseudo', ':lang()')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Cap canvi significatiu.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#lang', ':lang()')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>8.0</td>
+   <td>8.0</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>8.0</td>
+   <td>8.0</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Pseudo-classes relacionades amb el llenguatge</span></span>: {{cssxref(":lang")}}, {{cssxref(":dir")}}</li>
+ <li>Atribut HTML {{htmlattrxref("lang")}}</li>
+ <li><a class="external" href="https://tools.ietf.org/html/bcp47">BCP 47 - Etiquetes per identificar idiomes</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_last-child/index.html b/files/ca/web/css/_colon_last-child/index.html
new file mode 100644
index 0000000000..9d449b660b
--- /dev/null
+++ b/files/ca/web/css/_colon_last-child/index.html
@@ -0,0 +1,197 @@
+---
+title: ':last-child'
+slug: 'Web/CSS/:last-child'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:last-child'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:last-child</code></strong> <span id="result_box" lang="ca"><span>representa l'últim element entre un grup d'elements germans.</span></span></p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol &lt;p&gt; que sigui l'últim element entre els seus germans</span></span> */
+p:last-child {
+  color: lime;
+}</pre>
+
+<div class="note">
+<p><strong>Nota</strong>: Com es va definir originalment, l'element seleccionat havia de tenir un pare. A partir dels selectors de nivell 4, això ja no és necessari.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="Exemple_bàsic">Exemple bàsic</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;div&gt;
+  &lt;p&gt;This text isn't selected.&lt;/p&gt;
+  &lt;p&gt;This text is selected!&lt;/p&gt;
+&lt;/div&gt;
+
+&lt;div&gt;
+  &lt;p&gt;This text isn't selected.&lt;/p&gt;
+  &lt;h2&gt;This text isn't selected: it's not a `p`.&lt;/h2&gt;
+&lt;/div&gt;
+</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">p:last-child {
+  color: lime;
+  background-color: black;
+  padding: 5px;
+}
+</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p><span>{{EmbedLiveSample('Basic_example', 500, 200)}}</span></p>
+
+<h3 id="Disseny_d'una_llista">Disseny d'una llista</h3>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;Item 1&lt;/li&gt;
+  &lt;li&gt;Item 2&lt;/li&gt;
+  &lt;li&gt;Item 3
+    &lt;ul&gt;
+      &lt;li&gt;Item 3.1&lt;/li&gt;
+      &lt;li&gt;Item 3.2&lt;/li&gt;
+      &lt;li&gt;Item 3.3&lt;/li&gt;
+    &lt;/ul&gt;
+  &lt;/li&gt;
+&lt;/ul&gt;</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">ul li {
+  color: blue;
+}
+
+ul li:last-child {
+  border: 1px solid red;
+  color: red;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample('Styling_a_list')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#last-child', ':last-child')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>No es requereix que els elements coincidents tinguin un pare.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#last-child', ':last-child')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>9.0</td>
+   <td>{{CompatOpera(9.5)}}</td>
+   <td>3.2</td>
+  </tr>
+  <tr>
+   <td>No es requereix pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("51")}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOpera(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android Webview</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>9.0</td>
+   <td>{{CompatOperaMobile(10)}}</td>
+   <td>3.2</td>
+  </tr>
+  <tr>
+   <td>No es requereix pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("51")}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOperaMobile(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
+
+<p>[1] Veure {{bug(1300374)}}.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref(":last-of-type")}}, {{cssxref(":first-child")}}, {{cssxref(":nth-child")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_last-of-type/index.html b/files/ca/web/css/_colon_last-of-type/index.html
new file mode 100644
index 0000000000..b5f1844d2e
--- /dev/null
+++ b/files/ca/web/css/_colon_last-of-type/index.html
@@ -0,0 +1,158 @@
+---
+title: ':last-of-type'
+slug: 'Web/CSS/:last-of-type'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:last-of-type'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:last-of-type</code></strong> <span id="result_box" lang="ca"><span>representa l'últim element del seu tipus entre un grup d'elements germa</span></span>.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona qualsevol &lt;p&gt; que sigui l'últim element del seu tipus entre els seus germans */
+p:last-of-type {
+  color: lime;
+}</pre>
+
+<div class="note">
+<p><strong>Nota</strong>: <span id="result_box" lang="ca"><span class="alt-edited">Com es va definir originalment, l'element seleccionat havia de tenir un pare. A partir dels selectors de nivell 4, això ja no és necessari.</span></span></p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="Disseny_de_l'últim_paràgraf"><span class="short_text" id="result_box" lang="ca"><span>Disseny de l'últim paràgraf</span></span></h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;h2&gt;Heading&lt;/h2&gt;
+&lt;p&gt;Paragraph 1&lt;/p&gt;
+&lt;p&gt;Paragraph 2&lt;/p&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">p:last-of-type {
+  color: red;
+  font-style: italic;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Styling_the_last_paragraph')}}</p>
+
+<h3 id="Elements_niats">Elements niats</h3>
+
+<p>Aquest exemple mostra com es poden dirigir els elements niats. Tingueu en compte que el selector universal <a href="/en-US/docs/Web/CSS/Universal_selectors">selector universal</a> (<code>*</code>) està implícit quan no s'escriu un selector simple .</p>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;article&gt;
+  &lt;div&gt;This `div` is first.&lt;/div&gt;
+  &lt;div&gt;This &lt;span&gt;nested `span` is last&lt;/span&gt;!&lt;/div&gt;
+  &lt;div&gt;This &lt;em&gt;nested `em` is first&lt;/em&gt;, but this &lt;em&gt;nested `em` is last&lt;/em&gt;!&lt;/div&gt;
+  &lt;b&gt;This `b` qualifies!&lt;/b&gt;
+  &lt;div&gt;This is the final `div`!&lt;/div&gt;
+&lt;/article&gt;
+</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">article :last-of-type {
+  background-color: pink;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample('Nested_elements', 500)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#last-of-type-pseudo', ':last-of-type')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>No es requereix que els elements coincidents tinguin un pare.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#last-of-type-pseudo', ':last-of-type')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.0</td>
+   <td>3.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure_també">Veure també</h2>
+
+<ul>
+ <li>{{cssxref(":last-child")}}, {{Cssxref(":nth-last-of-type")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_left/index.html b/files/ca/web/css/_colon_left/index.html
new file mode 100644
index 0000000000..73fb3d65c5
--- /dev/null
+++ b/files/ca/web/css/_colon_left/index.html
@@ -0,0 +1,122 @@
+---
+title: ':left'
+slug: 'Web/CSS/:left'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:left'
+---
+<div>{{ CSSRef() }}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:left</code></strong>, usada amb la <a href="/en-US/docs/Web/CSS/At-rule">regla at</a> {{cssxref("@page")}} , representa totes les pàgines de l'esquerra d'un document imprès.</p>
+
+<pre class="brush: css no-line-numbers">/* Selects any left-hand pages when printing */
+@page :left {
+  margin: 2in 3in;
+}</pre>
+
+<p>Si una pàgina donada és "esquerra" o "dreta" ve determinada per la direcció principal d'escriptura del document. Per exemple, si la primera pàgina té una direcció d'escriptura principal d'esquerra a dreta llavors serà una pàgina {{Cssxref(":right")}}; si té una direcció d'escriptura principal de dreta a esquerra llavors serà una pàgina <code>:left</code>.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> No podeu canviar totes les propietats CSS amb aquesta pseudo-class. Només podeu canviar les propietats {{ Cssxref("margin") }}, {{ Cssxref("padding") }}, {{ Cssxref("border") }} i {{ Cssxref("background") }} del quadre de pàgina. S'ignoraran totes les altres propietats i només es veurà afectat el quadre de pàgina, no el contingut del document de la pàgina.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: css">@page :left {
+  margin: 2in 3in;
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Paged Media', '#left-right-first', ':left') }}</td>
+   <td>{{ Spec2('CSS3 Paged Media') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'page.html#page-selectors', ':left') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>8.0</td>
+   <td>9.2</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{ Cssxref("@page") }}</li>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Altres pseudo-class relacionades amb la pàgina</span></span> : {{ Cssxref(":first") }}, {{ Cssxref(":right") }}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_link/index.html b/files/ca/web/css/_colon_link/index.html
new file mode 100644
index 0000000000..af971fb36b
--- /dev/null
+++ b/files/ca/web/css/_colon_link/index.html
@@ -0,0 +1,150 @@
+---
+title: ':link'
+slug: 'Web/CSS/:link'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:link'
+---
+<div>{{ CSSRef }}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:link</code></strong> representa un element que encara no ha estat visitat. S'adapta a tots els no visitats {{HTMLElement("a")}}, {{HTMLElement("area")}} o {{HTMLElement("link")}} element que té un atribut <code>href</code>.</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol &lt;a&gt; que encara no s'hagi visitat</span></span> */
+a:link {
+  color: red;
+}</pre>
+
+<p>Els estils definits per la pseudo-class <code>:link</code> seran anul·lats per qualsevol pseudo-class relacionada amb un enllaç posterior ({{cssxref(":active")}}, {{cssxref(":hover")}} o {{cssxref(":visited")}}) que tingui almenys la mateixa especificitat. Per donar un estil apropiat als enllaços, poseu la regla <code>:link</code> davant de totes les altres regles relacionades amb els enllaços, segons el definit per l'<em>ordre</em> <em>LVHA</em>: <code>:link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Utilitzeu {{cssxref (":any-link")}} per seleccionar un element independentment de si s'ha visitat o no.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Per defecte, la majoria dels navegadors apliquen un valor {{cssxref("color")}} especial als enllaços visitats. Per tant, els enllaços que vnguin a continuació probablement tinguin colors de fonts especials només abans de visitar-los. (Després d'això, haureu d'esborrar l'historial del navegador per tornar-los a veure). Tanmateix, és probable que els valors de {{cssxref("background-color")}} quedin, ja que la majoria dels navegadors no estableixen aquesta propietat als enllaços visitats de forma predeterminada.</p>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;a href="#ordinary-target"&gt;This is an ordinary link.&lt;/a&gt;&lt;br&gt;
+&lt;a href=""&gt;You've already visited this link.&lt;/a&gt;&lt;br&gt;
+&lt;a&gt;Placeholder link (won't get styled)&lt;/a&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">a:link {
+  background-color: gold;
+  color: green;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Examples")}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('HTML WHATWG', 'scripting.html#selector-link', ':link') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#link', ':link') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Selectors', '#link', ':link') }}</td>
+   <td>{{ Spec2('CSS3 Selectors') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'selector.html#link-pseudo-classes', ':link') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Aixecar la restricció només per aplicar-lo a l'element {{HTMLElement ("a")}}.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS1', '#anchor-pseudo-classes', ':link') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1") }}</td>
+   <td>3.0</td>
+   <td>3.5</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.5</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("1.9.2") }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Pseudo-classes relacionades amb enllaços: {{ cssxref(":visited") }}, {{ cssxref(":hover") }}, {{ cssxref(":active") }}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_not/index.html b/files/ca/web/css/_colon_not/index.html
new file mode 100644
index 0000000000..2c0171e00b
--- /dev/null
+++ b/files/ca/web/css/_colon_not/index.html
@@ -0,0 +1,176 @@
+---
+title: ':not()'
+slug: 'Web/CSS/:not'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:not'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:not()</code></strong> representa elements que no coincideixen amb una llista de selectors. Atès que impedeix que es seleccionin elements específics, es coneix com a <em>pseudo-class de negació</em>.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona qualsevol element que NO sigui un paràgraf */
+:not(p) {
+  color: blue;
+}</pre>
+
+<div class="note">
+<p><strong>Notes:</strong></p>
+
+<ul>
+ <li>Els selectors inútils es poden escriure utilitzant aquesta pseudo-class. Per exemple, <code>:not(*)</code> coincideix amb qualsevol element que no sigui un element, de manera que mai no s'aplicarà la regla</li>
+ <li>Aquesta pseudo-class pot augmentar l'<a href="/en-US/docs/Web/CSS/Specificity">especificitat</a> d'una regla. Per exemple, <code>#foo:not(#bar)</code> coincidirà amb el mateix element <code>#foo</code>, més senzill, però té una especificitat més alta.</li>
+ <li><code>:not(.foo)</code> coincidirà amb qualsevol cosa que no sigui <code>.foo</code>, <em>incoent {{HTMLElement("html")}} i {{HTMLElement("body")}}.</em></li>
+ <li>Aquest selector només s'aplica a un element; no es pot utilitzar per excloure a tots els ancestres. Per exemple, <code>body :not(table) </code>s'aplicarà als enllaços dins d'una taula, ja que {{HTMLElement("tr")}} coincidirà amb la part <code>:not()</code> del selector.</li>
+</ul>
+</div>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<p>La pseudo-class <code>:not()</code> requereix una llista separada per comes d'un o més selectors com a argument. La llista no ha de contenir un altre selector de negació o un <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a>.</p>
+
+<div class="warning">
+<p>La capacitat d'enumerar més d'un selector és experimental i encara no està àmpliament suportada.</p>
+</div>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;I am a paragraph.&lt;/p&gt;
+&lt;p class="fancy"&gt;I am so very fancy!&lt;/p&gt;
+&lt;div&gt;I am NOT a paragraph.&lt;/div&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">.fancy {
+  text-shadow: 2px 2px 3px gold;
+}
+
+/* &lt;p&gt; elements that are not in the class `.fancy` */
+p:not(.fancy) {
+  color: green;
+}
+
+/* Elements that are not &lt;p&gt; elements */
+body :not(p) {
+  text-decoration: underline;
+}
+
+/* Elements that are not &lt;div&gt; or &lt;span&gt; elements */
+body :not(div):not(span) {
+  font-weight: bold;
+}
+
+/* Elements that are not `.crazy` or `.fancy` */
+/* Note that this syntax is not well supported yet. */
+body :not(.crazy, .fancy) {
+  font-family: sans-serif;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#negation', ':not()') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td>Estén el seu argument per permetre a alguns selectors no simples.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Selectors', '#negation', ':not()') }}</td>
+   <td>{{ Spec2('CSS3 Selectors') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.2</td>
+  </tr>
+  <tr>
+   <td>Arguments estesos</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>9.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>9.0</td>
+   <td>10.0</td>
+   <td>3.2</td>
+  </tr>
+  <tr>
+   <td>Arguments estesos</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>9.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/_colon_nth-child/index.html b/files/ca/web/css/_colon_nth-child/index.html
new file mode 100644
index 0000000000..fee9b30c51
--- /dev/null
+++ b/files/ca/web/css/_colon_nth-child/index.html
@@ -0,0 +1,276 @@
+---
+title: ':nth-child'
+slug: 'Web/CSS/:nth-child'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:nth-child'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:nth-child()</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <span id="result_box" lang="ca"><span>coincideix amb un o més elements basats en la seva posició entre un grup de germans.</span></span></p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona cada quart element entre qualsevol grup de germans</span></span> */
+:nth-child(4n) {
+  color: lime;
+}
+</pre>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<p>La pseudo-class <code>nth-child</code> s'especifica amb un únic argument, que representa el patró per als elements coincidents.</p>
+
+<h3 id="Valors_de_paraules_clau">Valors de paraules clau</h3>
+
+<dl>
+ <dt><code>odd</code></dt>
+ <dd>Representa elements, la posició numèrica dels quals, en una sèrie de germans és imparell: 1, 3, 5, etc.</dd>
+ <dt><code>even</code></dt>
+ <dd>Representa elements, la posició numèrica dels quals, en una sèrie de germans és parell: 2, 4, 6, etc.</dd>
+</dl>
+
+<h3 id="Notació_funcional">Notació funcional</h3>
+
+<dl>
+ <dt><code>&lt;An+B&gt;</code></dt>
+ <dd>Representa elements, la posició numèrica dels quals, en una sèrie de germans coincideix amb el patró <code>An+B</code>, per a cada enter positiu o valor zero de <code>n</code>. L'índex del primer element és <code>1</code>. Els valors <code>A</code> i <code>B</code> han de ser {{cssxref("&lt;integer&gt;")}}s.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example_selectors" name="Example_selectors">Exemple de selectors</h3>
+
+<dl>
+ <dt><code>tr:nth-child(odd)</code> or <code>tr:nth-child(2n+1)</code></dt>
+ <dd>Representa les files imparells d'una taula HTML: 1, 3, 5, etc.</dd>
+ <dt><code>tr:nth-child(even)</code> or <code>tr:nth-child(2n)</code></dt>
+ <dd>Representa les files parells d'una taula HTML: 2, 4, 6, etc.</dd>
+ <dt><code>:nth-child(5n)</code></dt>
+ <dd>Representa elements 5, 10, 15, etc.</dd>
+ <dt><code>:nth-child(3n+4)</code></dt>
+ <dd>Representa elements 4, 7, 10, 13, etc.</dd>
+ <dt><code>:nth-child(-n+3)</code></dt>
+ <dd><span id="result_box" lang="ca"><span>Representa els tres primers elements entre un grup de germans.</span></span></dd>
+ <dt><code>p:nth-child(n)</code></dt>
+ <dd><span id="result_box" lang="ca"><span>Representa cada element</span></span> <code>&lt;p&gt;</code> <span id="result_box" lang="ca"><span>entre un grup de germans.</span> <span>Això és el mateix que un simple selector</span></span> <code>p</code> .</dd>
+ <dt><code>p:nth-child(1)</code> or <code>p:nth-child(0n+1)</code></dt>
+ <dd><span id="result_box" lang="ca"><span>Representa cada</span></span> <code>&lt;p&gt;</code> <span id="result_box" lang="ca"><span>aquest és el primer element entre un grup de germans.</span> <span>Això és el mateix que el selector</span></span> {{cssxref(":first-child")}}.</dd>
+</dl>
+
+<h3 id="Exemple_detallat">Exemple detallat</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush:html">&lt;h3&gt;&lt;code&gt;span:nth-child(2n+1)&lt;/code&gt;, WITHOUT an
+   &lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt; among the child elements.&lt;/h3&gt;
+&lt;p&gt;Children 1, 3, 5, and 7 are selected.&lt;/p&gt;
+&lt;div class="first"&gt;
+  &lt;span&gt;Span 1!&lt;/span&gt;
+  &lt;span&gt;Span 2&lt;/span&gt;
+  &lt;span&gt;Span 3!&lt;/span&gt;
+  &lt;span&gt;Span 4&lt;/span&gt;
+  &lt;span&gt;Span 5!&lt;/span&gt;
+  &lt;span&gt;Span 6&lt;/span&gt;
+  &lt;span&gt;Span 7!&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;br&gt;
+
+&lt;h3&gt;&lt;code&gt;span:nth-child(2n+1)&lt;/code&gt;, WITH an
+   &lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt; among the child elements.&lt;/h3&gt;
+&lt;p&gt;Children 1, 5, and 7 are selected.&lt;br&gt;
+   3 is used in the counting because it is a child, but it isn't
+   selected because it isn't a &lt;code&gt;&amp;lt;span&amp;gt;&lt;/code&gt;.&lt;/p&gt;
+&lt;div class="second"&gt;
+  &lt;span&gt;Span!&lt;/span&gt;
+  &lt;span&gt;Span&lt;/span&gt;
+  &lt;em&gt;This is an `em`.&lt;/em&gt;
+  &lt;span&gt;Span&lt;/span&gt;
+  &lt;span&gt;Span!&lt;/span&gt;
+  &lt;span&gt;Span&lt;/span&gt;
+  &lt;span&gt;Span!&lt;/span&gt;
+  &lt;span&gt;Span&lt;/span&gt;
+&lt;/div&gt;
+
+&lt;br&gt;
+
+&lt;h3&gt;&lt;code&gt;span:nth-of-type(2n+1)&lt;/code&gt;, WITH an
+   &lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt; among the child elements.&lt;/h3&gt;
+&lt;p&gt;Children 1, 4, 6, and 8 are selected.&lt;br&gt;
+   3 isn't used in the counting or selected because it is an &lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt;,
+   not a &lt;code&gt;&amp;lt;span&amp;gt;&lt;/code&gt;, and &lt;code&gt;nth-of-type&lt;/code&gt; only selects
+   children of that type. The &lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt; is completely skipped
+   over and ignored.&lt;/p&gt;
+&lt;div class="third"&gt;
+  &lt;span&gt;Span!&lt;/span&gt;
+  &lt;span&gt;Span&lt;/span&gt;
+  &lt;em&gt;This is an `em`.&lt;/em&gt;
+  &lt;span&gt;Span!&lt;/span&gt;
+  &lt;span&gt;Span&lt;/span&gt;
+  &lt;span&gt;Span!&lt;/span&gt;
+  &lt;span&gt;Span&lt;/span&gt;
+  &lt;span&gt;Span!&lt;/span&gt;
+&lt;/div&gt;
+</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">html {
+  font-family: sans-serif;
+}
+
+span,
+div em {
+  padding: 5px;
+  border: 1px solid green;
+  display: inline-block;
+  margin-bottom: 3px;
+}
+
+.first span:nth-child(2n+1),
+.second span:nth-child(2n+1),
+.third span:nth-of-type(2n+1) {
+  background-color: lime;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Detailed_example', 550, 550)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#nth-child-pseudo', ':nth-child')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>Afegeix la sintaxi</span></span> <code>del &lt;selector&gt;</code> <span id="result_box" lang="ca"><span>i especifica que els elements coincidents no són necessaris per tenir un pare.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#nth-child-pseudo', ':nth-child')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(1)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>{{CompatOpera(9.5)}}<sup>[1]</sup></td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>sintaxi <code>del &lt;selector&gt;</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}<sup>[2]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>No es requereix cap pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("51")}}[3]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOpera(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android Webview</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}<sup>[2]</sup></td>
+   <td>9.0</td>
+   <td>{{CompatOperaMobile(9.5)}}<sup>[1]</sup></td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>sintaxi <code>del &lt;selector&gt;</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}<sup>[2]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>No es requereix cap pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("51")}}<sup>[3]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOperaMobile(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Opera no pot gestionar la inserció dinàmica dels elements</p>
+
+<p>[2] Gecko encara no implementa aquesta funció. Vegeu {{bug(854148)}}.</p>
+
+<p>[3] Vegeu {{bug(1300374)}}.</p>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{ Cssxref(":nth-of-type") }}, {{ Cssxref(":nth-last-child") }}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_nth-last-child/index.html b/files/ca/web/css/_colon_nth-last-child/index.html
new file mode 100644
index 0000000000..44fed32a4d
--- /dev/null
+++ b/files/ca/web/css/_colon_nth-last-child/index.html
@@ -0,0 +1,217 @@
+---
+title: ':nth-last-child'
+slug: 'Web/CSS/:nth-last-child'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:nth-last-child'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:nth-last-child()</code></strong> coincideix amb un o més elements en funció de la seva posició entre un grup de germans, comptant des del final.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona cada quart element entre qualsevol grup de germans, comptant enrere des de l'últim */
+:nth-last-child(4n) {
+  color: lime;
+}</pre>
+
+<div class="note">
+<p><strong>Nota:</strong> Aquesta pseudo-class és bàsicament la mateixa que {{Cssxref(":nth-child")}}, excepte que compta els elements a l'inrevés des del final i no des del començament.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>The <code>nth-last-child</code> pseudo-class is specified with a single argument, which represents the pattern for matching elements, counting from the end.</p>
+
+<h3 id="Valors_de_paraules_clau"><span id="result_box" lang="ca"><span>Valors de paraules clau</span></span></h3>
+
+<dl>
+ <dt><code>odd</code></dt>
+ <dd>Representa elements, la posició numèrica dels quals, en una sèrie de germans és imparell: 1, 3, 5, etc., comptant des del final.</dd>
+ <dt><code>even</code></dt>
+ <dd>Representa elements, la posició numèrica dels quals, en una sèrie de germans és parell: 2, 4, 6, etc., comptant des del final.</dd>
+</dl>
+
+<h3 id="Notació_funcional">Notació funcional</h3>
+
+<dl>
+ <dt><code>&lt;An+B&gt;</code></dt>
+ <dd>Representa elements, la posició numèrica dels quals, en una sèrie de germans coincideix amb el patró <code>An+B</code>, per a cada enter positiu o valor zero de <code>n</code>. L'índex del primer element, comptant des del final, és <code>1</code>. Els valors <code>A</code> i <code>B</code> han de ser dos {{cssxref("&lt;integer&gt;")}}s.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_de_selectors">Exemple de selectors</h3>
+
+<dl>
+ <dt><code>tr:nth-last-child(odd)</code> or <code>tr:nth-last-child(2n+1)</code></dt>
+ <dd>Representa les files imparells d'una taula HTML: 1, 3, 5, etc., comptant des del final.</dd>
+ <dt><code>tr:nth-last-child(even)</code> or <code>tr:nth-last-child(2n)</code></dt>
+ <dd>Representa les files parells d'una taula HTML: 2, 4, 6, etc., comptant des del final.</dd>
+ <dt><code>:nth-last-child(5n)</code></dt>
+ <dd>Representa els elements 5, 10, 15, etc., comptant des del final.</dd>
+ <dt><code>:nth-last-child(3n+4)</code></dt>
+ <dd>Representa els elements 4, 7, 10, 13, etc., comptant des del final.</dd>
+ <dt><code>:nth-last-child(-n+3)</code></dt>
+ <dd>Representa els tres últims elements entre un grup de germans.</dd>
+ <dt><code>p:nth-last-child(n)</code></dt>
+ <dd>Representa cada element <code>&lt;p&gt;</code> entre un grup de germans. Això és el mateix que un simple selector <code>p</code>.</dd>
+ <dt><code>p:nth-last-child(1)</code> or <code>p:nth-last-child(0n+1)</code></dt>
+ <dd>Representa cada <code>&lt;p&gt;</code> que és el primer element d'un grup de germans comptant des del final. Això és el mateix que el selector {{cssxref(":last-child")}}.</dd>
+</dl>
+
+<h3 id="Exemple_de_taula"><span class="short_text" id="result_box" lang="ca"><span>Exemple de taula</span></span></h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;table&gt;
+  &lt;tbody&gt;
+    &lt;tr&gt;
+      &lt;td&gt;First line&lt;/td&gt;
+    &lt;/tr&gt;
+    &lt;tr&gt;
+      &lt;td&gt;Second line&lt;/td&gt;
+    &lt;/tr&gt;
+    &lt;tr&gt;
+      &lt;td&gt;Third line&lt;/td&gt;
+    &lt;/tr&gt;
+    &lt;tr&gt;
+      &lt;td&gt;Fourth line&lt;/td&gt;
+    &lt;/tr&gt;
+    &lt;tr&gt;
+      &lt;td&gt;Fifth line&lt;/td&gt;
+    &lt;/tr&gt;
+  &lt;/tbody&gt;
+&lt;/table&gt;
+</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">table {
+  border: 1px solid blue;
+}
+
+/* Selects the last three elements */
+tr:nth-last-child(-n+3) {
+  background-color: pink;
+}
+</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Table_example', 300, 150)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#nth-last-child-pseudo', ':nth-last-child')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>No es requereix que els elements coincidents tinguin un pare.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#nth-last-child-pseudo', ':nth-last-child')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(4)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>{{CompatOpera(9.5)}}</td>
+   <td>3.2</td>
+  </tr>
+  <tr>
+   <td>No es requereix cap pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("51")}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOpera(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android Webview</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>{{CompatOperaMobile(10)}}</td>
+   <td>3.2</td>
+  </tr>
+  <tr>
+   <td>No es requereix cap pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("51")}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOperaMobile(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Veure {{bug(1300374)}}.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref(":nth-child")}}, {{Cssxref(":nth-last-of-type")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_nth-last-of-type/index.html b/files/ca/web/css/_colon_nth-last-of-type/index.html
new file mode 100644
index 0000000000..64fbeee193
--- /dev/null
+++ b/files/ca/web/css/_colon_nth-last-of-type/index.html
@@ -0,0 +1,141 @@
+---
+title: ':nth-last-of-type'
+slug: 'Web/CSS/:nth-last-of-type'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:nth-last-of-type'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:nth-last-of-type()</code></strong> coincideix amb un o més elements d'un tipus determinat, en funció de la seva posició entre un grup de germans, comptant des del final.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona cada quart element &lt;p&gt; entre qualsevol grup de germans, comptant enrere des de l'últim */
+p:nth-last-of-type(4n) {
+  color: lime;
+}</pre>
+
+<div class="note">
+<p><strong>Nota:</strong> Aquesta pseudo-class és bàsicament la mateixa que {{Cssxref(":nth-of-type")}}, excepte que compta els elements a l'inrevés des del final i no cap a endavant des del principi.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La pseudo-class <code>nth-last-of-type</code> s'especifica amb un sol argument, representa el patró per als elements coincidents, comptant des del final.</p>
+
+<p>Vegeu {{Cssxref(":nth-last-child")}} per obtenir una explicació més detallada de la seva sintaxi.</p>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div&gt;
+  &lt;span&gt;This is a span.&lt;/span&gt;
+  &lt;span&gt;This is another span.&lt;/span&gt;
+  &lt;em&gt;This is emphasized.&lt;/em&gt;
+  &lt;span&gt;Wow, this span gets limed!!!&lt;/span&gt;
+  &lt;strike&gt;This is struck through.&lt;/strike&gt;
+  &lt;span&gt;Here is one last span.&lt;/span&gt;
+&lt;/div&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">span:nth-last-of-type(2) {
+  background-color: lime;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#nth-last-of-type-pseudo', ':nth-last-of-type')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>No es requereix que els elements coincidents tinguin un pare.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#nth-last-of-type-pseudo', ':nth-last-of-type')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.0</td>
+   <td>3.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref(":nth-last-child")}}, {{Cssxref(":nth-of-type")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_nth-of-type/index.html b/files/ca/web/css/_colon_nth-of-type/index.html
new file mode 100644
index 0000000000..c309e14b41
--- /dev/null
+++ b/files/ca/web/css/_colon_nth-of-type/index.html
@@ -0,0 +1,150 @@
+---
+title: ':nth-of-type'
+slug: 'Web/CSS/:nth-of-type'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:nth-of-type'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:nth-of-type()</code></strong> coincideix amb un o més elements d'un tipus determinat, en funció de la seva posició entre un grup de germans.</p>
+
+<div class="warning">
+<p>There is no `:nth-of-type(0)`!</p>
+
+<p><img alt="" src="https://user-images.githubusercontent.com/18028768/31808818-648a4850-b5a7-11e7-9ba1-421cd3540c7e.png" style="height: 779px; width: 713px;"></p>
+</div>
+
+<pre class="brush: css no-line-numbers  language-css">/* <span id="result_box" lang="ca"><span>Selecciona cada quart element &lt;p&gt; entre qualsevol grup de germans</span></span> */
+p:nth-of-type(4n) {
+  color: lime;
+}</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La pseudo-class <code>nth-of-type</code> <span id="result_box" lang="ca"><span>s'especifica amb un sol argument, que representa el patró per als elements coincidents.</span></span></p>
+
+<p>Veure {{Cssxref(":nth-child")}} per obtenir una explicació més detallada de la seva sintaxi.</p>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_bàsic">Exemple bàsic</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;div&gt;
+  &lt;div&gt;This element isn't counted.&lt;/div&gt;
+  &lt;p&gt;First paragraph. (left aligned)&lt;/p&gt;
+  &lt;p&gt;Second paragraph. (right aligned)&lt;/p&gt;
+  &lt;div&gt;This element isn't counted.&lt;/div&gt;
+  &lt;p&gt;Third paragraph. (left aligned)&lt;/p&gt;
+&lt;/div&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">/* Align odd paragraphs to the left */
+p:nth-of-type(2n+1) {
+  text-align: left;
+}
+
+/* Align even paragraphs to the right */
+p:nth-of-type(2n) {
+  text-align: right;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Basic_example', 250, 200)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#nth-of-type-pseudo', ':nth-of-type')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>No es requereix que els elements coincidents tinguin un pare.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#nth-of-type-pseudo', ':nth-of-type')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref(":nth-child")}}, {{Cssxref(":nth-last-of-type")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_only-child/index.html b/files/ca/web/css/_colon_only-child/index.html
new file mode 100644
index 0000000000..ed94d4791a
--- /dev/null
+++ b/files/ca/web/css/_colon_only-child/index.html
@@ -0,0 +1,199 @@
+---
+title: ':only-child'
+slug: 'Web/CSS/:only-child'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:only-child'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/CSS/Pseudo-classes" title="Pseudo classes">pseudo-class </a><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>:only-child</code></strong> representa un element sense germans. És el mateix que <code>:first-child:last-child</code> o <code>:nth-child(1):nth-last-child(1)</code>, però amb una menor especificitat.</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona cada &lt;p&gt;, però només si és l'únic fill del seu pare</span></span> */
+p:only-child {
+  background-color: lime;
+}</pre>
+
+<div class="note">
+<p><strong>Nota</strong>: Com es va definir originalment, l'element seleccionat havia de tenir un pare. A partir dels Selectores Nivell 4, això ja no és necessari.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_bàsic">Exemple bàsic</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;main&gt;
+  &lt;div&gt;
+    &lt;i&gt;I am a lonely only child.&lt;/i&gt;
+  &lt;/div&gt;
+
+  &lt;div&gt;
+    &lt;i&gt;I have siblings.&lt;/i&gt;&lt;br&gt;
+    &lt;b&gt;So do I!&lt;/b&gt;&lt;br&gt;
+    &lt;span&gt;I also have siblings, &lt;span&gt;but this is an only child.&lt;/span&gt;&lt;/span&gt;
+  &lt;/div&gt;
+&lt;/main&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">main :only-child {
+  color: red;
+}
+</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Basic_example','100%',180)}}</p>
+
+<h3 id="Un_exemple_de_llista"><span class="short_text" id="result_box" lang="ca"><span>Un exemple de llista</span></span></h3>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;ol&gt;
+  &lt;li&gt;First
+    &lt;ul&gt;
+      &lt;li&gt;This list has just one element.
+    &lt;/ul&gt;
+  &lt;/li&gt;
+  &lt;li&gt;Second
+    &lt;ul&gt;
+      &lt;li&gt;This list has three elements.
+      &lt;li&gt;This list has three elements.
+      &lt;li&gt;This list has three elements.
+    &lt;/ul&gt;
+  &lt;/li&gt;
+&lt;ol&gt;
+</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">li li {
+  list-style-type: disc;
+}
+li:only-child {
+  color: red;
+  list-style-type: square;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample('A_list_example', '100%', 210)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#only-child-pseudo', ':only-child')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>No es requereix que els elements coincidents tinguin un pare.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#only-child-pseudo', ':only-child')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop(1.8)}}</td>
+   <td>9</td>
+   <td>{{CompatOpera(9.5)}}</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>No es requereix cap pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOpera(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android Webview</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile(1.8)}}</td>
+   <td>9</td>
+   <td>{{CompatOperaMobile(10)}}</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>No es requereix cap pare</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOperaMobile(44)}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref(":only-of-type")}}</li>
+ <li>{{Cssxref(":first-child")}}</li>
+ <li>{{Cssxref(":last-child")}}</li>
+ <li>{{Cssxref(":nth-child")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_only-of-type/index.html b/files/ca/web/css/_colon_only-of-type/index.html
new file mode 100644
index 0000000000..55dab9d76a
--- /dev/null
+++ b/files/ca/web/css/_colon_only-of-type/index.html
@@ -0,0 +1,142 @@
+---
+title: ':only-of-type'
+slug: 'Web/CSS/:only-of-type'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:only-of-type'
+---
+<div>{{CSSRef}}</div>
+
+<p>The <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>:only-of-type</code></strong> <span id="result_box" lang="ca"><span>representa un element que no té germans del mateix tipus.</span></span></p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona cada &lt;p&gt;, però només si és l'únic element &lt;p&gt; dins del seu pare</span></span> */
+p:only-of-type {
+  background-color: lime;
+}</pre>
+
+<div class="note">
+<p><strong>Nota</strong>: <span id="result_box" lang="ca"><span class="alt-edited">Com es va definir originalment, l'element seleccionat havia de tenir un pare. A partir dels Selectores Nivell 4, això ja no és necessari.</span></span></p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;main&gt;
+  &lt;div&gt;I am `div` #1.&lt;/div&gt;
+  &lt;p&gt;I am the only `p` among my siblings.&lt;/p&gt;
+  &lt;div&gt;I am `div` #2.&lt;/div&gt;
+  &lt;div&gt;I am `div` #3.
+    &lt;i&gt;I am the only `i` child.&lt;/i&gt;
+    &lt;em&gt;I am `em` #1.&lt;/em&gt;
+    &lt;em&gt;I am `em` #2.&lt;/em&gt;
+  &lt;/div&gt;
+&lt;/main&gt;
+</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">main :only-of-type {
+  color: red;
+}
+</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Example','100%',180)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#only-of-type-pseudo', ':only-of-type')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>No es requereix que els elements coincidents tinguin un pare.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#only-of-type-pseudo', ':only-of-type')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>3.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.0</td>
+   <td>3.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref(":only-child")}}</li>
+ <li>{{Cssxref(":first-of-type")}}</li>
+ <li>{{Cssxref(":last-of-type")}}</li>
+ <li>{{Cssxref(":nth-of-type")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_optional/index.html b/files/ca/web/css/_colon_optional/index.html
new file mode 100644
index 0000000000..0437cca6c0
--- /dev/null
+++ b/files/ca/web/css/_colon_optional/index.html
@@ -0,0 +1,128 @@
+---
+title: ':optional'
+slug: 'Web/CSS/:optional'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:optional'
+---
+<div>{{ CSSRef }}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class </a><a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:optional</code></strong> representa qualsevol element {{HTMLElement("input")}}, {{HTMLElement("select")}} o {{HTMLElement("textarea")}} que no té l'atribut {{ htmlattrxref("required", "input") }} establert en ell.</p>
+
+<pre class="brush: css no-line-numbers">/*  <span class="short_text" id="result_box" lang="ca"><span>Selecciona qualsevol</span></span> &lt;input&gt; opcional */
+input:optional {
+  border: 1px dashed black;
+}</pre>
+
+<p>Aquesta pseudo-class és útil per als camps d'estil que no són obligatoris per enviar en un formulari.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> La pseudo-class {{cssxref(":required")}} selecciona els camps de formulari <em>obligatoris</em>.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Veure {{ cssxref(":invalid") }} com exemple.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('HTML WHATWG', '#selector-optional', ':optional') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML5 W3C', '#selector-optional', ':optional') }}</td>
+   <td>{{ Spec2('HTML5 W3C') }}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix la semàntica d'HTML i la validació de restriccions.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#opt-pseudos', ':optional') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Basic UI', '#pseudo-required-value', ':optional') }}</td>
+   <td>{{ Spec2('CSS3 Basic UI') }}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix</span> <span>la</span> <span>pseudo</span><span>-</span><span>classe,</span> <span>però no</span> <span>la semàntica</span> <span>associada.</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>10.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("2") }}</td>
+   <td>10</td>
+   <td>10.0</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.4</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("2") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>10.0</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Altres pseudo-classes relacionades amb la validació: {{ cssxref(":required") }}, {{ cssxref(":invalid") }}, {{ cssxref(":valid") }}</li>
+ <li><a href="/en-US/docs/Learn/HTML/Forms/Form_validation">Validació de dades del formulari</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_out-of-range/index.html b/files/ca/web/css/_colon_out-of-range/index.html
new file mode 100644
index 0000000000..797063240d
--- /dev/null
+++ b/files/ca/web/css/_colon_out-of-range/index.html
@@ -0,0 +1,158 @@
+---
+title: ':out-of-range'
+slug: 'Web/CSS/:out-of-range'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Web
+translation_of: 'Web/CSS/:out-of-range'
+---
+<div>{{CSSRef}}</div>
+
+<p>The <a href="/en-US/docs/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class </a><a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:out-of-range</code></strong> representa un element {{htmlelement("input")}} el valor actual del qual està fora dels límits de rang especificats pels atributs {{htmlattrxref("min", "input")}} i {{htmlattrxref("max","input")}}.</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol</span></span> &lt;input&gt;,  <span id="result_box" lang="ca"><span>però només quan té un rang especificat, i el seu valor està fora d'aquest rang</span></span> */
+input:out-of-range {
+  background-color: rgba(255, 0, 0, 0.25);
+}</pre>
+
+<p>Aquesta pseudo-class és útil per proporcionar a l'usuari una indicació visual de que el valor actual d'un camp està fora dels límits permesos.</p>
+
+<div class="note"><strong>Nota:</strong> Aquesta pseudo-class només s'aplica als elements que tenen (i poden prendre) una limitació de rang. A falta d'aquesta limitació, l'element no pot ser "dins del rang" ni "fora de rang".</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<div id="example">
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;form action="" id="form1"&gt;
+  &lt;ul&gt;Values between 1 and 10 are valid.
+    &lt;li&gt;
+      &lt;input id="value1" name="value1" type="number" placeholder="1 to 10" min="1" max="10" value="12"&gt;
+      &lt;label for="value1"&gt;Your value is &lt;/label&gt;
+    &lt;/li&gt;
+  &lt;/ul&gt;
+&lt;/form&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css;">li {
+  list-style: none;
+  margin-bottom: 1em;
+}
+
+input {
+  border: 1px solid black;
+}
+
+input:in-range {
+  background-color: rgba(0, 255, 0, 0.25);
+}
+
+input:out-of-range {
+  background-color: rgba(255, 0, 0, 0.25);
+  border: 2px solid red;
+}
+
+input:in-range + label::after {
+  content: 'okay.';
+}
+
+input:out-of-range + label::after {
+  content: 'out of range!';
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+</div>
+
+<div>{{EmbedLiveSample('Example', 600, 140)}}</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'scripting.html#selector-out-of-range', ':out-of-range')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Defineix quan <code>:out-of-range</code> coincideix en elements HTML.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#out-of-range-pseudo', ':out-of-range')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport en &lt;input&gt;</td>
+   <td>10.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("29.0")}}</td>
+   <td>{{CompatNo()}}</td>
+   <td>11.0</td>
+   <td>5.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport en &lt;input&gt;</td>
+   <td>2.3</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("16.0")}}</td>
+   <td>{{CompatNo()}}</td>
+   <td>{{CompatVersionUnknown()}}</td>
+   <td>{{CompatVersionUnknown()}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref(":in-range")}}</li>
+ <li><a href="/en-US/docs/Web/Guide/HTML/Forms/Data_form_validation">Validació de dades del formulari</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_placeholder-shown/index.html b/files/ca/web/css/_colon_placeholder-shown/index.html
new file mode 100644
index 0000000000..3c0eeb091b
--- /dev/null
+++ b/files/ca/web/css/_colon_placeholder-shown/index.html
@@ -0,0 +1,166 @@
+---
+title: ':placeholder-shown'
+slug: 'Web/CSS/:placeholder-shown'
+tags:
+  - CSS
+  - Experimental
+  - Pseudo-class
+  - Reference
+translation_of: 'Web/CSS/:placeholder-shown'
+---
+<div>{{CSSRef}}{{SeeCompatTable}}</div>
+
+<p>La <a href="/en-US/docs/CSS/Pseudo-classes">pseudo-class </a><a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:placeholder-shown</code></strong> representa qualsevol element {{htmlElement("input")}} o {{htmlElement("textarea")}} que actualment mostra <a href="/en-US/docs/Web/HTML/Element/input#attr-placeholder">text de marcador de posició</a>.</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol element amb un marcador de posició actiu</span></span> */
+:placeholder-shown {
+  border: 2px solid silver;
+}</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_bàsic">Exemple bàsic</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;input placeholder="Type something here!"&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css; highlight[6]">input {
+  border: 2px solid black;
+  padding: 3px;
+}
+
+input:placeholder-shown {
+  border-color: silver;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample("Basic_example", 200, 60)}}</p>
+
+<h3 id="Text_desbordat"><span id="result_box" lang="ca"><span>Text desbordat</span></span></h3>
+
+<p>En pantalles estretes, com ara telèfons intel·ligents, l'amplada de les caixes de cerca i altres camps de formulari es poden reduir dràsticament. Això pot provocar que el text del marcador de posició sigui retallat d'una manera indesitjable. Sovint és útil modificar aquest comportament amb la propietat {{cssxref("text-overflow")}}.</p>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;input placeholder="Enter something into this field, if you please!"&gt;</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">input:placeholder-shown {
+  text-overflow: ellipsis;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample("Overflowing_text", 200, 60)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("CSS4 Selectors", "#placeholder", ":placeholder")}}</td>
+   <td>{{Spec2("CSS4 Selectors")}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Edge</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic<br>
+    (en <code>&lt;input type="text"&gt;</code>)</td>
+   <td>{{CompatChrome("47.0")}}</td>
+   <td>{{CompatGeckoDesktop("51.0")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}<sup>[2]</sup></td>
+   <td>{{CompatOpera("34.0")}}</td>
+   <td>{{CompatSafari("9.0")}}</td>
+  </tr>
+  <tr>
+   <td>en <code>type="number"</code>, <code>type="time"</code>, i similars</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic<br>
+    (en <code>&lt;input type="text"&gt;</code>)</td>
+   <td>{{CompatAndroid("51.0")}}</td>
+   <td>{{CompatGeckoMobile("51.0")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatSafari("9.2")}}</td>
+  </tr>
+  <tr>
+   <td>en <code>type="number"</code>, <code>type="time"</code>, i similars</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Abans de Gecko 51.0 {{geckoRelease("51.0")}}, Gecko va implementar una pseudo-class prefixada <code>-moz</code> anomenada {{cssxref(":-moz-placeholder")}}, que va ser reemplaçada més tard per un pseudo-element {{cssxref("::-moz-placeholder")}}. La pseudo-class estàndard es va implementar en {{bug("1069012")}}.</p>
+
+<p>[2] S'ha sol·licitat suport per a aquesta pseudo-class a la <a href="https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/12435951--placeholder-shown-css-pseudo-class">pàgina de comentaris del desenvolupador de Microsoft Edge</a>.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>El pseudo-element {{cssxref("::placeholder")}} donar estil al marcador de posició <em>a si mateix</em>.</li>
+ <li><span id="result_box" lang="ca"><span>Elements HTML relacionats</span></span> : {{HTMLElement("input")}}, {{HTMLElement("textarea")}}</li>
+ <li>{{cssxref(":-moz-placeholder")}}, {{cssxref("::-moz-placeholder")}}</li>
+ <li><a href="/en-US/docs/Learn/HTML/Forms">Formularis HTML</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_read-only/index.html b/files/ca/web/css/_colon_read-only/index.html
new file mode 100644
index 0000000000..5db61a8b07
--- /dev/null
+++ b/files/ca/web/css/_colon_read-only/index.html
@@ -0,0 +1,98 @@
+---
+title: ':read-only'
+slug: 'Web/CSS/:read-only'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:read-only'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class </a><a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:read-only</code></strong> <span id="result_box" lang="ca"><span>representa un element (com ara una entrada de text bloquejat) que no és editable per l'usuari.</span></span></p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol element &lt;input&gt; que sigui de només lectura Compatible amb Firefox amb un prefix</span></span> */
+input:-moz-read-only {
+  background-color: #ccc;
+}
+
+/* <span id="result_box" lang="ca"><span>Compatible amb Blink/WebKit/Edge sense un prefix</span></span> */
+input:read-only {
+  background-color: #ccc;
+}</pre>
+
+<div class="note">
+<p><strong>Nota</strong>: <span id="result_box" lang="ca"><span>Aquest selector no només selecciona</span></span> {{htmlElement("input")}}s amb {{htmlattrxref("readonly", "input")}} <span id="result_box" lang="ca"><span>establerts en ells;</span> <span>seleccionarà qualsevol element que no pugui ser editat per l'usuari.</span></span></p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;input type="text" value="Type whatever you want here."&gt;
+&lt;input type="text" value="This is a read-only field." readonly&gt;
+&lt;p&gt;This is a normal paragraph.&lt;/p&gt;
+&lt;p contenteditable="true"&gt;You can edit this paragraph!&lt;/p&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">input { min-width: 25em; }
+input:-moz-read-only { background: cyan; }
+input:read-only { background: cyan; }
+
+p:-moz-read-only { background: lightgray; }
+p:read-only { background: lightgray; }
+p[contenteditable="true"] { color: blue; }
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example")}}</p>
+
+<h2 class="editable" id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('HTML WHATWG', '#selector-read-only', ':read-only') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML5 W3C', '#selector-read-only', ':read-only') }}</td>
+   <td>{{ Spec2('HTML5 W3C') }}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix la semàntica respecte a l'HTML i la validació de restriccions.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#rw-pseudos', ':read-only') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix</span> <span>la</span> <span>pseudo</span><span>-</span><span>classe,</span> <span>però no</span> <span>la semàntica</span> <span>associada.</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+
+
+<p>{{Compat("css.selectors.read-only")}}</p>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref(":read-write")}}</li>
+ <li>Atribut HTML {{htmlattrxref("contenteditable")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_read-write/index.html b/files/ca/web/css/_colon_read-write/index.html
new file mode 100644
index 0000000000..434094c2ef
--- /dev/null
+++ b/files/ca/web/css/_colon_read-write/index.html
@@ -0,0 +1,98 @@
+---
+title: ':read-write'
+slug: 'Web/CSS/:read-write'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:read-write'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:read-write</code></strong> <span id="result_box" lang="ca"><span>representa un element (com ara una entrada de text) que l'usuari pot editar.</span></span></p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona qualsevol element &lt;input&gt; que sigui editable Compatible amb Firefox amb un prefix</span></span> */
+input:-moz-read-write {
+  background-color: #bbf;
+}
+
+/* <span id="result_box" lang="ca"><span>Compatible amb Blink / WebKit / Edge sense un prefix</span></span> */
+input:read-write {
+  background-color: #bbf;
+}</pre>
+
+<div class="note">
+<p><strong>Nota</strong>: Aquest selector no només selecciona el text {{htmlElement("input")}} s; seleccionarà qualsevol element que l'usuari pugui editar, com ara un element {{htmlelement("p")}} amb {{htmlattrxref("contenteditable")}} establert en ell.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;input type="text" value="Type whatever you want here."&gt;
+&lt;input type="text" value="This is a read-only field." readonly&gt;
+&lt;p&gt;This is a normal paragraph.&lt;/p&gt;
+&lt;p contenteditable="true"&gt;You can edit this paragraph!&lt;/p&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css line-numbers  language-css">input { min-width: 25em; }
+input:-moz-read-write { background: cyan; }
+input:read-write { background: cyan; }
+
+p:-moz-read-write { background: lightgray; }
+p:read-write { background: lightgray; }
+p[contenteditable="true"] { color: blue; }
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example")}}</p>
+
+<h2 class="editable" id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('HTML WHATWG', '#selector-read-write', ':read-write') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML5 W3C', '#selector-read-write', ':read-write') }}</td>
+   <td>{{ Spec2('HTML5 W3C') }}</td>
+   <td><span id="result_box" lang="ca"><span class="alt-edited">Defineix la semàntica respecte a HTML i la validació de restriccions.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#rw-pseudos', ':read-write') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix</span> <span>la</span> <span>pseudo</span><span>-</span><span>classe,</span> <span>però no</span> <span>la semàntica</span> <span>associada.</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+
+
+<p>{{Compat("css.selectors.read-write")}}</p>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref(":read-only")}}</li>
+ <li>Atribut HTML {{htmlattrxref("contenteditable")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_required/index.html b/files/ca/web/css/_colon_required/index.html
new file mode 100644
index 0000000000..ee1d7cffc5
--- /dev/null
+++ b/files/ca/web/css/_colon_required/index.html
@@ -0,0 +1,128 @@
+---
+title: ':required'
+slug: 'Web/CSS/:required'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:required'
+---
+<div>{{ CSSRef }}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:required</code></strong> representa qulasevol element {{HTMLElement("input")}}, {{HTMLElement("select")}} o {{HTMLElement("textarea")}} que té l'atribut {{ htmlattrxref("required", "input") }} establert en ell.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona qualsevol &lt;input&gt; requerit */
+input:required {
+  border: 1px dashed red;
+}</pre>
+
+<p>Aquesta pseudo-class és útil per ressaltar els camps que han de tenir dades vàlides abans de poder enviar un formulari.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> La classe pseudo-class {{cssxref(":optional")}} selecciona camps de formulari opcionals.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Veure {{ cssxref(":invalid") }} com exemple.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('HTML WHATWG', '#selector-required', ':required') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML5 W3C', '#selector-required', ':required') }}</td>
+   <td>{{ Spec2('HTML5 W3C') }}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix la semàntica respecte a HTML i la validació de restriccions.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#opt-pseudos', ':required') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Basic UI', '#pseudo-required-value', ':required') }}</td>
+   <td>{{ Spec2('CSS3 Basic UI') }}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix</span> <span>la</span> <span>pseudo</span><span>-</span><span>classe,</span> <span>però no</span> <span>la semàntica</span> <span>associada.</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>10.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("2") }}</td>
+   <td>10</td>
+   <td>10.0</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.4.4</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("2") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>10.0</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Altres pseudo-classes relacionades amb la validació: {{ cssxref(":optional") }}, {{ cssxref(":invalid") }}, {{ cssxref(":valid") }}</li>
+ <li><a href="/en-US/docs/Learn/HTML/Forms/Form_validation">Validació de dades del formulari</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_right/index.html b/files/ca/web/css/_colon_right/index.html
new file mode 100644
index 0000000000..c0cfce6475
--- /dev/null
+++ b/files/ca/web/css/_colon_right/index.html
@@ -0,0 +1,124 @@
+---
+title: ':right'
+slug: 'Web/CSS/:right'
+tags:
+  - '@page'
+  - CSS
+  - Layout
+  - NeedsBrowserCompatibility
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:right'
+---
+<div>{{ CSSRef() }}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:right</code></strong>, usada amb la <a href="/en-US/docs/Web/CSS/At-rule">regla at</a> {{cssxref("@page")}}, representa totes les pàgines de la dreta d'un document imprès.</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona les pàgines de la dreta quan imprimiu</span></span> */
+@page :right {
+  margin: 2in 3in;
+}</pre>
+
+<p>Si una pàgina donada és "esquerra" o "dreta" ve determinada per la direcció principal d'escriptura del document. Per exemple, si la primera pàgina té una direcció d'escriptura principal d'esquerra a dreta llavors serà una pàgina <code>:right</code> si té una direcció d'escriptura principal de dreta a esquerra llavors serà una pàgina {{Cssxref(":left")}}.</p>
+
+<div class="note">
+<p><strong>Note:</strong> No podeu canviar totes les propietats CSS amb aquesta pseudo-class. Només podeu canviar les propietats {{ Cssxref("margin") }}, {{ Cssxref("padding") }}, {{ Cssxref("border") }} i {{ Cssxref("background") }} del quadre de pàgina. S'ignoraran totes les altres propietats i només es veurà afectat el quadre de pàgina, no el contingut del document de la pàgina.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: css">@page :right {
+  margin: 2in 3in;
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Paged Media', '#left-right-first', ':right') }}</td>
+   <td>{{ Spec2('CSS3 Paged Media') }}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'page.html#page-selectors', ':right') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>8.0</td>
+   <td>9.2</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{ Cssxref("@page") }}</li>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Altres pseudo-classes relacionades amb la pàgina</span></span>: {{ Cssxref(":first") }}, {{ Cssxref(":left") }}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_root/index.html b/files/ca/web/css/_colon_root/index.html
new file mode 100644
index 0000000000..072802e541
--- /dev/null
+++ b/files/ca/web/css/_colon_root/index.html
@@ -0,0 +1,112 @@
+---
+title: ':root'
+slug: 'Web/CSS/:root'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:root'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes"> pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:root</code></strong> coincideix amb l'element arrel de l'arbre que representa el document. En HTML, <code>:root</code> representa l'element {{HTMLElement("html")}} i és idèntic al selector <code>html</code>, excepte que la seva <a href="/en-US/docs/Web/CSS/specificity">Especificitat</a> és més alta.</p>
+
+<pre class="brush: css no-line-numbers">/*  <span id="result_box" lang="ca"><span>Selecciona l'element arrel del document: &lt;html&gt; en el cas de l'HTML</span></span> */
+:root {
+  background: yellow;
+}</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>El ùs de <code>:root</code> pot ser útil per declarar <a href="/en-US/docs/Web/CSS/Using_CSS_variables">Variables CSS</a> globals:</p>
+
+<pre class="brush: css">:root {
+  --main-color: hotpink;
+  --pane-padding: 5px 42px;
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#root-pseudo', ':root')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#root-pseudo', ':root')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>9</td>
+   <td>9.5</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/_colon_scope/index.html b/files/ca/web/css/_colon_scope/index.html
new file mode 100644
index 0000000000..3985aa7d08
--- /dev/null
+++ b/files/ca/web/css/_colon_scope/index.html
@@ -0,0 +1,146 @@
+---
+title: ':scope'
+slug: 'Web/CSS/:scope'
+tags:
+  - CSS
+  - Experimental
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Scoped Elements
+  - Web
+translation_of: 'Web/CSS/:scope'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class</a> de <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:scope</code></strong> representa aquells elements que són un punt de referència per tal que els selectors coincideixin.</p>
+
+<pre class="brush: css">/* <span class="short_text" id="result_box" lang="ca"><span class="alt-edited">Selecciona un element d'àmbit </span></span>*/
+:scope {
+  background-color: lime;
+}</pre>
+
+<p>Actualment, quan s'utilitza en un full d'estils, <code>:scope</code> és el mateix que {{cssxref(":root")}}, ja que, en aquest moment, no hi ha una manera d'establir explícitament un element amb àmbit. Quan s'utilitza des d'una API DOM com {{domxref("Element.querySelector", "querySelector()")}}, {{domxref("Element.querySelectorAll", "querySelectorAll()")}}, {{domxref("Element.matches", "matches()")}} o {{domxref("Element.closest()")}}, <code>:scope</code> coincideix amb l'element que es va cridar el mètode.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox language-html">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>En aquest exemple senzill, demostrem que l'ús de la pseudo-class <code>:scope</code> del mètode {{domxref("Element.matches()")}} coincideix amb l'element del qual és cridat.</p>
+
+<h3 id="JavaScript">JavaScript</h3>
+
+<pre class="brush: js">let paragraph = document.getElementById("para");
+let output = document.getElementById("output");
+
+if (paragraph.matches(":scope")) {
+  output.innerText = "Yep, the element is its own scope as expected!";
+}</pre>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p id="para"&gt;
+  This is a paragraph. It is not an interesting paragraph. Sorry about that.
+&lt;/p&gt;
+&lt;p id="output"&gt;&lt;/p&gt;</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<div>{{ EmbedLiveSample('Example') }}</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#the-scope-pseudo', ':scope') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatGeckoDesktop(20) }}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>15</td>
+   <td>7.0</td>
+  </tr>
+  <tr>
+   <td>En <code>querySelector()</code> i <code>querySelectorAll()</code></td>
+   <td>{{ CompatChrome(27) }}</td>
+   <td>{{CompatGeckoDesktop(32)}}<sup>[1][2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>15</td>
+   <td>7.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatGeckoMobile(20) }}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>7.0</td>
+  </tr>
+  <tr>
+   <td>En <code>querySelector()</code> i <code>querySelectorAll()</code></td>
+   <td>{{ CompatChrome(27) }}</td>
+   <td>{{CompatGeckoMobile(32)}}<sup>[1][2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>7.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[2] Firefox 20 implementa la pseudo-class <code>:scope</code>, la funció està desactivada per defecte. Per habilitar la funció, estableix la preferència <code>layout.css.scope-pseudo.enabled</code> a <code>true</code>. A partir de Firefox 32, aquest indicador està per defecte a <code>true</code> en les versions de llançament de Firefox ({{bug(528456)}}).</p>
+
+<p>[3] Gecko 55 (Firefox 55) elimina el suport per a <code>&lt;style scoped&gt;</code> però <em>no</em> per a la pseudo-class <code>:scope</code>, que encara és compatible. <code>&lt;style scoped&gt;</code> va fer possible configurar explícitament els àmbits de l'element, però les discussions en curs sobre el disseny d'aquesta característica, així com la manca d'altres implementacions, van donar com a resultat la decisió d'eliminar-lo.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>La <a href="/en-US/docs/Web/CSS/Pseudo-classes" title="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> {{cssxref(":root")}}</li>
+</ul>
diff --git a/files/ca/web/css/_colon_target/index.html b/files/ca/web/css/_colon_target/index.html
new file mode 100644
index 0000000000..07c4b7c27e
--- /dev/null
+++ b/files/ca/web/css/_colon_target/index.html
@@ -0,0 +1,260 @@
+---
+title: ':target'
+slug: 'Web/CSS/:target'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:target'
+---
+<div>{{CSSRef}}</div>
+
+<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:target</code></strong> <span id="result_box" lang="ca"><span>representa un element únic</span></span> (l'<em>element destinació</em>) amb un {{htmlattrxref("id")}} que coincideix amb el fragment de l'URL.</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona un element amb una ID que coincideixi amb el fragment de l'URL actual</span></span> */
+:target {
+  border: 2px solid black;
+}</pre>
+
+<p>Per exemple, la següent URL té un fragment (indicat pel signe #) que apunta a un element anomenat <code>section2</code>:</p>
+
+<pre>http://www.example.com/index.html#section2</pre>
+
+<p>El següent element es seleccionaria amb un selector <code>:target</code> quan l'URL actual fora igual a l'anterior:</p>
+
+<pre class="brush: html">&lt;section id="section2"&gt;Example&lt;/section&gt;</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Una_taula_de_continguts"><span id="result_box" lang="ca"><span>Una taula de continguts</span></span></h3>
+
+<p>La pseudo-class <code>:target</code> es pot utilitzar per ressaltar la part d'una pàgina a la qual s'ha enllaçat des d'una taula de continguts.</p>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;h3&gt;Table of Contents&lt;/h3&gt;
+&lt;ol&gt;
+ &lt;li&gt;&lt;a href="#p1"&gt;Jump to the first paragraph!&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#p2"&gt;Jump to the second paragraph!&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#nowhere"&gt;This link goes nowhere,
+   because the target doesn't exist.&lt;/a&gt;&lt;/li&gt;
+&lt;/ol&gt;
+
+&lt;h3&gt;My Fun Article&lt;/h3&gt;
+&lt;p id="p1"&gt;You can target &lt;i&gt;this paragraph&lt;/i&gt; using a
+  URL fragment. Click on the link above to try out!&lt;/p&gt;
+&lt;p id="p2"&gt;This is &lt;i&gt;another paragraph&lt;/i&gt;, also accessible
+  from the links above. Isn't that delightful?&lt;/p&gt;
+</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">p:target {
+  background-color: gold;
+}
+
+/* Add a pseudo-element inside the target element */
+p:target::before {
+  font: 70% sans-serif;
+  content: "►";
+  color: limegreen;
+  margin-right: .25em;
+}
+
+/* Style italic elements within the target element */
+p:target i {
+  color: red;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('A_table_of_contents', 500, 300)}}</p>
+
+<h3 id="Pur-CSS_lightbox">Pur-CSS lightbox</h3>
+
+<p>Podeu utilitzar la pseudo-class <code>:target</code> per crear una caixa de llum ( lightbox) sense utilitzar JavaScript. Aquesta tècnica es basa en la capacitat dels enllaços d'ancoratge per apuntar a elements que estan inicialment ocults a la pàgina. Una vegada seleccionats, el CSS canvia el <code>display</code> perquè es mostrin.</p>
+
+<div class="note"><strong>Nota:</strong> Podeu obtenir una caixa de llum (lightbox) més completa en pur CSS, basat en la pseudo-class <code>:target</code>, <a href="https://github.com/madmurphy/takefive.css/">disponible en GitHub</a> (<a href="https://madmurphy.github.io/takefive.css/">demo</a>).</div>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;&lt;a href="#example1"&gt;Open example #1&lt;/a&gt;&lt;/li&gt;
+  &lt;li&gt;&lt;a href="#example2"&gt;Open example #2&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;div class="lightbox" id="example1"&gt;
+  &lt;figure&gt;
+    &lt;a href="#" class="close"&gt;&lt;/a&gt;
+    &lt;figcaption&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Donec felis enim, placerat id eleifend eu, semper vel sem.&lt;/figcaption&gt;
+  &lt;/figure&gt;
+&lt;/div&gt;
+
+&lt;div class="lightbox" id="example2"&gt;
+  &lt;figure&gt;
+    &lt;a href="#" class="close"&gt;&lt;/a&gt;
+    &lt;figcaption&gt;Cras risus odio, pharetra nec ultricies et,
+      mollis ac augue. Nunc et diam quis sapien dignissim auctor.
+      Quisque quis neque arcu, nec gravida magna.&lt;/figcaption&gt;
+  &lt;/figure&gt;
+&lt;/div&gt;</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">/* Unopened lightbox */
+.lightbox {
+  display: none;
+}
+
+/* Opened lightbox */
+.lightbox:target {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Lightbox content */
+.lightbox figcaption {
+  width: 25rem;
+  position: relative;
+  padding: 1.5em;
+  background-color: lightpink;
+}
+
+/* Close button */
+.lightbox .close {
+  position: relative;
+  display: block;
+}
+
+.lightbox .close::after {
+  right: -1rem;
+  top: -1rem;
+  width: 2rem;
+  height: 2rem;
+  position: absolute;
+  display: flex;
+  z-index: 1;
+  align-items: center;
+  justify-content: center;
+  background-color: black;
+  border-radius: 50%;
+  color: white;
+  content: "×";
+  cursor: pointer;
+}
+
+/* Lightbox overlay */
+.lightbox .close::before {
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  background-color: rgba(0,0,0,.7);
+  content: "";
+  cursor: default;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample('Pure-CSS_lightbox', 500, 220)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName("HTML WHATWG", "browsers.html#selector-target", ":target")}}</td>
+   <td>{{Spec2("HTML WHATWG")}}</td>
+   <td>Defineix la semàntica específica d'HTML.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName("CSS4 Selectors", "#the-target-pseudo", ":target")}}</td>
+   <td>{{Spec2("CSS4 Selectors")}}</td>
+   <td>Sense canvis.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName("CSS3 Selectors", "#target-pseudo", ":target")}}</td>
+   <td>{{Spec2("CSS3 Selectors")}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.7 or earlier")}}</td>
+   <td>9</td>
+   <td>9.5</td>
+   <td>1.3</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.7 or earlier")}}</td>
+   <td>9.0</td>
+   <td>9.5</td>
+   <td>2.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Using_the_:target_selector">Usant la pseudo-classe :target en selectors</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_valid/index.html b/files/ca/web/css/_colon_valid/index.html
new file mode 100644
index 0000000000..4bea8abf18
--- /dev/null
+++ b/files/ca/web/css/_colon_valid/index.html
@@ -0,0 +1,74 @@
+---
+title: ':valid'
+slug: 'Web/CSS/:valid'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:valid'
+---
+<div>{{CSSRef}}</div>
+
+<p>The <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:valid</code></strong> representa qualsevol element {{HTMLElement("input")}} o altre {{HTMLElement("form")}} el contingut del qual es <a href="/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation">valida</a> correctament. Això permet fer, fàcilment, que els camps vàlids adoptin una aparença que ajudi a l'usuari a confirmar que les seves dades estan formatades correctament.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona qualsevol &lt;input&gt; vàlid */
+input:valid {
+  background-color: powderblue;
+}</pre>
+
+<p>Aquesta pseudo-class és útil per ressaltar els camps correctes per a l'usuari.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Vegeu {{cssxref(":invalid")}} com exemple.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#selector-valid', ':valid')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Cap canvi.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', '#selector-valid', ':valid')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix la semàntica respecte a l'HTML i la validació de restriccions.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#validity-pseudos', ':valid')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>
+
+
+<p>{{Compat("css.selectors.valid")}}</p>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Altres pseudo-classes relacionades amb la validació : {{ cssxref(":required") }}, {{ cssxref(":optional") }}, {{ cssxref(":invalid") }}</li>
+ <li><a href="/en-US/docs/Learn/HTML/Forms/Form_validation">Validació de dades del formulari</a></li>
+</ul>
diff --git a/files/ca/web/css/_colon_visited/index.html b/files/ca/web/css/_colon_visited/index.html
new file mode 100644
index 0000000000..00b61c6301
--- /dev/null
+++ b/files/ca/web/css/_colon_visited/index.html
@@ -0,0 +1,178 @@
+---
+title: ':visited'
+slug: 'Web/CSS/:visited'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-class
+  - Reference
+  - Web
+translation_of: 'Web/CSS/:visited'
+---
+<div>{{ CSSRef }}</div>
+
+<p>La  <a href="/en/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:visited</code></strong> <span id="result_box" lang="ca"><span>representa enllaços que l'usuari ja ha visitat.</span> <span>Per motius de privadesa, els estils que es poden modificar utilitzant aquest selector són molt limitats</span></span></p>
+
+<pre class="brush: css no-line-numbers">/*  <span class="short_text" id="result_box" lang="ca"><span>Selecciona qualsevol &lt;a&gt; que s'hagi visitat</span></span> */
+a:visited {
+  color: green;
+}</pre>
+
+<p>Els estils definits per la pseudo-class <code>:visited</code> seran anul·lats per qualsevol pseudo-class posterior relacionada amb l'enllaç ({{cssxref(":link")}}, {{cssxref(":hover")}} o {{cssxref(":active")}}) que té com a mínim la mateixa especificitat. Per donar-li un estil apropiat als enllaços, col·loqueu la regla <code>:visited</code> després de la regla <code>:link</code> però abans de <code>:hover</code> i <code>:active</code>, tal com ho defineix l'<em>ordre</em> <em>LVHA</em>: <code>:link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>.</p>
+
+<h2 id="Restriccions_d'estil">Restriccions d'estil</h2>
+
+<p>Per motius de privadesa, els navegadors limiten estrictament quins són els estils que es podem aplicar mitjançant aquesta pseudo-class, i com es poden utilitzar:</p>
+
+<ul>
+ <li>Les propietats CSS permeses són {{ cssxref("color") }}, {{ cssxref("background-color") }}, {{ cssxref("border-color") }}, {{ cssxref("border-bottom-color") }}, {{ cssxref("border-left-color") }}, {{ cssxref("border-right-color") }}, {{ cssxref("border-top-color") }}, {{ cssxref("column-rule-color") }} i {{ cssxref("outline-color") }}.</li>
+ <li>Els atributs SVG permesos són {{SVGAttr("fill")}} i {{SVGAttr("stroke")}}.</li>
+ <li>El component alfa dels estils permesos serà ignorat. En el seu lloc, s'usarà el component alfa de l'estat no <code>:visited</code> de l'element, excepte quan aquest component és <code>0</code>, en aquest cas l'estil establert a <code>:visited</code> serà ignorat completament</li>
+ <li>Encara que aquests estils poden canviar l'aparença de colors a l'usuari final, el mètode {{domxref ("window.getComputedStyle")}} mentirà i sempre retornarà el valor del color no <code>:visited</code>.</li>
+</ul>
+
+<div class="note">
+<p><strong>Nota:</strong> Per obtenir més informació sobre aquestes limitacions i els motius que hi ha darrere, consulteu <a href="/en-US/docs/CSS/Privacy_and_the_:visited_selector" title="/en-US/docs/CSS/Privacy_and_the_:visited_selector">Privadesa i el selector :visited</a>.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>Les propietats que d'altra manera no tindrien color o serien transparents no es poden modificar amb <code>:visited</code>. De les propietats que es poden establir amb aquesta pseudo-class, probablement el vostre navegador tingui un valor predeterminat només per <code>color</code> i <code>column-rule-color</code>. Per tant, si voleu modificar les altres propietats, haureu de donar-los un valor base fora del selector <code>:visited</code>.</p>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;a href="#test-visited-link"&gt;Have you visited this link yet?&lt;/a&gt;&lt;br&gt;
+&lt;a href=""&gt;You've already visited this link.&lt;/a&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">a {
+  /* Specify non-transparent defaults to certain properties,
+     allowing them to be styled with the :visited state */
+  background-color: white;
+  border: 1px solid white;
+}
+
+a:visited {
+  background-color: yellow;
+  border-color: hotpink;
+  color: hotpink;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example")}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('HTML WHATWG', 'scripting.html#selector-visited', ':visited') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#link', ':visited') }}</td>
+   <td>{{ Spec2('CSS4 Selectors') }}</td>
+   <td>Cap canvi.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Selectors', '#link', ':visited') }}</td>
+   <td>{{ Spec2('CSS3 Selectors') }}</td>
+   <td>Cap canvi.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'selector.html#link-pseudo-classes', ':visited') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Aixeca la restricció per aplicar solament <code>:visited</code> a l'element {{HTMLElement ("a")}}. Permet als navegadors restringir el seu comportament per raons de privadesa.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS1', '#anchor-pseudo-classes', ':visited') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1.0") }}</td>
+   <td>3.5</td>
+   <td>3.5</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>Restriccions en les propietats CSS permeses en una declaració usant <code>:visited</code></td>
+   <td>6</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0") }}</td>
+   <td>8 (or earlier)</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.4</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("1.0") }}</td>
+   <td>11</td>
+   <td>37</td>
+   <td>9.3</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/CSS/Privacy_and_the_:visited_selector" title="/en-US/docs/CSS/Privacy_and_the_:visited_selector">Privacitat i selector :visited</a></li>
+ <li>Enllaços relacionats amb les pseudo-classes: {{cssxref(":link")}}, {{cssxref(":active")}} i {{cssxref(":hover")}}.</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-moz-progress-bar/index.html b/files/ca/web/css/_doublecolon_-moz-progress-bar/index.html
new file mode 100644
index 0000000000..579c5d5934
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-moz-progress-bar/index.html
@@ -0,0 +1,55 @@
+---
+title: '::-moz-progress-bar'
+slug: 'Web/CSS/::-moz-progress-bar'
+tags:
+  - CSS
+  - 'CSS:Mozilla Extensions'
+  - NeedsCompatTable
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::-moz-progress-bar'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::-moz-progress-bar</code></strong> és una <a href="/en-US/docs/Web/CSS/Mozilla_Extensions">estensió de Mozilla</a> que representa la barra de progrés dins d'un element {{HTMLElement("progress")}}. (La barra representa la quantitat de progrés que s'ha realitzat).</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush:html;">&lt;progress value="30" max="100"&gt;30%&lt;/progress&gt;
+&lt;progress max="100"&gt;Indeterminate&lt;/progress&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">::-moz-progress-bar {
+  background-color: red;
+}
+
+/* Force indeterminate bars to have zero width */
+:indeterminate::-moz-progress-bar {
+  width: 0;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Examples')}}</p>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>La primera barra des de dalt hauria de ser aix</span></span>í:</p>
+
+<p><img alt="Custom styled progress bar" class="default internal" src="/@api/deki/files/5387/=redbar.png"></p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{HTMLElement("progress")}}</li>
+ <li>{{ cssxref("::-ms-fill") }}</li>
+ <li>{{ cssxref("::-webkit-progress-bar") }}</li>
+ <li>{{ cssxref("::-webkit-progress-value") }}</li>
+ <li>{{ cssxref("::-webkit-progress-inner-element") }}</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-moz-range-progress/index.html b/files/ca/web/css/_doublecolon_-moz-range-progress/index.html
new file mode 100644
index 0000000000..517f19e1fd
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-moz-range-progress/index.html
@@ -0,0 +1,117 @@
+---
+title: '::-moz-range-progress'
+slug: 'Web/CSS/::-moz-range-progress'
+tags:
+  - CSS
+  - 'CSS:Mozilla Extensions'
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::-moz-range-progress'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::-moz-range-progress</code></strong> és una <a href="/en-US/docs/Web/CSS/Mozilla_Extensions">extensió de Mozilla</a>, que representa la part inferior de la pista (és a dir, la ranura) en la qual l'indicador es llisca en un {{HTMLElement("input")}} de <code>type="range"</code>. Aquesta part correspon a valors inferiors al valor actualment seleccionat pel <em>polze</em> (és a dir, botó virtual).</p>
+
+<div class="note">
+<p><strong>Nota:</strong> L'ùs de <code>::-moz-range-progress</code> amb qualsevol cosa que no sigui <code>&lt;input type="range"&gt;</code> no coincideix amb res i no té cap efecte.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;input type="range" min="0" max="100" step="5" value="50"/&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">input[type=range]::-moz-range-progress {
+  background-color: green;
+  height: 1em;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", 300, 50)}}</p>
+
+<p><span id="result_box" lang="ca"><span>Una barra de progrés que utilitzi aquest estil pot semblar una cosa així:</span></span></p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/12041/Screen%20Shot%202015-12-04%20at%2020.14.48.png"></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en Gecko.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Pseudo-elements utilitzats per Gecko per dissenyar altres parts d'un interval d'entrada:
+  <ul>
+   <li>{{cssxref("::-moz-range-thumb")}} representa l'indicador que es llisca a la ranura.</li>
+   <li>{{cssxref("::-moz-range-track")}} representa la ranura en què es llisca el polze.</li>
+  </ul>
+ </li>
+ <li>Pseudo-elements similars utilitzats per altres navegadors:
+  <ul>
+   <li>{{cssxref("::-ms-fill-upper")}}, pseudo-element compatible amb Internet Explorer i Edge.</li>
+  </ul>
+ </li>
+ <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Trucs CSS: </a> <a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Estil de les entrades de rang compatible entre navegadors amb CSS</a>.</li>
+ <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts</a>.</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-moz-range-thumb/index.html b/files/ca/web/css/_doublecolon_-moz-range-thumb/index.html
new file mode 100644
index 0000000000..dfbfb9f162
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-moz-range-thumb/index.html
@@ -0,0 +1,117 @@
+---
+title: '::-moz-range-thumb'
+slug: 'Web/CSS/::-moz-range-thumb'
+tags:
+  - CSS
+  - 'CSS:Mozilla Extensions'
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::-moz-range-thumb'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::-moz-range-thumb</code></strong> es una <a href="/en-US/docs/Web/CSS/Mozilla_Extensions">extensió de Mozilla</a> que representa el <em>polze</em> (és a dir, botó virtual) d'un {{HTMLElement("input")}} de <code>type="range"</code>. L'usuari pot moure el polze al llarg de la pista d'entrada per canviar el seu valor numèric.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> L'ùs <code>::-moz-range-thumb</code> amb qualsevol cosa que no sigui <code>&lt;input type="range"&gt;</code> no coincideix amb res i no té cap efecte.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;input type="range" min="0" max="100" step="5" value="50"/&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">input[type=range]::-moz-range-thumb {
+  background-color: green;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", 300, 50)}}</p>
+
+<p><span id="result_box" lang="ca"><span>Una barra de progrés que utilitzi aquest estil pot semblar una cosa així</span></span></p>
+
+<p><img alt="The thumb of the &lt;input type=right> styled in green" src="https://mdn.mozillademos.org/files/12027/Screen%20Shot%202015-12-04%20at%2013.30.08.png"></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en Gecko.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Pseudo-elements utilitzats per Gecko per dissenyar altres parts d'un interval d'entrada:
+  <ul>
+   <li>{{cssxref("::-moz-range-track")}} representa la ranura en què es llisca el polze.</li>
+   <li>{{cssxref("::-moz-range-progress")}} <span class="short_text" id="result_box" lang="ca"><span>representa la part inferior de la pista.</span></span></li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Pseudo-elements similars utilitzats per altres navegadors</span></span>:
+  <ul>
+   <li>{{cssxref("::-webkit-slider-thumb")}}, <span id="result_box" lang="ca"><span>pseudo-element compatible amb</span></span> WebKit i Blink (Safari, Chrome i Opera).</li>
+   <li>{{cssxref("::-ms-thumb")}}, <span id="result_box" lang="ca"><span>pseudo-element compatible amb</span></span> Internet Explorer i Edge.</li>
+  </ul>
+ </li>
+ <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.</a></li>
+ <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts.</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-moz-range-track/index.html b/files/ca/web/css/_doublecolon_-moz-range-track/index.html
new file mode 100644
index 0000000000..41ad08a697
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-moz-range-track/index.html
@@ -0,0 +1,117 @@
+---
+title: '::-moz-range-track'
+slug: 'Web/CSS/::-moz-range-track'
+tags:
+  - CSS
+  - 'CSS:Mozilla Extensions'
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::-moz-range-track'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>The <a href="/en-US/docs/Web/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::-moz-range-track</code></strong> és una <a href="/en-US/docs/Web/CSS/Mozilla_Extensions">extensió de Mozilla</a> <span id="result_box" lang="ca"><span>que representa la <em>pista</em> (és a dir, la ranura) en què l'indicador es llisca en un</span></span> {{HTMLElement("input")}} de <code>type="range"</code>.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> L'ùs de <code>::-moz-range-track</code> amb qualsevol cosa que no sigui <code>&lt;input type="range"&gt;</code> no coincideix amb res i no té cap efecte.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;input type="range" min="0" max="100" step="5" value="50"/&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">input[type=range]::-moz-range-track {
+  background-color: green;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", 300, 50)}}</p>
+
+<p><span id="result_box" lang="ca"><span>Una barra de progrés que utilitzi aquest estil pot semblar una cosa així:</span></span></p>
+
+<p><img alt="A range with the track green." src="https://mdn.mozillademos.org/files/11999/Screen%20Shot%202015-12-04%20at%2010.14.34.png"></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en Gecko.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Pseudo-elements utilitzats per Gecko per dissenyar altres parts d'un interval d'entrada:
+  <ul>
+   <li>{{cssxref("::-moz-range-thumb")}} representa l'indicador que es llisca a la ranura.</li>
+   <li>{{cssxref("::-moz-range-progress")}} <span class="short_text" id="result_box" lang="ca"><span>representa la part inferior de la pista.</span></span></li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Pseudo-elements similars utilitzats per altres navegadors</span></span>:
+  <ul>
+   <li>{{cssxref("::-webkit-slider-runnable-track")}}, <span id="result_box" lang="ca"><span>pseudo-element compatible amb</span></span> WebKit i Blink (Safari, Chrome, and Opera)</li>
+   <li>{{cssxref("::-ms-track")}}, <span id="result_box" lang="ca"><span>pseudo-element compatible amb</span></span> Internet Explorer i Edge</li>
+  </ul>
+ </li>
+ <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.</a></li>
+ <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts.</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-ms-fill-lower/index.html b/files/ca/web/css/_doublecolon_-ms-fill-lower/index.html
new file mode 100644
index 0000000000..f7f8896483
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-ms-fill-lower/index.html
@@ -0,0 +1,91 @@
+---
+title: '::-ms-fill-lower'
+slug: 'Web/CSS/::-ms-fill-lower'
+tags:
+  - CSS
+  - NeedsBrowserCompatibility
+  - NeedsExample
+  - NeedsMobileBrowserCompatibility
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Archive/Web/CSS/::-ms-fill-lower'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::-ms-fill-lower</code></strong> representa la part de la "pista" (la ranura en la qual llisca l'indicador denominat polze) d'un {{HTMLElement("input")}} de <code>type="range"</code>, que correspon a valors inferiors al valor actualment seleccionat per el polze.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació.</p>
+
+<p>Microsoft té una <a href="https://msdn.microsoft.com/en-us/library/windows/apps/hh465745.aspx">descripció en MSDN</a>.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Pseudo-elements utilitzats per l'IE / Edge per donar estil altres parts d'un rang d'entrada:
+  <ul>
+   <li>{{cssxref("::-ms-fill-upper")}}</li>
+   <li>{{cssxref("::-ms-track")}}</li>
+   <li>{{cssxref("::-ms-thumb")}}</li>
+  </ul>
+ </li>
+ <li>{{cssxref("::-moz-range-progress")}}</li>
+ <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.</a></li>
+ <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts.</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-ms-fill-upper/index.html b/files/ca/web/css/_doublecolon_-ms-fill-upper/index.html
new file mode 100644
index 0000000000..eb28ffc2db
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-ms-fill-upper/index.html
@@ -0,0 +1,91 @@
+---
+title: '::-ms-fill-upper'
+slug: 'Web/CSS/::-ms-fill-upper'
+tags:
+  - CSS
+  - NeedsBrowserCompatibility
+  - NeedsExample
+  - NeedsMobileBrowserCompatibility
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Archive/Web/CSS/::-ms-fill-upper'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::-ms-fill-upper</code></strong> representa la part de la "pista" (la ranura en la qual llisca l'indicador denominat polze) d'un {{HTMLElement("input")}} de <code>type="range"</code> , que correspon a valors superiors al valor actualment seleccionat per el polze.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació.</p>
+
+<p>Microsoft té una <a href="https://msdn.microsoft.com/en-us/library/windows/apps/hh465745.aspx">descripció en MSDN</a>.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Pseudo-elements utilitzats per l'IE / Edge per donar estil altres parts d'un rang d'entrada:
+  <ul>
+   <li>{{cssxref("::-ms-fill-lower")}}</li>
+   <li>{{cssxref("::-ms-track")}}</li>
+   <li>{{cssxref("::-ms-thumb")}}</li>
+  </ul>
+ </li>
+ <li>{{cssxref("::-moz-range-progress")}}</li>
+ <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.</a></li>
+ <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts.</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-ms-fill/index.html b/files/ca/web/css/_doublecolon_-ms-fill/index.html
new file mode 100644
index 0000000000..1377611a03
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-ms-fill/index.html
@@ -0,0 +1,108 @@
+---
+title: '::-ms-fill'
+slug: 'Web/CSS/::-ms-fill'
+tags:
+  - CSS
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Archive/Web/CSS/::-ms-fill'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El<a href="/en-US/docs/Web/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements"> pseudo-element</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>::-ms-fill</code></strong> representa la porció emplenada d'un element {{HTMLElement("progress")}}. Aquest pseudo-element no és estàndard i específic de Internet Explorer 10+, d'aquí el prefix del proveidor.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. Microsoft té una <a href="https://msdn.microsoft.com/en-us/library/windows/apps/hh465757.aspx">descripció en MSDN</a>.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;progress value="10" max="50"&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">progress::-ms-fill {
+  background-color: orange;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", 300, 50)}}</p>
+
+<p><span id="result_box" lang="ca"><span>Una barra de progrés que utilitzi aquest estil pot semblar una cosa així</span></span>:</p>
+
+<p><img alt="Progress Bar with Orange Fill" src="https://mdn.mozillademos.org/files/13484/progress_bar.png" style="height: 44px; width: 308px;"></p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10.0</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{ cssxref("::-moz-progress-bar") }}</li>
+ <li>{{ cssxref("::-webkit-progress-bar") }}</li>
+ <li>{{ cssxref("::-webkit-progress-value") }}</li>
+ <li>{{ cssxref("::-webkit-progress-inner-element") }}
+  <ul>
+  </ul>
+ </li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-ms-thumb/index.html b/files/ca/web/css/_doublecolon_-ms-thumb/index.html
new file mode 100644
index 0000000000..fb3bd8e4e5
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-ms-thumb/index.html
@@ -0,0 +1,41 @@
+---
+title: '::-ms-thumb'
+slug: 'Web/CSS/::-ms-thumb'
+tags:
+  - CSS
+  - NeedsBrowserCompatibility
+  - NeedsCompatTable
+  - NeedsExample
+  - NeedsMobileBrowserCompatibility
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Archive/Web/CSS/::-ms-thumb'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>::-ms-thumb</code></strong> representa el "polze" que l'usuari pot moure dins de la "ranura" d'un {{HTMLElement("input")}} de type="range" per modificar el seu valor numèric.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p><span id="result_box" lang="ca"><span>No forma</span> <span>part de cap</span> <span>especificació,</span> <span>encara que Microsoft</span> <span>té</span> una</span> <a href="https://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh465780.aspx">descripció en MSDN</a>.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Els pseudo-elements utilitzats per l'IE / Edge per donar estil altres parts d'un rang d'entrada:
+  <ul>
+   <li>{{cssxref("::-ms-track")}}</li>
+   <li>{{cssxref("::-ms-fill-upper")}}</li>
+   <li>{{cssxref("::-ms-fill-lower")}}</li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Pseudo</span><span>-</span><span>elements</span> <span>similars</span> <span>utilitzats per altres</span> <span>navegadors</span><span>:</span></span>
+  <ul>
+   <li>{{cssxref("::-webkit-slider-thumb")}}</li>
+   <li>{{cssxref("::-moz-range-thumb")}}</li>
+  </ul>
+ </li>
+ <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.</a></li>
+ <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts.</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-ms-track/index.html b/files/ca/web/css/_doublecolon_-ms-track/index.html
new file mode 100644
index 0000000000..799efce737
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-ms-track/index.html
@@ -0,0 +1,45 @@
+---
+title: '::-ms-track'
+slug: 'Web/CSS/::-ms-track'
+tags:
+  - CSS
+  - NeedsBrowserCompatibility
+  - NeedsCompatTable
+  - NeedsExample
+  - NeedsMobileBrowserCompatibility
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Archive/Web/CSS/::-ms-track'
+---
+<div>{{ CSSRef() }}</div>
+
+<p>{{ Non-standard_header() }}</p>
+
+<p>El<a href="/en/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements"> pseudo-element</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>::-ms-track</code></strong> representa la "pista" (la ranura en la qual llisca l'indicador) d'un {{HTMLElement("input")}} de <code>type="range"</code>.</p>
+
+<h2 id="Specification" name="Specification">Especificacions</h2>
+
+<p><span id="result_box" lang="ca"><span>No forma</span> <span>part de cap</span> <span>especificació</span></span>.</p>
+
+<p><span id="result_box" lang="ca"><span>Microsoft</span> <span>té</span> una</span> <a href="https://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh465780.aspx">descripció en MSDN</a> .</p>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>Els pseudo-elements utilitzats per l'IE / Edge per donar estil altres parts d'un rang d'entrada
+  <ul>
+   <li>{{cssxref("::-ms-thumb")}}</li>
+   <li>{{cssxref("::-ms-fill-upper")}}</li>
+   <li>{{cssxref("::-ms-fill-lower")}}</li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Pseudo</span><span>-</span><span>elements</span> <span>similars</span> <span>utilitzats per altres</span> <span>navegadors</span><span>:</span></span>
+  <ul>
+   <li>{{cssxref("::-webkit-slider-runnable-track")}}</li>
+   <li>{{cssxref("::-moz-range-track")}}</li>
+  </ul>
+ </li>
+ <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.</a></li>
+ <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts.</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-webkit-progress-bar/index.html b/files/ca/web/css/_doublecolon_-webkit-progress-bar/index.html
new file mode 100644
index 0000000000..fc18f805e2
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-webkit-progress-bar/index.html
@@ -0,0 +1,110 @@
+---
+title: '::-webkit-progress-bar'
+slug: 'Web/CSS/::-webkit-progress-bar'
+tags:
+  - CSS
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::-webkit-progress-bar'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::-webkit-progress-bar</code></strong> representa la barra sencere d'un element {{HTMLElement("progress")}}. Normalment només és visible la part no emplenada de la barra, ja que de forma predeterminada es processa a continuació el  pseudo-element {{ cssxref("::-webkit-progress-value") }}. És un fill del pseudo-element {{cssxref("::-webkit-progress-inner-element")}} i el pare del pseudo-element {{cssxref("::-webkit-progress-value")}}.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Perquè <code>::-webkit-progress-value</code> tingui efecte, {{cssxref("-webkit-appearance")}} <span id="result_box" lang="ca"><span>s'ha d'establir a</span></span> <code>none</code> en l'element <code>&lt;progress&gt;</code>.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en WebKit/Blink.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="Contingut_CSS">Contingut CSS</h3>
+
+<pre class="brush: css">progress {
+  -webkit-appearance: none;
+}
+
+::-webkit-progress-bar {
+   background-color: orange;
+}
+</pre>
+
+<h3 id="Contingut_HTML">Contingut HTML</h3>
+
+<pre class="brush: html">&lt;progress value="10" max="50"&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", 200, 50)}}</p>
+
+<p><span id="result_box" lang="ca"><span>Una barra de progrés que utilitzi aquest estil pot semblar una cosa així</span></span> :</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/13488/progress-bar.png" style="height: 43px; width: 194px;"></p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Pseudo-elements utilitzats per WebKit/Blink per donar estil a altres parts d'un element {{HTMLElement("progress")}}:
+  <ul>
+   <li>{{ cssxref("::-webkit-progress-value") }}</li>
+   <li>{{ cssxref("::-webkit-progress-inner-element") }}</li>
+  </ul>
+ </li>
+ <li>{{ cssxref("::-moz-progress-bar") }}</li>
+ <li>{{ cssxref("::-ms-fill") }}</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-webkit-progress-value/index.html b/files/ca/web/css/_doublecolon_-webkit-progress-value/index.html
new file mode 100644
index 0000000000..95235bb4cc
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-webkit-progress-value/index.html
@@ -0,0 +1,109 @@
+---
+title: '::-webkit-progress-value'
+slug: 'Web/CSS/::-webkit-progress-value'
+tags:
+  - CSS
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::-webkit-progress-value'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::-webkit-progress-value</code></strong>  representa la part emplenada de la barra d'un element {{HTMLElement("progress")}}. És un fill del pseudo-element {{cssxref("::-webkit-progress-bar")}}.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Per tal de permetre que <code>::-webkit-progress-value</code> tingui efecte, {{cssxref("-webkit-appearance")}} necessita ser ajustat a none en l'element <code>&lt;progress&gt;</code>.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en WebKit/Blink.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;progress value="10" max="50"&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">progress {
+  -webkit-appearance: none;
+}
+
+::-webkit-progress-value {
+  background-color: orange;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", 200, 50)}}</p>
+
+<p><span id="result_box" lang="ca"><span>Una barra de progrés que utilitzi aquest estil pot semblar una cosa així</span></span> :</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/13490/progress-value.png" style="height: 60px; width: 249px;"></p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Els pseudo-elements utilitzats per WebKit/Blink per donar estil a altres parts d'un element {{HTMLElement("progress")}}:
+  <ul>
+   <li>{{ cssxref("::-webkit-progress-bar") }}</li>
+   <li>{{ cssxref("::-webkit-progress-inner-element") }}</li>
+  </ul>
+ </li>
+ <li>{{ cssxref("::-moz-progress-bar") }}</li>
+ <li>{{ cssxref("::-ms-fill") }}</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-webkit-slider-runnable-track/index.html b/files/ca/web/css/_doublecolon_-webkit-slider-runnable-track/index.html
new file mode 100644
index 0000000000..e6797248cf
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-webkit-slider-runnable-track/index.html
@@ -0,0 +1,35 @@
+---
+title: '::-webkit-slider-runnable-track'
+slug: 'Web/CSS/::-webkit-slider-runnable-track'
+tags:
+  - CSS
+  - NeedsBrowserCompatibility
+  - NeedsCompatTable
+  - NeedsExample
+  - NeedsMobileBrowserCompatibility
+  - Non-standard
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::-webkit-slider-runnable-track'
+---
+<div>{{ CSSRef() }} {{ Non-standard_header() }}</div>
+
+<p>El <a href="/en/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">pseudo-element</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>::-webkit-slider-runnable-track</code></strong> representa la "pista" (la ranura en la qual llisca l'indicador) d'un {{HTMLElement("input")}} de<code> type="range"</code>.</p>
+
+<h2 id="Specification" name="Specification">Especificacions</h2>
+
+<p>No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en WebKit/Blink.</p>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref("::-webkit-slider-thumb")}}</li>
+ <li><span id="result_box" lang="ca"><span>Pseudo</span><span>-</span><span>elements</span> <span>similars</span>, <span>utilitzats per altres</span> <span>navegador:</span></span>
+  <ul>
+   <li>{{cssxref("::-ms-track")}}</li>
+   <li>{{cssxref("::-moz-range-track")}}</li>
+  </ul>
+ </li>
+ <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.</a></li>
+ <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts.</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_-webkit-slider-thumb/index.html b/files/ca/web/css/_doublecolon_-webkit-slider-thumb/index.html
new file mode 100644
index 0000000000..0efff168d2
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_-webkit-slider-thumb/index.html
@@ -0,0 +1,34 @@
+---
+title: '::-webkit-slider-thumb'
+slug: 'Web/CSS/::-webkit-slider-thumb'
+tags:
+  - CSS
+  - NeedsBrowserCompatibility
+  - NeedsCompatTable
+  - NeedsExample
+  - NeedsMobileBrowserCompatibility
+  - Non-standard
+  - Reference
+translation_of: 'Web/CSS/::-webkit-slider-thumb'
+---
+<div>{{CSSRef}}{{Non-standard_header}}</div>
+
+<p>El<a href="/en-US/docs/Web/CSS/Pseudo-elements"> pseudo-element</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>::-webkit-slider-thumb</code></strong> representa el "polze" que l'usuari pot moure dins de la "ranura" d'un {{HTMLElement("input")}} de <code>type="range"</code> per modificar el seu valor numèric.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en WebKit/Blink.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref("::-webkit-slider-runnable-track")}}</li>
+ <li><span id="result_box" lang="ca"><span>Pseudo</span><span>-</span><span>elements</span> <span>similars</span>, <span>utilitzats per altres</span> <span>navegadors</span></span>
+  <ul>
+   <li>{{cssxref("::-moz-range-thumb")}}</li>
+   <li>{{cssxref("::-ms-thumb")}}</li>
+  </ul>
+ </li>
+ <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.</a></li>
+ <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts.</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_after/index.html b/files/ca/web/css/_doublecolon_after/index.html
new file mode 100644
index 0000000000..95161d7f25
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_after/index.html
@@ -0,0 +1,260 @@
+---
+title: '::after (:after)'
+slug: 'Web/CSS/::after'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-element
+  - Reference
+  - Web
+translation_of: 'Web/CSS/::after'
+---
+<div>{{CSSRef}}</div>
+
+<p><span class="seoSummary">En <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>, <strong><code>::after</code></strong> crea un <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> </span>que és l'últim fill de l'element seleccionat. Sovint s'utilitza per afegir contingut cosmètic a un element amb la propietat<span class="seoSummary">{{cssxref("content")}}.</span> Està integrat per defecte.</p>
+
+<pre class="brush: css no-line-numbers  language-css"><code class="language-css"><span class="comment token">/* </span></code>Afegeix una fletxa després d'enllaços<code class="language-css"><span class="comment token"> */</span>
+<span class="selector token">a<span class="pseudo-class token">::after</span> </span><span class="punctuation token">{</span>
+  <span class="property token">content: "</span></code>→<code class="language-css"><span class="property token">";</span>
+<span class="punctuation token">}</span></code></pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<div class="note">
+<p>CSS3 va introduir la notació de <code>::after</code> ( amb dos caràcters de dos punts ) per distingir les <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-classes</a> dels <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elements</a>. Els navegadors també accepten <code>:after</code>, introduït en CSS2.</p>
+</div>
+
+<h2 id="Consideracions">Consideracions</h2>
+
+<p>Els pseudo-elements generats per <code>::before</code> i <code>::after</code> estan <a href="https://www.w3.org/TR/CSS2/generate.html#before-after-content">continguts per la caixa de formatació de l'element</a> i, per tant  <code>::before</code> i <code>::after</code> no s'apliquen als <a href="https://www.w3.org/TR/2009/CR-CSS2-20090908/conform.html#replaced-element">elements reemplaçats</a> com <code>img</code>, or a elements <code>br</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Ùs_senzill">Ùs senzill</h3>
+
+<p>Crearem dues classes: una per als paràgrafs boring i un per als exciting. Marcarem cada paràgraf afegint un pseudo-element al final del mateix.</p>
+
+<pre class="brush: html">&lt;p class="boring-text"&gt;Here is some plain old boring text.&lt;/p&gt;
+&lt;p&gt;Here is some normal text that is neither boring nor exciting.&lt;/p&gt;
+&lt;p class="exciting-text"&gt;Contributing to MDN is easy and fun.
+Just hit the edit button to add new live samples, or improve existing samples.&lt;/p&gt;</pre>
+
+<pre class="brush: css">.exciting-text::after {
+  content: "&lt;- now this *is* exciting!";
+  color: green;
+}
+
+.boring-text::after {
+   content: "&lt;- BORING!";
+   color: red;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Simple_usage', 500, 150)}}</p>
+
+<h3 id="Exemple_decoratiu">Exemple decoratiu</h3>
+
+<p>Podem donar estil de text o imatges en la propietat {{cssxref("content")}} gairebé de qualsevol manera que vulguem.</p>
+
+<pre class="brush: html">&lt;span class="ribbon"&gt;Notice where the orange box is.&lt;/span&gt;</pre>
+
+<pre class="brush: css">.ribbon {
+  background-color: #5BC8F7;
+}
+
+.ribbon::after {
+  content: "Look at this orange box.";
+  background-color: #FFBA10;
+  border-color: black;
+  border-style: dotted;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample('Decorative_example', 450, 20)}}</p>
+
+<h3 id="Tooltips">Tooltips</h3>
+
+<p>El següent exemple mostra l'ús del <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <code>::after</code> en conjunció amb l'expressió CSS <a href="/en-US/docs/Web/CSS/attr"><code>attr()</code></a> i un <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#attr-dataset">atribut de dades personalitzades</a> <code>data-descr</code> per crear un <em>tooltip</em> en pur CSS, similar al glossari. Feu clic en la vista prèvia en viu o vegeu aquest exemple en una <a href="https://developer.mozilla.org/files/4591/css-only_tooltips.html">pàgina apart.</a></p>
+
+<pre class="brush: html">&lt;p&gt;Here is the live example of the above code.&lt;br /&gt;
+  We have some &lt;span data-descr="collection of words and punctuation"&gt;text&lt;/span&gt; here with a few
+  &lt;span data-descr="small popups which also hide again"&gt;tooltips&lt;/span&gt;.&lt;br /&gt;
+  Don't be shy, hover over to take a &lt;span data-descr="not to be taken literally"&gt;look&lt;/span&gt;.
+&lt;/p&gt;
+</pre>
+
+<pre class="brush: css">span[data-descr] {
+  position: relative;
+  text-decoration: underline;
+  color: #00F;
+  cursor: help;
+}
+
+span[data-descr]:hover::after {
+  content: attr(data-descr);
+  position: absolute;
+  left: 0;
+  top: 24px;
+  min-width: 200px;
+  border: 1px #aaaaaa solid;
+  border-radius: 10px;
+  background-color: #ffffcc;
+  padding: 12px;
+  color: #000000;
+  font-size: 14px;
+  z-index: 1;
+}</pre>
+
+<h4 id="Resultat_3">Resultat</h4>
+
+<p>{{EmbedLiveSample('Tooltips', 450, 120)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Pseudo-Elements', '#selectordef-after', '::after')}}</td>
+   <td>{{Spec2('CSS4 Pseudo-Elements')}}</td>
+   <td><span id="result_box" lang="ca"><span>No hi ha canvis</span> <span>significatius</span> <span>en l'especificació</span> <span>anterior.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{Specname("CSS3 Transitions", "#animatable-properties", "transitions on pseudo-element properties")}}</td>
+   <td>{{Spec2("CSS3 Transitions")}}</td>
+   <td>Permet transicions en les propietats definides en els pseudo-elements.</td>
+  </tr>
+  <tr>
+   <td>{{Specname("CSS3 Animations", "", "animations on pseudo-element properties")}}</td>
+   <td>{{Spec2("CSS3 Animations")}}</td>
+   <td>Permet animacions en les propietats definides en els pseudo-elements.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#gen-content', '::after')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Introdueix la</span> <span>sintaxi</span> <span>de </span></span> dos caràcters de dos punts <span class="short_text" lang="ca"><span>.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'generate.html#before-after-content', '::after')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial, utilitzant la sintaxi d'un  caràcter de dos punts.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>suport <code>:after</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}[1]</td>
+   <td>8.0</td>
+   <td>{{CompatOpera("4")}}</td>
+   <td>4.0</td>
+  </tr>
+  <tr>
+   <td>suport <code>::after</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8")}}[1]</td>
+   <td>9.0</td>
+   <td>{{CompatOpera("7")}}</td>
+   <td>4.0</td>
+  </tr>
+  <tr>
+   <td>Suport d'animacions i transicions</td>
+   <td>26</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>suport <code>:after</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>suport <code>::after</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Suport d'animacions i transicions</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("4.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Firefox anterior a la versió 3.5 només implementa la versió CSS 2.0 de <code>:after</code>. No es permet {{cssxref("position")}}, {{cssxref("float")}}, <code>list-style-*</code> i algunes propietats de pantalla. Firefox 3.5 elimina aquestes restriccions.</p>
+
+<h3 id="Notes_de_Quantum_CSS">Notes de Quantum CSS</h3>
+
+<ul>
+ <li>Gecko té un error pel qual els pseudo-elements {{cssxref("::before")}} i <code>::after</code>  se segueixen generant fins i tot si el valor de la propietat {{cssxref("content")}} està establert a <code>normal</code> o <code>none</code>. Segons les especificacions, no hauria de ser ({{bug(1387931)}}). Això s'ha solucionat en el nou motor CSS paral·lel de Firefox (també conegut com <a href="https://wiki.mozilla.org/Quantum">Quantum CSS</a> o <a href="https://wiki.mozilla.org/Quantum/Stylo">Stylo</a>,
+
+  <p>planificat per al seu llançament en Firefox 57).</p>
+ </li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref("::before")}}, {{cssxref("content")}}</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_backdrop/index.html b/files/ca/web/css/_doublecolon_backdrop/index.html
new file mode 100644
index 0000000000..dccf033dee
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_backdrop/index.html
@@ -0,0 +1,143 @@
+---
+title: '::backdrop'
+slug: 'Web/CSS/::backdrop'
+tags:
+  - CSS
+  - Full-screen
+  - Layout
+  - NeedsContent
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::backdrop'
+---
+<div>{{CSSRef}} {{SeeCompatTable}}</div>
+
+<p>El {{Cssxref("pseudo-elements", "pseudo-element")}} <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>  <strong><code>::backdrop</code></strong> és una caixa situada immediatament per sota d'un element visualitzat en mode de <a href="/en-US/docs/Web/API/Fullscreen_API">pantalla completa</a>  (i per sobre de qualsevol element inferior de la pila). Els elements de pantalla completa formen part de la pila de la <a href="https://fullscreen.spec.whatwg.org/#top-layer">capa superior</a>, és a dir, es representen davant de qualsevol altre contingut.</p>
+
+<pre class="brush: css no-line-numbers">dialog::backdrop {
+  background: rgba(255,0,0,.25);
+}</pre>
+
+<p>El pseudo-element <code>::backdrop</code> es pot utilitzar per donar estil o ocultar el document subjacent d'un element que es mostra a pantalla completa.</p>
+
+<p><code>::backdrop</code> no hereta de cap element i no és hereditari. No es fa cap restricció sobre quines propietats s'apliquen a aquest pseudo-element.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Fullscreen', '#::backdrop-pseudo-element', '::backdrop')}}</td>
+   <td>{{Spec2('Fullscreen')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>32.0 {{property_prefix("webkit")}}<br>
+    37.0</td>
+   <td>{{CompatVersionUnknown}}{{property_prefix("ms")}}</td>
+   <td>{{CompatGeckoDesktop("47")}} <sup>[1]</sup></td>
+   <td>11 {{property_prefix("ms")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>en <code>&lt;dialog&gt;</code></td>
+   <td>32.0 {{property_prefix("webkit")}}<br>
+    37.0</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>en fullscreen</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}{{property_prefix("ms")}}</td>
+   <td>{{CompatGeckoDesktop("47")}} <sup>[1]</sup></td>
+   <td>11 {{property_prefix("ms")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}{{property_prefix("ms")}}</td>
+   <td>{{CompatGeckoMobile("47")}} <sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>en <code>&lt;dialog&gt;</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>en fullscreen</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}{{property_prefix("ms")}}</td>
+   <td>{{CompatGeckoMobile("47")}} <sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] See {{bug(1064843)}}</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref(":fullscreen")}}</li>
+ <li>{{HTMLElement("dialog")}}</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_before/index.html b/files/ca/web/css/_doublecolon_before/index.html
new file mode 100644
index 0000000000..ad7738d6f5
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_before/index.html
@@ -0,0 +1,329 @@
+---
+title: '::before (:before)'
+slug: 'Web/CSS/::before'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-element
+  - Reference
+  - Web
+translation_of: 'Web/CSS/::before'
+---
+<div>{{CSSRef}}</div>
+
+<p>En <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>, <strong><code>::before</code></strong> crea un <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> que és el primer fill de l'element seleccionat. Sovint s'utilitza per afegir contingut cosmètic a un element amb la propietat {{cssxref("content")}}. Està integrat per defecte.</p>
+
+<pre class="brush: css"><code class="language-css"><span class="comment token">/* Add a heart before links */</span>
+<span class="selector token">a<span class="pseudo-class token">::before</span> </span><span class="punctuation token">{
+</span>  <span class="property token">content: "</span></code>♥<code class="language-css"><span class="property token">";</span>
+<span class="punctuation token">}</span></code></pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<div class="note">
+<p>CSS3 va introduir la notació de <code>::before</code> ( de dos caràcters de dos punts ) per distingir les <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-classes</a> dels <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elements</a>. Els navegadors també accepten <code>:before</code>, introduït en CSS2.</p>
+</div>
+
+<h2 id="Consideracions">Consideracions</h2>
+
+<p>Els pseudo-elements generats per <code>::before</code> i <code>::after</code> estan <a class="external external-icon" href="https://www.w3.org/TR/CSS2/generate.html#before-after-content">continguts per la caixa de formatació de l'element</a> i, per tant  <code>::before</code> i <code>::after</code> no s'apliquen als <a class="external external-icon" href="https://www.w3.org/TR/2009/CR-CSS2-20090908/conform.html#replaced-element">elements reemplaçats</a> com <code>img</code>, or a elements <code>br</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Afegint_cometes"><span class="short_text" id="result_box" lang="ca"><span>Afegint</span> <span>cometes</span></span></h3>
+
+<p>Un exemple senzill de l'ús del pseudo-element <code>::before</code> és proporcionar cometes. Aquí s'utilitza tant <code>::before</code> com <code>{{Cssxref("::after")}}</code> per a inserir caràcters cometes.</p>
+
+<h4 id="Contingut_HTML">Contingut HTML</h4>
+
+<pre class="brush:html">&lt;q&gt;Some quotes&lt;/q&gt;, he said, &lt;q&gt;are better than none&lt;/q&gt;.</pre>
+
+<h4 id="Contingut_CSS">Contingut CSS</h4>
+
+<pre class="brush:css">q::before {
+  content: "«";
+  color: blue;
+}
+q::after {
+  content: "»";
+  color: red;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Adding_quotation_marks', '500', '50', '')}}</p>
+
+<h3 id="Exemple_Decorativu">Exemple Decorativu</h3>
+
+<p>Podem donar estil de text o imatges en la propietat {{cssxref("content")}} gairebé de qualsevol manera que vulguem.</p>
+
+<h4 id="Contingut_HTML_2">Contingut HTML</h4>
+
+<pre class="brush: html">&lt;span class="ribbon"&gt;Notice where the orange box is.&lt;/span&gt;</pre>
+
+<h4 id="Contingut_CSS_2">Contingut CSS</h4>
+
+<pre class="brush: css">.ribbon {
+  background-color: #5BC8F7;
+}
+
+.ribbon::before {
+  content: "Look at this orange box.";
+  background-color: #FFBA10;
+  border-color: black;
+  border-style: dotted;
+}</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample('Decorative_example', 450, 60)}}</p>
+
+<h3 id="Llista_de_tasques"><span id="result_box" lang="ca"><span>Llista de tasques</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span>En aquest</span> <span>exemple</span> <span>crearem</span> <span>una senzilla</span> <span>llista</span> <span>de tasques</span> <span>utilitzant</span> <span>pseudo</span><span>-</span><span>elements.</span> <span>Aquest</span> <span>mètode sovint</span> <span>es</span> <span>pot utilitzar</span> <span>per afegir</span> <span>petits</span> <span>tocs</span> <span>a</span> <span>la interfície</span> <span>d'usuari i</span> <span>millorar</span> <span>l'experiència de l'</span><span>usuari.</span></span></p>
+
+<h4 id="Contingut_HTML_3">Contingut HTML</h4>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;Buy milk&lt;/li&gt;
+  &lt;li&gt;Take the dog for a walk&lt;/li&gt;
+  &lt;li&gt;Exercise&lt;/li&gt;
+  &lt;li&gt;Write code&lt;/li&gt;
+  &lt;li&gt;Play music&lt;/li&gt;
+  &lt;li&gt;Relax&lt;/li&gt;
+&lt;/ul&gt;
+</pre>
+
+<h4 id="Contingut_CSS_3">Contingut CSS</h4>
+
+<pre class="brush: css">li {
+  list-style-type: none;
+  position: relative;
+  margin: 2px;
+  padding: 0.5em 0.5em 0.5em 2em;
+  background: lightgrey;
+  font-family: sans-serif;
+}
+
+li.done {
+  background: #CCFF99;
+}
+
+li.done::before {
+  content: '';
+  position: absolute;
+  border-color: #009933;
+  border-style: solid;
+  border-width: 0 0.3em 0.25em 0;
+  height: 1em;
+  top: 1.3em;
+  left: 0.6em;
+  margin-top: -1em;
+  transform: rotate(45deg);
+  width: 0.5em;
+}</pre>
+
+<h4 id="Contingut_JavaScript">Contingut  JavaScript</h4>
+
+<pre class="brush: js">var list = document.querySelector('ul');
+list.addEventListener('click', function(ev) {
+  if( ev.target.tagName === 'LI') {
+     ev.target.classList.toggle('done');
+  }
+}, false);
+</pre>
+
+<p>Aquí està l'exemple del codi anterior executat en directe. Recordeu que no s'han utilitzat icones , i la marca de verificació és en realitat el <code>::before</code> que s'ha donat estil amb CSS. Seguiu endavant i aconseguiu algunes coses per fer.</p>
+
+<h4 id="Resultat_3">Resultat</h4>
+
+<p>{{EmbedLiveSample('To-do_list', 400, 300)}}</p>
+
+<h2 id="Notes">Notes</h2>
+
+<p>Encara que el posicionament fix en Firefox 3.5 no permet contingut generat per separat com un germà anterior (segons <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">l'especificació CSS</a> afirma que "Els pseudo-elements :before i :after, son elements que interactuen amb altres caixes ... com si fossin veritables elements inserits dins del seu element associat."), poden ser usats per a proporcionar una lleugera millora en els dissenys sense taules (per exemple, per aconseguir el centrat), sempre que el contingut que es centri estigui embolicat en un fill, una columna abans i després que el contingut pugui ser introduït sense afegir un germà anterior o següent (és a dir, és potser més semànticament correcta afegir un span addicional com s'indica a continuació, del que seria afegir un element &lt;div /&gt; abans i després). (I recordeu sempre afegir un width a un float, ja que, altrament, no surarà!).</p>
+
+<h4 id="Contingut_HTML_4">Contingut  HTML</h4>
+
+<pre class="brush: html">&lt;div class="example"&gt;
+&lt;span id="floatme"&gt;"Floated Before" should be generated on the left of the
+viewport and not allow overflow in this line to flow under it. Likewise
+should "Floated After" appear on the right of the viewport and not allow this
+line to flow under it.&lt;/span&gt;
+&lt;/div&gt;</pre>
+
+<h4 id="Contingut_CSS_4">Contingut  CSS</h4>
+
+<pre class="brush: css">#floatme { float: left; width: 50%; }
+
+/* To get an empty column, just indicate a hex code for a non-breaking space: \a0 as the content (use \0000a0 when following such a space with other characters) */
+.example::before {
+  content: "Floated Before";
+  float: left;
+  width: 25%
+}
+.example::after {
+  content: "Floated After";
+  float: right;
+  width:25%
+}
+
+/* For styling */
+.example::before, .example::after, .first {
+  background: yellow;
+  color: red;
+}</pre>
+
+<h4 id="Resultat_4">Resultat</h4>
+
+<p>{{EmbedLiveSample("Notes")}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Pseudo-Elements', '#selectordef-before', '::before')}}</td>
+   <td>{{Spec2('CSS4 Pseudo-Elements')}}</td>
+   <td><span id="result_box" lang="ca"><span>No hi ha canvis</span> <span>significatius</span> <span>en l'especificació</span> <span>anterior.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{Specname("CSS3 Transitions", "#animatable-properties", "")}}</td>
+   <td>{{Spec2("CSS3 Transitions")}}</td>
+   <td>Permet transicions en les propietats definides en els pseudo-elements.</td>
+  </tr>
+  <tr>
+   <td>{{Specname("CSS3 Animations", "", "")}}</td>
+   <td>{{Spec2("CSS3 Animations")}}</td>
+   <td>Permet animacions en les propietats definides en els pseudo-elements.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#gen-content', '::before')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Introdueix la</span> <span>sintaxi</span> </span> de dos caràcters de dos punts <span class="short_text" lang="ca"><span>.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'generate.html#before-after-content', '::before')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial, utilitzant la sintaxi d'un caràcter de dos punts .</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport <code>:before</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}<sup>[1]</sup></td>
+   <td>8.0</td>
+   <td>{{CompatOpera("4")}}</td>
+   <td>4.0</td>
+  </tr>
+  <tr>
+   <td>Suport <code>::before</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8")}}<sup>[1]</sup></td>
+   <td>9.0</td>
+   <td>{{CompatOpera("7")}}</td>
+   <td>4.0</td>
+  </tr>
+  <tr>
+   <td>Suport d'animacions i transicions</td>
+   <td>26</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport <code>:before</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Suport <code>::before</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>7.1</td>
+   <td>{{CompatUnknown}}</td>
+   <td>5.1</td>
+  </tr>
+  <tr>
+   <td>Suport d'animacions i transicions</td>
+   <td>26</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("4.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Firefox anterior a la versió 3.5 només implementa la versió CSS 2.0 de :before. No es permet {{cssxref("position")}}, {{cssxref("float")}}, <code>list-style-*</code> i algunes propietats de pantalla. Firefox 3.5 elimina aquestes restriccions.</p>
+
+<h3 id="Quantum_CSS_notes">Quantum CSS notes</h3>
+
+<ul>
+ <li>Gecko té un error pel qual els pseudo-elements <a href="https://developer.mozilla.org/ca/docs/Web/CSS/::before" title="::before crea un pseudo-element que és el primer fill de l'element coincident. Sovint s'utilitza per afegir contingut cosmètic a un element mitjançant l'ús de la  propietat content. Aquest element per defecte és en línia (inline)."><code>::before</code></a> i <code>::after</code>  se segueixen generant fins i tot si el valor de la propietat <a class="new" href="https://developer.mozilla.org/ca/docs/Web/CSS/content" title="Aquesta pàgina encara no ha estat traduïda. Si us plau considera contribuir-hi!"><code>content</code></a> està establert a <code>normal</code> o <code>none</code>. Segons les especificacions, no hauria de ser (<a class="external external-icon" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1387931" title="Don't generate pseudo elements for ::before and ::after if content property is 'none' or 'normal'">errada 1387931</a>). Això s'ha solucionat en el nou motor CSS paral·lel de Firefox (també conegut com <a class="external external-icon" href="https://wiki.mozilla.org/Quantum">Quantum CSS</a> o <a class="external external-icon" href="https://wiki.mozilla.org/Quantum/Stylo">Stylo</a>, planificat per al seu llançament en Firefox 57).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{Cssxref("::after")}}, {{cssxref("content")}}</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_cue/index.html b/files/ca/web/css/_doublecolon_cue/index.html
new file mode 100644
index 0000000000..3c1265334b
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_cue/index.html
@@ -0,0 +1,78 @@
+---
+title: '::cue (:cue)'
+slug: 'Web/CSS/::cue'
+tags:
+  - '::cue'
+  - CSS
+  - Media
+  - Pseudo-element
+  - Reference
+  - Web Video Text Tracks
+  - WebVTT
+  - cue
+translation_of: 'Web/CSS/::cue'
+---
+<div>{{CSSRef}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>::cue</code></strong> coincideix amb senyals de <a href="/en-US/docs/Web/API/WebVTT_API">WebVTT</a> dins d'un element seleccionat. Això es pot usar per donar <a href="https://developer.mozilla.org/docs/Web/API/WebVTT_API#Styling_WebTT_cues">estil als títols i altres senyals</a> en els medis amb pistes VTT.</p>
+
+<p>Només un petit subconjunt de propietats CSS es pot utilitzar amb el pseudo-element <code>::cue</code>:</p>
+
+<ul>
+ <li>{{cssxref("color")}}</li>
+ <li>{{cssxref("opacity")}}</li>
+ <li>{{cssxref("visibility")}}</li>
+ <li>{{cssxref("text-decoration")}} <span class="short_text" id="result_box" lang="ca"><span>i les seves propietats no abreujades</span></span>: {{cssxref("text-decoration-line")}}, {{cssxref("text-decoration-color")}} i {{cssxref("text-decoration-style")}}</li>
+ <li>{{cssxref("text-shadow")}}</li>
+ <li>{{cssxref("background")}} <span class="short_text" id="result_box" lang="ca"><span>i les seves propietats no abreujades</span></span>: {{Cssxref("background-color")}}, {{cssxref("background-clip")}}, {{Cssxref("background-image")}}, {{cssxref("background-origin")}}, {{Cssxref("background-position")}}, {{Cssxref("background-repeat")}}, {{cssxref("background-size")}},  {{Cssxref("background-attachment")}} i {{cssxref("background-blend-mode")}}</li>
+ <li>{{cssxref("outline")}} <span class="short_text" id="result_box" lang="ca"><span>i les seves propietats no abreujades</span></span>: {{cssxref("outline-color")}}, {{cssxref("outline-style")}}, {{cssxref("outline-width")}}</li>
+ <li>{{Cssxref("font")}} <span class="short_text" id="result_box" lang="ca"><span>i les seves propietats no abreujades</span></span>: {{cssxref("font-kerning")}}, {{Cssxref("font-style")}}, {{Cssxref("font-variant")}}, {{cssxref("font-variant-numeric")}}, {{cssxref("font-variant-position")}}, {{cssxref("font-variant-east-asian")}}, {{cssxref("font-variant-caps")}}, {{cssxref("font-variant-alternates")}}, {{cssxref("font-variant-ligatures")}}, {{cssxref("font-synthesis")}}, {{cssxref("font-feature-settings")}}, {{cssxref("font-language-override")}}, {{Cssxref("font-weight")}}, {{Cssxref("font-size")}}, {{cssxref("font-size-adjust")}}, {{cssxref("font-stretch")}} i {{Cssxref("font-family")}}</li>
+ <li>{{cssxref("line-height")}}</li>
+ <li>{{cssxref("white-space")}}</li>
+ <li>{{cssxref("text-combine-upright")}}</li>
+ <li>{{cssxref("ruby-position")}}</li>
+</ul>
+
+<p>Les propietats s'apliquen a tot el conjunt de senyals com si fossin una sola unitat. L'única excepció és que el <code>background</code> i les propietats abreujades s'apliquen a cada senyal individualment, per evitar la creació de caixes i que ocultin inesperadament grans àrees dels medis</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>El següent CSS estableix l'estil de <code>cue</code> perquè el text sigui blanc i el fons sigui una caixa negra translúcida.</p>
+
+<pre class="brush: css">::cue {
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.6);
+}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th>Especificació</th>
+   <th>Estat</th>
+   <th>Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName("WebVTT")}}</td>
+   <td>{{Spec2("WebVTT")}}</td>
+   <td>Definició  incial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p class="hidden">La taula de compatibilitat d'aquesta pàgina es genera a partir de dades estructurades. Si voleu contribuir a les dades, consulteu <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> i envieu-nos una sol·licitud d'extracció.</p>
+
+<p>{{Compat("css.selectors.cue")}}</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/WebVTT_API">Format de Pistes de Web Video (WebVTT)</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_first-letter/index.html b/files/ca/web/css/_doublecolon_first-letter/index.html
new file mode 100644
index 0000000000..40e4c9c293
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_first-letter/index.html
@@ -0,0 +1,219 @@
+---
+title: '::first-letter (:first-letter)'
+slug: 'Web/CSS/::first-letter'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-element
+  - Reference
+  - Web
+translation_of: 'Web/CSS/::first-letter'
+---
+<div>{{CSSRef}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong>code&gt;::first-letter</strong> aplica estils a la primera lletra de la primera línia d'un <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Visual_formatting_model#Block-level_elements_and_block_boxes">element de nivell de bloc</a>, però només quan no està precedit d'un altre contingut (com ara imatges o taules en línia).</p>
+
+<pre class="brush: css no-line-numbers">/* <span class="short_text" id="result_box" lang="ca"><span>Selecciona la primera lletra d'un &lt;p&gt;</span></span> */
+p::first-letter {
+  font-size: 130%;
+}</pre>
+
+<p>La primera lletra d'un element no sempre és trivial per identificar:</p>
+
+<ul>
+ <li>La puntuació que precedeix o segueix immediatament a la primera lletra s'inclou en la coincidència. La puntuació inclou qualsevol caràcter Unicode definit en la classes <em>obertura</em> (Ps), <em>tancament</em> (Pe), <em>cita nicial</em> (Pi), <em>cita final</em> (Pf), i <em>altres punctuacions</em> (Po).</li>
+ <li>Alguns idiomes tenen dígrafs que sempre es mostren en majúscules, com l' <code>IJ</code> en holandès. En aquests casos, ambdues lletres del dígraf haurien de coincidir amb el pseudo-element <code>::first-letter</code>. (Això és poc compatible amb els navegadors, consulteu la <a href="https://developer.mozilla.org/En/CSS/::first-letter#Browser_compatibility">taula de compatibilitat del navegador</a> a continuació).</li>
+ <li>Una combinació del pseudo-element {{ cssxref("::before") }} i la propietat {{ cssxref("content") }} poden injectar algun text al principi de l'element. En aquest cas, <code>::first-letter</code> coincideix amb la primera lletra d'aquest contingut generat.</li>
+</ul>
+
+<div class="note">
+<p>CSS3 va introduir la notació de <code>::first-letter</code> ( amb dos caràcters de dos punts) per distingir les <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-classes</a> dels <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elements</a>. Els navegadors també accepten <code>:first-letter</code>, introduït en CSS2.</p>
+</div>
+
+<h2 id="Propietats_permeses"><span id="result_box" lang="ca"><span>Propietats permeses</span></span></h2>
+
+<p>Només un petit subconjunt de propietats CSS es pot utilitzar amb el pseudo-element <code>::first-letter</code>:</p>
+
+<ul>
+ <li>Totes les propietats de font: {{ Cssxref("font") }}, {{ Cssxref("font-style") }}, {{cssxref("font-feature-settings")}}, {{cssxref("font-kerning")}}, {{cssxref("font-language-override")}}, {{cssxref("font-stretch")}}, {{cssxref("font-synthesis")}}, {{ Cssxref("font-variant") }}, {{cssxref("font-variant-alternates")}}, {{cssxref("font-variant-caps")}}, {{cssxref("font-variant-east-asian")}}, {{cssxref("font-variant-ligatures")}}, {{cssxref("font-variant-numeric")}}, {{cssxref("font-variant-position")}}, {{ Cssxref("font-weight") }}, {{ Cssxref("font-size") }}, {{cssxref("font-size-adjust")}}, {{ Cssxref("line-height") }} i {{ Cssxref("font-family") }}.</li>
+ <li>Totes les propietats de fons: {{ Cssxref("background") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{cssxref("background-clip")}}, {{cssxref("background-origin")}}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}, {{ cssxref("background-size") }}, {{ Cssxref("background-attachment") }} i {{cssxref("background-blend-mode")}}.</li>
+ <li>Totes les propietats de marge: {{ Cssxref("margin") }}, {{ Cssxref("margin-top") }}, {{ Cssxref("margin-right") }}, {{ Cssxref("margin-bottom") }}, {{ Cssxref("margin-left") }}.</li>
+ <li>Totes les propietats de farcit: {{ Cssxref("padding") }}, {{ Cssxref("padding-top") }}, {{ Cssxref("padding-right") }}, {{ Cssxref("padding-bottom") }}, {{ Cssxref("padding-left") }}.</li>
+ <li>Totes les propietats de vora: abreujades {{ Cssxref("border") }}, {{ Cssxref("border-style") }}, {{ Cssxref("border-color") }}, {{ cssxref("border-width") }}, {{ cssxref("border-radius") }}, {{cssxref("border-image")}} i les propietats no abreujades.</li>
+ <li>La propietat {{ cssxref("color") }}.</li>
+ <li>Les propietats CSS {{ cssxref("text-decoration") }}, {{cssxref("text-shadow")}}, {{ cssxref("text-transform") }}, {{ cssxref("letter-spacing") }}, {{ cssxref("word-spacing") }} (when appropriate), {{ cssxref("line-height") }}, {{cssxref("text-decoration-color")}}, {{cssxref("text-decoration-line")}}, {{cssxref("text-decoration-style")}}, {{cssxref("box-shadow")}}, {{ cssxref("float") }}, {{ cssxref("vertical-align") }} (només si <code>float</code> és <code>none</code>).</li>
+</ul>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<p>Fa que la primera lletra de cada paràgraf sigui en vermell i gran.</p>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+  ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+  dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.&lt;/p&gt;
+&lt;p&gt;Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.&lt;/p&gt;
+&lt;p&gt;Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
+  aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit
+  esse molestie consequat.&lt;/p&gt;
+&lt;p&gt;-The beginning of a special punctuation mark.&lt;/p&gt;
+&lt;p&gt;_The beginning of a special punctuation mark.&lt;/p&gt;
+&lt;p&gt;"The beginning of a special punctuation mark.&lt;/p&gt;
+&lt;p&gt;'The beginning of a special punctuation mark.&lt;/p&gt;
+&lt;p&gt;*The beginning of a special punctuation mark.&lt;/p&gt;
+&lt;p&gt;#The beginning of a special punctuation mark.&lt;/p&gt;
+&lt;p&gt;「特殊的汉字标点符号开头。&lt;/p&gt;
+&lt;p&gt;《特殊的汉字标点符号开头。&lt;/p&gt;
+&lt;p&gt;“特殊的汉字标点符号开头。&lt;/p&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">p::first-letter {
+  color: red;
+  font-size: 130%;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{ EmbedLiveSample('Example', '80%', 420) }}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS4 Pseudo-Elements', '#first-letter-pseudo', '::first-letter')}}</td>
+   <td>{{ Spec2('CSS4 Pseudo-Elements')}}</td>
+   <td>Genera propietats permeses per a la composició de textos, decoració de text, propietats de disseny en línia, {{ cssxref("opacity") }} i {{ cssxref("box-shadow") }}.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Text Decoration', '#text-shadow', 'text-shadow with ::first-letter')}}</td>
+   <td>{{ Spec2('CSS3 Text Decoration')}}</td>
+   <td><span id="result_box" lang="ca"><span>Permet l'ús de</span></span> {{cssxref("text-shadow")}} amb <code>::first-letter</code>.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Selectors', '#first-letter', '::first-letter') }}</td>
+   <td>{{ Spec2('CSS3 Selectors') }}</td>
+   <td>Introducció de la sintaxi de dos caràcters de dos punts. Definició del comportament de casos limits, com ara en elements de llista o amb idiomes específics (p. ex., el dígraf holandès <code>IJ</code>).</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'selector.html#first-letter', '::first-letter') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Cap canvi.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS1', '#the-first-letter-pseudo-element', '::first-letter') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial, utilitzant la sintaxi d'un caràcter de dos punts.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1") }}</td>
+   <td>9.0</td>
+   <td>7.0</td>
+   <td>1.0 (85)</td>
+  </tr>
+  <tr>
+   <td>Antiga sintaxis d'un caràcter de dos punts (<code>:first-letter</code>)</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1") }}</td>
+   <td>5.5</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport per al dígraf holandès</span></span> <code>IJ</code></td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }} {{ bug("92176") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("1") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>Antiga sintaxis d'un caràcter de dos punts (<code>:first-letter</code>)</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("1") }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport per al dígraf holandès</span></span> <code>IJ</code></td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref("::first-line")}}.</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_first-line/index.html b/files/ca/web/css/_doublecolon_first-line/index.html
new file mode 100644
index 0000000000..065c7dc0f3
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_first-line/index.html
@@ -0,0 +1,117 @@
+---
+title: '::first-line (:first-line)'
+slug: 'Web/CSS/::first-line'
+tags:
+  - CSS
+  - Layout
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::first-line'
+---
+<div>{{CSSRef}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::first-line</code></strong> aplica estils a la primera línia d'un <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Visual_formatting_model#Block-level_elements_and_block_boxes">element de nivell de bloc</a>. Tingueu en compte que la longitud de la primera línia depèn de molts factors, incloent l'amplada de l'element, l'amplada del document i la mida de la font del text</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona la primera línia d'un &lt;p&gt; */
+p::first-line {
+  color: red;
+}</pre>
+
+<div class="note">
+<p>CSS3 va introduir la notació de <code>::first-line</code> (de dos caràcters, de dos punts) per distingir les <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-classes</a> dels <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elements</a>. Els navegadors també accepten <code>:first-line</code>, introduït en CSS2.</p>
+</div>
+
+<h2 id="Propietats_permeses">Propietats permeses</h2>
+
+<p>Només un petit subconjunt de propietats CSS es pot utilitzar amb el pseudo-element <code>::first-line</code>:</p>
+
+<ul>
+ <li>Totes les propietats relacionades amb la font: {{Cssxref("font")}}, {{cssxref("font-kerning")}}, {{Cssxref("font-style")}}, {{Cssxref("font-variant")}}, {{cssxref("font-variant-numeric")}}, {{cssxref("font-variant-position")}}, {{cssxref("font-variant-east-asian")}}, {{cssxref("font-variant-caps")}}, {{cssxref("font-variant-alternates")}}, {{cssxref("font-variant-ligatures")}}, {{cssxref("font-synthesis")}}, {{cssxref("font-feature-settings")}}, {{cssxref("font-language-override")}}, {{Cssxref("font-weight")}}, {{Cssxref("font-size")}}, {{cssxref("font-size-adjust")}}, {{cssxref("font-stretch")}} i {{Cssxref("font-family")}}</li>
+ <li>Totes les propietats relacionades amb el fons: {{Cssxref("background-color")}}, {{cssxref("background-clip")}}, {{Cssxref("background-image")}}, {{cssxref("background-origin")}}, {{Cssxref("background-position")}}, {{Cssxref("background-repeat")}}, {{cssxref("background-size")}}, {{Cssxref("background-attachment")}} i {{cssxref("background-blend-mode")}}</li>
+ <li>La propietat {{cssxref("color")}}</li>
+ <li>{{cssxref("word-spacing")}}, {{cssxref("letter-spacing")}}, {{cssxref("text-decoration")}}, {{cssxref("text-transform")}} i {{cssxref("line-height")}}</li>
+ <li>{{cssxref("text-shadow")}}, {{cssxref("text-decoration")}}, {{cssxref("text-decoration-color")}}, {{cssxref("text-decoration-line")}}, {{cssxref("text-decoration-style")}} i {{cssxref("vertical-align")}}.</li>
+</ul>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;Styles will only be applied to the first line of this paragraph.
+After that, all text will be styled like normal. See what I mean?&lt;/p&gt;
+
+&lt;span&gt;The first line of this text will not receive special styling
+because it is not a block-level element.&lt;/span&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">::first-line {
+  color: blue;
+  text-transform: uppercase;
+
+
+  /* WARNING: DO NOT USE THESE */
+  /* Many properties are invalid in ::first-line pseudo-classes */
+  margin-left: 20px;
+  text-indent: 20px;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', 350, 160)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS4 Pseudo-Elements', '#first-line-pseudo', '::first-line')}}</td>
+   <td>{{ Spec2('CSS4 Pseudo-Elements')}}</td>
+   <td>Defineix de manera més estricta on pot apareixer una <code>::first-letter</code>.<br>
+    Generalitza propietats permeses per a composició tipogràfica, decoració de text i propietats de disseny en línia i {{cssxref("opacity")}}.<br>
+    Defineix l'herència de <code>::first-letter</code>.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Text Decoration', '#text-shadow', 'text-shadow with ::first-line')}}</td>
+   <td>{{ Spec2('CSS3 Text Decoration')}}</td>
+   <td>Permès lùs de {{cssxref("text-shadow")}} amb <code>::first-letter</code>.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Selectors', '#first-line', '::first-line') }}</td>
+   <td>{{ Spec2('CSS3 Selectors') }}</td>
+   <td>Introdueix la sintaxi de dos caràcter de dos punts.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'selector.html#first-line-pseudo', '::first-line') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Cap canvi</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS1', '#the-first-line-pseudo-element', '::first-line') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>La definició inicial fa servir la sintaxi d'un sol caràcter de dos punts.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{Compat("css.selectors.first-line")}}</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{cssxref("::first-letter")}}.</li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_placeholder/index.html b/files/ca/web/css/_doublecolon_placeholder/index.html
new file mode 100644
index 0000000000..3c985e7912
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_placeholder/index.html
@@ -0,0 +1,150 @@
+---
+title: '::placeholder'
+slug: 'Web/CSS/::placeholder'
+tags:
+  - CSS
+  - Experimental
+  - NeedsBrowserCompatibility
+  - NeedsMobileBrowserCompatibility
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::placeholder'
+---
+<div>{{CSSRef}}{{SeeCompatTable}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>::placeholder</code></strong> representa el <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Forms_in_HTML#The_placeholder_attribute">text de marcador de posició</a> d'un element de <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms">formulari</a>.</p>
+
+<pre class="brush: css no-line-numbers">::placeholder {
+  color: blue;
+  font-size: 1.5em;
+}</pre>
+
+<p>Només un subconjunt de propietats CSS que s'aplica al pseudo-element {{cssxref("::first-line")}} es pot utilitzar en una regla, utilitzant <code>::placeholder</code> en el seu selector.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> A Firefox, l'aparença del text del marcador de posició és de color gris translúcid per defecte.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush:html line-numbers language-html">&lt;input placeholder="Type something here!"&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">input::placeholder {
+  color: red;
+  font-size: 1.2em;
+  font-style: italic;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example")}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Pseudo-Elements', '#placeholder-pseudo', '::placeholder')}}</td>
+   <td>{{Spec2('CSS4 Pseudo-Elements')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Edge</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatGeckoDesktop("51.0")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>44</td>
+   <td>10.1</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport parcial amb prefix</span></span></td>
+   <td>Supported</td>
+   <td>Supported</td>
+   <td>Supported</td>
+   <td>10 -ms-</td>
+   <td>Supported</td>
+   <td>5 -webkit-</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatChrome(57)}}</td>
+   <td>{{CompatGeckoMobile("52.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td> </td>
+   <td>10.3</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport parcial amb prefix</span></span></td>
+   <td>2.1 -webkit-</td>
+   <td>Supported</td>
+   <td>Supported</td>
+   <td>10 -ms-</td>
+   <td>37 -webkit-</td>
+   <td>4.3 -webkit-</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Abans de Gecko 51.0 {{geckoRelease("51.0")}} Gecko va implementar aquest com a pseudo-element prefixat {{cssxref("::-moz-placeholder")}}.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>La pseudo-class {{cssxref(":placeholder-shown")}} dona estil a un element que <em>té</em> un marcador de posició actiu.</li>
+ <li>Elements HTML relacionats: {{HTMLElement("input")}}, {{HTMLElement("textarea")}}</li>
+ <li>Els equivalents no estàndard d'aquest pseudo-element: {{cssxref("::-webkit-input-placeholder")}}, {{cssxref("::-moz-placeholder")}}, {{cssxref(":-ms-input-placeholder")}}</li>
+ <li><a href="/en-US/docs/Learn/HTML/Forms">Formularis HTML</a></li>
+</ul>
diff --git a/files/ca/web/css/_doublecolon_selection/index.html b/files/ca/web/css/_doublecolon_selection/index.html
new file mode 100644
index 0000000000..62b5e25619
--- /dev/null
+++ b/files/ca/web/css/_doublecolon_selection/index.html
@@ -0,0 +1,160 @@
+---
+title: '::selection'
+slug: 'Web/CSS/::selection'
+tags:
+  - CSS
+  - Layout
+  - Pseudo-element
+  - Reference
+translation_of: 'Web/CSS/::selection'
+---
+<div>{{CSSRef}}</div>
+
+<p>El <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>::selection</code></strong> <span id="result_box" lang="ca"><span>aplica estils a la part d'un document que l'usuari ha ressaltat (com ara amb el ratolí).</span></span></p>
+
+<pre class="brush: css no-line-numbers">::selection {
+  color: gold;
+  background: red;
+}</pre>
+
+<p>Només un petit subconjunt de propietats CSS es pot utilitzar amb el pseudo-element <code>::selection</code>:</p>
+
+<ul>
+ <li>{{cssxref("color")}}</li>
+ <li>{{cssxref("background-color")}}</li>
+ <li>{{cssxref("cursor")}}</li>
+ <li>{{cssxref("outline")}}</li>
+ <li>{{cssxref("text-decoration")}}</li>
+ <li>{{cssxref("text-emphasis-color")}}</li>
+ <li>{{cssxref("text-shadow")}}</li>
+</ul>
+
+<p>Tingueu en compte que, en particular, s'ignora {{cssxref("background-image")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">/* Firefox syntax */
+::-moz-selection
+
+{{csssyntax}}
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div&gt;This text has special styles when you highlight it.&lt;/div&gt;
+&lt;p&gt;Also try selecting text in this paragraph.&lt;/p&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">/* Make selected text gold on a red background */
+::-moz-selection {
+  color: gold;
+  background: red;
+}
+
+::selection {
+  color: gold;
+  background: red;
+}
+
+/* Make selected text in a paragraph white on a blue background */
+p::-moz-selection {
+  color: white;
+  background: blue;
+}
+
+p::selection {
+  color: white;
+  background: blue;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Pseudo-Elements', '#selectordef-selection', '::selection')}}</td>
+   <td>{{Spec2('CSS4 Pseudo-Elements')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="note">
+<p><strong>Nota:</strong> Tot i que <code>::selection</code> estava present en els esborranys de CSS Selectors Nivell 3, es va eliminar durant la fase de Recomanació de Candidats perquè el seu comportament no era suficientment especificat (especialment amb elements niats) i no es va aconseguir la interoperabilitat (<a href="http://lists.w3.org/Archives/Public/www-style/2008Oct/0268.html">basada en una discussió en la llista de correu d'Estil W3C</a>). El pseudo-element <code>::selection</code> ha estat retornat a <a href="http://dev.w3.org/csswg/css-pseudo-4/">Pseudo-Elements Nivell 4</a>.</p>
+</div>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div class="note">
+<p><strong>Nota:</strong> <code>text-shadow</code> en <code>::selection</code> és compatible amb Chrome, Safari i Firefox 17+.</p>
+</div>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0 {{property_prefix("-moz")}}<sup>[1]</sup></td>
+   <td>9</td>
+   <td>9.5</td>
+   <td>1.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Gecko actualment només és compatible amb la versió prefixada ::-moz-selection. Serà sense prefix en {{bug(509958)}}.</p>
diff --git a/files/ca/web/css/at-rule/index.html b/files/ca/web/css/at-rule/index.html
new file mode 100644
index 0000000000..17bb9c3288
--- /dev/null
+++ b/files/ca/web/css/at-rule/index.html
@@ -0,0 +1,77 @@
+---
+title: At-rule
+slug: Web/CSS/At-rule
+tags:
+  - At-rule
+  - CSS
+  - Reference
+translation_of: Web/CSS/At-rule
+---
+<div>{{cssref}}</div>
+
+<p><span class="seoSummary">Una <strong>regla at (at-rule)</strong> es una <a href="/en-US/docs/Web/CSS/Syntax#CSS_statements">declaració CSS</a> </span>que comença amb un signe<span class="seoSummary">, '<code>@</code>' (<code>U+0040 COMMERCIAL AT</code>), </span>seguit d'un identificador i inclou tot fins al següent punt i coma<span class="seoSummary">, '<code>;</code>' (<code>U+003B SEMICOLON</code>), </span>o el següent bloc<span class="seoSummary"> <a href="/en-US/docs/Web/CSS/Syntax#CSS_declarations_blocks">bloc CSS </a>, </span>el que succeeixi primer<span class="seoSummary">.</span></p>
+
+<p>Hi ha diverses regles at (at-rules), designades pels seus identificadors, cadascuna amb una sintaxi diferent:</p>
+
+<ul>
+ <li>{{cssxref("@charset")}} — Defineix el conjunt de caràcters utilitzat per la fulla d'estil.</li>
+ <li>{{cssxref("@import")}} — Li diu al motor CSS que inclogui una fulla d'estil externa.</li>
+ <li>{{cssxref("@namespace")}} — Li diu al motor CSS que tot el seu contingut ha de ser considerat com prefixat amb un espai de noms XML.</li>
+ <li><strong><em>Regles at (at-rules) niades</em></strong> — Un subconjunt de sentències niades, que es pot utilitzar com una declaració d'una fulla d'estil, així com dins de les regles de grup condicionals:
+  <ul>
+   <li>{{cssxref("@media")}} — Una regla de grup condicional que aplicarà el seu contingut si el dispositiu compleix els criteris de la condició definida mitjançant una <em>consulta de medis</em>.</li>
+   <li>{{cssxref("@supports")}} — Una regla de grup condicional que aplicarà el seu contingut si el navegador compleix amb els criteris de la condició donada.</li>
+   <li>{{cssxref("@document")}} {{experimental_inline}} — Una regla de grup condicional que aplicarà el seu contingut si el document en el qual s'aplica la fulla d'estil compleix amb els criteris de la condició donada. <em>(posposat al nivell 4 de les especificacions CSS)</em></li>
+   <li>{{cssxref("@page")}} — Descriu l'aspecte dels canvis de disseny que s'aplicaran en imprimir el document.</li>
+   <li>{{cssxref("@font-face")}} — Descriu l'aspecte d'una font externa a descarregar.</li>
+   <li>{{cssxref("@keyframes")}} — Descriu l'aspecte dels passos intermedis en una seqüència d'animació CSS.</li>
+   <li>{{cssxref("@viewport")}} {{experimental_inline}} — Descriu els aspectes de la finestra de visualització per a dispositius de pantalla petita. <em>(actualment en l'etapa de l'esborrany de treball)</em></li>
+   <li>{{cssxref("@counter-style")}} — Defineix estils de comptador específics que no formen part del conjunt d'estils predefinit . <em>(en l'etapa de Recomanació de Candidats, però només implementat en Gecko al moment de la redacció)</em></li>
+   <li>{{cssxref("@font-feature-values")}} (més <code>@swash</code>, <code>@ornaments</code>, <code>@annotation</code>, <code>@stylistic</code>, <code>@styleset</code> and <code>@character-variant</code>)<br>
+    — Definiu noms comuns a {{cssxref("font-variant-alternates")}} per a la característica activada de forma diferent en OpenType. <em>(en l'etapa de Recomanació de Candidats, però només implementada en Gekko al moment de la redacció)</em></li>
+  </ul>
+ </li>
+</ul>
+
+<h2 id="Regles_del_grup_condicional">Regles del grup condicional</h2>
+
+<p>Igual que els valors de les propietats, cada regla té una sintaxi diferent. No obstant això, alguns d'ells poden agrupar-se en una categoria especial anomenada <strong>regles de grup condicional</strong>. Aquests declaracions comparteixen una sintaxi comuna i cadascun d'ells pot incloure <em>declaracions niades</em>, ja siguin <em>conjunts de regles</em> o <em>regles at niades</em>. A més, tots transmeten un significat semàntic comú: tots vinculen algun tipus de condició que, en qualsevol moment, s'avalua com a <strong>veritable</strong> o <strong>fals</strong>. Si la condició s'avalua com a <strong>veritable</strong>, s'aplicaran totes les instruccions del grup</p>
+
+<p>Les regles de grup condicional es defineixen <a href="http://dev.w3.org/csswg/css3-conditional/">Condicionals CSS Nivell 3</a> i son:</p>
+
+<ul>
+ <li>{{cssxref("@media")}},</li>
+ <li>{{cssxref("@supports")}},</li>
+ <li>{{cssxref("@document")}}. <em>(deferred to Level 4 of CSS Spec) </em></li>
+</ul>
+
+<p>Atès que cada grup condicional també pot contenir declaracions niades, pot haver-hi una quantitat no especificada de niaments.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Conditional')}}</td>
+   <td>{{Spec2('CSS3 Conditional')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('Compat', '#css-at-rules', 'CSS At-rules')}}</td>
+   <td>{{Spec2('Compat')}}</td>
+   <td>Estandaritza <code>@-webkit-keyframes</code>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/Reference">Referència CSS</a></li>
+ <li>{{CSS_key_concepts}}</li>
+</ul>
diff --git a/files/ca/web/css/box-sizing/index.html b/files/ca/web/css/box-sizing/index.html
new file mode 100644
index 0000000000..33d55a232a
--- /dev/null
+++ b/files/ca/web/css/box-sizing/index.html
@@ -0,0 +1,287 @@
+---
+title: box-sizing
+slug: Web/CSS/box-sizing
+tags:
+  - CSS
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/box-sizing
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat CSS <strong><code>box-sizing</code></strong> s'utilitza per modificar el <a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">model de caixa CSS</a> predeterminat usat per calcular l'amplada i l'alçada dels elements.</p>
+
+<pre class="brush: css no-line-numbers">/* Keyword values */
+box-sizing: content-box;
+box-sizing: border-box;
+
+/* Global values */
+box-sizing: inherit;
+box-sizing: initial;
+box-sizing: unset;
+</pre>
+
+<p>En CSS, de manera predeterminada, l'amplada i l'alçada que s'assigna a un element només s'aplica a la caixa de contingut de l'element. Si l'element té qualsevol vora o farcit, aquest s'afegeix a l'amplada i alçada per arribar a la grandària de la caixa que es representa en la pantalla. Això significa que quan fixeu l'amplada i l'alçada, heu d'ajustar el valor que dóna per permetre qualsevol vora o farcit que pugui ser afegit. Això és especialment difícil quan s'implementa un disseny sensible.</p>
+
+<p>La propietat <code>box-sizing</code> es pot utilitzar per ajustar aquest comportament:</p>
+
+<ul>
+ <li><code>content-box</code> és el valor predeterminat i proporciona el comportament predeterminat de box-sizing CSS. Si s'estableix l'amplada d'un element a 100 píxels, la caixa de contingut de l'element serà de 100 píxels d'amplada i l'amplada de qualsevol vora o farciment s'afegirà a l'amplada final representada.</li>
+ <li><code>border-box</code> l'indica al navegador que tingui en compte qualsevol vora i farcit en el valor que s'especifiqui per a l'amplada i l'alçada. Si s'estableix l'amplada d'un element a 100 píxels, els 100 píxels inclouran qualsevol vora o farcit que s'hàgi afegit i la caixa de contingut s'encongirà per absorbir aquest ample addicional. Això generalment fa molt més fàcil la grandària dels elements.</li>
+</ul>
+
+<p>Alguns experts recomanen que els desenvolupadors web considerin <a href="https://css-tricks.com/international-box-sizing-awareness-day/">aplicar rutinariament <code>box-sizing: border-box</code> a tots els elements</a>.</p>
+
+<div id="box-sizing">
+<pre class="hidden brush: html">&lt;div class="container"&gt;
+
+&lt;div class="parent"&gt;
+  &lt;p&gt;Parent container&lt;/p&gt;
+  &lt;div class="child" style="box-sizing: content-box;"&gt;
+    &lt;p&gt;Child container&lt;/p&gt;
+    &lt;p class="css"&gt;
+    box-sizing: content-box;&lt;br/&gt;
+    width: 100%;&lt;br/&gt;
+    padding: 0;&lt;br/&gt;
+    border-width: 0;&lt;/p&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+
+&lt;div class="parent"&gt;
+  &lt;p&gt;Parent container&lt;/p&gt;
+  &lt;div class="child border-padding" style="box-sizing: content-box;"&gt;
+    &lt;p&gt;Child container&lt;/p&gt;
+    &lt;p class="css"&gt;
+    box-sizing: content-box;&lt;br/&gt;
+    width: 100%;&lt;br/&gt;
+    padding: 5px;&lt;br/&gt;
+    border-width: 10px;&lt;/p&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+
+&lt;div class="parent"&gt;
+  &lt;p&gt;Parent container&lt;/p&gt;
+  &lt;div class="child border-padding"  style="box-sizing: border-box;"&gt;
+    &lt;p&gt;Child container&lt;/p&gt;
+    &lt;p class="css"&gt;
+    box-sizing: border-box;&lt;br/&gt;
+    width: 100%;&lt;br/&gt;
+    padding: 5px;&lt;br/&gt;
+    border-width: 10px;&lt;/p&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+
+&lt;/div&gt;
+</pre>
+
+<pre class="hidden brush: css">p {
+  margin-left: 0.2em;
+  font-family: "Open Sans", sans-serif;
+}
+
+.container {
+  display: flex;
+}
+
+.parent {
+  width: 220px;
+  border: solid 10px #FFC129;
+  margin: 0.8em;
+}
+
+.child {
+  width: 100%;
+  margin: 2em auto;
+  background-color: rgba(229, 232, 252, 0.6);
+}
+
+.border-padding {
+  padding: 5px;
+  border: solid #5B6DCD 10px;
+}
+
+.css {
+  font-family: monospace;
+}
+</pre>
+
+<p>{{EmbedLiveSample("box-sizing", 1200, 340, "", "", "example-outcome-frame")}}</p>
+</div>
+
+<p>L'exemple anterior mostra tres escenaris. En cada escenari hi ha un DIV pare (amb una vora taronja) que conté un DIV fill. El fill té fixat un <code>width: 100%</code>  i un fons blau pàl·lid.</p>
+
+<ul>
+ <li>El primer escenari utilitza per defecte <code>box-sizing: content-box</code>. El DIV fill no té farcit ni cap vora, i s'adapta perfectament a l'interior del seu pare.</li>
+ <li>El segon escenari utilitza per defecte <code>box-sizing: content-box</code>. El DIV fill se li ha afegit farcit i una vora. El fill es vessa fora del pare perquè el seu ample es calcula amb només el contingut: llavors s'afegeix el farciment i la vora per fer l'amplada representada.</li>
+ <li>El tercer escenari utilitza <code>box-sizing: border-box</code>. El DIV fill ara s'adapta perfectament a l'interior del seu pare, ja que el seu <code>width: 100%</code> representa el farciment i la vora.</li>
+</ul>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La propietat <code>box-sizing</code> s'especifica com una paraula clau única seleccionada de la llista de valors a continuació.</p>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><code>content-box</code></dt>
+ <dd>Aquest és el valor inicial i predeterminat especificat per l'estàndard CSS. Les propietats {{Cssxref("width")}} i {{Cssxref("height")}} es mesuren incloent només el contingut, però no el farciment, la vora o el marge. Per exemple, si establiu <code>.box {width: 350px;}</code>, apliqueu <code>{border: 10px solid black;}</code> , llavors el resultat representat és una <code>caixa de width: 370px.</code></dd>
+ <dd>Aquí les dimensions de l'element es calculen com: <em>amplària = amplària del contingut, i alçada = alçada del contingut (excloent els valors de vora i farciment).</em></dd>
+ <dt><code>border-box</code></dt>
+ <dd>Les propietats {{Cssxref("width")}} i {{Cssxref("height")}} inclouen el contingut, el farciment i la vora, però no el marge. Note that padding and border will be inside of the box e.g. <code>.box {width: 350px; border: 10px solid black;}</code> leads to a box rendered in the browser of <code>width: 350px</code>. The content box can't be negative and is floored to 0, making it impossible to use border-box to make the element disappear.</dd>
+ <dd>Aquí les dimensions de l'element es calculen com: <em>amplària = vora + farciment + amplària del contingut</em>, i <em>alçada = vora + farciment + alçada del contingut</em>.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div class="content-box"&gt;Content box&lt;/div&gt;
+&lt;br&gt;
+&lt;div class="border-box"&gt;Border box&lt;/div&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">div {
+  width: 160px;
+  height: 80px;
+  padding: 20px;
+  border: 8px solid red;
+  background: yellow;
+}
+
+.content-box {
+  box-sizing: content-box;
+}
+
+.border-box {
+  box-sizing: border-box;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Exemple','auto','300')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Basic UI', '#box-sizing', 'box-sizing')}}</td>
+   <td>{{Spec2('CSS3 Basic UI')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles"><span class="short_text" id="result_box" lang="ca"><span>Navegadors compatibles</span></span></h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport bàsic</span></span></td>
+   <td>1.0 {{property_prefix("-webkit")}}<sup>[1]</sup><br>
+    10.0</td>
+   <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
+    {{CompatVersionUnknown}}</td>
+   <td>
+    <p>{{CompatGeckoDesktop("1.0")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
+     {{CompatGeckoDesktop("29.0")}}<sup>[2]</sup></p>
+   </td>
+   <td>
+    <p>8.0<sup>[1]</sup></p>
+   </td>
+   <td>7.0</td>
+   <td>3.0 (522){{property_prefix("-webkit")}}<br>
+    5.1<sup>[3]</sup></td>
+  </tr>
+  <tr>
+   <td><code>padding-box</code>{{non-standard_inline}} {{deprecated_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
+    {{CompatGeckoDesktop("29.0")}}<br>
+    Eliminat a {{CompatGeckoDesktop("50.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport bàsic</span></span></td>
+   <td>2.1{{property_prefix("-webkit")}}<sup>[1]</sup><br>
+    4.0</td>
+   <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
+    {{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
+    {{CompatGeckoMobile("29.0")}}<sup>[2]</sup></td>
+   <td>9.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>padding-box</code>{{non-standard_inline}} {{deprecated_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
+    {{CompatGeckoMobile("29.0")}}<br>
+    Eliminat a {{CompatGeckoMobile("50.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <code>box-sizing</code> no es respectat quan l'alçada es calcula a partir de {{domxref("window.getComputedStyle()")}}, en Internet Explorer (totes les versions), en Firefox anterior a la 23, i en Chrome. Edge no presenta el problema. Tingueu en compte que la propietat <code>currentStyle</code> retorna el valor correcte de <code>height</code>.</p>
+
+<p>[2] A més del suport no prefixat, Gecko 44.0 {{geckoRelease("44.0")}} va afegir suport per a una versió prefixada <code>-webkit</code> de la propietat per raons de compatibilitat web darrere de la preferència <code>layout.css.prefixes.webkit</code>, per defecte a <code>false</code>. Des de Gecko 49.0 {{geckoRelease("49.0")}} la preferència per defecte és <code>true</code>.</p>
+
+<p>[3] El prefix de proveïdor <code>-webkit</code> s'ha eliminat a <a href="http://trac.webkit.org/changeset/71348">534.12</a>.</p>
+
+<h2 id="Vegeu_també"><span class="short_text" id="result_box" lang="ca"><span>Vegeu també</span></span></h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">Model de caixa CSS</a></li>
+</ul>
diff --git a/files/ca/web/css/css_box_model/dominar_el_col.lapse_del_marge/index.html b/files/ca/web/css/css_box_model/dominar_el_col.lapse_del_marge/index.html
new file mode 100644
index 0000000000..9b312fc789
--- /dev/null
+++ b/files/ca/web/css/css_box_model/dominar_el_col.lapse_del_marge/index.html
@@ -0,0 +1,89 @@
+---
+title: Dominar el col.lapse del marge
+slug: Web/CSS/CSS_Box_Model/Dominar_el_col.lapse_del_marge
+tags:
+  - CSS
+  - CSS Box Model
+  - Guide
+  - Reference
+translation_of: Web/CSS/CSS_Box_Model/Mastering_margin_collapsing
+---
+<div>{{CSSRef}}</div>
+
+<p>Els marges <a href="/en-US/docs/Web/CSS/margin-top">superior (top)</a> i <a href="/en-US/docs/Web/CSS/margin-bottom">inferior (bottom</a>) dels blocs, a vegades, es combinen (col·lapsats) en un únic marge, la grandària del qual és el més gran dels marges individuals (o només un d'ells, si són iguals), un comportament conegut com <strong>col·lapse del marge</strong>. Tingueu en compte que els marges dels elements <a href="/en-US/docs/Web/CSS/float">flotants</a> i <a href="/en-US/docs/Web/CSS/position#absolute">absolutament posicionats</a> mai es col·lapsen.</p>
+
+<p>El col·lapse de marges es produeix en tres casos bàsics:</p>
+
+<dl>
+ <dt><span id="result_box" lang="ca"><span>Germans adjacents</span></span></dt>
+ <dd>Els marges dels germans adjacents estan col·lapsats (excepte quan el darrer germà ha de ser <a href="/en-US/docs/Web/CSS/clear">eliminat</a> dels flotadors anteriors).</dd>
+ <dt><span id="result_box" lang="ca"><span>Pare i primer/últim fill</span></span></dt>
+ <dd>Si no hi ha una vora, farcit, part en línia, <a href="/en-US/docs/Web/Guide/CSS/Block_formatting_context">context de format de blocs</a> creat, o un <em><a href="/en-US/docs/Web/CSS/clear">espaia lliure</a></em> per separar el {{cssxref("margin-top")}} d'un bloc del {{cssxref("margin-top")}} del seu primer bloc fill; o sense vora, farcit, contingut en línia, {{cssxref("height")}}, {{cssxref("min-height")}}, o {{cssxref("max-height")}} per separar el {{cssxref("margin-bottom")}} d'un bloc del {{cssxref("margin-bottom")}} del seu últim fill, llavors aquests marges es col·lapsen. El marge col·lapsat acaba fora del pare</dd>
+ <dt><span id="result_box" lang="ca"><span>Blocs buits</span></span></dt>
+ <dd>Si no hi ha vora, farcit, contingut en línia, {{cssxref("height")}} o {{cssxref("min-height")}} per separar un bloc {{cssxref("margin-top")}} del seu {{cssxref("margin-bottom")}}, llavors els marges superior i inferior es col·lapsen.</dd>
+</dl>
+
+<p>Algunes coses a destacar:</p>
+
+<ul>
+ <li>El col.lapse de marges més complex (de més de dos marges) es produeix quan es combinen els casos anteriors.</li>
+ <li>Aquestes regles s'apliquen fins i tot als marges que són zero, de manera que el marge d'un fill primer/últim acaba fora dels seus pares (d'acord amb les regles anteriors) tant si el marge dels pares és zero o no.</li>
+ <li>Quan s'inclouen marges negatius, la mida del marge col·lapsat és la suma del marge positiu més gran i el marge negatiu més petit (més negatiu).</li>
+ <li>Quan tots els marges són negatius, la mida del marge col·lapsat és el marge més petit (el més negatiu). Això s'aplica tant als elements adjacents com als elements niats.</li>
+</ul>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;The bottom margin of this paragraph is collapsed …&lt;/p&gt;
+&lt;p&gt;… with the top margin of this paragraph, yielding a margin of &lt;code&gt;1.2rem&lt;/code&gt; in between.&lt;/p&gt;
+
+&lt;div&gt;This parent element contains two paragraphs!
+  &lt;p&gt;This paragraph has a &lt;code&gt;.4rem&lt;/code&gt; margin between it and the text above.&lt;/p&gt;
+  &lt;p&gt;My bottom margin collapses with my parent, yielding a bottom margin of &lt;code&gt;2rem&lt;/code&gt;.&lt;/p&gt;
+&lt;/div&gt;
+
+&lt;p&gt;I am &lt;code&gt;2rem&lt;/code&gt; below the element above.&lt;/p&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">div {
+  margin: 2rem 0;
+  background: lavender;
+}
+
+p {
+  margin: .4rem 0 1.2rem 0;
+  background: yellow;
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Examples', 'auto', 350)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("CSS2.1", "box.html#collapsing-margins", "margin collapsing")}}</td>
+   <td>{{Spec2("CSS2.1")}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/CSS_Reference">Referència CSS</a></li>
+ <li>{{css_key_concepts}}</li>
+</ul>
diff --git a/files/ca/web/css/css_box_model/index.html b/files/ca/web/css/css_box_model/index.html
new file mode 100644
index 0000000000..dc3adb0cd0
--- /dev/null
+++ b/files/ca/web/css/css_box_model/index.html
@@ -0,0 +1,163 @@
+---
+title: Model de Caixa CSS
+slug: Web/CSS/CSS_Box_Model
+tags:
+  - CSS
+  - CSS Box Model
+  - Overview
+  - Reference
+translation_of: Web/CSS/CSS_Box_Model
+---
+<div>{{CSSRef}}</div>
+
+<p><strong>Model de Caixa CSS</strong> <span id="result_box" lang="ca"><span> és un mòdul de CSS que defineix les caixes rectangulars</span></span> — <span id="result_box" lang="ca"><span>incloent el seu farciment i marge</span></span> —que es generen per als elements i que es defineixen segons el <a href="/en-US/docs/Web/CSS/Visual_formatting_model">model de format visual</a>.</p>
+
+<h2 id="Referència">R<span class="short_text" id="result_box" lang="ca"><span>eferència</span></span></h2>
+
+<h3 id="Propietats">Propietats</h3>
+
+<h4 id="Propietats_que_controlen_el_flux_de_contingut_en_una_caixa">Propietats que controlen el flux de contingut en una caixa</h4>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("box-sizing")}}</li>
+ <li>{{cssxref("overflow")}}</li>
+ <li>{{cssxref("overflow-x")}}</li>
+ <li>{{cssxref("overflow-y")}}</li>
+</ul>
+</div>
+
+<h4 id="Propietats_que_controlen_la_mida_en_una_caixa">Propietats que controlen la mida en una caixa</h4>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("height")}}</li>
+ <li>{{cssxref("width")}}</li>
+ <li>{{cssxref("max-height")}}</li>
+ <li>{{cssxref("max-width")}}</li>
+ <li>{{cssxref("min-height")}}</li>
+ <li>{{cssxref("min-width")}}</li>
+</ul>
+</div>
+
+<h4 id="Propietats_que_controlen_els_marges_en_una_caixa">Propietats que controlen els marges en una caixa</h4>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("margin")}}</li>
+ <li>{{cssxref("margin-bottom")}}</li>
+ <li>{{cssxref("margin-left")}}</li>
+ <li>{{cssxref("margin-right")}}</li>
+ <li>{{cssxref("margin-top")}}</li>
+</ul>
+</div>
+
+<h4 id="Propietats_que_controlen_els_farciments_en_una_caixa">Propietats que controlen els farciments en una caixa</h4>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("padding")}}</li>
+ <li>{{cssxref("padding-bottom")}}</li>
+ <li>{{cssxref("padding-left")}}</li>
+ <li>{{cssxref("padding-right")}}</li>
+ <li>{{cssxref("padding-top")}}</li>
+</ul>
+</div>
+
+<h4 id="Altres_propietats">Altres propietats</h4>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("visibility")}}</li>
+</ul>
+</div>
+
+<h2 id="Guies">Guies</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">Introducció al model de caixa CSS</a></dt>
+ <dd>Explica un dels conceptes fonamentals de CSS: el model de caixa. Aquest model defineix com CSS estableix elements, incloent-hi les àrees de contingut, farcit, vora i marge.</dd>
+ <dt><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Dominar el col.lapse del marge</a></dt>
+ <dd>De vegades, dos marges adjacents es col·loquen en un. En aquest article es descriuen les regles que regeixen quan i per què passa això i com controlar-lo.</dd>
+ <dt><a href="/en-US/docs/Web/CSS/Visual_formatting_model">Model de format visual</a></dt>
+ <dd>Explica el model de format visual.</dd>
+</dl>
+
+<h2 id="Especificacions"><span class="short_text" id="result_box" lang="ca"><span>Especificacions</span></span></h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col"><span class="short_text" id="result_box" lang="ca"><span>Especificació</span></span></th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("CSS3 Box")}}</td>
+   <td>{{Spec2("CSS3 Box")}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName("CSS2.1", "box.html")}}</td>
+   <td>{{Spec2("CSS2.1")}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName("CSS1")}}</td>
+   <td>{{Spec2("CSS1")}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_dels_navegadors"><span class="short_text" id="result_box" lang="ca"><span>Compatibilitat dels navegadors</span></span></h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport bàsic</span></span></td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>3.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Suport bàsic</span></span></td>
+   <td>1.0</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>6.0</td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/css_box_model/introducció_al_model_de_caixa_css/index.html b/files/ca/web/css/css_box_model/introducció_al_model_de_caixa_css/index.html
new file mode 100644
index 0000000000..bfb613ed6c
--- /dev/null
+++ b/files/ca/web/css/css_box_model/introducció_al_model_de_caixa_css/index.html
@@ -0,0 +1,67 @@
+---
+title: Introducció al model de caixa CSS
+slug: Web/CSS/CSS_Box_Model/Introducció_al_model_de_caixa_CSS
+tags:
+  - CSS
+  - CSS Box Model
+  - Guide
+  - Reference
+translation_of: Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
+---
+<div>{{CSSRef}}</div>
+
+<p>Quan es dissenya un document, el motor d'interpretació del navegador representa cada element com una caixa rectangular d'acord amb el <strong>model de caixa CSS</strong> estàndard. CSS determina la grandària, la posició i les propietats (color, fons, grandària de la vora, etc.) d'aquests caixes.</p>
+
+<p>Cada caixa es compon de quatre parts (o <em>àrees</em>), definides per les seves respectives vores: <em>la vora del contingut, la vora del farciment, la vora de la vora i la vora del marge</em>.</p>
+
+<p><img alt="CSS Box model" src="https://mdn.mozillademos.org/files/8685/boxmodel-(3).png" style="height: 384px; width: 548px;"></p>
+
+<p><a name="content-area"></a>L'<strong>àrea de contingut</strong>, limitada per la vora del contingut, conté el contingut "real" de l'element, com ara text, una imatge o un reproductor de vídeo. Les seves dimensions són l'<em>amplada del contingut</em> (<em>o l'amplada de la caixa de contingut</em>) i l'<em>alçada del contingut</em> (<em>o l'alçada de la caixa de contingut</em>). Sovint té un color de fons o una imatge de fons.</p>
+
+<p>Si la propietat {{cssxref("box-sizing")}} s'estableix a <code>content-box</code> (predeterminat), la grandària de l'àrea de contingut es pot definir explícitament amb les propietats {{cssxref("width")}}, {{cssxref("min-width")}}, {{cssxref("max-width")}}, {{ cssxref("height") }}, {{cssxref("min-height")}} i {{cssxref("max-height")}}.</p>
+
+<p><a name="padding-area"></a>L'<strong>àrea de farcit</strong>, delimitada per la vora de farcit, estén l'àrea de contingut per incloure el farciment de l'element. Les seves dimensions són l'<em>amplada de la caixa de farcit</em> i l'<em>alçada de la caixa de farcit</em>. Quan l'àrea de contingut té un fons, s'estén en el farcit.</p>
+
+<p>El gruix del farciment està determinat pel {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}}, {{cssxref("padding-left")}} i les propietats abreujades de {{cssxref("padding")}}.</p>
+
+<p><a name="border-area"></a>L'<strong>àrea de vora</strong>, delimitada per la vora de la vora, estén l'àrea de farciment per incloure les vores de l'element. Les seves dimensions són l'<em>amplada de la caixa de vora</em> i l'<em>alçada de la caixa de vora</em>.</p>
+
+<p>El gruix de les vores està determinat per les propietats {{cssxref("border-width")}} i les propietats abreujades {{cssxref("border")}}. Si la propietat {{cssxref("box-sizing")}} s'estableix a <code>border-box</code>, la grandària de l'àrea de la vora es pot definir explícitament amb les propietats {{cssxref("width")}}, {{cssxref("min-width")}}, {{cssxref("max-width")}}, {{ cssxref("height") }}, {{cssxref("min-height")}} i {{cssxref("max-height")}}.</p>
+
+<p><a name="margin-area"></a>L'<strong>àrea de marge</strong>, delimitada per la vora del marge, estén l'àrea de la vora per incloure una àrea buida utilitzada per separar l'element dels seus veïns. Les seves dimensions són l'<em>amplada de la caixa de marge</em> i l'<em>alçada de la caixa de marge</em>.</p>
+
+<p>La grandària de l'àrea de marge està determinada pel {{cssxref("margin-top")}}, {{cssxref("margin-right")}}, {{cssxref("margin-bottom")}}, {{cssxref("margin-left")}} i les propietats abreujades {{cssxref("margin")}}. Quan es produeix el <a href="/en/CSS/margin_collapsing" title="en/CSS/margin_collapsing">col.lapse del marge</a>, l'àrea de marge no està clarament definida, ja que els marges es comparteixen entre les caixes.</p>
+
+<p>Finalment, tingueu en compte que, per als elements en línia no reemplaçats, la quantitat d'espai ocupat (la contribució a l'alçada de la línia) està determinat per la propietat {{cssxref('line-height')}} encara que les vores i el farciment encara es mostran al voltant del contingut.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName("CSS2.1","box.html#box-dimensions")}}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Encara que formulat amb més precisió, no hi ha canvi pràctic.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName("CSS1","#formatting-model")}}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en/CSS/CSS_Reference" title="CSS Reference">Referència CSS</a></li>
+ <li>{{ CSS_key_concepts() }}</li>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Propietats CSS relacionades</span></span> : {{ cssxref("box-sizing") }}, {{ cssxref("background-clip") }}, {{ cssxref("height") }}, {{ cssxref("max-height") }}, {{ cssxref("min-height") }}, {{ cssxref("width") }}, {{ cssxref("max-height") }}, {{ cssxref("min-height") }}, {{ cssxref("padding") }}, {{ cssxref("padding-top") }}, {{ cssxref("padding-right") }}, {{ cssxref("padding-bottom") }}, {{ cssxref("padding-left") }}, {{ cssxref("border") }}, {{ cssxref("border-top") }}, {{ cssxref("border-right") }}, {{ cssxref("border-bottom") }}, {{ cssxref("border-left") }}, {{ cssxref("border-width") }}, {{ cssxref("border-top-width") }}, {{ cssxref("border-right-width") }}, {{ cssxref("border-bottom-width") }}, {{ cssxref("border-left-width") }}, {{ cssxref("margin") }}, {{ cssxref("margin-top") }}, {{ cssxref("margin-right") }}, {{ cssxref("margin-bottom") }}, {{ cssxref("margin-left") }}</li>
+</ul>
diff --git a/files/ca/web/css/css_flexible_box_layout/index.html b/files/ca/web/css/css_flexible_box_layout/index.html
new file mode 100644
index 0000000000..50a0d76329
--- /dev/null
+++ b/files/ca/web/css/css_flexible_box_layout/index.html
@@ -0,0 +1,111 @@
+---
+title: CSS Flexible Box Layout
+slug: Web/CSS/CSS_Flexible_Box_Layout
+translation_of: Web/CSS/CSS_Flexible_Box_Layout
+---
+<p>{{CSSRef}}</p>
+
+<p><strong>CSS Flexible</strong> is a module of CSS that defines a multi-column layout, allowing to express how content should flows between columns, and how gaps and rules are handled.</p>
+
+<h2 id="Reference">Reference</h2>
+
+<h3 id="CSS_Properties">CSS Properties</h3>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("align-content")}}</li>
+ <li>{{cssxref("align-items")}}</li>
+ <li>{{cssxref("align-self")}}</li>
+ <li>{{cssxref("flex")}}</li>
+ <li>{{cssxref("flex-basis")}}</li>
+ <li>{{cssxref("flex-direction")}}</li>
+ <li>{{cssxref("flex-flow")}}</li>
+ <li>{{cssxref("flex-grow")}}</li>
+ <li>{{cssxref("flex-shrink")}}</li>
+ <li>{{cssxref("flex-wrap")}}</li>
+ <li>{{cssxref("justify-content")}}</li>
+ <li>{{cssxref("order")}}</li>
+</ul>
+</div>
+
+<h2 id="Guides">Guides</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes">Using CSS flexible boxes</a></dt>
+ <dd>Step-by-step tutorial about how to build layouts using this feature.</dd>
+ <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_flexbox_to_lay_out_web_applications">Using flexbox to lay out Web applications</a></dt>
+ <dd>Tutorial explaining how to use flexbox in the specific context of Web applications.</dd>
+</dl>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Flexbox') }}</td>
+   <td>{{ Spec2('CSS3 Flexbox') }}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable()}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatGeckoDesktop("20.0")}}</td>
+   <td>21.0{{property_prefix("-webkit")}}<br>
+    29.0</td>
+   <td>10.0{{property_prefix("-ms")}}<br>
+    11.0</td>
+   <td>12.10</td>
+   <td>6.1{{property_prefix("-webkit")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown()}}</td>
+   <td>4.4</td>
+   <td>11</td>
+   <td>12.10</td>
+   <td><span style="font-size: 12px; line-height: 18px;">7.1{{property_prefix("-webkit")}}</span></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
diff --git a/files/ca/web/css/height/index.html b/files/ca/web/css/height/index.html
new file mode 100644
index 0000000000..062d09c1fb
--- /dev/null
+++ b/files/ca/web/css/height/index.html
@@ -0,0 +1,236 @@
+---
+title: height
+slug: Web/CSS/height
+tags:
+  - CSS
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/height
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat CSS <strong><code>height</code></strong> especifica l'alçada d'un element. Per defecte, la propietat defineix l'alçada de l'<a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model#content-area">àrea de contingut</a>. Si {{cssxref("box-sizing")}} s'estableix a <code>border-box</code>, aquest determina l'alçada de l'<a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model#border-area">àrea de vora</a>.</p>
+
+<pre class="brush:css no-line-numbers">/* Keyword value */
+height: auto;
+
+/* &lt;length&gt; values */
+height: 120px;
+height: 10em;
+
+/* &lt;percentage&gt; value */
+height: 75%;
+
+/* Global values */
+height: inherit;
+height: initial;
+height: unset;
+</pre>
+
+<p>Les propietats {{cssxref("min-height")}} i {{cssxref("max-height")}} anul·la {{Cssxref("height")}}.</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd><span class="short_text" id="result_box" lang="ca"><span>Defineix l'alçada com un valor absolut</span></span>.</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Defineix l'alçada com un percentatge de l'alçada del bloc contenidor.</span></span></dd>
+ <dt><code>border-box </code>{{experimental_inline}}</dt>
+ <dd>Si està present, s'aplica abans {{cssxref("&lt;length&gt;")}} o {{cssxref("&lt;percentage&gt;")}} a la caixa de vora de l'element.</dd>
+ <dt><code>content-box</code> {{experimental_inline}}</dt>
+ <dd>Si està present, s'aplica abans {{cssxref("&lt;length&gt;")}} o {{cssxref("&lt;percentage&gt;")}} a la caixa de contingut de l'element.</dd>
+ <dt><code>auto</code></dt>
+ <dd><span id="result_box" lang="ca"><span>El navegador calcularà i seleccionarà una alçada per a l'element especificat</span></span> .</dd>
+ <dt>fill {{experimental_inline}}</dt>
+ <dd>Utilitzeu la grandària <code>fill-available</code> en línia o la grandària <code>fill-available</code> del bloc, segons correspongui a la modalitat d'escriptura.</dd>
+ <dt><code>max-content</code> {{experimental_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'alçada preferida intrínseca.</span></span></dd>
+ <dt><code>min-content</code> {{experimental_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'alçada mínima intrínseca.</span></span></dd>
+ <dt><code>available</code> {{experimental_inline}}</dt>
+ <dd>L'alçada del bloc contenidor menys el marge vertical, la vora i el farciment.</dd>
+ <dt><code>fit-content</code> {{experimental_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El més gran de:</span></span>
+ <ul>
+  <li><span id="result_box" lang="ca"><span>l'alçada mínima intrínseca.</span></span></li>
+  <li>la menor de l'alçada intrínseca preferida i l'alçada disponible.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div id="red"&gt;
+  &lt;span&gt;I'm 50 pixels tall.&lt;/span&gt;
+&lt;/div&gt;
+&lt;div id="green"&gt;
+  &lt;span&gt;I'm 25 pixels tall.&lt;/span&gt;
+&lt;/div&gt;
+&lt;div id="parent"&gt;
+  &lt;div id="child"&gt;
+    &lt;span&gt;I'm half the height of my parent.&lt;/span&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">div {
+  width: 250px;
+  margin-bottom: 5px;
+  border: 3px solid #999999;
+}
+
+#red {
+  height: 50px;
+}
+
+#green {
+  height: 25px;
+}
+
+#parent {
+  height: 100px;
+}
+
+#child {
+  height: 50%;
+  width: 75%;
+}
+</pre>
+
+<p>{{EmbedLiveSample('Example')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Box', '#the-width-and-height-properties', 'height')}}</td>
+   <td>{{Spec2('CSS3 Box')}}</td>
+   <td><span id="result_box" lang="ca"><span>S'han afegit les paraules clau</span></span> <code>max-content</code>, <code>min-content</code>, <code>available</code>, <code>fit-content</code>, <code>border-box</code>, <code>content-box</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Transitions', '#animatable-css', 'height')}}</td>
+   <td>{{Spec2('CSS3 Transitions')}}</td>
+   <td>Mostra <code>height</code> <span class="short_text" id="result_box" lang="ca"><span>com a animable</span></span>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'visudet.html#the-height-property', 'height')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Afegeix suport per als valors {{cssxref("&lt;length&gt;")}} i especifica en quin element s'aplica.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1', '#height', 'height')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Sizing', '#width-height-keywords', 'width')}}</td>
+   <td>{{Spec2('CSS3 Sizing')}}</td>
+   <td>Afegeix noves paraules clau de grandària per width i height.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>4.0</td>
+   <td>7.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td><code>fill</code>, <code>fit-content</code>, <code>min-content</code>, <code>max-content</code></td>
+   <td>{{CompatChrome(46.0)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>6.0</td>
+   <td>6.0</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>fill</code>, <code>fit-content</code>, <code>min-content</code>, <code>max-content</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(46.0)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+   <td>{{CompatChrome(46.0)}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/CSS/box_model">model de caixa</a>, {{cssxref("width")}}, {{cssxref("box-sizing")}}, {{cssxref("min-height")}}, {{cssxref("max-height")}}</li>
+</ul>
diff --git a/files/ca/web/css/index.html b/files/ca/web/css/index.html
new file mode 100644
index 0000000000..89ff6655ca
--- /dev/null
+++ b/files/ca/web/css/index.html
@@ -0,0 +1,65 @@
+---
+title: CSS
+slug: Web/CSS
+tags:
+  - CSS
+  - Design
+  - Landing
+  - Layout
+  - Reference
+  - 'l10n:priority'
+translation_of: Web/CSS
+---
+<p><strong>Fulles d'estil en cascada (CSS)</strong> són un llenguatge de <a href="https://developer.mozilla.org/en-US/docs/DOM/stylesheet">full d'estil (stylsheet)</a> utilitzat per descriure la presentació d'un document escrit en <span class="seoSummary"><a href="https://developer.mozilla.org/en-US/docs/HTML" title="HyperText Markup Language">HTML</a></span> o <a href="https://developer.mozilla.org/en-US/docs/XML">XML</a> (incloent dialectes de XML com <a href="https://developer.mozilla.org/en-US/docs/SVG">SVG</a> o <a href="https://developer.mozilla.org/en-US/docs/XHTML">XHTML</a>). CSS descriu com els elements han de ser presentats a la pantalla, en paper, en la parla, o en altres mitjans de comunicació.</p>
+
+<p>CSS és un dels idiomes principals de la <em>web oberta</em> i té una <a class="external" href="http://w3.org/Style/CSS/#specs">especificació en W3C </a>estandarditzada. Desenvolupat en nivells, CSS1 ja està obsoleta, CSS2.1 és una recomanació i <a href="/en-US/docs/CSS/CSS3" title="CSS3">CSS3</a>, ara dividit en mòduls més petits, està progressant en el camí de la normalització.</p>
+
+<section id="sect1">
+<ul class="card-grid">
+ <li><span>CSS Referència</span>
+
+  <p>Una <a href="/en-US/docs/Web/CSS/Reference">referència exhaustiva</a> per als desenvolupadors web experimentats que descriu totes les propietats i conceptes de CSS..</p>
+ </li>
+ <li><span>CSS Tutorial</span>
+  <p>Una ajuda completa per <a href="/en-US/docs/CSS/Getting_Started" title="Getting Started">introduir pas a pas</a> els principiants a començar. Presenta tots els fonaments necessaris.</p>
+ </li>
+ <li><span>CSS3 Demos</span>
+  <p>Una <a href="/en-US/demos/tag/tech:css3">col.lecció de demos </a>que mostren les últimes tecnologies CSS en acció: un impuls per a la creativitat.</p>
+ </li>
+</ul>
+
+<div class="row topicpage-table">
+<div class="section">
+<h2 class="Documentation" id="Documentació_i_tutorials">Documentació i tutorials</h2>
+
+<dl>
+ <dt>CSS conceptes calu</dt>
+ <dd>Descriu la <a href="/en-US/docs/CSS/Syntax">sintaxi i les formes del llenguatge</a> i introdueix els fonaments com <a href="/en-US/docs/CSS/Specificity">specificity</a> i <a href="/en-US/docs/CSS/inheritance">inheritance</a>, la <a href="/en-US/docs/CSS/box_model">box model</a> i <a href="/en-US/docs/CSS/margin_collapsing">margin collapsing</a>, <a href="/en-US/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">stacking</a> i contextos de <a href="/en-US/docs/CSS/block_formatting_context" title="block formatting context">block-formatting</a> , o la <a href="/en-US/docs/CSS/initial_value">initial</a>, <a href="/en-US/docs/CSS/computed_value">computed</a>, <a href="/en-US/docs/CSS/used_value">used</a> i els valors <a href="/en-US/docs/CSS/actual_value">reals</a>. Les entitats com <a href="/en-US/docs/CSS/Shorthand_properties">CSS shorthand properties</a> també es defineixen.</dd>
+ <dt><a href="/en-US/docs/Web/Guide/CSS">CSS guia per a desenvolupadors</a></dt>
+ <dd>Articles per ajudar a aprendre de tot, des dels conceptes bàsics per donar estil a HTML a diverses tècniques CSS per fer brillar el seu contingut.</dd>
+ <dt><a href="/en-US/docs/Web/CSS/Common_CSS_Questions">CSS preguntes comuns</a></dt>
+ <dd><span id="result_box" lang="ca"><span>Les</span> <span>respostes</span> <span>a preguntes</span> <span>comuns</span> <span>sobre</span> <span>CSS.</span></span></dd>
+</dl>
+</div>
+
+<div class="section">
+<h2 class="Tools" id="Eines_per_al_desenvolupament_de_CSS"><span class="short_text" id="result_box" lang="ca"><span>Eines</span> <span>per al</span> <span>desenvolupament</span> <span>de CSS</span></span></h2>
+
+<ul>
+ <li>El <a class="external" href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> ccomprovar si el CSS es vàlid. El servei en <a href="http://www.onlinewebcheck.com/">OnlineWebCheck.com</a> també fa el mateix. Aquestes són eines de depuració de valor incalculable.</li>
+ <li><a href="/en-US/docs/Tools">Firefox Developer Tools</a> permet la visualització i edició de CSS en directe d'una pàgina a través de les eines <a href="/en-US/docs/Tools/Page_Inspector">Inspector</a> i <a href="/en-US/docs/Tools/Style_Editor">Style Editor</a>.</li>
+ <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a> per Firefox, una extensió popular d'aquest navegador que permet editar el codi CSS en viu en llocs vigilats. Molt pràctic per provar alguns canvis, tot i que aquesta extensió fa molt més</li>
+ <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer extension</a> per Firefox també permet veure i editar el codi CSS en viu en llocs vigilats. Més simple que Firebug, encara que menys potent.</li>
+ <li><a href="/en-US/docs/Web/CSS/Tools">Eines CSS diverses.</a></li>
+</ul>
+</div>
+</div>
+</section>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Mozilla's <a href="/en-US/Learn/CSS">Learning CSS section</a></li>
+ <li>Els llenguatges web CSS s'aplica sovint a: <a href="/en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/SVG">SVG</a>, <a href="/en-US/docs/XHTML">XHTML</a> i <a href="/en-US/docs/XML">XML</a>.</li>
+ <li>Les tecnologies de Mozilla fan un ampli ús de CSS: <a href="/en-US/docs/Mozilla/Tech/XUL">XUL</a>, <a href="/en-US/Firefox">Firefox</a> i <a href="/en-US/docs/Mozilla/Thunderbird">Thunderbird</a> <a href="/en-US/docs/Extensions">extensions</a> i <a href="/en-US/Add-ons/Themes">themes</a>.</li>
+</ul>
diff --git a/files/ca/web/css/margin-bottom/index.html b/files/ca/web/css/margin-bottom/index.html
new file mode 100644
index 0000000000..7704f229b4
--- /dev/null
+++ b/files/ca/web/css/margin-bottom/index.html
@@ -0,0 +1,192 @@
+---
+title: margin-bottom
+slug: Web/CSS/margin-bottom
+tags:
+  - CSS
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/margin-bottom
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="/en-US/docs/CSS">CSS</a> <strong><code>margin-bottom</code></strong> estableix l'<a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">àrea de marge</a> a la part inferior d'un element. Un valor positiu el situarà més enllà del normal dels seus veïns, mentre que un valor negatiu el situarà més a prop.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; values */
+margin-bottom: 10px;  /* An absolute length */
+margin-bottom: 1em;   /* relative to the text size */
+margin-bottom: 5%;    /* relative to the nearest block container's width */
+
+/* Keyword values */
+margin-bottom: auto;
+
+/* Global values */
+margin-bottom: inherit;
+margin-bottom: initial;
+margin-bottom: unset;
+</pre>
+
+<p><img alt="The effect of the CSS margin-bottom property on the element box" src="/files/4045/margin-bottom.svg" style="border: 1px solid; display: block; height: 130px; margin-left: auto; margin-right: auto; width: 400px;"></p>
+
+<p><span id="result_box" lang="ca"><span>Aquesta propietat no té cap efecte sobre els elements en línia no reemplaçats, com ara</span></span> {{HTMLElement("tt")}} o {{HTMLElement("span")}}.</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<p><span id="result_box" lang="ca"><span>La propietat</span></span> <code>margin-bottom</code> <span id="result_box" lang="ca"><span>és especificada amb la paraula clau</span></span> <code>auto</code>, o un <code>&lt;length&gt;</code>, o un <code>&lt;percentage&gt;</code>. <span id="result_box" lang="ca"><span>El seu valor pot ser positiu, zero o negatiu</span></span>.</p>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd>La grandària del marge com a valor fix.</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd>La grandària del marge com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor.</dd>
+ <dt><code>auto</code></dt>
+ <dd><span id="result_box" lang="ca"><span>El navegador selecciona un valor adequat per utilitzar.</span> <span>Veure</span></span> {{cssxref("margin")}}.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div class="container"&gt;
+&lt;div class="box0"&gt;Box 0&lt;/div&gt;
+&lt;div class="box1"&gt;Box 1&lt;/div&gt;
+&lt;div class="box2"&gt;Box one's negative margin pulls me up&lt;/div&gt;
+&lt;/div&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<p><span id="result_box" lang="ca"><span>CSS per divs per establir</span></span> margin-bottom i height</p>
+
+<pre class="brush: css">.box0 {
+    margin-bottom:1em;
+    height:3em;
+}
+.box1 {
+    margin-bottom:-1.5em;
+    height:4em;
+}
+.box2 {
+    border:1px dashed black;
+    border-width:1px 0;
+    margin-bottom:2em;
+}
+
+</pre>
+
+<p><span id="result_box" lang="ca"><span>Algunes definicions per a contenidors i divs permeten veure de manera més clara els efectes dels marges</span></span>.</p>
+
+<pre class="brush: css">.container {
+    background-color:orange;
+    width:320px;
+    border:1px solid black;
+}
+div {
+    width:320px;
+    background-color:gold;
+}</pre>
+
+<p>{{ EmbedLiveSample('Example',350,200) }}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comenteri</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Box', '#margin-bottom', 'margin-bottom')}}</td>
+   <td>{{Spec2('CSS3 Box')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha canvis significatius</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Transitions', '#animatable-css', 'margin-bottom')}}</td>
+   <td>{{Spec2('CSS3 Transitions')}}</td>
+   <td>Defineix <code>margin-bottom</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'box.html#margin-properties', 'margin-bottom')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Elimina el seu efecte en elements en línia</span></span>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1', '#margin-bottom', 'margin-bottom')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>3.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+  <tr>
+   <td><code>auto</code> value</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>6.0 (strict mode)</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>6.0</td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/margin-left/index.html b/files/ca/web/css/margin-left/index.html
new file mode 100644
index 0000000000..388c6f9a4c
--- /dev/null
+++ b/files/ca/web/css/margin-left/index.html
@@ -0,0 +1,219 @@
+---
+title: margin-left
+slug: Web/CSS/margin-left
+tags:
+  - CSS
+  - CSS Property
+  - Layout
+  - Reference
+translation_of: Web/CSS/margin-left
+---
+<div>{{CSSRef()}}</div>
+
+<p>La propietat <a href="/en/CSS">CSS</a> <strong><code>margin-left</code></strong> estableix l'<a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">àrea de marge</a> en el costat esquerre d'un element. Un valor positiu el situarà més enllà del normal dels seus veïns, mentre que un valor negatiu el situarà més a prop.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; values */
+margin-left: 10px;  /* An absolute length */
+margin-left: 1em;   /* relative to the text size */
+margin-left: 5%;    /* relative to the nearest block container's width */
+
+/* Keyword values */
+margin-left: auto;
+
+/* Global values */
+margin-left: inherit;
+margin-left: initial;
+margin-left: unset;
+</pre>
+
+<p><img alt="Area on which CSS margin-left apply" src="/files/4039/margin-left.svg" style="border-style: solid; border-width: 1px; display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p>Els marges verticals de dues caixes adjacents es poden fusionar. Això es diu <a href="/en-US/docs/CSS/margin_collapsing" title="/en-US/docs/CSS/margin_collapsing"><em>col.lapse de marge</em></a>.</p>
+
+<p>En els casos excepcionals en què l'amplada està massa restringida (és a dir, quan es defineixen tots els <code>width</code>, <code>margin-left</code>, <code>border</code>, <code>padding</code>, l'àrea de contingut i <code>margin-right</code>), s'ignora el <code>margin-left</code> i tindrà el mateix valor calculat que si s'especifica el valor <code>auto</code>.</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<p><span id="result_box" lang="ca"><span>La propietat</span></span> <code>margin-left</code> <span id="result_box" lang="ca"><span>és especificada amb la paraula clau</span></span> <code>auto</code>, o un <code>&lt;length&gt;</code>, o un <code>&lt;percentage&gt;</code>. <span id="result_box" lang="ca"><span>El seu valor pot ser positiu, zero o negatiu</span></span>.</p>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd>La grandària del marge com a valor fix.</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd>La grandària del marge com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor.</dd>
+ <dt><code>auto</code></dt>
+ <dd>El marge esquerre rep una part de l'espai horitzontal no utilitzat, tal com es determina principalment pel mode de disseny que s'utilitza. Si els valors de <code>margin-left</code> i <code>margin-right</code> són <code>auto</code>, l'espai calculat es distribueix de manera uniforme. Aquesta taula resumeix els diferents casos:
+ <table class="standard-table">
+  <thead>
+   <tr>
+    <th scope="col">Valor de {{cssxref("display")}}</th>
+    <th scope="col">Valor de {{cssxref("float")}}</th>
+    <th scope="col">Valor de {{cssxref("position")}}</th>
+    <th scope="col">Valor calculat d'auto</th>
+    <th scope="col">Comment</th>
+   </tr>
+  </thead>
+  <tbody>
+   <tr>
+    <th><code>inline</code>, <code>inline-block</code>, <code>inline-table</code></th>
+    <th><em>qualsevol</em></th>
+    <th><code>static</code> o <code>relative</code></th>
+    <td><code>0</code></td>
+    <td>Mode de disseny en línia</td>
+   </tr>
+   <tr>
+    <th><code>block</code>, <code>inline</code>, <code>inline-block</code>, <code>block</code>, <code>table</code>, <code>inline-table</code>, <code>list-item</code>, <code>table-caption</code></th>
+    <th><em>qualsevol</em></th>
+    <th><code>static</code> o <code>relative</code></th>
+    <td><code>0</code>, excepte si tant <code>margin-left</code> i <code>margin-right</code> s'estableixen en <code>auto</code>. En aquest cas, s'estableix el valor que centra l'element dins del seu pare.</td>
+    <td>Mode de disseny de block</td>
+   </tr>
+   <tr>
+    <th><code>block</code>, <code>inline</code>, <code>inline-block</code>, <code>block</code>, <code>table</code>, <code>inline-table</code>, <code>list-item</code>, <code>table-caption</code></th>
+    <th><code>left</code> o <code>right</code></th>
+    <th><code>static</code> o <code>relative</code></th>
+    <td><code>0</code></td>
+    <td>Mode de disseny de block (element flotant)</td>
+   </tr>
+   <tr>
+    <th><em>qualsevol </em><code>table-*</code><em>, excepte </em><code>table-caption</code></th>
+    <th><em>qualsevol</em></th>
+    <th><em>qualsevol</em></th>
+    <td><code>0</code></td>
+    <td>Els elements interns de <code>table-*</code> no tenen marges, utilitzeu {{ cssxref("border-spacing") }} en el seu lloc</td>
+   </tr>
+   <tr>
+    <th><em>qualsevol, excepte <code>flex</code>,</em> <code>inline-flex</code><em>, o </em><code>table-*</code></th>
+    <th><em>qualsevol</em></th>
+    <th><em><code>fixed</code></em> o <code>absolute</code></th>
+    <td><code>0</code>, excepte si tant <code>margin-left</code> i <code>margin-right</code> s'estableixen en <code>auto</code>. En aquest cas, s'estableix el valor que centra l'àrea de vora dins de <code>width</code> disponible, si es fixa.</td>
+    <td>Mode de disseny absolutament posicionat</td>
+   </tr>
+   <tr>
+    <th><code>flex</code>, <code>inline-flex</code></th>
+    <th><em>qualsevol</em></th>
+    <th><em>qualsevol</em></th>
+    <td><code>0</code>, excepte si hi ha algun espai lliure horitzontal positiu. En aquest cas, es distribueix uniformement a tots els marges <code>auto</code> horitzontals.</td>
+    <td><span class="short_text" id="result_box" lang="ca"><span>Mode de disseny Flexbox</span></span></td>
+   </tr>
+  </tbody>
+ </table>
+ </dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax()}}</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre>.content { margin-left: 5%; }
+.sidebox { margin-left: 10px; }
+.logo    { margin-left: -5px; }
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Box', '#the-margin', 'margin-left')}}</td>
+   <td>{{Spec2('CSS3 Box')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi significatiu des de CSS 2.1.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Transitions', '#animatable-css', 'margin-left')}}</td>
+   <td>{{Spec2('CSS3 Transitions')}}</td>
+   <td>Defineix <code>margin-left</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Flexbox', '#item-margins', 'margin-left')}}</td>
+   <td>{{Spec2('CSS3 Flexbox')}}</td>
+   <td>Defineix el comportament de <code>margin-left</code> en elements flex.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'box.html#margin-properties', 'margin-left')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td><span id="result_box" lang="ca"><span>Igual que a CSS1, però elimina el seu efecte en els elements en línia</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1', '#margin-left', 'margin-left')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable()}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>3.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+  <tr>
+   <td><code>auto</code> value</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>6.0 (strict mode)</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>6.0</td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/margin-right/index.html b/files/ca/web/css/margin-right/index.html
new file mode 100644
index 0000000000..eada94a607
--- /dev/null
+++ b/files/ca/web/css/margin-right/index.html
@@ -0,0 +1,218 @@
+---
+title: margin-right
+slug: Web/CSS/margin-right
+tags:
+  - CSS
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/margin-right
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="https://developer.mozilla.org/en/CSS">CSS</a> <strong><code>margin-right</code></strong> estableix l'<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">àrea de marge</a> en el costat dret d'un element . Un valor positiu el situarà més enllà del normal dels seus veïns, mentre que un valor negatiu el situarà més a prop.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; values */
+margin-right: 20px;  /* An absolute length */
+margin-right: 1em;   /* relative to the text size */
+margin-right: 5%;    /* relative to the nearest block container's width */
+
+/* Keyword values */
+margin-right: auto;
+
+/* Global values */
+margin-right: inherit;
+margin-right: initial;
+margin-right: unset;
+</pre>
+
+<p><img alt="The effect of the CSS margin-right property on the element box" src="/files/4041/margin-right.svg" style="border: solid 1px; display: block; height: 200px; margin-left: auto; margin-right: auto; width: 400px;"></p>
+
+<p>Els marges verticals de dues caixes adjacents es poden fusionar. Això es diu <a href="https://developer.mozilla.org/en-US/docs/CSS/margin_collapsing" title="/en-US/docs/CSS/margin_collapsing"><em>col.lapse de marge</em></a>.</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<p><span id="result_box" lang="ca"><span>La propietat</span></span> <code>margin-right</code> <span id="result_box" lang="ca"><span>és especificada amb la paraula clau</span></span> <code>auto</code>, o un <code>&lt;length&gt;</code>, o un <code>&lt;percentage&gt;</code>. El seu valor pot ser positiu, zero o negatiu.</p>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd>La grandària del marge com a valor fix.</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd>La grandària del marge com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor.</dd>
+ <dt><code>auto</code></dt>
+ <dd>El marge esquerre rep una part de l'espai horitzontal no utilitzat, tal com es determina principalment pel mode de disseny que s'utilitza. Si els valors de <code>margin-left</code> i <code>margin-right</code> sòn <code>auto</code>, l'espai calculat es distribueix de manera uniforme. Aquesta taula resumeix els diferents casos:
+ <table class="standard-table">
+  <thead>
+   <tr>
+    <th scope="col">Valor de {{cssxref("display")}}</th>
+    <th scope="col">Valor de {{cssxref("float")}}</th>
+    <th scope="col">Valor de {{cssxref("position")}}</th>
+    <th scope="col">Valor calculat d'auto</th>
+    <th scope="col">Comment</th>
+   </tr>
+  </thead>
+  <tbody>
+   <tr>
+    <th><code>inline</code>, <code>inline-block</code>, <code>inline-table</code></th>
+    <th><em>qualsevol</em></th>
+    <th><code>static</code> o <code>relative</code></th>
+    <td><code>0</code></td>
+    <td>Mode de disseny en línia</td>
+   </tr>
+   <tr>
+    <th><code>block</code>, <code>inline</code>, <code>inline-block</code>, <code>block</code>, <code>table</code>, <code>inline-table</code>, <code>list-item</code>, <code>table-caption</code></th>
+    <th><em>qualsevol</em></th>
+    <th><code>static</code> o <code>relative</code></th>
+    <td><code>0</code>, excepte si tant <code>margin-left</code> i <code>margin-right</code> s'estableixen en <code>auto</code>. En aquest cas, s'estableix el valor que centra l'element dins del seu pare.</td>
+    <td>Mode de disseny de block</td>
+   </tr>
+   <tr>
+    <th><code>block</code>, <code>inline</code>, <code>inline-block</code>, <code>block</code>, <code>table</code>, <code>inline-table</code>, <code>list-item</code>, <code>table-caption</code></th>
+    <th><code>left</code> o <code>right</code></th>
+    <th><code>static</code> o <code>relative</code></th>
+    <td><code>0</code></td>
+    <td>Mode de disseny de block (element flotant)</td>
+   </tr>
+   <tr>
+    <th><em>qualsevol</em> <em> </em><code>table-*</code><em>, excepte </em><code>table-caption</code></th>
+    <th><em>qualsevol</em></th>
+    <th><em>qualsevol</em></th>
+    <td><code>0</code></td>
+    <td>Els elements interns de <code>table-*</code> no tenen marges, utilitzeu {{ cssxref("border-spacing") }} en el seu lloc</td>
+   </tr>
+   <tr>
+    <th><em>qualsevol</em> <em>, excepte <code>flex</code>,</em> <code>inline-flex</code><em>, or </em><code>table-*</code></th>
+    <th><em>qualsevol</em></th>
+    <th><em><code>fixed</code></em> o <code>absolute</code></th>
+    <td><code>0</code>, excepte si tant <code>margin-left</code> i <code>margin-right</code> s'estableixen en <code>auto</code>. En aquest cas, s'estableix el valor que centra l'àrea de vora dins de <code>width</code> disponible, si es fixa.</td>
+    <td>Mode de disseny absolutament posicionat</td>
+   </tr>
+   <tr>
+    <th><code>flex</code>, <code>inline-flex</code></th>
+    <th><em>qualsevol</em></th>
+    <th><em>qualsevol</em></th>
+    <td><code>0</code>, excepte si hi ha algun espai lliure horitzontal positiu. En aquest cas, es distribueix uniformement a tots els marges <code>auto</code> horitzontals.</td>
+    <td><span class="short_text" id="result_box" lang="ca"><span>Mode de disseny Flexbox</span></span></td>
+   </tr>
+  </tbody>
+ </table>
+ </dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre class="eval">.content { margin-right: 5%; }
+.sidebox { margin-right: 10px; }
+.logo    { margin-right: -5px; }
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Box', '#the-margin', 'margin-right') }}</td>
+   <td>{{ Spec2('CSS3 Box') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi significatiu</span></span></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'margin-right') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>margin-right</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Flexbox', '#item-margins', 'margin-right')}}</td>
+   <td>{{ Spec2('CSS3 Flexbox') }}</td>
+   <td>Defineix el comportament de <code>margin-right</code> en elements flex.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'box.html#margin-properties', 'margin-right') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td><span id="result_box" lang="ca"><span>Elimina el seu efecte en els elements en línia</span></span></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS1', '#margin-right', 'margin-right') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1") }}</td>
+   <td>3.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+  <tr>
+   <td>
+    <p>valor <code>auto</code></p>
+   </td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1") }}</td>
+   <td>6.0 (strict mode)</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("1") }}</td>
+   <td>6.0</td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/margin-top/index.html b/files/ca/web/css/margin-top/index.html
new file mode 100644
index 0000000000..9642251af6
--- /dev/null
+++ b/files/ca/web/css/margin-top/index.html
@@ -0,0 +1,156 @@
+---
+title: margin-top
+slug: Web/CSS/margin-top
+tags:
+  - CSS
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/margin-top
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="https://developer.mozilla.org/en/CSS">CSS</a> <strong><code>margin-top</code></strong>  estableix l'<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">àrea de marge</a> en la part superior d'un element . Un valor positiu el situarà més enllà del normal dels seus veïns, mentre que un valor negatiu el situarà més a prop.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; values */
+margin-top: 10px;  /* An absolute length */
+margin-top: 1em;   /* relative to the text size */
+margin-top: 5%;    /* relative to the nearest block container's width */
+
+/* Keyword values */
+margin-top: auto;
+
+/* Global values */
+margin-top: inherit;
+margin-top: initial;
+margin-top: unset;
+</pre>
+
+<p><img alt="The effect of the CSS margin-top property on the element box" src="/files/4101/margin-top.svg" style="border-style: solid; border-width: 1px; display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<p><span id="result_box" lang="ca"><span>La propietat</span></span> <code>margin-top</code> <span id="result_box" lang="ca"><span>és especificada amb la paraula clau</span></span> <code>auto</code>, o un <code>&lt;length&gt;</code>, o un <code>&lt;percentage&gt;</code>. El seu valor pot ser positiu, zero o negatiu.</p>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd>La grandària del marge com a valor fix.</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd>La grandària del marge com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor.</dd>
+ <dt><code>auto</code></dt>
+ <dd><span id="result_box" lang="ca"><span>El navegador selecciona un valor adequat per utilitzar.</span> <span>Veure</span></span> {{cssxref("margin")}}.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre class="brush:css;">.content { margin-top:   5%; }
+.sidebox { margin-top: 10px; }
+.logo    { margin-top: -5px; }
+#footer  { margin-top:  1em; }
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentsri</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Box', '#the-margin', 'margin-top')}}</td>
+   <td>{{Spec2('CSS3 Box')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi significatiu</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Transitions', '#animatable-css', 'margin-top')}}</td>
+   <td>{{Spec2('CSS3 Transitions')}}</td>
+   <td>Defineix <code>margin-top</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'box.html#margin-properties', 'margin-top')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td><span id="result_box" lang="ca"><span>Elimina el seu efecte en els elements en línia</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1', '#margin-top', 'margin-top')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable()}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>3.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+  <tr>
+   <td>
+    <p>valor <code>auto</code></p>
+   </td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>6.0 (strict mode)</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>6.0</td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/margin-trim/index.html b/files/ca/web/css/margin-trim/index.html
new file mode 100644
index 0000000000..fca1c48772
--- /dev/null
+++ b/files/ca/web/css/margin-trim/index.html
@@ -0,0 +1,96 @@
+---
+title: margin-trim
+slug: Web/CSS/margin-trim
+translation_of: Web/CSS/margin-trim
+---
+<p>{{CSSRef}}</p>
+
+<p>La propietat <code>margin-trim</code> permet al contenidor retallar els marges dels seus fills on s'adhereixen a les vores del contenidor.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<dl>
+ <dt><code>none</code></dt>
+ <dd>Els marges no són retallats pel contenidor.</dd>
+ <dt><code>in-flow</code></dt>
+ <dd>
+ <p>Per a les caixes in-flow contingudes per aquesta caixa, els marges block-axis adjacents a les vores de la caixa estan truncats a zero.</p>
+
+ <p>També trunca qualsevol marge col·lapsat amb aquest marge.</p>
+ </dd>
+ <dt><code>all</code></dt>
+ <dd>Retalla els marges de les caixes in-flow i floats, els marges dels quals coincideixen amb la vora del contingut del contenidor.</dd>
+</dl>
+
+<h2 id="Definició_formal">Definició formal</h2>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi_formal">Sintaxi formal</h2>
+
+<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Ús_bàsic">Ús bàsic</h3>
+
+<p>Una vegada que es doni suport a aquesta propietat, probablement funcionarà així::</p>
+
+<p>Quan tinguem un contenidor amb alguns fills en línia i vulguem posar un marge entre cada fill, però no interferir amb l'espaiat al final de la fila, podem fer una cosa així:</p>
+
+<pre class="brush: css notranslate">article {
+  background-color: red;
+  margin: 20px;
+  padding: 20px;
+  display: inline-block;
+}
+
+article &gt; span {
+  background-color: black;
+  color: white;
+  text-align: center;
+  padding: 10px;
+  margin-right: 20px;
+}</pre>
+
+<p>El problema aquí és que acabaríem amb 20px massa espaiat a la dreta de la fila, així que tal vegada fariem això per a arreglar-ho:</p>
+
+<pre class="brush: css notranslate">span:last-child {
+  margin-right: 0;
+}</pre>
+
+<p>És un dolor haver d'escriure una altra norma per a aconseguir-lo, i tampoc és molt flexible. En lloc d'això, <code>margin-trim</code> podria arreglar-ho:</p>
+
+<pre class="brush: css notranslate"> article {
+  margin-trim: in-flow;
+  ...
+}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th>Especificacions</th>
+   <th>Estat</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Box', '#margin-trim', 'margin-trim')}}</td>
+   <td>{{Spec2('CSS4 Box')}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_el_navegador">Compatibilitat amb el navegador</h2>
+
+<div class="hidden">La taula de compatibilitat d'aquesta pàgina es genera a partir de dades estructurades. Si es vol contribuir a les dades, consulteu out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> i enviar una sol·licitud d'extracció.</div>
+
+<p>{{Compat("css.properties.margin-trim")}}</p>
+
+<h2 id="Veure_també">Veure també</h2>
+
+<ul>
+ <li>{{CSSxRef("margin")}}</li>
+</ul>
diff --git a/files/ca/web/css/margin/index.html b/files/ca/web/css/margin/index.html
new file mode 100644
index 0000000000..514a06cd6a
--- /dev/null
+++ b/files/ca/web/css/margin/index.html
@@ -0,0 +1,302 @@
+---
+title: margin
+slug: Web/CSS/margin
+tags:
+  - CSS
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/margin
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="/en/CSS">CSS</a> <strong><code>margin</code></strong> estableix l'àrea del marge en els quatre costats d'un element. És una abreviatura que estableix tots els marges individuals alhora: {{cssxref("margin-top")}}, {{cssxref("margin-right")}}, {{cssxref("margin-bottom")}} i {{cssxref("margin-left")}}.</p>
+
+<pre class="brush:css no-line-numbers">/* Apply to all four sides */
+margin: 1em;
+
+/* vertical | horizontal */
+margin: 5% auto;
+
+/* top | horizontal | bottom */
+margin: 1em auto 2em;
+
+/* top | right | bottom | left */
+margin: 2px 1em 0 auto;
+
+/* Global values */
+margin: inherit;
+margin: initial;
+margin: unset;
+</pre>
+
+<div class="hidden" id="margin">
+<pre class="brush: html">&lt;div class="grid"&gt;
+  &lt;div class="col"&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="m m0"&gt;margin: 0&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="m m1"&gt;margin: 1em&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="m m2"&gt;margin: 5% auto&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="m m3"&gt;margin: 1em auto 2em&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="m m4"&gt;margin: 5px 1em 0 auto&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="note"&gt;All the boxes above have the same width of 50%&lt;/div&gt;
+  &lt;/div&gt;
+&lt;/div&gt;</pre>
+
+<pre class="brush: css">html,body {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.grid {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  background: #EEE;
+  font: 1em monospace;
+}
+
+.col {
+  display: flex;
+  flex: 1 auto;
+  flex-direction: column;
+}
+
+.cell {
+  box-sizing: border-box;
+  margin: .5em;
+  padding: 0;
+  background-color: #FFF;
+  overflow: hidden;
+  text-align: center;
+}
+
+.note {
+  background: #fff3d4;
+  padding: 1em;
+  margin: .5em;
+  font: .8em sans-serif;
+  text-align: center;
+  flex: none;
+}
+
+.m {
+  display: block;
+  width: 50%;
+  text-align: left;
+  background: #E4F0F5;
+  padding: .5em;
+  border: 1px solid;
+}
+
+.m0 { margin: 0; }
+.m1 { margin: 1em; }
+.m2 { margin: 5% auto; }
+.m3 { margin: 1em auto 2em; }
+.m4 { margin: 5px 1em 0 auto; }</pre>
+</div>
+
+<p>{{EmbedLiveSample("margin", "100%", 400, "", "", "example-outcome-frame")}}</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La propietat <code>margin</code> es pot especificar usant un, dos, tres o quatre valors. Cada valor és un <code><a href="#&lt;length>">&lt;length&gt;</a></code>, un <code><a href="#&lt;percentage>">&lt;percentage&gt;</a></code>, o la paraula clau <code><a href="#auto">auto</a></code>. Cada valor pot ser positiu, zero o negatiu.</p>
+
+<ul>
+ <li>Quan s'especifica <strong>un</strong> valor, s'aplica el mateix marge als <strong>quatre costats</strong>.</li>
+ <li>Quan s'especifiquen <strong>dos</strong> valors, el primer marge s'aplica a la part <strong>superior i inferior</strong>, el segon a l'<strong>esquerra i a la dreta</strong>.</li>
+ <li>Quan s'especifiquen <strong>tres</strong> valors, el primer marge s'aplica a la part <strong>superior</strong>, el segon a l'<strong>esquerra i a la dreta</strong>, el tercer a la part <strong>inferior</strong>.</li>
+ <li>Quan s'especifiquen <strong>quatre</strong> valors, els marges s'apliquen a la part <strong>superior, dreta, inferior </strong>i<strong> esquerra</strong> en aquest ordre (en el sentit de les agulles del rellotge).</li>
+</ul>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><strong>{{cssxref("length")}}</strong></dt>
+ <dd>La grandària del marge com a valor fix.</dd>
+ <dt>{{cssxref("percentage")}}</dt>
+ <dd>La grandària del marge com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor.</dd>
+ <dt><code>auto</code></dt>
+ <dd>El navegador selecciona un marge adequat per utilitzar-lo. Per exemple, en alguns casos aquest valor es pot utilitzar per centrar un element.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_senzill">Exemple senzill</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;div class="center"&gt;This element is centered.&lt;/div&gt;
+
+&lt;div class="outside"&gt;This element is positioned outside of its container.&lt;/div&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css; highlight:[2,8]">.center {
+  margin: auto;
+  background: lime;
+  width: 66%;
+}
+
+.outside {
+  margin: 3rem 0 0 -3rem;
+  background: cyan;
+  width: 66%;
+}</pre>
+
+<p>{{ EmbedLiveSample('Simple_example','100%',120) }}</p>
+
+<h3 id="Més_exemples"><span class="short_text" id="result_box" lang="ca"><span>Més exemples</span></span></h3>
+
+<pre class="brush: css">margin: 5%;                 /* all sides: 5% margin */
+
+margin: 10px;               /* all sides: 10px margin */
+
+margin: 1.6em 20px;         /* top and bottom: 1.6em margin */
+                            /* left and right: 20px margin  */
+
+margin: 10px 3% 1em;        /* top:            10px margin */
+                            /* left and right: 3% margin   */
+                            /* bottom:         1em margin  */
+
+margin: 10px 3px 30px 5px;  /* top:    10px margin */
+                            /* right:  3px margin  */
+                            /* bottom: 30px margin */
+                            /* left:   5px margin  */
+
+margin: 2em auto;           /* top and bottom: 2em margin   */
+                            /* box is horizontally centered */
+
+margin: auto;               /* top and bottom: 0 margin     */
+                            /* box is horizontally centered */
+</pre>
+
+<h2 id="Notes">Notes</h2>
+
+<h3 id="Centrat_horitzontal"><span id="result_box" lang="ca"><span>Centrat horitzontal</span></span></h3>
+
+<p>Per centrar alguna cosa horitzontalment en els navegadors moderns, podeu utilitzar <code><a href="/en-US/docs/Web/CSS/display">display</a>: flex; <a href="/en-US/docs/Web/CSS/justify-content">justify-content</a>: center;</code> .</p>
+
+<p>Tanmateix, en navegadors antics com IE8-9 que no admeten el disseny de flexbox, aquests no estan disponibles. Per centrar un element dins del seu pare, utilitzeu <code>margin: 0 auto;</code> .</p>
+
+<h3 id="Col.lapse_del_marge">Col.lapse del marge</h3>
+
+<p>Els marges superior i inferior d'elements solen col·lapsar-se en un únic marge igual al major dels dos marges. Consulteu <a href="/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Dominar el col.lapse del marge</a> per obtenir més informació.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Box', '#margin', 'margin') }}</td>
+   <td>{{ Spec2('CSS3 Box') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha canvis significatius</span></span> .</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'margin') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>margin</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'box.html#margin-properties', 'margin') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Elimina el seu efecte en elements en línia</span></span> .</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS1', '#margin', 'margin') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició iniciaI.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1") }}</td>
+   <td>3.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+  <tr>
+   <td><code>auto</code> value</td>
+   <td>1.0</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1") }}</td>
+   <td>6.0 (strict mode)</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("1") }}</td>
+   <td>6.0</td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a class="internal" href="/en/CSS/box_model" title="en/CSS/box model">Model de caixa CSS</a></li>
+ <li><a class="internal" href="/en/CSS/margin_collapsing" title="en/CSS/margin collapsing">Col.lapse del marge</a></li>
+</ul>
diff --git a/files/ca/web/css/max-height/index.html b/files/ca/web/css/max-height/index.html
new file mode 100644
index 0000000000..9ae113b699
--- /dev/null
+++ b/files/ca/web/css/max-height/index.html
@@ -0,0 +1,223 @@
+---
+title: max-height
+slug: Web/CSS/max-height
+tags:
+  - CSS
+  - CSS Property
+  - NeedsMobileBrowserCompatibility
+  - Reference
+translation_of: Web/CSS/max-height
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="/en-US/docs/CSS">CSS</a> <strong><code>max-height</code></strong> estableix l'alçada màxima d'un element. Impedeix que el <a href="/en-US/docs/Web/CSS/used_value">valor utilitzat</a> per la propietat {{ Cssxref("height") }} sigui més gran que el valor especificat per <code>max-height</code>.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; value */
+max-height: 3.5em;
+
+/* &lt;percentage&gt; value */
+max-height: 75%;
+
+/* Keyword values */
+max-height: none;
+max-height: max-content;
+max-height: min-content;
+max-height: fit-content;
+max-height: fill-available;
+
+/* Global values */
+max-height: inherit;
+max-height: initial;
+max-height: unset;
+</pre>
+
+<p>{{ Cssxref("max-height") }} anul·la {{cssxref("height")}}, <span id="result_box" lang="ca"><span>però</span></span> {{ Cssxref("min-height") }} anul·la {{ Cssxref("max-height") }}.</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'alçada màxima, expressada com</span></span> {{cssxref("&lt;length&gt;")}}.</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd>L'alçada màxima, expressada com {{cssxref("&lt;percentage&gt;")}} de l'alçada del bloc contenidor. Si l'alçada del bloc contenidor no s'especifica explícitament, el valor del percentatge es tractarà com a zero.</dd>
+</dl>
+
+<h4 id="Valors_de_paraules_clau">Valors de paraules clau</h4>
+
+<dl>
+ <dt><code>none</code></dt>
+ <dd>L'alçada no té un valor màxim.</dd>
+ <dt><code>max-content</code>{{experimental_inline()}}</dt>
+ <dd>L'alçada preferida intrínseca.</dd>
+ <dt><code>min-content</code>{{experimental_inline()}}</dt>
+ <dd>L'alçada mínima intrínseca.</dd>
+ <dt><code>fill-available</code>{{experimental_inline()}}</dt>
+ <dd>L'alçada del bloc contenidor menys el marge vertical, la vora i el farcit. (Tingueu en compte que alguns navegadors implementen un nom antic per a aquesta paraula clau, <code>available</code>.)</dd>
+ <dt><code>fit-content</code>{{experimental_inline()}}</dt>
+ <dd>El mateix que <code>max-content.</code></dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: css">table { max-height: 75%; }
+
+form { max-height: none; }
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Sizing', '#width-height-keywords', 'max-height') }}</td>
+   <td>{{ Spec2('CSS3 Sizing') }}</td>
+   <td>Afegeix les paraules clau <code>max-content</code>, <code>min-content</code>, <code>fit-content</code> i <code>fill-available</code>. (Els esborranys CSS3 Box i CSS3 Writing Modes s'utilitzen per definir aquestes paraules clau, però són substituïdes per aquesta especificació<em>).</em></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'max-height') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>max-height</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'visudet.html#min-max-heights', 'max-height') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegador compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>7.0</td>
+   <td>7.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>s'aplica a <code>&lt;table&gt;</code><sup>[1]</sup></td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown()}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{CompatVersionUnknown()}}</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+  <tr>
+   <td rowspan="1"><code>max-content</code>, <code>min-content</code> i <code>fit-content</code> {{ experimental_inline() }}</td>
+   <td>{{ CompatNo() }} [3]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}{{property_prefix("-moz")}} [2]</td>
+   <td rowspan="1">{{ CompatNo() }}</td>
+   <td rowspan="1">{{ CompatNo() }}</td>
+   <td>9[3](<a href="https://bugs.webkit.org/show_bug.cgi?id=113610">bug</a>)</td>
+  </tr>
+  <tr>
+   <td rowspan="1"><code>fill-available</code> {{ experimental_inline() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatNo() }} {{ bug(527285) }}</td>
+   <td rowspan="1">{{ CompatNo() }}</td>
+   <td rowspan="1">{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>s'aplica a <code>&lt;table&gt;</code><sup>[1]</sup></td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td rowspan="1"><code>max-content</code>, <code>min-content</code> i <code>fit-content</code> {{ experimental_inline() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td rowspan="1">{{ CompatUnknown() }}</td>
+   <td rowspan="1">{{ CompatUnknown() }}</td>
+   <td>9[3](<a href="https://bugs.webkit.org/show_bug.cgi?id=113610">bug</a>)</td>
+  </tr>
+  <tr>
+   <td rowspan="1"><code>fill-available</code> {{ experimental_inline() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td rowspan="1">{{ CompatUnknown() }}</td>
+   <td rowspan="1">{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] CSS 2.1 deixa explícitament indefinit el comportament de <code>max-height</code> amb {{ HTMLElement("table") }}. Per tant, qualsevol comportament és compatible amb CSS2.1; les noves especificacions de CSS poden definir aquest comportament, de manera que els desenvolupadors web no haurien de confiar en un específic ara.</p>
+
+<p>[2] Gecko implementa experimentalment les definicions donades en CSS3 Basic Box. Aquesta defineix <code>available</code> i no <code>fill-available</code>. També la definició de <code>fit-content</code> és més simple que en CSS3 Sizing.</p>
+
+<p>[3] WebKit implementa una proposta anterior per establir l'alçada a una alçada intrínseca: les paraules clau són <code>intrinsic</code>, en comptes de <code>max-content</code> i <code>min-intrinsic</code>, en comptes de <code>min-content</code>. No hi ha equivalent per <code>fill-available</code> o <code>fit-content</code>.</p>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/CSS/box_model" title="en/CSS/box_model">El model de caixa</a></li>
+ <li>{{ Cssxref("max-width") }}, {{ Cssxref("box-sizing") }}, {{ Cssxref("height") }}, {{ Cssxref("min-height") }}</li>
+</ul>
diff --git a/files/ca/web/css/max-width/index.html b/files/ca/web/css/max-width/index.html
new file mode 100644
index 0000000000..445a4e76ff
--- /dev/null
+++ b/files/ca/web/css/max-width/index.html
@@ -0,0 +1,234 @@
+---
+title: max-width
+slug: Web/CSS/max-width
+tags:
+  - CSS
+  - CSS Property
+  - NeedsMobileBrowserCompatibility
+  - Reference
+translation_of: Web/CSS/max-width
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> <strong><code>max-width</code></strong>  estableix l'amplada màxima d'un element . Impedeix que el <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/used_value">valor utilitzat</a> per la propietat {{ Cssxref("width") }} sigui més gran que el valor especificat per <code>max-width</code>.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; value */
+max-width: 3.5em;
+
+/* &lt;percentage&gt; value */
+max-width: 75%;
+
+/* Keyword values */
+max-width: none;
+max-width: max-content;
+max-width: min-content;
+max-width: fit-content;
+max-width: fill-available;
+
+/* Global values */
+max-width: inherit;
+max-width: initial;
+max-width: unset;
+</pre>
+
+<p>{{ Cssxref("max-width") }} anul·la {{cssxref("width")}}, <span id="result_box" lang="ca"><span>però</span></span> {{ Cssxref("min-width") }} anul·la {{ Cssxref("max-width") }}.</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'amplada màxima, expressada com</span></span> {{cssxref("&lt;length&gt;")}}.</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd>L'<span id="result_box" lang="ca"><span>amplada</span></span> màxima, expressada com {{cssxref("&lt;percentage&gt;")}} de l'amplada del bloc contenidor.</dd>
+</dl>
+
+<h4 id="Valors_de_paraules_clau">Valors de paraules clau</h4>
+
+<dl>
+ <dt><code>none</code></dt>
+ <dd>L'amplada no té un valor màxim.</dd>
+ <dt><code>max-content</code>{{experimental_inline()}}</dt>
+ <dd>L'amplada preferida intrínseca.</dd>
+ <dt><code>min-content</code>{{experimental_inline()}}</dt>
+ <dd>L'amplada mínima intrínseca.</dd>
+ <dt><code>fill-available</code>{{experimental_inline()}}</dt>
+ <dd>L'amplada del bloc contenidor menys el marge horitzontal, la vora i el farcit . ( Tingueu en compte que alguns navegadors implementen un nom antic per a aquesta paraula clau , <code>available</code>.)</dd>
+ <dt><code>fit-content</code>{{experimental_inline()}}</dt>
+ <dd>El mateix que <code>max-content.</code></dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p><span id="result_box" lang="ca"><span>En aquest exemple, el "fill" tindrà 150 píxels d'amplada o l'amplada del "pare", el que sigui més petit:</span></span></p>
+
+<div id="basic-max-width-demo">
+<pre class="brush: html">&lt;div id="parent"&gt;
+  &lt;div id="child"&gt;
+    Fusce pulvinar vestibulum eros, sed luctus ex lobortis quis.
+  &lt;/div&gt;
+&lt;/div&gt;
+</pre>
+
+<pre class="brush: css">#parent {
+  background: lightblue;
+  width: 300px;
+}
+
+#child {
+  background: gold;
+  width: 100%;
+  max-width: 150px;
+}
+</pre>
+</div>
+
+<p>{{EmbedLiveSample("basic-max-width-demo", 350, 100)}}</p>
+
+<p>El valor <code>fit-content</code> es pot utilitzar per establir l'amplada d'un element en funció de la grandària intrínseca que requereix el seu contingut:</p>
+
+<div id="fit-content-demo">
+<pre class="brush: html" style="display: none;">&lt;div id="parent"&gt;
+    &lt;div id="child"&gt;
+        Child Text
+    &lt;/div&gt;
+&lt;/div&gt;
+</pre>
+
+<pre class="brush: css">#parent {
+  background: lightblue;
+  width: 300px;
+}
+
+#child  {
+  background: gold;
+  width: 100%;
+  max-width: -moz-fit-content;
+  max-width: -webkit-fit-content;
+}
+</pre>
+</div>
+
+<p>{{EmbedLiveSample("fit-content-demo", 400, 100)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Sizing', '#width-height-keywords', 'max-width') }}</td>
+   <td>{{ Spec2('CSS3 Sizing') }}</td>
+   <td>Afegeix les paraules clau <code>max-content</code>, <code>min-content</code>, <code>fit-content</code> i <code>fill-available</code>. (Els esborranys CSS3 Box i CSS3 Writing Modes s'utilitzen per definir aquestes paraules clau, però són substituïdes per aquesta especificació<em>).</em></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'max-width') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>max-width</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'visudet.html#min-max-widths', 'max-width') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>7.0</td>
+   <td>4.0</td>
+   <td>2.0.2 (416),<br>
+    buggy before</td>
+  </tr>
+  <tr>
+   <td>s'aplica a <code>&lt;table&gt;</code><sup>[1]</sup></td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown()}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{CompatVersionUnknown()}}</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+  <tr>
+   <td rowspan="1"><code>max-content</code>, <code>min-content</code>, <code>fit-content</code> i <code>fill-</code><code>available</code> {{ experimental_inline() }}</td>
+   <td>{{ CompatNo() }} [3]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}{{property_prefix("-moz")}} [2]</td>
+   <td rowspan="1">{{ CompatNo() }}</td>
+   <td rowspan="1">{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }} [3]</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] CSS 2.1 deixa explícitament indefinit el comportament de <code>max-width</code> amb {{ HTMLElement("table") }}. Per tant, qualsevol comportament és compatible amb CSS2.1; les noves especificacions de CSS poden definir aquest comportament, de manera que els desenvolupadors web no haurien de confiar en un específic ara.</p>
+
+<p>[2] Gecko implementa experimentalment les definicions donades en CSS3 Basic Box. Aquesta defineix <code>available</code> i no <code>fill-available</code>. També la definició de <code>fit-content</code> és més simple que en CSS3 Sizing .</p>
+
+<p>[3] WebKit implementa una proposta anterior per establir l'alçada a una alçada intrínseca: les paraules clau són <code>intrinsic</code>, en comptes de <code>max-content</code> i <code>min-intrinsic</code>, en comptes de <code>min-content</code> No hi ha equivalent per <code>fill-available</code> o <code>fit-content</code>.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{ Cssxref("width") }}, {{ Cssxref("min-width") }}, {{ Cssxref("max-height") }}</li>
+ <li><a href="/en/CSS/box_model" title="en/CSS/box_model">El model de caixa</a>, {{ Cssxref("box-sizing") }}</li>
+</ul>
diff --git a/files/ca/web/css/min-height/index.html b/files/ca/web/css/min-height/index.html
new file mode 100644
index 0000000000..10f4f67152
--- /dev/null
+++ b/files/ca/web/css/min-height/index.html
@@ -0,0 +1,211 @@
+---
+title: min-height
+slug: Web/CSS/min-height
+tags:
+  - CSS
+  - CSS Property
+  - NeedsMobileBrowserCompatibility
+  - Reference
+translation_of: Web/CSS/min-height
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> <strong> <code>min-height</code></strong> estableix l'alçada mínima d'un element . Impedeix que el <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/used_value">valor utilitzat</a> per la propietat {{ Cssxref("height") }} sigui més petit que el valor especificat per <code>min-height</code>.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; value */
+min-height: 3.5em;
+
+/* &lt;percentage&gt; value */
+min-height: 10%;
+
+/* Keyword values */
+min-height: max-content;
+min-height: min-content;
+min-height: fit-content;
+min-height: fill-available;
+
+/* Global values */
+min-height: inherit;
+min-height: initial;
+min-height: unset;
+</pre>
+
+<p>L'alçada de l'element s'ajusta al valor de <code>min-height</code> cada vegada que <code>min-height</code> és més gran que {{ Cssxref("max-height") }} o {{Cssxref("height")}}.</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd>L'alçada mínima, expressada com {{cssxref("&lt;length&gt;")}}. Els valors negatius fan que la declaració no sigui vàlida.</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd>L'alçada mínima, expressada com {{cssxref("&lt;percentage&gt;")}} de l'alçada del bloc contenidor. Els valors negatius fan que la declaració no sigui vàlida.</dd>
+</dl>
+
+<h4 id="Valors_de_paraules_clau">Valors de paraules clau</h4>
+
+<dl>
+ <dt><code>auto</code></dt>
+ <dd><span id="result_box" lang="ca"><span>L'alçada mínima predeterminada per a elements flexibles, proporcionant un valor predeterminat més raonable que 0 per a altres dissenys.</span></span></dd>
+</dl>
+
+<dl>
+ <dt><code>max-content</code> {{ experimental_inline() }}</dt>
+ <dd>L'alçada preferida intrínseca.</dd>
+ <dt><code>min-content</code> {{ experimental_inline() }}</dt>
+ <dd>L'alçada mínima intrínseca.</dd>
+ <dt><code>fill-available</code>{{ experimental_inline() }}</dt>
+ <dd>L'alçada del bloc contenidor menys el marge vertical, la vora i el farcit . ( Tingueu en compte que alguns navegadors implementen un nom antic per a aquesta paraula clau, <code>available</code>.)</dd>
+ <dt><code>fit-content</code> {{ experimental_inline() }}</dt>
+ <dd>Segons CSS3 Box, aquest és un sinònim de <code>min-content</code>. CSS3 Sizing defineix un algoritme més complex, però cap navegador l'implementa, fins i tot de forma experimental.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: css">table { min-height: 75%; }
+
+form { min-height: 0; }
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Sizing', '#width-height-keywords', 'min-height') }}</td>
+   <td>{{ Spec2('CSS3 Sizing') }}</td>
+   <td>Afegeix les paraules clau <code>max-content</code>, <code>min-content</code>, <code>fit-content</code> i <code>fill-available</code>. ( Els esborranys CSS3 Box i CSS3 Writing Modes s'utilitzen per definir aquestes paraules clau, però són substituïdes per aquesta especificació <em>)</em></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Flexbox', '#min-auto', 'min-height') }}</td>
+   <td>{{ Spec2('CSS3 Flexbox') }}</td>
+   <td>Afegeix la paraula clau <code>auto</code> i l'utilitza com a valor inicial.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'min-height') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>min-height</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'visudet.html#min-max-heights', 'min-height') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("1.9") }}</td>
+   <td>7.0 [3]</td>
+   <td>4.0</td>
+   <td>1.0<br>
+    2.0.2 (416) for positioned elements</td>
+  </tr>
+  <tr>
+   <td>s'aplica a <code>&lt;table&gt;</code><sup>[1]</sup></td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+  <tr>
+   <td><code>max-content</code>, <code>min-content</code>, <code>fit-content</code> i <code>fill-</code><code>available</code> {{ experimental_inline() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>9</td>
+  </tr>
+  <tr>
+   <td><code>auto</code>{{obsolete_inline(22)}}</td>
+   <td>21.0</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("16.0") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>12.10</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+  <tr>
+   <td><code>auto</code> com a valor incial{{obsolete_inline(22)}}</td>
+   <td>21.0</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("18.0") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>12.10</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>9</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] CSS 2.1 deixa explícitament indefinit el comportament de <code>min-height </code>amb {{ HTMLElement("table") }}. Per tant, qualsevol comportament és compatible amb CSS2.1; les noves especificacions de CSS poden definir aquest comportament, de manera que els desenvolupadors web no haurien de confiar en un específic ara.</p>
+
+<p>[2] A causa de l'error ({{bug("307866")}}) Firefox no maneja <code>min-height</code> en elements amb <code>display: table-*</code>.</p>
+
+<p>[3] A Internet Explorer 10-11 (però no 12+), una declaració <code>min-height</code> en un contenidor flex de direcció-columna no s'aplica als elements flex del contenidor. Consulteu <a href="https://github.com/philipwalton/flexbugs#3-min-height-on-a-column-flex-container-wont-apply-to-its-flex-items">Flexbug #3</a> per més informació.</p>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{ Cssxref("height") }}, {{ Cssxref("max-height") }}</li>
+ <li>El <a href="/en-US/docs/CSS/box_model" title="en/CSS/box_model">model de caixa</a>, {{ Cssxref("box-sizing") }}</li>
+</ul>
diff --git a/files/ca/web/css/min-width/index.html b/files/ca/web/css/min-width/index.html
new file mode 100644
index 0000000000..f0c3067728
--- /dev/null
+++ b/files/ca/web/css/min-width/index.html
@@ -0,0 +1,257 @@
+---
+title: min-width
+slug: Web/CSS/min-width
+tags:
+  - CSS
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/min-width
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> <strong><code>min-width</code></strong>  estableix l'amplada mínima d'un element. Impedeix que el <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/used_value">valor utilitzat</a> per la propietat {{ Cssxref("width") }} sigui més ampla que el valor especificat per <code>min-width</code>.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; value */
+min-width: 3.5em;
+
+/* &lt;percentage&gt; value */
+min-width: 10%;
+
+/* Keyword values */
+min-width: max-content;
+min-width: min-content;
+min-width: fit-content;
+min-width: fill-available;
+
+/* Global values */
+min-width: inherit;
+min-width: initial;
+min-width: unset;
+</pre>
+
+<p>L'amplada de l'element s'ajusta al valor de <code>min-width</code>  cada vegada que <code>min-width</code> és més gran que  {{ Cssxref("max-width") }} o {{Cssxref("width")}}.</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd>L'amplada mínima, expressada com {{cssxref("&lt;length&gt;")}}. Els valors negatius fan que la declaració no sigui vàlida .</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd>L'amplada mínima, expressada com {{cssxref("&lt;percentage&gt;")}} de l'amplada del bloc contenidor. Els valors negatius fan que la declaració no sigui vàlida .</dd>
+</dl>
+
+<h4 id="Valors_de_paraules_clau">Valors de paraules clau</h4>
+
+<dl>
+ <dt><code>auto</code></dt>
+ <dd><span id="result_box" lang="ca"><span>L'amplada mínima predeterminada per a elements flexibles, proporcionant un valor predeterminat més raonable que 0 per a altres dissenys</span></span> .</dd>
+ <dt><code>max-content</code> {{ experimental_inline() }}</dt>
+ <dd>L'amplada preferida intrínseca.</dd>
+ <dt><code>min-content</code> {{ experimental_inline() }}</dt>
+ <dd>L'amplada mínima intrínseca.</dd>
+ <dt><code>fill-available</code>{{ experimental_inline() }}</dt>
+ <dd>L'amplada del bloc contenidor menys el marge horitzontal, la vora i el farcit. ( Tingueu en compte que alguns navegadors implementen un nom antic per a aquesta paraula clau, <code>available</code>).</dd>
+ <dt><code>fit-content</code> {{ experimental_inline() }}</dt>
+ <dd>Definit com <code>min(max-content, max(min-content, fill-available))</code>.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush:css;">table { min-width: 75%; }
+
+form { min-width: 0; }
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Sizing', '#width-height-keywords', 'min-width') }}</td>
+   <td>{{ Spec2('CSS3 Sizing') }}</td>
+   <td>Afegeix les paraules clau <code>max-content</code>, <code>min-content</code>, <code>fit-content</code>, and <code>fill-available</code> keywords. (Els esborranys CSS3 Box i CSS3 Writing Modes s'utilitzen per definir aquestes paraules clau, però són substituïdes per aquesta especificació<em>)</em></td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Flexbox', '#min-size-auto', 'min-width') }}</td>
+   <td>{{ Spec2('CSS3 Flexbox') }}</td>
+   <td>Afegeix la paraula clau <code>auto</code> keyword i l'utilitza com a valor inicial.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'min-width') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>min-width</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'visudet.html#min-max-widths', 'min-width') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0 (1.0)</td>
+   <td>7.0</td>
+   <td>4.0</td>
+   <td>2.0.2 (416), buggy before</td>
+  </tr>
+  <tr>
+   <td>s'aplica a <code>&lt;table&gt;</code> <sup>[1]</sup></td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+  <tr>
+   <td><code>max-content</code>, <code>min-content</code>, <code>fit-content</code> i <code>fill-</code><code>available</code> {{ experimental_inline() }}</td>
+   <td>24.0 {{property_prefix("-webkit")}} [3]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatGeckoDesktop("1.9") }} {{ property_prefix("-moz") }} [2]</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }} [3]</td>
+  </tr>
+  <tr>
+   <td><code>auto</code></td>
+   <td>21.0 [4]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("16.0") }} [4]<br>
+    Removed in {{ CompatGeckoDesktop("22.0") }}<br>
+    Reintroduced in {{CompatGeckoDesktop("34.0")}} with the new behavior defined by the spec.</td>
+   <td>{{ CompatNo() }}</td>
+   <td>12.10 [6]</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+  <tr>
+   <td><code>auto</code> com a valor inicial{{obsolete_inline()}}</td>
+   <td>21.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoDesktop("18.0") }}<br>
+    Removed in {{ CompatGeckoDesktop("22.0") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>12.10</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}[5]</td>
+  </tr>
+  <tr>
+   <td>s'aplica a <code>&lt;table&gt;</code><sup>[1]</sup></td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><code>max-content</code>, <code>min-content</code>, <code>fit-content</code> i <code>fill-</code><code>available</code> {{ experimental_inline() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><code>auto</code></td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><code>auto</code> com a valor inicial{{obsolete_inline()}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] CSS 2.1 deixa explícitament indefinit el comportament de <code>min-width</code> amb {{ HTMLElement("table") }}. Per tant, qualsevol comportament és compatible amb CSS2.1; les noves especificacions de CSS poden definir aquest comportament, de manera que els desenvolupadors web no haurien de confiar en un específic ara.</p>
+
+<p>[2] Gecko implementa experimentalment les definicions donades en CSS3 Basic Box. Aquesta defineix <code>available</code> i no <code>fill-available</code>. També la definició de <code>fit-content</code> és més simple que en CSS3 Sizing.</p>
+
+<p>[3] <span id="result_box" lang="ca"><span>WebKit també implementa una proposta anterior, la paraula clau</span></span> <code>intrinsic</code>.</p>
+
+<p>[4] Aquestes implementacions on s'implementa un comportament lleugerament més simple per a aquesta paraula clau: calcula <code>min-content</code> en elements flexibles, i computa a <code>0</code> en tota la resta.</p>
+
+<p>[5] En alguns navegadors, a iOS, un element &lt;button&gt; en la seva configuració nativa (predeterminada) no respondrà a min-width. Aquest problema es deu als botons natius. Un &lt;span&gt; dins d'un botó natiu mostrarà el mateix problema, malgrat tenir definit "display:inline-block". Quan es fan canvis en altres paràmetres d'estil i el navegador es veu obligat a abandonar el botó natiu, la configuració min-width es veu afectada.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{ Cssxref("width") }}, {{ Cssxref("max-width") }}</li>
+ <li>El <a href="/en-US/docs/Web/CSS/box_model" title="en/CSS/box_model">model de caixa</a>, {{ Cssxref("box-sizing") }}</li>
+</ul>
diff --git a/files/ca/web/css/overflow-x/index.html b/files/ca/web/css/overflow-x/index.html
new file mode 100644
index 0000000000..28ed745f75
--- /dev/null
+++ b/files/ca/web/css/overflow-x/index.html
@@ -0,0 +1,192 @@
+---
+title: overflow-x
+slug: Web/CSS/overflow-x
+tags:
+  - CSS
+  - CSS Box Model
+  - CSS Property
+  - Experimental
+  - Reference
+translation_of: Web/CSS/overflow-x
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat<strong> <code>overflow-x</code></strong> especifica si s'ha de retallar el contingut, mostrar una barra de desplaçament o mostrar el contingut de desbordament d'un element de nivell de bloc, quan es desbordan les vores esquerra i dreta.</p>
+
+<pre class="brush:css no-line-numbers">/* El contingut no es retallat */
+overflow-x: visible;
+
+/* El contingut es retallat, sense barres desplaçament */
+overflow-x: hidden;
+
+/* El contingut es retallat, amb barres desplaçament */
+overflow-x: scroll;
+
+/* Deixa que el navegador decideixi */
+overflow-x: auto;
+
+/* Valors globals */
+overflow-x: inherit;
+overflow-x: initial;
+overflow-x: unset;
+</pre>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><code>visible</code></dt>
+ <dd>El contingut no es retalla i es pot mostrar fora de la caixa de contingut.</dd>
+ <dt><code>hidden</code></dt>
+ <dd>El contingut es retalla <span class="short_text" id="result_box" lang="ca"><span>i no es proporcionen barres de desplaçament</span></span>.</dd>
+ <dt><code>scroll</code></dt>
+ <dd>El contingut es retalla i els exploradors d'escriptori utilitzen barres de desplaçament, independentment que s'hagi retallat o no qualsevol contingut. Això evita qualsevol problema amb les barres de desplaçament que apareixen i desapareixen en un entorn dinàmic. Les impressores poden imprimir contingut desbordat.</dd>
+ <dt><code>auto</code></dt>
+ <dd>Depèn de l'agent d'usuari. Els navegadors d'escriptori com Firefox proporcionen barres de desplaçament si el contingut es desborda.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;&lt;code&gt;overflow-x:hidden&lt;/code&gt; —  <span class="short_text" id="result_box" lang="ca"><span>amaga el text fora de la caixa</span></span>
+    &lt;div id="div1"&gt;
+      ABCDEFGHIJKLMOPQRSTUVWXYZABCDEFGHIJKLMOPQRSTUVWXYZ
+    &lt;/div&gt;
+  &lt;/li&gt;
+
+  &lt;li&gt;&lt;code&gt;overflow-x:scroll&lt;/code&gt; — afegeix sempre una barra de desplaçament
+    &lt;div id="div2"&gt;
+      ABCDEFGHIJKLMOPQRSTUVWXYZABCDEFGHIJKLMOPQRSTUVWXYZ
+    &lt;/div&gt;
+  &lt;/li&gt;
+
+  &lt;li&gt;&lt;code&gt;overflow-x:visible&lt;/code&gt; — mostra el text fora de la caixa, si és necessari
+    &lt;div id="div3"&gt;
+      ABCDEFGHIJKLMOPQRSTUVWXYZABCDEFGHIJKLMOPQRSTUVWXYZ
+    &lt;/div&gt;
+  &lt;/li&gt;
+
+  &lt;li&gt;&lt;code&gt;overflow-x:auto&lt;/code&gt; — <span class="short_text" id="result_box" lang="ca"><span>a la majoria de navegadors, equivalent a</span></span> &lt;code&gt;scroll&lt;/code&gt;
+    &lt;div id="div4"&gt;
+      ABCDEFGHIJKLMOPQRSTUVWXYZABCDEFGHIJKLMOPQRSTUVWXYZ
+    &lt;/div&gt;
+  &lt;/li&gt;
+&lt;/ul&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">#div1, #div2, #div3, #div4 {
+  border: 1px solid black;
+  width:  250px;
+  margin-bottom: 12px;
+}
+
+#div1 { overflow-x: hidden;}
+#div2 { overflow-x: scroll;}
+#div3 { overflow-x: visible;}
+#div4 { overflow-x: auto;}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<figure>
+<p>{{EmbedLiveSample("Examples", "100%", "270")}}</p>
+</figure>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Overflow', '#propdef-overflow-x', 'overflow-x')}}</td>
+   <td>{{Spec2('CSS3 Overflow')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Box', '#overflow-x', 'overflow-x')}}</td>
+   <td>{{Spec2('CSS3 Box')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>5.0<sup>[1]</sup></td>
+   <td>9.5</td>
+   <td>3.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <span id="result_box" lang="ca"><span>Internet Explorer 8 va introduir</span></span> <code> -ms-overflow-x </code> <span id="result_box" lang="ca"><span>com sinònim de</span></span> <code> overflow-x</code>. <span id="result_box" lang="ca"><span>No utilitzeu el prefix</span></span> <code>-ms-</code>.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Propietats CSS relacionades: {{cssxref("text-overflow")}}, {{cssxref("white-space")}}, {{Cssxref("overflow")}}, {{Cssxref("overflow-y")}}, {{Cssxref("clip")}}, {{Cssxref("display")}}</li>
+</ul>
diff --git a/files/ca/web/css/overflow-y/index.html b/files/ca/web/css/overflow-y/index.html
new file mode 100644
index 0000000000..4426f507b4
--- /dev/null
+++ b/files/ca/web/css/overflow-y/index.html
@@ -0,0 +1,196 @@
+---
+title: overflow-y
+slug: Web/CSS/overflow-y
+tags:
+  - CSS
+  - CSS Box Model
+  - CSS Property
+  - Experimental
+  - Reference
+translation_of: Web/CSS/overflow-y
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <strong><code>overflow-y</code></strong> especifica si s'ha de retallar el contingut, mostrar una barra de desplaçament o mostrar el contingut de desbordament d'un element de nivell de bloc, <span class="short_text" id="result_box" lang="ca"><span>quan es desbordan les vores superior i inferior.</span></span></p>
+
+<pre class="brush:css no-line-numbers">/* El contingut no es retallat */
+overflow-y: visible;
+
+/* El contingut es retallat, sense barres desplaçament */
+overflow-y: hidden;
+
+/* El contingut es retallat, amb barres desplaçament */
+overflow-y: scroll;
+
+/* Deixa que el navegador decideixi */
+overflow-y: auto;
+
+/* Valors globals */
+overflow-y: inherit;
+overflow-y: initial;
+overflow-y: unset;
+</pre>
+
+<div>{{cssinfo}}</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><code>visible</code></dt>
+ <dd>El contingut no es retalla i es pot mostrar fora de la caixa de contingut.</dd>
+ <dt><code>hidden</code></dt>
+ <dd>El contingut es retalla <span class="short_text" id="result_box" lang="ca"><span>i no es proporcionen barres de desplaçament</span></span>.</dd>
+ <dt><code>scroll</code></dt>
+ <dd>El contingut es retalla i els exploradors d'escriptori utilitzen barres de desplaçament, independentment que s'hagi retallat o no qualsevol contingut. Això evita qualsevol problema amb les barres de desplaçament que apareixen i desapareixen en un entorn dinàmic. Les impressores poden imprimir contingut desbordat.</dd>
+ <dt><code>auto</code></dt>
+ <dd>Depèn de l'agent d'usuari. Els navegadors d'escriptori com Firefox proporcionen barres de desplaçament si el contingut es desborda.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;&lt;code&gt;overflow-y:hidden&lt;/code&gt; — <span class="short_text" id="result_box" lang="ca"><span>amaga el text fora de la caixa</span></span>
+  &lt;div id="div1"&gt;
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+    &lt;/div&gt;
+  &lt;/li&gt;
+
+  &lt;li&gt;&lt;code&gt;overflow-y:scroll&lt;/code&gt; — afegeix sempre una barra de desplaçament
+  &lt;div id="div2"&gt;
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+    &lt;/div&gt;
+  &lt;/li&gt;
+
+  &lt;li&gt;&lt;code&gt;overflow-y:visible&lt;/code&gt; — mostra el text fora de la caixa, si és necessari
+  &lt;div id="div3"&gt;
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+    &lt;/div&gt;
+  &lt;/li&gt;
+
+  &lt;li&gt;&lt;code&gt;overflow-y:auto&lt;/code&gt; — <span class="short_text" id="result_box" lang="ca"><span>a la majoria de navegadors, equivalent a</span></span> &lt;code&gt;scroll&lt;/code&gt;
+  &lt;div id="div4"&gt;
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+    &lt;/div&gt;
+  &lt;/li&gt;
+&lt;/ul&gt;
+
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">#div1,
+#div2,
+#div3,
+#div4 {
+  border: 1px solid black;
+  width:  250px;
+  height: 100px;
+}
+
+#div1 { overflow-y: hidden; margin-bottom: 12px;}
+#div2 { overflow-y: scroll; margin-bottom: 12px;}
+#div3 { overflow-y: visible; margin-bottom: 120px;}
+#div4 { overflow-y: auto; margin-bottom: 120px;}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<figure>
+<p>{{EmbedLiveSample("Example", "100%", "780")}}</p>
+</figure>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Overflow', '#propdef-overflow-y', 'overflow-y') }}</td>
+   <td>{{ Spec2('CSS3 Overflow') }}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Box', '#overflow-y', 'overflow-y')}}</td>
+   <td>{{Spec2('CSS3 Box')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8")}}</td>
+   <td>5.0 [*]</td>
+   <td>9.5</td>
+   <td>3.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.5")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[*] <span id="result_box" lang="ca"><span>IE8 va introduir</span></span> <code>-ms-overflow-y</code> <span id="result_box" lang="ca"><span>com a sinònim de</span></span> <code>overflow-y</code>. <span id="result_box" lang="ca"><span>No utilitzeu el prefix</span></span> <code>-ms-</code>.</p>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>Propietats CSS relacionades: {{cssxref("text-overflow")}}, {{cssxref("white-space")}}, {{Cssxref("overflow")}}, {{Cssxref("overflow-x")}}, {{Cssxref("clip")}}, {{Cssxref("display")}}</li>
+</ul>
diff --git a/files/ca/web/css/overflow/index.html b/files/ca/web/css/overflow/index.html
new file mode 100644
index 0000000000..fa1264359d
--- /dev/null
+++ b/files/ca/web/css/overflow/index.html
@@ -0,0 +1,273 @@
+---
+title: overflow
+slug: Web/CSS/overflow
+tags:
+  - CSS
+  - CSS Box Model
+  - CSS Property
+  - NeedsMobileBrowserCompatibility
+  - Reference
+translation_of: Web/CSS/overflow
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat CSS <strong><code>overflow</code></strong> especifica si s'ha de retallar el contingut, mostrar barres de desplaçament o mostrar el contingut desbordat quan és massa gran per al seu <a href="/en-US/docs/Glossary/Block/CSS">contenidor a nivell de bloc</a>.</p>
+
+<pre class="brush:css no-line-numbers">/* <span class="short_text" id="result_box" lang="ca"><span>El contingut no es retallat</span></span> */
+overflow: visible;
+
+/* <span id="result_box" lang="ca"><span>El contingut es retallat, sense barres de desplaçament</span></span> */
+overflow: hidden;
+
+/* <span id="result_box" lang="ca"><span>El contingut es retallat, amb barres de desplaçament</span></span> */
+overflow: scroll;
+
+/* Deixa que el navegador decideixi */
+overflow: auto;
+
+/* Valors globals */
+overflow: inherit;
+overflow: initial;
+overflow: unset;
+</pre>
+
+<div class="hidden" id="overflow">
+<pre class="brush: html">&lt;div class="grid"&gt;
+  &lt;div class="row"&gt;
+    &lt;div class="cell"&gt;
+      visible
+      &lt;p class="visible"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus pretium facilisis. Praesent rutrum eget nisl in tristique. Sed tincidunt nisl et tellus vulputate, nec rhoncus orci pretium.&lt;/p&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      hidden
+      &lt;p class="hidden"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus pretium facilisis. Praesent rutrum eget nisl in tristique. Sed tincidunt nisl et tellus vulputate, nec rhoncus orci pretium.&lt;/p&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      scroll
+      &lt;p class="scroll"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus pretium facilisis. Praesent rutrum eget nisl in tristique. Sed tincidunt nisl et tellus vulputate, nec rhoncus orci pretium.&lt;/p&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      auto
+      &lt;p class="auto"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus pretium facilisis. Praesent rutrum eget nisl in tristique. Sed tincidunt nisl et tellus vulputate, nec rhoncus orci pretium.&lt;/p&gt;
+    &lt;/div&gt;
+  &lt;/div&gt;
+&lt;/div&gt;</pre>
+
+<pre class="brush: css">html,body {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.grid {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  background: #EEE;
+  font: 1em monospace;
+}
+
+.row {
+  display: flex;
+  flex: 1 auto;
+  flex-direction: row;
+}
+
+.cell {
+  width: calc(25% - 1em);
+  box-sizing: border-box;
+  margin: .5em;
+  padding: .5em;
+  background-color: #FFF;
+  overflow: hidden;
+}
+
+p {
+  font: .8em sans-serif;
+  max-width: 100%;
+  height: 5rem;
+  box-sizing: border-box;
+  background: #E4F0F5;
+  padding: .5em;
+  margin: .5em 0 0;
+}
+
+.visible { overflow: visible; }
+.hidden  { overflow: hidden;  }
+.scroll  { overflow: scroll;  }
+.auto    { overflow: auto;    }</pre>
+</div>
+
+<p>{{EmbedLiveSample("overflow", "100%", 200, "", "", "example-outcome-frame")}}</p>
+
+<p>L'ús d' <code>overflow</code> amb un valor diferent a <code>visible</code> (per defecte) crea un nou <a href="/en-US/docs/CSS/block_formatting_context">context de format de bloc</a>. Això és necessari per motius tècnics — si un flotador es creua amb l'element de desplaçament, el contingut es torna a embolicar per la força després de cada pas de desplaçament, donant lloc a una experiència de desplaçament lent.</p>
+
+<p>Per tal que l' <code>overflow</code> tingui un efecte, el contenidor a nivell de bloc ha de tenir una alçada definida (<code>height</code> o <code>max-height</code>) o <code>white-space</code> establert a <code>nowrap</code>.</p>
+
+<div class="note">
+<p><strong>Nota</strong>: <span id="result_box" lang="ca"><span>La propietat de JavaScript</span></span> {{domxref("Element.scrollTop")}} <span id="result_box" lang="ca"><span>es pot utilitzar per desplaçar un element HTML fins i tot quan</span></span> <code>overflow</code> <span id="result_box" lang="ca"><span>està configurat com</span></span> <code>hidden</code>.</p>
+</div>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La propietat <code>overflow</code> s'especifica com una sola paraula clau triada de la llista de valors que es mostra a continuació.</p>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><code>visible</code></dt>
+ <dd>El contingut no es retalla i es pot mostrar fora de la caixa de contingut. Valor per defecte.</dd>
+ <dt><code>hidden</code></dt>
+ <dd>El contingut es retalla si és necessari per adaptar-lo a la caixa de contingut. No es proporcionen barres de desplaçament.</dd>
+ <dt><code>scroll</code></dt>
+ <dd>El contingut es retalla si és necessari per adaptar-lo a la caixa de contingut. Els navegadors mostren les barres de desplaçament independentment que el contingut estigui o no retallat. (Això evita que les barres de desplaçament apareguin o desapareguin quan el contingut canvia). Les impressores poden imprimir contingut desbordat.</dd>
+ <dt><code>auto</code></dt>
+ <dd>Depèn de l'agent d'usuari. Si el contingut s'adapta a l'interior de la caixa de contingut, es veurà igual que <code>visible</code>, però se segueix establint un nou context de format de bloc. Els navegadors d'escriptori com Firefox proporcionen barres de desplaçament si el contingut es desborda.</dd>
+</dl>
+
+<dl>
+ <dt><code>overlay</code> {{experimental_inline}} {{deprecated_inline}}</dt>
+ <dd>Es comporta de la mateixa manera que <code>auto</code>, però amb les barres de desplaçament sobre el contingut en lloc d'ocupar espai. Només s'admet en navegadors basats en WebKit (p. ex., Safari) i basats en Blink (p. ex., Chrome o Opera).</dd>
+</dl>
+
+<h4 id="Extensions_Mozilla"><span id="result_box" lang="ca"><span>Extensions Mozilla</span></span></h4>
+
+<dl>
+ <dt><code>-moz-scrollbars-none</code> {{obsolete_inline}}</dt>
+ <dd>Utilitzeu <code>overflow: hidden</code> en el seu lloc.</dd>
+ <dt><code>-moz-scrollbars-horizontal</code> {{deprecated_inline}}</dt>
+ <dd>Es preferible l'ús de {{Cssxref("overflow-x")}} i {{Cssxref("overflow-y")}}.</dd>
+ <dt><code>-moz-scrollbars-vertical</code> {{deprecated_inline}}</dt>
+ <dd>Es preferible l'ús de {{Cssxref("overflow-x")}} i {{Cssxref("overflow-y")}}.</dd>
+ <dt><code>-moz-hidden-unscrollable</code> {{non-standard_inline}}</dt>
+ <dd>Destinat principalment per a ús intern i per temes. Desactiva el desplaçament dels elements arrel XML, <code>&lt;html&gt;</code> i <code> &lt;body&gt;</code> amb les tecles de fletxa del teclat i la roda del ratolí.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: css">p {
+  width: 12em;
+  height: 6em;
+  border: dotted;
+  overflow: visible; /* <span class="short_text" id="result_box" lang="ca"><span>el contingut no es retalla</span></span> */
+}
+</pre>
+
+<p style="overflow: visible; display: inline-block; width: 12em; height: 6em; border: dotted;"><code>visible</code> (per defecte)<br>
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
+
+<pre class="brush: css">p { overflow: hidden; /* <span class="short_text" id="result_box" lang="ca"><span>no es proporcionen barres de desplaçament</span></span> */ }
+</pre>
+
+<p style="overflow: hidden; display: inline-block; width: 12em; height: 6em; border: dotted;"><code>overflow: hidden</code><br>
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
+
+<pre class="brush: css">p { overflow: scroll; /* <span class="short_text" id="result_box" lang="ca"><span>mostra sempre barres de desplaçament</span></span> */ }
+</pre>
+
+<p style="overflow: scroll; display: inline-block; width: 12em; height: 6em; border: dotted;"><code>overflow: scroll</code><br>
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
+
+<pre class="brush: css">p { overflow: auto; /* afegeix barres de desplaçament si és necessari */ }
+</pre>
+
+<p style="overflow: auto; display: inline-block; width: 12em; height: 6em; border: dotted;"><code>overflow: auto</code><br>
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Overflow', '#propdef-overflow', 'overflow')}}</td>
+   <td>{{Spec2('CSS3 Overflow')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Box', '#propdef-overflow', 'overflow')}}</td>
+   <td>{{Spec2('CSS3 Box')}}</td>
+   <td>No canvia.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'visufx.html#overflow', 'overflow')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}<sup>[1]</sup></td>
+   <td>4.0<sup>[2]</sup></td>
+   <td>7.0</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] A través de Firefox 3.6 (Gecko 1.9.2), la propietat <code>overflow</code> s'aplica incorrectament als elements del grup de taula (<code>&lt;thead&gt;</code> , <code>&lt;tbody&gt;</code> , <code>&lt;tfoot&gt;</code>). Aquest comportament es corregeix en versions posteriors.</p>
+
+<p>[2] Internet Explorer 4 a 6 amplia un element amb <code>overflow: visible</code> (valor predeterminat) per adaptar-se al contingut que hi ha dins. <code>height/width</code> es comportan com <code>min-height/min-width</code>.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Propietats CSS relacionades: {{cssxref("text-overflow")}}, {{cssxref("white-space")}}, {{Cssxref("overflow-x")}}, {{Cssxref("overflow-y")}}, {{Cssxref("clip")}}, {{Cssxref("display")}}</li>
+</ul>
diff --git a/files/ca/web/css/overscroll-behavior-block/index.html b/files/ca/web/css/overscroll-behavior-block/index.html
new file mode 100644
index 0000000000..000b4e8c9c
--- /dev/null
+++ b/files/ca/web/css/overscroll-behavior-block/index.html
@@ -0,0 +1,133 @@
+---
+title: overscroll-behavior-block
+slug: Web/CSS/overscroll-behavior-block
+translation_of: Web/CSS/overscroll-behavior-block
+---
+<div>{{CSSRef}}</div>
+
+<p><span class="seoSummary">La propietat CSS <strong><code>overscroll-behavior-block</code></strong> estableix el comportament del navegador quan s'arriba al límit de direcció de bloc d'una àrea de desplaçament.</span></p>
+
+<p>Veure {{cssxref("overscroll-behavior")}} per a una explicació completa.</p>
+
+<pre class="brush:css no-line-numbers notranslate">/* Keyword values */
+overscroll-behavior-block: auto; /* default */
+overscroll-behavior-block: contain;
+overscroll-behavior-block: none;
+
+/* Global values */
+overscroll-behavior-block: inherit;
+overscroll-behavior-block: initial;
+overscroll-behavior-block: unset;
+</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La propietat <code>overscroll-behavior-block</code> s'especifica com una paraula clau triada de la llista de valors de sota.</p>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><code>auto</code></dt>
+ <dd>El comportament per defecte de desbordament de desplaçament es produeix com a normal.</dd>
+ <dt><code>contain</code></dt>
+ <dd>El comportament per defecte del desbordament de desplaçament s'observa dins de l'element on aquest valor està establert (e.ex. Els efectes "rebot" o refrescs), però no es produeix cap encadenament de desplaçament a les zones veïnes, p.ex. els elements subjacents no es desplaçaran.</dd>
+ <dt><code>none</code></dt>
+ <dd>No es produeix cap encadenament de desplaçament a les zones veïnes, i s'impedeix el comportament per defecte de desbordament de desplaçament.</dd>
+</dl>
+
+<h2 id="Definició_formal">Definició formal</h2>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi_formal">Sintaxi formal</h2>
+
+<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Prevenint_el_desplaçament_del_bloc">Prevenint el desplaçament del bloc</h3>
+
+<p>En aquesta demostració tenim dues caixes a nivell de bloc, una dins l'altra. La caixa exterior té una gran {{cssxref("height")}} establert en ella de manera que la pàgina es desplaçarà verticalment. La caixa interior té una petita {{cssxref("width")}} (i <code>height</code>) establerta sobre ella de manera que s'assenta de manera inexcusable dins de l'àrea de visualització, però el seu contingut té una gran <code>height</code> de manera que també es desplaçarà verticalment..</p>
+
+<p>Per defecte, quan la capsa interior es desplaça i s'arriba a un límit de desplaçament, tota la pàgina començarà a desplaçar-se, que probablement no és el que volem. Per evitar que això passi en la direcció del bloc, hem establert <code>overscroll-behavior-block: contain</code> en la caixa interior.</p>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html notranslate">&lt;main&gt;
+  &lt;div&gt;
+    &lt;div&gt;
+      &lt;p&gt;&lt;code&gt;overscroll-behavior-block&lt;/code&gt; has been used to make it so that when the scroll boundaries of the yellow inner box are reached, the whole page does not begin to scroll.&lt;/p&gt;
+    &lt;/div&gt;
+  &lt;/div&gt;
+&lt;/main&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css notranslate">main {
+  height: 3000px;
+  width: 500px;
+  background-color: white;
+  background-image: repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 19px, rgba(0,0,0,0.5) 20px);
+}
+
+main &gt; div {
+  height: 300px;
+  width: 400px;
+  overflow: auto;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  overscroll-behavior-block: contain;
+}
+
+div &gt; div {
+  height: 1500px;
+  width: 100%;
+  background-color: yellow;
+  background-image: repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 19px, rgba(0,0,0,0.5) 20px);
+}
+
+p {
+  padding: 10px;
+  background-color: rgba(255,0,0,0.5);
+  margin: 0;
+  width: 340px;
+  position: relative;
+  top: 10px;
+  left: 10px;
+}</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Preventing_block_overscrolling','100%', 500)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS Overscroll Behavior', '#propdef-overscroll-behavior-block', 'overscroll-behavior-block')}}</td>
+   <td>{{Spec2('CSS Overscroll Behavior')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_el_navegador">Compatibilitat amb el navegador</h2>
+
+<div class="hidden">La taula de compatibilitat d'aquesta pàgina es genera a partir de dades estructurades. Si es vol contribuir a les dades, consultar <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> i enviar una sol·licitud d'extracció.</div>
+
+<p>{{Compat("css.properties.overscroll-behavior-block")}}</p>
+
+<h2 id="Veure_també">Veure també</h2>
+
+<ul>
+ <li><a href="https://developers.google.com/web/updates/2017/11/overscroll-behavior#demo">Prendre el control del desplaçament: personalitzar els efectes de extreure-per-refrescar i desbordament</a></li>
+</ul>
diff --git a/files/ca/web/css/overscroll-behavior-inline/index.html b/files/ca/web/css/overscroll-behavior-inline/index.html
new file mode 100644
index 0000000000..1cc7a7c605
--- /dev/null
+++ b/files/ca/web/css/overscroll-behavior-inline/index.html
@@ -0,0 +1,134 @@
+---
+title: overscroll-behavior-inline
+slug: Web/CSS/overscroll-behavior-inline
+translation_of: Web/CSS/overscroll-behavior-inline
+---
+<div>{{CSSRef}}</div>
+
+<p><span class="seoSummary">
+La propietat CSS <strong><code>overscroll-behavior-inline</code></strong> estableix el comportament del navegador quan s'arriba al límit de direcció en línia d'una àrea de desplaçament.</span></p>
+
+<p>Veure {{cssxref("overscroll-behavior")}} per a una explicació completa.</p>
+
+<pre class="brush:css no-line-numbers notranslate">/* Keyword values */
+overscroll-behavior-inline: auto; /* default */
+overscroll-behavior-inline: contain;
+overscroll-behavior-inline: none;
+
+/* Global values */
+overscroll-behavior-inline: inherit;
+overscroll-behavior-inline: initial;
+overscroll-behavior-inline: unset;
+</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La propietat <code>overscroll-behavior-inline</code> s'especifica com una paraula clau triada de la llista de valors de sota.</p>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><code>auto</code></dt>
+ <dd>El comportament per defecte de desbordament de desplaçament es produeix com a normal.</dd>
+ <dt><code>contain</code></dt>
+ <dd>El comportament per defecte del desbordament de desplaçament s'observa dins de l'element on aquest valor està establert (p. ex. g. Els efectes "rebot o refrescs), no es produeix cap encadenament de desplaçament a les zones veïnes, p.ex. els elements subjacents no es desplaçaran.</dd>
+ <dt><code>none</code></dt>
+ <dd>No es produeix cap encadenament de desplaçament a les zones veïnes, i s'impedeix el comportament per defecte de desbordament de desplaçament.</dd>
+</dl>
+
+<h2 id="Definició_formal">Definició formal</h2>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi_formal">Sintaxi formal</h2>
+
+<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Evitar_el_desplaçament_en_línia">Evitar el desplaçament en línia</h3>
+
+<p>En aquesta demostració tenim dues caixes a nivell de bloc, una dins l'altra. La caixa exterior té una gran {{cssxref("width")}} establert en ella de manera que la pàgina es desplaçarà horitzontalment. La caixa interior té una petita amplada (i {{cssxref("height")}}) establerta sobre ella de manera que es troba de manera inexcusable dins de l'àrea de visualització, però el seu contingut té una amplada gran de manera que també es desplaçarà horitzontalment.</p>
+
+<p>Per defecte, quan la caixa interior es desplaçi i s'arribi a un límit de desplaçament, tota la pàgina començarà a desplaçar-se, que probablement no és el que volem. Per evitar que això passi en la direcció en línia, hem establert <code>overscroll-behavior-inline: contain</code> en la caixa interior.</p>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html notranslate">&lt;main&gt;
+  &lt;div&gt;
+    &lt;div&gt;
+      &lt;p&gt;&lt;code&gt;overscroll-behavior-inline&lt;/code&gt; has been used to make it so that when the scroll boundaries of the yellow inner box are reached, the whole page does not begin to scroll.&lt;/p&gt;
+    &lt;/div&gt;
+  &lt;/div&gt;
+&lt;/main&gt;</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css notranslate">main {
+  height: 400px;
+  width: 3000px;
+  background-color: white;
+  background-image: repeating-linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 19px, rgba(0,0,0,0.5) 20px);
+}
+
+main &gt; div {
+  height: 300px;
+  width: 400px;
+  overflow: auto;
+  position: relative;
+  top: 50px;
+  left: 50px;
+  overscroll-behavior-inline: contain;
+}
+
+div &gt; div {
+  height: 100%;
+  width: 1500px;
+  background-color: yellow;
+  background-image: repeating-linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 19px, rgba(0,0,0,0.5) 20px);
+}
+
+p {
+  padding: 10px;
+  background-color: rgba(255,0,0,0.5);
+  margin: 0;
+  width: 360px;
+  position: relative;
+  top: 10px;
+  left: 10px;
+}</pre>
+
+<h4 id="Result">Result</h4>
+
+<p>{{EmbedLiveSample('Preventing_inline_overscrolling','100%', 500)}}</p>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS Overscroll Behavior', '#propdef-overscroll-behavior-inline', 'overscroll-behavior-inline')}}</td>
+   <td>{{Spec2('CSS Overscroll Behavior')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_el_navegador">Compatibilitat amb el navegador</h2>
+
+<div class="hidden">La taula de compatibilitat d'aquesta pàgina es genera a partir de dades estructurades. Si es vol contribuir a les dades, consultar <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> i enviar una sol·licitud d'extraccó.</div>
+
+<p>{{Compat("css.properties.overscroll-behavior-inline")}}</p>
+
+<h2 id="Veure_també">Veure també</h2>
+
+<ul>
+ <li><a href="https://developers.google.com/web/updates/2017/11/overscroll-behavior#demo">Prendre el control del desplaçament: personalitzar els efectes de extreure-per-refrescar i desbordament</a></li>
+</ul>
diff --git a/files/ca/web/css/overscroll-behavior/index.html b/files/ca/web/css/overscroll-behavior/index.html
new file mode 100644
index 0000000000..9ed28a5a0b
--- /dev/null
+++ b/files/ca/web/css/overscroll-behavior/index.html
@@ -0,0 +1,106 @@
+---
+title: overscroll-behavior
+slug: Web/CSS/overscroll-behavior
+translation_of: Web/CSS/overscroll-behavior
+---
+<div>{{CSSRef}}</div>
+
+<p><span class="seoSummary">la propietat CSS <strong><code>overscroll-behavior</code></strong> estableix el que fa un navegador quan arriba al límit d'una àrea de desplaçament. És una abreujada per {{cssxref("overscroll-behavior-x")}} i {{cssxref("overscroll-behavior-y")}}.</span></p>
+
+<pre class="brush:css no-line-numbers notranslate">/* Keyword values */
+overscroll-behavior: auto; /* default */
+overscroll-behavior: contain;
+overscroll-behavior: none;
+
+/* Two values */
+overscroll-behavior: auto contain;
+
+/* Global values */
+overscroll-behavior: inherit;
+overscroll-behavior: initial;
+overscroll-behavior: unset;
+</pre>
+
+<p>Per defecte, els navegadors mòbils tendeixen a proporcionar un efecte "rebot" o fins i tot una actualització de pàgina quan s'arriba a la part superior o inferior d'una pàgina (o una altra àrea de desplaçament). També us podeu haver adonat que quan tingueu un quadre de diàleg amb contingut de desplaçament a la part superior d'una pàgina de contingut de desplaçament, una vegada s'hagi assolit el límit de desplaçament del quadre de diàleg, la pàgina subjacent començarà a desplaçar-se - això s'anomena <strong>scroll chaining (encadenament de desplaçament)</strong>.</p>
+
+<p>En alguns casos aquests comportaments no són desitjables. Es pot utilitzar <code>overscroll-behavior</code> per desfer-se de l'encadenament de desplaçament no desitjat i de l'aplicació de Facebook/Twitter inspirada en el comportament de "tirar per a refrescar" del navegador</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La propietat <code>overscroll-behavior</code> s'especifica com una o dues paraules clau triades de la llista de valors de sota.</p>
+
+<p>Dues paraules clau especifican el valor de <code>overscroll-behavior</code> en els eixos <code>x</code> i <code>y</code> respectivament. Si només s'especifica un valor, tant x com y se suposa que tenen el mateix valor.</p>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><code>auto</code></dt>
+ <dd>El comportament per defecte de desbordament de desplaçament es produeix com a normal.</dd>
+ <dt><code>contain</code></dt>
+ <dd>El comportament per defecte del desbordament de desplaçament s'observa dins de l'element on aquest valor està establert (p.ex. efectes de "rebot" o refrescos), però no es produeix cap encadenament de desplaçament a les zones veïnes, p.ex. els elements subjacents no es desplaçaran.</dd>
+ <dt><code>none</code></dt>
+ <dd>No es produeix cap encadenament de desplaçament a les zones veïnes, i s'impedeix el comportament per defecte de desbordament de desplaçament.</dd>
+</dl>
+
+<h2 id="Definició_formal">Definició formal</h2>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi_formal">Sintaxi formal</h2>
+
+<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Evitar_que_un_element_subjacent_es_desplaci">Evitar que un element subjacent es desplaci</h3>
+
+<p>En el nostre exemple d'<a href="https://mdn.github.io/css-examples/overscroll-behavior/">overscroll-behavior example</a> (vegeu també el codi font <a href="https://github.com/mdn/css-examples/tree/master/overscroll-behavior">source code</a>), presentem una llista de pàgines senceres de contactes falsos, i un quadre de diàleg que conté una finestra de xat.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/15778/example.png" style="border-style: solid; border-width: 1px; display: block; height: 622px; margin: 0px auto; width: 350px;"></p>
+
+<p>Totes dues àrees es desplacen; normalment, si es desplaça la finestra del xat fins a arribar a un límit de desplaçament, la finestra de contactes subjacent començaria a desplaçar-se també, la qual no és desitjable.  Això es pot aturar fent servir <code>overscroll-behavior-y</code> (també funciona <code>overscroll-behavior</code>) a la finestra de xat com ara:</p>
+
+<pre class="brush: css notranslate">.messages {
+  height: 220px;
+  overflow: auto;
+  overscroll-behavior-y: contain;
+} </pre>
+
+<p>També voldríem desfer-nos dels efectes de desplaçament estàndard quan els contactes es desplacen cap amunt o cap avall (p. ex. Chrome on Android refresca la pàgina quan es desplaça més enllà del límit superior). Això pot evitar-se establint <code>overscroll-behavior: none</code> en l'element {{htmlelement("body")}}:</p>
+
+<pre class="brush: css notranslate">body {
+  margin: 0;
+  overscroll-behavior: none;
+}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS Overscroll Behavior', '#propdef-overscroll-behavior', 'overscroll-behavior')}}</td>
+   <td>{{Spec2('CSS Overscroll Behavior')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_el_navegador">Compatibilitat amb el navegador</h2>
+
+<div class="hidden">La taula de compatibilitat d'aquesta pàgina es genera a partir de dades estructurades. Si es vol contribuir a les dades, consultar <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> i enviar una sol·licitud d'extracció.</div>
+
+<p>{{Compat("css.properties.overscroll-behavior")}}</p>
+
+<h2 id="Veure_també">Veure també</h2>
+
+<ul>
+ <li><a href="https://developers.google.com/web/updates/2017/11/overscroll-behavior#demo">Prendre el control del desplaçament: personalitzar els efectes de extreure-per-refrescar i desbordament</a></li>
+ <li>{{cssxref("-ms-scroll-chaining")}}</li>
+</ul>
diff --git a/files/ca/web/css/padding-bottom/index.html b/files/ca/web/css/padding-bottom/index.html
new file mode 100644
index 0000000000..5fb786bd98
--- /dev/null
+++ b/files/ca/web/css/padding-bottom/index.html
@@ -0,0 +1,149 @@
+---
+title: padding-bottom
+slug: Web/CSS/padding-bottom
+tags:
+  - CSS
+  - CSS Padding
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/padding-bottom
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="/en/CSS" title="CSS">CSS</a> <strong><code>padding-bottom</code></strong> estableix l'alçada de l'àrea de farcit a la part inferior d'un element. A diferència dels marges, no es permeten valors negatius per al farcit. La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir farcits als quatre costats d'un element amb una sola declaració.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; values */
+padding-bottom: 0.5em;
+padding-bottom: 0;
+padding-bottom: 2cm;
+
+/* &lt;percentage&gt; value */
+padding-bottom: 10%;
+
+/* Global values */
+padding-bottom: inherit;
+padding-bottom: initial;
+padding-bottom: unset;
+</pre>
+
+<p>L'<a href="/en/CSS/box_model#padding-area" title="http://developer.mozilla.org/en/CSS/Box_model#padding">àrea de farcit</a> <span id="result_box" lang="ca"><span>d'un element és l'espai entre el seu contingut i la seva vora.</span></span></p>
+
+<p><img alt="The effect of the CSS padding-bottom property on the element box" src="/files/4109/padding-bottom.svg" style="border-style: solid; border-width: 1px; display: block; margin: 0px auto;"></p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("length")}}</dt>
+ <dd>La grandària del farcit com a valor fix. Ha de ser no negatiu.</dd>
+ <dt>{{cssxref("percentage")}}</dt>
+ <dd>La grandària del farcit com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor. Ha de ser no negatiu.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="eval">.content { padding-bottom: 5%; }
+.sidebox { padding-bottom: 10px; }
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Box', '#the-padding', 'padding-bottom') }}</td>
+   <td>{{ Spec2('CSS3 Box') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span> des de {{ SpecName('CSS2.1', 'box.html#padding-properties', 'padding-bottom') }}.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'padding-bottom') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>padding-bottom</code> como animable.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'box.html#padding-properties', 'padding-bottom') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span> des de {{ Specname('CSS1', '#padding-bottom', 'padding-bottom') }}.</td>
+  </tr>
+  <tr>
+   <td>{{ Specname('CSS1', '#padding-bottom', 'padding-bottom') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0 (1.0)</td>
+   <td>4.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a class="internal" href="/en/CSS/box_model" title="en/CSS/box model">Model de caixa CSS</a></li>
+ <li>La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir el farcit en els quatre costats d'un element amb una sola declaració: {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, <code>padding-bottom</code> i {{cssxref("padding-left")}}.</li>
+</ul>
diff --git a/files/ca/web/css/padding-left/index.html b/files/ca/web/css/padding-left/index.html
new file mode 100644
index 0000000000..8d4d4bef27
--- /dev/null
+++ b/files/ca/web/css/padding-left/index.html
@@ -0,0 +1,147 @@
+---
+title: padding-left
+slug: Web/CSS/padding-left
+tags:
+  - CSS
+  - CSS Padding
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/padding-left
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="https://developer.mozilla.org/en/CSS" title="CSS">CSS</a> <strong><code>padding-left</code></strong> estableix l'amplada de l'àrea de farcit a la part esquerra d'un element. A diferència dels marges, no es permeten valors negatius per al farcit. La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir farcits als quatre costats d'un element amb una sola declaració.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; values */
+padding-left: 0.5em;
+padding-left: 0;
+padding-left: 2cm;
+
+/* &lt;percentage&gt; value */
+padding-left: 10%;
+
+/* Global values */
+padding-left: inherit;
+padding-left: initial;
+padding-left: unset;
+</pre>
+
+<p>L'<a href="https://developer.mozilla.org/en/CSS/box_model#padding-area" title="http://developer.mozilla.org/en/CSS/Box_model#padding">àrea de farcit</a> <span id="result_box" lang="ca"><span>d'un element és l'espai entre el seu contingut i la seva vora.</span></span></p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("length")}}</dt>
+ <dd>La grandària del farcit com a valor fix. Ha de ser no negatiu.</dd>
+ <dt>{{cssxref("percentage")}}</dt>
+ <dd>La grandària del farcit com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor. Ha de ser no negatiu.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre class="brush: css">.content { padding-left: 5%; }
+.sidebox { padding-left: 10px; }
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Box', '#the-padding', 'padding-left') }}</td>
+   <td>{{ Spec2('CSS3 Box') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span>.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'padding-left') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>padding-left</code> como animable.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'box.html#padding-properties', 'padding-left') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span>.</td>
+  </tr>
+  <tr>
+   <td>{{ Specname('CSS1', '#padding-left', 'padding-left') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0 (1.0)</td>
+   <td>4.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a class="internal" href="/en/CSS/box_model" title="en/CSS/box model">Model de caixa CSSl</a></li>
+ <li>La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir el farcit en els quatre costats d'un element amb una sola declaració: {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}} i <code>padding-left</code>.</li>
+</ul>
diff --git a/files/ca/web/css/padding-right/index.html b/files/ca/web/css/padding-right/index.html
new file mode 100644
index 0000000000..7e5baa72e8
--- /dev/null
+++ b/files/ca/web/css/padding-right/index.html
@@ -0,0 +1,147 @@
+---
+title: padding-right
+slug: Web/CSS/padding-right
+tags:
+  - CSS
+  - CSS Padding
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/padding-right
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="https://developer.mozilla.org/en/CSS" title="CSS">CSS</a> <strong> <code>padding-right</code> </strong> estableix l'amplada de l'àrea de farcit a la part dreta d'un element. A diferència dels marges, no es permeten valors negatius per al farcit . La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir farcits als quatre costats d'un element amb una sola declaració.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; values */
+padding-right: 0.5em;
+padding-right: 0;
+padding-right: 2cm;
+
+/* &lt;percentage&gt; value */
+padding-right: 10%;
+
+/* Global values */
+padding-right: inherit;
+padding-right: initial;
+padding-right: unset;
+</pre>
+
+<p>L'<a href="https://developer.mozilla.org/en/CSS/box_model#padding-area" title="http://developer.mozilla.org/en/CSS/Box_model#padding">àrea de farcit</a> <span id="result_box" lang="ca"><span>d'un element és l'espai entre el seu contingut i la seva vora.</span></span></p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("length")}}</dt>
+ <dd>La grandària del farcit com a valor fix. Ha de ser no negatiu.</dd>
+ <dt>{{cssxref("percentage")}}</dt>
+ <dd>La grandària del farcit com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor. Ha de ser no negatiu.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre class="brush: css">.content { padding-right: 5%; }
+.sidebox { padding-right: 10px; }
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Box', '#the-padding', 'padding-right') }}</td>
+   <td>{{ Spec2('CSS3 Box') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span>.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'padding-right') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>padding-right</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'box.html#padding-properties', 'padding-right') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span>.</td>
+  </tr>
+  <tr>
+   <td>{{ Specname('CSS1', '#padding-right', 'padding-right') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0 (1.0)</td>
+   <td>4.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a class="internal" href="https://developer.mozilla.org/en/CSS/box_model" title="en/CSS/box model">Model de caixa CSS</a></li>
+ <li>La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir el farcit en els quatre costats d'un element amb una sola declaració: {{cssxref("padding-top")}}, <code>padding-right</code>, {{cssxref("padding-bottom")}} i {{cssxref("padding-left")}}.</li>
+</ul>
diff --git a/files/ca/web/css/padding-top/index.html b/files/ca/web/css/padding-top/index.html
new file mode 100644
index 0000000000..2311e2a624
--- /dev/null
+++ b/files/ca/web/css/padding-top/index.html
@@ -0,0 +1,149 @@
+---
+title: padding-top
+slug: Web/CSS/padding-top
+tags:
+  - CSS
+  - CSS Padding
+  - CSS Property
+  - Reference
+translation_of: Web/CSS/padding-top
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="https://developer.mozilla.org/en/CSS" title="CSS">CSS</a> <strong><code>padding-top</code></strong>  estableix l'alçada de l'àrea de farcit a la part superior d'un element. A diferència dels marges, no es permeten valors negatius per al farcit. La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir farcits als quatre costats d'un element amb una sola declaració.</p>
+
+<pre class="brush:css no-line-numbers">/* &lt;length&gt; values */
+padding-top: 0.5em;
+padding-top: 0;
+padding-top: 2cm;
+
+/* &lt;percentage&gt; value */
+padding-top: 10%;
+
+/* Global values */
+padding-top: inherit;
+padding-top: initial;
+padding-top: unset;
+</pre>
+
+<p>L'<a href="https://developer.mozilla.org/en/CSS/box_model#padding-area" title="http://developer.mozilla.org/en/CSS/Box_model#padding">àrea de farcit</a> <span id="result_box" lang="ca"><span>d'un element és l'espai entre el seu contingut i la seva vora.</span></span></p>
+
+<p><img alt="The effect of the CSS padding-top property on the element box" src="/files/4105/padding-top.svg" style="border-style: solid; border-width: 1px; display: block; margin: 0px auto;"></p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<h3 id="Values" name="Values">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("length")}}</dt>
+ <dd>La grandària del farcit com a valor fix. Ha de ser no negatiu.</dd>
+ <dt>{{cssxref("percentage")}}</dt>
+ <dd>La grandària del farcit com a percentatge, en relació amb l'<em>amplada</em> del bloc contenidor. Ha de ser no negatiu.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre class="brush: css">.content { padding-top: 5%; }
+.sidebox { padding-top: 10px; }
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Box', '#the-padding', 'padding-top') }}</td>
+   <td>{{ Spec2('CSS3 Box') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span> des de {{ SpecName('CSS2.1', 'box.html#padding-properties', 'padding-top') }}.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Transitions', '#animatable-css', 'padding-top') }}</td>
+   <td>{{ Spec2('CSS3 Transitions') }}</td>
+   <td>Defineix <code>padding-top</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'box.html#padding-properties', 'padding-top') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span> des de {{ Specname('CSS1', '#padding-top', 'padding-top') }}.</td>
+  </tr>
+  <tr>
+   <td>{{ Specname('CSS1', '#padding-top', 'padding-top') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0 (1.0)</td>
+   <td>4.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també"> Vegeu també</h2>
+
+<ul>
+ <li><a class="internal" href="https://developer.mozilla.org/en/CSS/box_model" title="en/CSS/box model">Model de caixa CSS</a></li>
+ <li>La propietat abreujada {{cssxref("padding")}} es pot utilitzar per establir el farcit en els quatre costats d'un element amb una sola declaració : <code>padding-top</code>, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}} i {{cssxref("padding-left")}}.</li>
+</ul>
diff --git a/files/ca/web/css/padding/index.html b/files/ca/web/css/padding/index.html
new file mode 100644
index 0000000000..7e93cddcf1
--- /dev/null
+++ b/files/ca/web/css/padding/index.html
@@ -0,0 +1,255 @@
+---
+title: padding
+slug: Web/CSS/padding
+tags:
+  - CSS
+  - CSS Padding
+  - CSS Property
+  - NeedsMobileBrowserCompatibility
+  - Reference
+translation_of: Web/CSS/padding
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat <a href="/en/CSS" title="CSS">CSS</a> <strong><code>padding</code></strong> estableix l'<a href="/en/CSS/box_model#padding-area" title="http://developer.mozilla.org/en/CSS/Box_model#padding">àrea de farcit</a> als quatre costats d'un element. És una abreviatura que estableix tots els farcits individuals alhora: {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}} i {{cssxref("padding-left")}}.</p>
+
+<pre class="brush:css no-line-numbers">/* Apply to all four sides */
+padding: 1em;
+
+/* vertical | horizontal */
+padding: 5% 10%;
+
+/* top | horizontal | bottom */
+padding: 1em 2em 2em;
+
+/* top | right | bottom | left */
+padding: 5px 1em 0 1em;
+
+/* Global values */
+padding: inherit;
+padding: initial;
+padding: unset;
+</pre>
+
+<div class="hidden" id="padding">
+<pre class="brush: html">&lt;div class="grid"&gt;
+  &lt;div class="col"&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="p p0"&gt;padding: 0&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="p p1"&gt;padding: 1em&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="p p2"&gt;padding: 5% 10%&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="p p3"&gt;padding: 1em 2em 2em&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class="cell"&gt;
+      &lt;div class="p p4"&gt;padding: 5px 1em 0 1em&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/div&gt;
+&lt;/div&gt;</pre>
+
+<pre class="brush: css">html,body {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.grid {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  background: #EEE;
+  font: 1em monospace;
+}
+
+.col {
+  display: flex;
+  flex: 1 auto;
+  flex-direction: column;
+}
+
+.cell {
+  box-sizing: border-box;
+  margin: .5em;
+  padding: 0;
+  background-color: #FFF;
+  overflow: hidden;
+  text-align: left;
+}
+
+.p {
+  display: inline-block;
+  background: #E4F0F5;
+  border: 1px solid;
+}
+
+.p0 { padding: 0; }
+.p1 { padding: 1em; }
+.p2 { padding: 5% 10%; }
+.p3 { padding: 1em 2em 2em; }
+.p4 { padding: 5px 1em 0 1em; }</pre>
+</div>
+
+<p>{{EmbedLiveSample("padding", "100%", 280, "", "", "example-outcome-frame")}}</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La propietat <code>padding</code> es pot especificar utilitzant un, dos, tres o quatre valors. Cada valor és un <code><a href="#&lt;length>">&lt;length&gt;</a></code> o un <code><a href="#&lt;percentage>">&lt;percentage&gt;</a></code>.</p>
+
+<ul>
+ <li>Quan s'especifica <strong>un</strong> valor, s'aplica el mateix farcit <strong>als quatre costats</strong>.</li>
+ <li>Quan s'especifiquen <strong>dos</strong> valors, el primer farcit s'aplica a la part <strong>superior i inferior</strong>, el segon a l'<strong>esquerra i a la dreta</strong>.</li>
+ <li>Quan s'especifiquen <strong>tres</strong> valors, el primer farcit s'aplica a la part <strong>superior</strong>, el segon a l'<strong>esquerra i a la dreta</strong>, el tercer a la part <strong>inferior</strong>.</li>
+ <li>Quan s'especifiquen <strong>quatre</strong> valors, els farcits s'apliquen a la part <strong>superior, dreta, inferior</strong> i <strong>esquerra</strong> en aquest ordre (en el sentit de les agulles del rellotge).</li>
+</ul>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><strong>{{cssxref("length")}}</strong></dt>
+ <dd>La grandària del farcit com a valor fix. Ha de ser no negatiu.</dd>
+ <dt>{{cssxref("percentage")}}</dt>
+ <dd>La grandària del farcit com a percentatge, en relació amb l'amplada del bloc contenidor. Ha de ser no negatiu.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_senzill">Exemple senzill</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;h4&gt;This element has moderate padding.&lt;/h4&gt;
+&lt;h3&gt;The padding is huge in this element!&lt;/h3&gt;
+</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">h4 {
+  background-color: lime;
+  padding: 20px 50px;
+}
+
+h3 {
+  background-color: cyan;
+  padding: 110px 50px 50px 110px;
+}
+</pre>
+
+<p><span>{{EmbedLiveSample('Simple_example','100%',300)}}</span></p>
+
+<h3 id="Més_exemples"><span>Més exemples</span></h3>
+
+<pre class="brush: css">padding: 5%;                /* all sides: 5% padding */
+
+padding: 10px;              /* all sides: 10px padding */
+
+padding: 10px 20px;         /* top and bottom: 10px padding */
+                            /* left and right: 20px padding */
+
+padding: 10px 3% 20px;      /* top:            10px padding */
+                            /* left and right: 3% padding   */
+                            /* bottom:         20px padding */
+
+padding: 1em 3px 30px 5px;  /* top:    1em padding  */
+                            /* right:  3px padding  */
+                            /* bottom: 30px padding */
+                            /* left:   5px padding  */ </pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS3 Box', '#the-padding', 'padding') }}</td>
+   <td>{{ Spec2('CSS3 Box') }}</td>
+   <td>No canvia.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS2.1', 'box.html#propdef-padding', 'padding') }}</td>
+   <td>{{ Spec2('CSS2.1') }}</td>
+   <td>No canvia.</td>
+  </tr>
+  <tr>
+   <td>{{ Specname('CSS1', '#padding', 'padding') }}</td>
+   <td>{{ Spec2('CSS1') }}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Compatibility" name="Browser_Compatibility">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0 (1.0)</td>
+   <td>4.0</td>
+   <td>3.5</td>
+   <td>1.0 (85)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a class="internal" href="/en/CSS/box_model" title="en/CSS/box model">Model de caixa CSS</a></li>
+ <li>La propietat abreujada <code>padding</code> es pot utilitzar per establir farcits en els quatre costats d'un element amb una única declaració: {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}} i {{cssxref("padding-left")}}.</li>
+</ul>
diff --git a/files/ca/web/css/referéncia_css/index.html b/files/ca/web/css/referéncia_css/index.html
new file mode 100644
index 0000000000..739dcdc9e3
--- /dev/null
+++ b/files/ca/web/css/referéncia_css/index.html
@@ -0,0 +1,206 @@
+---
+title: Referéncia CSS
+slug: Web/CSS/Referéncia_CSS
+tags:
+  - CSS
+  - Reference
+  - 'l10n:priority'
+translation_of: Web/CSS/Reference
+---
+<p class="summary"><span id="result_box" lang="ca"><span>Utilitzeu aquesta referència CSS per explorar un</span></span> <a href="#Keyword_index">índex alfabètic</a> <span id="result_box" lang="ca"><span>de totes les propietats</span></span> <a href="/en-US/docs/Web/CSS">CSS</a> <span id="result_box" lang="ca"><span>estàndard</span></span> , <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-classes</a>, <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elements</a>, <a href="/en-US/docs/Web/CSS/CSS_Types">tipus de dades</a>, i <a href="/en-US/docs/Web/CSS/At-rule">regles-at</a>. <span id="result_box" lang="ca"><span>També podeu explorar una llista de tots els </span></span> <a href="#Selectors">selectors CSS organitzats per tipus</a> i una llista de <a href="#Concepts">conceptes clau CSS</a>. <span id="result_box" lang="ca"><span>També s'inclou una breu</span></span> <a href="#DOM-CSS_CSSOM">referència DOM-CSS / CSSOM</a>.</p>
+
+<h2 id="Sintaxi_de_regla_bàsica"><span class="short_text" id="result_box" lang="ca"><span>Sintaxi de regla bàsica</span></span></h2>
+
+<h3 id="Sintaxi_de_regla_d'estil"><span class="short_text" id="result_box" lang="ca"><span>Sintaxi de regla d'estil</span></span></h3>
+
+<pre class="syntaxbox"><strong><var>selectorlist</var> {
+  <var>property</var>: <var>value</var>;</strong>
+  <var>[more property:value; pairs]</var>
+<strong>}</strong>
+
+... where <var>selectorlist</var> is: <var>selector[:pseudo-class] [::pseudo-element] [, more selectorlists]</var>
+
+See <a href="#Selectors"><em>selector</em></a>, <a href="#pcls"><em>pseudo-class</em></a>, <em><a href="#pelm">pseudo-element</a></em> lists below.
+</pre>
+
+<h4 id="Exemples_de_regla_d'estil"><span id="result_box" lang="ca"><span>Exemples de regla d'estil</span></span></h4>
+
+<pre class="brush: css">strong {
+  color: red;
+}
+
+div.menu-bar li:hover &gt; ul {
+  display: block;
+}
+</pre>
+
+<p>Per a una introducció a nivell de principiant a la sintaxi de selectors CSS, consulteu <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors">aquest tutorial</a>. Tingueu en compte que qualsevol error de <a href="/en-US/docs/Web/CSS/syntax">sintaxi CSS</a> en una definició de regla invalida tota la regla. Les regles no vàlides són ignorades pel navegador. Tingueu en compte que les definicions de la regla CSS són totalment <a href="https://www.w3.org/TR/css-syntax-3/#intro">basades en text</a> (ASCII), mentre que DOM-CSS / CSSOM (el sistema de gestió de regles) està <a href="https://www.w3.org/TR/cssom/#introduction">basat en objectes</a>.</p>
+
+<h3 id="Sintaxi_de_regla-At_(At-rule)">Sintaxi de regla-At (At-rule)</h3>
+
+<p>As the structure of at-rules varies widely, please see <a href="/en-US/docs/Web/CSS/At-rule">At-rule</a> to find the syntax of the specific one you want.</p>
+
+<h2 id="Índex_de_paraules_clau_(Keyword)"><span class="short_text" id="result_box" lang="ca"><span>Índex de paraules clau</span></span> (Keyword)</h2>
+
+<div>{{CSS_Ref}}</div>
+
+<h2 id="Selectors">Selectors</h2>
+
+<h3 id="Selectors_Bàsics"><a href="/en-US/docs/Web/CSS/CSS_Selectors#Basic_selectors">Selectors Bàsics</a></h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/Type_selectors">Selector de Tipus</a> <code>elementname</code></li>
+ <li><a href="/en-US/docs/Web/CSS/Class_selectors">Selector Class</a> <code>.classname</code></li>
+ <li><a href="/en-US/docs/Web/CSS/ID_selectors">Selector ID</a> <code>#idname</code></li>
+ <li><a href="/en-US/docs/Web/CSS/Universal_selectors">Selector Universal</a> <code>*</code> <code>ns|*</code> <code>*|*</code></li>
+ <li><a href="/en-US/docs/Web/CSS/Attribute_selectors">Selector d'Attribute</a> <code>[attr=value]</code></li>
+</ul>
+
+<h3 id="Combinadors"><a href="/en-US/docs/Web/CSS/CSS_Selectors#Combinators">Combinadors</a></h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/Adjacent_sibling_selectors">Combinador de germans Adjacents</a> <code>A + B</code></li>
+ <li><a href="/en-US/docs/Web/CSS/General_sibling_selectors">Combinador de germans General</a> <code>A ~ B</code></li>
+ <li><a href="/en-US/docs/Web/CSS/Child_selectors">Combinador de Fills</a> <code>A &gt; B</code></li>
+ <li><a href="/en-US/docs/Web/CSS/Descendant_selectors">Combinador de Descendents</a> <code>A B</code></li>
+</ul>
+
+<h3 id="Pseudo-classes"><a href="/en-US/docs/Web/CSS/Pseudo-classes">Pseudo-classes</a></h3>
+
+<div class="index">
+<ul>
+ <li id="pcls">{{ Cssxref(":active") }}</li>
+ <li>{{cssxref(':any')}}</li>
+ <li>{{cssxref(':any-link')}}</li>
+ <li>{{ Cssxref(":checked") }}</li>
+ <li>{{ Cssxref(":default") }}</li>
+ <li>{{ Cssxref(":dir", ":dir()")}}</li>
+ <li>{{ Cssxref(":disabled") }}</li>
+ <li>{{ Cssxref(":empty") }}</li>
+ <li>{{ Cssxref(":enabled") }}</li>
+ <li>{{ Cssxref(":first") }}</li>
+ <li>{{ Cssxref(":first-child") }}</li>
+ <li>{{ Cssxref(":first-of-type") }}</li>
+ <li>{{ Cssxref(":fullscreen") }}</li>
+ <li>{{ Cssxref(":focus") }}</li>
+ <li>{{ Cssxref(":hover") }}</li>
+ <li>{{ Cssxref(":indeterminate") }}</li>
+ <li>{{ Cssxref(":in-range") }}</li>
+ <li>{{ Cssxref(":invalid") }}</li>
+ <li>{{ Cssxref(":lang", ":lang()") }}</li>
+ <li>{{ Cssxref(":last-child") }}</li>
+ <li>{{ Cssxref(":last-of-type") }}</li>
+ <li>{{ Cssxref(":left") }}</li>
+ <li>{{ Cssxref(":link") }}</li>
+ <li>{{ Cssxref(":not", ":not()") }}</li>
+ <li>{{ Cssxref(":nth-child", ":nth-child()") }}</li>
+ <li>{{ Cssxref(":nth-last-child", ":nth-last-child()") }}</li>
+ <li>{{ Cssxref(":nth-last-of-type", ":nth-last-of-type()") }}</li>
+ <li>{{ Cssxref(":nth-of-type", ":nth-of-type()") }}</li>
+ <li>{{ Cssxref(":only-child") }}</li>
+ <li>{{ Cssxref(":only-of-type") }}</li>
+ <li>{{ Cssxref(":optional") }}</li>
+ <li>{{ Cssxref(":out-of-range") }}</li>
+ <li>{{ Cssxref(":read-only") }}</li>
+ <li>{{ Cssxref(":read-write") }}</li>
+ <li>{{ Cssxref(":required") }}</li>
+ <li>{{ Cssxref(":right") }}</li>
+ <li>{{ Cssxref(":root") }}</li>
+ <li>{{ Cssxref(":scope") }}</li>
+ <li>{{ Cssxref(":target") }}</li>
+ <li>{{ Cssxref(":valid") }}</li>
+ <li>{{ Cssxref(":visited") }}</li>
+</ul>
+</div>
+
+<h3 id="Pseudo-elements"><a href="/en-US/docs/Web/CSS/Pseudo-elements">Pseudo-elements</a></h3>
+
+<div class="index">
+<ul>
+ <li id="pelm">{{ Cssxref("::after") }}</li>
+ <li>{{ Cssxref("::backdrop") }}</li>
+ <li>{{ Cssxref("::before") }}</li>
+ <li>{{ Cssxref("::cue") }}</li>
+ <li>{{ Cssxref("::first-letter") }}</li>
+ <li>{{ Cssxref("::first-line") }}</li>
+ <li>{{ Cssxref("::grammar-error") }} {{experimental_inline}}</li>
+ <li>{{ Cssxref("::marker") }} {{experimental_inline}}</li>
+ <li>{{ Cssxref("::placeholder") }} {{experimental_inline}}</li>
+ <li>{{ Cssxref("::selection") }}</li>
+ <li>{{ Cssxref("::spelling-error") }} {{experimental_inline}}</li>
+</ul>
+</div>
+
+<div class="note">
+<p><strong>Vegeu també:</strong> Una <a href="https://www.w3.org/TR/selectors/#selectors">llista completa de selectors</a> en l'especificació Selectors Level 3.</p>
+</div>
+
+<h2 id="Conceptes">Conceptes</h2>
+
+<h3 id="Sintaxi_i_semàntica"><span class="short_text" id="result_box" lang="ca"><span>Sintaxi i semàntica</span></span></h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/Syntax">Sintaxi CSS</a></li>
+ <li><a href="/en-US/docs/Web/CSS/At-rule">Regles-At</a></li>
+ <li><a href="/en-US/docs/Web/CSS/Cascade">Cascada</a></li>
+ <li><a href="/en-US/docs/Web/CSS/Comments">Comentaris</a></li>
+ <li><a href="/en-US/docs/Glossary/Descriptor_(CSS)">Descriptor</a></li>
+ <li><a href="/en-US/docs/Web/CSS/inheritance">Herència</a></li>
+ <li><a href="/en-US/docs/Web/CSS/Shorthand_properties">Propietats abreujades</a></li>
+ <li><a href="/en-US/docs/Web/CSS/Specificity">Especificitat</a></li>
+ <li><a href="/en-US/docs/Web/CSS/Value_definition_syntax">Sintaxi de definció de valor</a></li>
+</ul>
+
+<h3 id="Valors">Valors</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/actual_value">Valor Real</a></li>
+ <li><a href="/en-US/docs/Web/CSS/computed_value">Valor Calculat</a></li>
+ <li><a href="/en-US/docs/Web/CSS/initial_value">Valor Inicial</a></li>
+ <li><a href="/en-US/docs/Web/CSS/resolved_value">Valor Resolt</a></li>
+ <li><a href="/en-US/docs/Web/CSS/specified_value">Valor Especificat</a></li>
+ <li><a href="/en-US/docs/Web/CSS/used_value">Valor Usat</a></li>
+</ul>
+
+<h3 id="Disseny">Disseny</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Guide/CSS/Block_formatting_context">Context de format de bloc</a></li>
+ <li><a href="/en-US/docs/Web/CSS/box_model">Model Caixa</a></li>
+ <li><a href="/en-US/docs/Web/CSS/All_About_The_Containing_Block">Bloc contenidor</a></li>
+ <li><a href="/en-US/docs/Web/CSS/Layout_mode">Mode de presentació</a></li>
+ <li><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Col.lapsant el Marge</a></li>
+ <li><a href="/en-US/docs/Web/CSS/Replaced_element">Elements Reemplaçats</a></li>
+ <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">Context d'Apilament</a></li>
+ <li><a href="/en-US/docs/Web/Guide/CSS/Visual_formatting_model">Model de format Visual</a></li>
+</ul>
+
+<h2 id="DOM-CSS_CSSOM">DOM-CSS / CSSOM</h2>
+
+<h3 id="Tipus_d'objectes_principals"><span class="short_text" id="result_box" lang="ca"><span>Tipus d'objectes principals</span></span></h3>
+
+<ul>
+ <li>document.<a href="/en-US/docs/Web/API/Document/styleSheets">styleSheets</a></li>
+ <li>styleSheets[i].<a href="/en-US/docs/Web/API/CSSRuleList">cssRules</a></li>
+ <li>cssRules[i].<a href="/en-US/docs/Web/API/CSSRule/cssText">cssText</a> (selector &amp; style)</li>
+ <li>cssRules[i].<a href="/en-US/docs/Web/API/CSSStyleRule/selectorText">selectorText</a></li>
+ <li>elem.<a href="/en-US/docs/Web/API/HTMLElement/style">style</a></li>
+ <li>elem.style.<a href="/en-US/docs/Web/API/CSSStyleDeclaration/cssText">cssText</a> (just style)</li>
+ <li>elem.<a href="/en-US/docs/Web/API/Element/className">className</a></li>
+ <li>elem.<a href="/en-US/docs/Web/API/Element/classList">classList</a></li>
+</ul>
+
+<h3 id="Mètodes_importants"><span class="short_text" id="result_box" lang="ca"><span>Mètodes importants</span></span></h3>
+
+<ul>
+ <li>{{domxref("CSSStyleSheet.insertRule")}}</li>
+ <li>{{domxref("CSSStyleSheet.deleteRule")}}</li>
+</ul>
+
+<h2 id="Vegeu_també"><span class="short_text" id="result_box" lang="ca"><span>Vegeu també</span></span></h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/Mozilla_Extensions">Mozilla CSS extensions</a> (prefixades amb <code>-moz</code>)</li>
+ <li><a href="/en-US/docs/Web/CSS/Webkit_Extensions">WebKit CSS extensions</a> ( <span id="result_box" lang="ca"><span>majoritàriament prefixades amb</span></span> <code>-webkit</code>)</li>
+ <li><a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">Microsoft CSS extensions</a> (prefixades amb <code>-ms</code>)</li>
+</ul>
diff --git a/files/ca/web/css/selectors_css/index.html b/files/ca/web/css/selectors_css/index.html
new file mode 100644
index 0000000000..9eaf8daffc
--- /dev/null
+++ b/files/ca/web/css/selectors_css/index.html
@@ -0,0 +1,156 @@
+---
+title: Selectors CSS
+slug: Web/CSS/Selectors_CSS
+tags:
+  - CSS
+  - CSS Selectors
+  - Overview
+  - Reference
+  - Selectors
+translation_of: Web/CSS/CSS_Selectors
+---
+<div>{{CSSRef}}</div>
+
+<p>Els<strong> Selectors</strong> <strong>CSS</strong> <span id="result_box" lang="ca"><span>defineixen els elements als quals s'aplica un conjunt de normes CSS.</span></span></p>
+
+<h2 id="Selectors_Bàsics">Selectors Bàsics</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/CSS/Type_selectors">Selector de tipus</a></dt>
+ <dd>Selecciona tots els elements que coincideixen amb el nom del node donat.<br>
+ <strong>Sintaxi:</strong> <code><var>eltname</var></code><br>
+ <strong>Exemple:</strong> <code>input</code> coincidirà amb qualsevol element {{HTMLElement('input')}}</dd>
+ <dt><a href="/en-US/docs/Web/CSS/Class_selectors">Selector de clase </a></dt>
+ <dd>Selecciona tots els elements que tenen l'atribut <code>class</code> donat.<br>
+ <strong>Sintaxi:</strong> <code>.<var>classname</var></code><br>
+ <strong>Exemple:</strong> <code>.index</code> coincidirà amb qualsevol element que tingui una classe "index"</dd>
+ <dt><a href="/en-US/docs/Web/CSS/ID_selectors">Selector de ID</a></dt>
+ <dd>Selecciona un element basat en el valor del seu atribut <code>id</code>. Només hi ha d'haver un element amb una ID determinat en un document.<br>
+ <strong>Sintaxi:</strong> <code>#<var>idname</var></code><br>
+ <strong>Exemple:</strong> <code>#toc</code> <span id="result_box" lang="ca"><span>coincidiran amb l'element que té</span></span> l'ID "toc".</dd>
+ <dt><a href="/en-US/docs/Web/CSS/Universal_selectors">Selector universal</a></dt>
+ <dd><span id="result_box" lang="ca"><span>Selecciona tots els elements.</span> <span>De manera opcional, pot estar restringit a un espai de noms específic o a tots els espais de noms.</span></span><br>
+ <strong>Sintaxi:</strong> <code>*</code> <code>ns|*</code> <code>*|*</code><br>
+ <strong>Exemple:</strong> <code>*</code> <span id="result_box" lang="ca"><span>coincideix amb tots els elements del document.</span></span></dd>
+ <dt><a href="/en-US/docs/Web/CSS/Attribute_selectors">Selector d'atribut</a></dt>
+ <dd><span id="result_box" lang="ca"><span>Selecciona elements basats en el valor de l'atribut donat</span></span>.<br>
+ <strong>Sintaxi:</strong> <code>[attr]</code> <code>[attr=value]</code> <code>[attr~=value]</code> <code>[attr|=value]</code> <code>[attr^=value]</code> <code>[attr$=value]</code> <code>[attr*=value]</code><br>
+ <strong>Exemple:</strong> <code>[autoplay]</code> <span id="result_box" lang="ca"><span>coincidiran tots els elements que tenen establert l'atribut</span></span> <code>autoplay</code> (<span id="result_box" lang="ca"><span>a qualsevol valor</span></span>).</dd>
+</dl>
+
+<h2 id="Combinadors">Combinadors</h2>
+
+<dl>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors">Combinador de germans adjacents</a></dt>
+ <dd>El combinador <code>+</code> selecciona els germans adjacents. Això significa que el segon element segueix directament el primer, i ambdós comparteixen el mateix pare.<br>
+ <strong>Sintaxi:</strong> <code><var>A</var> + <var>B</var></code><br>
+ <strong>Exemple:</strong> <code>h2 + p</code> coincidirà amb tots el elements {{HTMLElement('p')}} que segueixen directament un {{HTMLElement('h2')}}.</dd>
+ <dt><a href="/en-US/docs/Web/CSS/General_sibling_selectors">Combinador general de germans</a></dt>
+ <dd>El combinador <code>~</code> selecciona els germans. Això significa que el segon element segueix el primer (encara que no necessàriament de forma immediata), i tots dos comparteixen el mateix pare.<br>
+ <strong>Sintaxi:</strong> <code><var>A</var> ~ <var>B</var></code><br>
+ <strong>Exemple:</strong> <code>p ~ span</code> coincidirà amb tots els elements {{HTMLElement('span')}} que segueixen un {{HTMLElement('p')}}.</dd>
+ <dt><a href="/en-US/docs/Web/CSS/Child_selectors">Combinador de fills</a></dt>
+ <dd>El combinador <code>&gt;</code> selecciona els nodes que són fills directes del primer element.<br>
+ <strong>Sintaxi:</strong> <code><var>A</var> &gt; <var>B</var></code><br>
+ <strong>Exemple:</strong> <code>ul &gt; li</code> coincidirà amb tots els elements {{HTMLElement('li')}} que estan niats directament dins d'un element {{HTMLElement('ul')}}.</dd>
+ <dt><a href="/en-US/docs/Web/CSS/Descendant_selectors">Combinador de descendents</a></dt>
+ <dd>El combinador <code>  </code> selecciona els nodes que són descendents del primer element.<br>
+ <strong>Sintaxi:</strong> <code>A B</code><br>
+ <strong>Exemple:</strong> <code>div span</code> coincidirà amb tots els elements {{HTMLElement('span')}} que es troben dins d'un element {{HTMLElement('div')}}.</dd>
+</dl>
+
+<h2 id="Pseudo-classes">Pseudo-classes</h2>
+
+<p><a href="/en-US/docs/Web/CSS/Pseudo-classes">Pseudo-classes</a> <span id="result_box" lang="ca"><span>permeten la selecció d'elements basats en informació d'estat que no es troba a l'arbre del document.</span></span></p>
+
+<p><strong>Exemple:</strong> <code>a:visited</code> <span id="result_box" lang="ca"><span>coincidirà amb tots els elements</span></span> {{HTMLElement('a')}} <span id="result_box" lang="ca"><span>que hagi visitat l'usuari</span></span>.</p>
+
+<h2 id="Pseudo-elements">Pseudo-elements</h2>
+
+<p><a href="/en-US/docs/Web/CSS/Pseudo-elements">Pseudo-elements</a> <span id="result_box" lang="ca"><span>representen entitats que no estan incloses en HTML.</span></span></p>
+
+<p><strong>Exemple:</strong> <code>p::first-line</code> <span id="result_box" lang="ca"><span>coincidirà amb la primera línia de tots els elements</span></span> {{HTMLElement('p')}}.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>3.0</td>
+   <td>3.5</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.5</td>
+   <td>{{CompatGeckoMobile("1.9.2")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>3.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html b/files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html
new file mode 100644
index 0000000000..53339b06e5
--- /dev/null
+++ b/files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html
@@ -0,0 +1,69 @@
+---
+title: 'Ùs de la pseudo-class :target  en selectors'
+slug: 'Web/CSS/Selectors_CSS/Using_the_:target_pseudo-class_in_selectors'
+tags:
+  - ':target'
+  - CSS
+  - Guide
+  - Reference
+  - Selectors
+translation_of: 'Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors'
+---
+<div>{{CSSRef}}</div>
+
+<p>Quan una URL apunta a una peça específica d'un document, pot ser difícil per a l'usuari adonar-se. Esbrineu com podeu fer servir algun CSS senzill per cridar l'atenció sobre el destí d'una URL i millorar l'experiència de l'usuari.</p>
+
+<h2 id="Picking_a_Target" name="Picking_a_Target"><span class="short_text" id="result_box" lang="ca"><span>Triar un</span> <span>destí</span></span></h2>
+
+<p>La <a href="https://developer.mozilla.org/en/CSS/Pseudo-classes">pseudo-class</a> <code>{{ Cssxref(":target") }}</code>s'utilitza per aplicar estil a l'element de destinació d'un URI que conté un identificador de fragment. Per exemple, l'URI <code><span class="nowiki">http://developer.mozilla.org/en/docs/Using_the_:target_selector#example</span></code> conté el identificador de fragment <code>#example</code>. En HTML, els identificadors corresponent els valors dels atributs <code>id</code> o <code>name</code>, ja que tots dos comparteixen el mateix espai de noms. Per tant, l'URI d'exemple assenyalaria l'encapçalament "example" en aquest document.</p>
+
+<p>Suposem que desitjeu donar estil a qualsevol element <code>h2</code> que és el destí d'un URI, però no voleu que qualsevol altre tipus d'element aconsegueixi un estil de destinació. Això és bastant simple:</p>
+
+<pre>h2:target {font-weight: bold;}</pre>
+
+<p>També és possible crear estils que siguin específics d'un fragment en particular del document. Això es realitza utilitzant el mateix valor de la identificació que es troba en l'URI. Per tant, per afegir una vora al fragment <code>#example</code>, escriuríem:</p>
+
+<pre>#example:target {border: 1px solid black;}</pre>
+
+<h2 id="Targeting_the_Root_Element" name="Targeting_the_Root_Element">Dirigit a tots els elements</h2>
+
+<p>Si la intenció és crear un estil "ampli" que s'apliqui a tots els elements seleccionats, llavors el selector universal, ve molt bé:</p>
+
+<pre>:target {color: red;}
+</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<p>En el següent exemple, hi ha cinc enllaços que apunten a elements en el mateix document. En seleccionar l'enllaç "First", per exemple, farà que <code>&lt;h1 id = "one"&gt;</code> es converteixi en l'element de destinació. Recordeu que el document pot saltar a una nova posició de desplaçament, ja que els elements de destinació es col·loquen a la part superior de la finestra del navegador si és possible.</p>
+
+<div id="example">
+<pre>&lt;h4 id="one"&gt;...&lt;/h4&gt; &lt;p id="two"&gt;...&lt;/p&gt;
+&lt;div id="three"&gt;...&lt;/div&gt; &lt;a id="four"&gt;...&lt;/a&gt; &lt;em id="five"&gt;...&lt;/em&gt;
+
+&lt;a href="#one"&gt;First&lt;/a&gt;
+&lt;a href="#two"&gt;Second&lt;/a&gt;
+&lt;a href="#three"&gt;Third&lt;/a&gt;
+&lt;a href="#four"&gt;Fourth&lt;/a&gt;
+&lt;a href="#five"&gt;Fifth&lt;/a&gt;</pre>
+</div>
+
+<h2 id="Conclusion" name="Conclusion">Conclusió</h2>
+
+<p>En els casos en què un identificador de fragment apunti a una part del document, els lectors poden arribar a confondre's sobre quina part del document se suposa que han d'estar llegint. El donar estil a la destinació d'un URI, podem reduïr o eliminar la confusió del lector.</p>
+
+<h2 id="Related_Links" name="Related_Links">Vegeu també</h2>
+
+<ul>
+ <li><a class="external" href="http://www.w3.org/TR/css3-selectors/#target-pseudo">Selectors CSS3 #target-pseudo</a></li>
+ <li><a class="internal" href="/En/CSS/:target" title="En/CSS/:target">Referència CSS :target</a></li>
+</ul>
+
+<div class="originaldocinfo">
+<h3 id="Original_Document_Information" name="Original_Document_Information">Informació del document original</h3>
+
+<ul>
+ <li>Autor(s): Eric Meyer, Standards Evangelist, Netscape Communications</li>
+ <li>Original Copyright Information: Copyright © 2001-2003 Netscape. Tots els drets reservats.</li>
+ <li>Nota: Aquest article reproduït és part de l'original del lloc DevEdge.</li>
+</ul>
+</div>
diff --git a/files/ca/web/css/selectors_d'atribut/index.html b/files/ca/web/css/selectors_d'atribut/index.html
new file mode 100644
index 0000000000..6778a2b3cb
--- /dev/null
+++ b/files/ca/web/css/selectors_d'atribut/index.html
@@ -0,0 +1,250 @@
+---
+title: Selector Atribut
+slug: Web/CSS/Selectors_d'Atribut
+tags:
+  - Beginner
+  - CSS
+  - Reference
+  - Selectors
+translation_of: Web/CSS/Attribute_selectors
+---
+<div>{{CSSRef}}</div>
+
+<p>El <strong>selector attribute</strong> CSS<strong> </strong> <span id="result_box" lang="ca"><span>coincideix amb elements basats en la presència o el valor d'un atribut donat.</span></span></p>
+
+<pre class="brush: css no-line-numbers">/* &lt;a&gt; elements amb l'atribut title */
+a[title] {
+  color: purple;
+}
+
+/* elements &lt;a&gt; <span class="short_text" id="result_box" lang="ca"><span>amb una coincidència</span></span> href "https://example.org" */
+a[href="https://example.org"] {
+  color: green;
+}
+
+/* elements &lt;a&gt; amb un href contenint "example" */
+a[href*="example"] {
+  font-size: 2em;
+}
+
+/* elements &lt;a&gt; amb un href amb una terminació ".org" */
+a[href$=".org"] {
+  font-style: italic;
+}</pre>
+
+<dl>
+ <dt><code>[<em>attr</em>]</code></dt>
+ <dd>Representa un element amb un nom d'atribut <em>attr</em>.</dd>
+ <dt><code>[<em>attr</em>=<em>value</em>]</code></dt>
+ <dd>Representa un element amb un nom d'atribut <em>attr</em> el valor del qual és exactament <em>value</em>.</dd>
+ <dt><code>[<em>attr</em>~=<em>value</em>]</code></dt>
+ <dd>Representa un element amb un nom d'atribut <em>attr</em> el valor del qual és una llista de paraules separades per espais en blanc, una de les quals és exactament <em>value</em>.</dd>
+ <dt><code>[<em>attr</em>|=<em>value</em>]</code></dt>
+ <dd>Representa un element amb un nom d'atribut <em>attr</em> el valor del qual pot ser exactament <em>value</em> o pot començar amb <em>value</em> immediatament seguit d'un guió, <code>-</code> (U+002D). Sovint s'utilitza per coincidències de subcodis de llenguatge.</dd>
+ <dt><code>[<em>attr</em>^=<em>value</em>]</code></dt>
+ <dd>Representa un element amb un nom d'atribut <em>attr</em> el valor del qual està prefixat (precedit) per <em>value</em>.</dd>
+ <dt><code>[<em>attr</em>$=<em>value</em>]</code></dt>
+ <dd>Representa un element amb un nom d'atribut <em>attr</em> el valor del qual és sufix (següit) per <em>value</em>.</dd>
+ <dt><code>[<em>attr</em>*=<em>value</em>]</code></dt>
+ <dd>Representa un element amb un nom d'atribut <em>attr</em> el valor del qual conté almenys una ocurrència <em>value</em> dins de la cadena.</dd>
+ <dt id="case-insensitive"><code>[<em>attr</em> <em>operator</em> <em>value</em> i]</code></dt>
+ <dd>En afegir una <code>i</code> (o <code>I</code>) abans del claudàtor de tancament, el valor es compara entre majúscules i minúscules (per a caràcters dins del rang ASCII).</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Links">Links</h3>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">a {
+  color: blue;
+}
+
+/* Internal links, beginning with "#" */
+a[href^="#"] {
+  background-color: gold;
+}
+
+/* Links with "example" anywhere in the URL */
+a[href*="example"] {
+  background-color: silver;
+}
+
+/* Links with "insensitive" anywhere in the URL,
+   regardless of capitalization */
+a[href*="insensitive" i] {
+  color: cyan;
+}
+
+/* Links that end in ".org" */
+a[href$=".org"] {
+  color: red;
+}
+</pre>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;&lt;a href="#internal"&gt;Internal link&lt;/a&gt;&lt;/li&gt;
+  &lt;li&gt;&lt;a href="http://example.com"&gt;Example link&lt;/a&gt;&lt;/li&gt;
+  &lt;li&gt;&lt;a href="#InSensitive"&gt;Insensitive internal link&lt;/a&gt;&lt;/li&gt;
+  &lt;li&gt;&lt;a href="http://example.org"&gt;Example org link&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{EmbedLiveSample('Links')}}</p>
+
+<h3 id="Llengües"><span class="short_text" id="result_box" lang="ca"><span>Llengües</span></span></h3>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">/* Tots els divs amb un atribut `lang` són en negreta. */
+div[lang] {
+  font-weight: bold;
+}
+
+/* Tots els divs en US Anglès són blaus. */
+div[lang~="en-us"] {
+  color: blue;
+}
+
+/* Tots els divs en Portuguès són verds. */
+div[lang="pt"] {
+  color: green;
+}
+
+/* Tots els divs en Xinès són vermells, ja sigui
+   simplificat (zh-CN) o tradicional (zh-TW). */
+div[lang|="zh"] {
+  color: red;
+}
+
+/* Tots els divs en Xinès Traditional
+   `data-lang` són porpra */
+/* Nota: T<span id="result_box" lang="ca"><span>ambé podeu utilitzar atributs amb guions sense cometes dobles</span></span> */
+div[data-lang="zh-TW"] {
+  color: purple;
+}
+</pre>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;div lang="en-us en-gb en-au en-nz"&gt;Hello World!&lt;/div&gt;
+&lt;div lang="pt"&gt;Olá Mundo!&lt;/div&gt;
+&lt;div lang="zh-CN"&gt;世界您好！&lt;/div&gt;
+&lt;div lang="zh-TW"&gt;世界您好！&lt;/div&gt;
+&lt;div data-lang="zh-TW"&gt;?世界您好！&lt;/div&gt;
+</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{EmbedLiveSample('Languages')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#attribute-selectors', 'attribute selectors')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Afegit modificador per a la selecció del valor d'atribut ASCII sense distinció de majúscules i minúscules.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#attribute-selectors', 'attribute selectors')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#attribute-selectors', 'attribute selectors')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>7</td>
+   <td>9</td>
+   <td>3</td>
+  </tr>
+  <tr>
+   <td>Modificador sense distinció de majúscules i minúscules</td>
+   <td>{{CompatChrome(49.0)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("47.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOpera(36)}}</td>
+   <td>{{CompatSafari(9)}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Modificador sense distinció de majúscules i minúscules</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(49.0)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("47.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatSafari(9)}}</td>
+   <td>{{CompatChrome(49.0)}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/selectors_de_classe/index.html b/files/ca/web/css/selectors_de_classe/index.html
new file mode 100644
index 0000000000..1f8cfdbee4
--- /dev/null
+++ b/files/ca/web/css/selectors_de_classe/index.html
@@ -0,0 +1,139 @@
+---
+title: Selector Class
+slug: Web/CSS/Selectors_de_Classe
+tags:
+  - CSS
+  - Reference
+  - Selectors
+translation_of: Web/CSS/Class_selectors
+---
+<div>{{CSSRef}}</div>
+
+<p>El <strong>selector class </strong> CSS <span id="result_box" lang="ca"><span>coincideix amb elements basats en el contingut de l'atribut</span></span> {{htmlattrxref("class")}}.</p>
+
+<pre class="brush: css no-line-numbers">/* Tots els elements amb class="spacious" */
+.spacious {
+  margin: 2em;
+}
+
+/* Tots els elements &lt;li&gt; amb class="spacious" */
+li.spacious {
+  margin: 2em;
+}</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">.classname { <em>style properties</em> }</pre>
+
+<p><span id="result_box" lang="ca"><span>Recordeu que</span> <span>això és</span> <span>equivalent al</span> <span>següent</span></span> {{Cssxref("Attribute_selectors", "attribute selector")}}:</p>
+
+<pre class="syntaxbox">[class~=classname] { <em>style properties</em> }</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">div.classy {
+  background-color: skyblue;
+}
+</pre>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div class="classy"&gt;This div has a special class on it!&lt;/div&gt;
+&lt;div&gt;This is just a regular div.&lt;/div&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', '100%', 50)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#class-html', 'class selectors')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#class-html', 'class selectors')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#class-html', 'child selectors')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1', '#class-as-selector', 'child selectors')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/selectors_de_descendents/index.html b/files/ca/web/css/selectors_de_descendents/index.html
new file mode 100644
index 0000000000..1eb4fd57f8
--- /dev/null
+++ b/files/ca/web/css/selectors_de_descendents/index.html
@@ -0,0 +1,170 @@
+---
+title: Selectors de descendents
+slug: Web/CSS/Selectors_de_descendents
+tags:
+  - CSS
+  - Reference
+  - Selectors
+translation_of: Web/CSS/Descendant_combinator
+---
+<div>{{CSSRef("Selectors")}}</div>
+
+<p>El <strong>combinador descendent</strong> - en general representat per un  únic caràcter d'espai ( ) - combina dos selectors de tal manera que els elements que coincideixen amb el segon selector se seleccionen si tenen un element ancestral que coincideixi amb el primer selector. Els selectors que utilitzen un combinador descendent s'anomenen selectors de descendents.</p>
+
+<pre class="brush: css no-line-numbers">/* Llista els elemenst que són descendsnts de la llista "my-things" */
+ul.my-things li {
+  margin: 2em;
+}</pre>
+
+<p>El combinador descendent és tècnicament un o més caràcters d'espais en blanc {{Glossary("CSS")}} - el caràcter d'espai en blanc i/o un dels quatre caràcters de control: retorn de carro, avanç de pàgina, nova línia i caràcters de tabulació - entre dos selectors en absència d'un altre combinador. A més, els caràcters d'espai en blanc de les que es compon el combinador poden contenir qualsevol nombre de comentaris CSS.</p>
+
+<p>La naturalesa abstracta d'aquest combinador el fa diferent dels altres combinadors estandarditzats ja que aquests combinadors estan representats per una seqüència de caràcters finits diferents. Aquesta inconsistència es va tractar afegint un combinador descendent redundant representat per dos caràcters, més gran que  (<code>&gt;&gt;</code>), amb seqüència, donant-li una forma que és particularment similar a la del <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors">combinador fill</a>, que comparteix una funció similar.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><var>selector1</var> <var>selector2</var> { <var>/* property declarations */</var> }
+</pre>
+
+<pre class="syntaxbox"><var>selector1</var> &gt;&gt; <var>selector2</var> { <var>/* property declarations */</var> }
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">li {
+  list-style-type: disc;
+}
+
+li li {
+  list-style-type: circle;
+}
+</pre>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;
+    &lt;div&gt;Item 1&lt;/div&gt;
+    &lt;ul&gt;
+      &lt;li&gt;Subitem A&lt;/li&gt;
+      &lt;li&gt;Subitem B&lt;/li&gt;
+    &lt;/ul&gt;
+  &lt;/li&gt;
+  &lt;li&gt;
+    &lt;div&gt;Item 2&lt;/div&gt;
+    &lt;ul&gt;
+      &lt;li&gt;Subitem A&lt;/li&gt;
+      &lt;li&gt;Subitem B&lt;/li&gt;
+    &lt;/ul&gt;
+  &lt;/li&gt;
+&lt;/ul&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', 200, 160)}}</p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#descendant-combinators', 'descendant combinator')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>&gt;&gt; introduït com combinador descendent a més de l'espai en blanc com combinador.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#descendant-combinators', 'descendant combinator')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#descendant-selectors', 'descendant selectors')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1', '#contextual-selectors', 'contextual selectors')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Tipus <code>&gt;&gt;</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatSafari("10")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Tipus <code>&gt;&gt;</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/selectors_de_fills/index.html b/files/ca/web/css/selectors_de_fills/index.html
new file mode 100644
index 0000000000..f5cb8139f9
--- /dev/null
+++ b/files/ca/web/css/selectors_de_fills/index.html
@@ -0,0 +1,135 @@
+---
+title: Combinador de fills
+slug: Web/CSS/Selectors_de_fills
+tags:
+  - CSS
+  - NeedsMobileBrowserCompatibility
+  - Reference
+  - Selectors
+translation_of: Web/CSS/Child_combinator
+---
+<div>{{CSSRef("Selectors")}}</div>
+
+<p>El<strong> combinador de fills</strong> (<code>&gt;</code>) es col·loca entre dos selectors CSS. Solament coincideix amb aquells elements que coincideixen amb el segon selector que són fills d'elements que coincideixen amb el primer.</p>
+
+<pre class="brush: css no-line-numbers">/* Enumera els elements que són fills de la llista "my-things" */
+ul.my-things &gt; li {
+  margin: 2em;
+}</pre>
+
+<p>Els elements que coincideixin amb el segon selector han de ser els fills immediats dels elements que coincideixin amb el primer selector. Això és més estricte que el <a href="/en-US/docs/Web/CSS/Descendant_selectors">selector descendent</a>, que coincideix amb tots els elements que coincideixen amb el segon selector per al qual existeix un element ancestral coincident amb el primer selector, independentment de la quantitat de "salts" en el DOM</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">selector1 &gt; selector2 { <em>style properties</em> }
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">span {
+  background-color: white;
+}
+
+div &gt; span {
+  background-color: DodgerBlue;
+}
+</pre>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div&gt;
+  &lt;span&gt;Span #1, in the div.
+    &lt;span&gt;Span #2, in the span that's in the div.&lt;/span&gt;
+  &lt;/span&gt;
+&lt;/div&gt;
+&lt;span&gt;Span #3, not in the div at all.&lt;/span&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", 200, 100)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#child-combinators', 'child combinator')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#child-combinators', 'child combinators')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#child-selectors', 'child selectors')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>7.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/selectors_de_germans_adjacents/index.html b/files/ca/web/css/selectors_de_germans_adjacents/index.html
new file mode 100644
index 0000000000..911a395693
--- /dev/null
+++ b/files/ca/web/css/selectors_de_germans_adjacents/index.html
@@ -0,0 +1,135 @@
+---
+title: Combinador de germans adjacents
+slug: Web/CSS/Selectors_de_germans_adjacents
+tags:
+  - CSS
+  - NeedsMobileBrowserCompatibility
+  - Reference
+  - Selectors
+translation_of: Web/CSS/Adjacent_sibling_combinator
+---
+<div>{{CSSRef("Selectors")}}</div>
+
+<p><span id="result_box" lang="ca"><span>El <strong>combinador de germans adjacents</strong></span></span> (<code>+</code>) <span id="result_box" lang="ca"><span>separa dos selectors i només coincideix amb el segon element si segueix <em>immediatament</em> el primer element, i tots dos són fills del mateix pare</span></span> {{domxref("element")}}.</p>
+
+<pre class="brush: css no-line-numbers">/* Paràgrafs que vénen immediatament després de qualsevol imatge */
+img + p {
+  font-style: bold;
+}</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">former_element + target_element { <em>style properties</em> }
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">li:first-of-type + li {
+  color: red;
+}
+</pre>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;One&lt;/li&gt;
+  &lt;li&gt;Two!&lt;/li&gt;
+  &lt;li&gt;Three&lt;/li&gt;
+&lt;/ul&gt;</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', 200, 100)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#adjacent-sibling-combinators', 'next-sibling combinator')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Li dóna un nou nom al combinador "next-sibling".</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#adjacent-sibling-combinators', 'Adjacent sibling combinator')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#adjacent-selectors', 'Adjacent sibling selectors')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>7.0<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Internet Explorer 7 no actualitza l'estil correctament quan un element es col·loca dinàmicament abans d'un element que coincideixi amb el selector. En Internet Explorer 8, si un element s'insereix dinàmicament fent clic en un enllaç, l'estil del primer fill no s'aplicarà fins que l'enllaç perdi el focus.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/General_sibling_selectors">Selectors generals de germans</a></li>
+</ul>
diff --git a/files/ca/web/css/selectors_de_tipus/index.html b/files/ca/web/css/selectors_de_tipus/index.html
new file mode 100644
index 0000000000..d87b102ac3
--- /dev/null
+++ b/files/ca/web/css/selectors_de_tipus/index.html
@@ -0,0 +1,135 @@
+---
+title: Selector Type
+slug: Web/CSS/Selectors_de_Tipus
+tags:
+  - CSS
+  - HTML
+  - NeedsMobileBrowserCompatibility
+  - Node
+  - Reference
+  - Selectors
+translation_of: Web/CSS/Type_selectors
+---
+<div>{{CSSRef}}</div>
+
+<p>El <strong>selector</strong> <strong>type </strong> CSS coincideix amb elements per nom del node. En altres paraules, selecciona tots els elements del tipus donat dins d'un document.</p>
+
+<pre class="brush: css no-line-numbers">/* Tots els elements &lt;a&gt;. */
+a {
+  color: purple;
+}</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">element { <em>style properties</em> }
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">span {
+  background-color: skyblue;
+}
+</pre>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;span&gt;Here's a span with some text.&lt;/span&gt;
+&lt;p&gt;Here's a p with some text.&lt;/p&gt;
+&lt;span&gt;Here's a span with more text.&lt;/span&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', '100%', 150)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#type-selectors', 'Type (tag name) selector')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#type-selectors', 'type selectors')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#type-selectors', 'type selectors')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1', '#basic-concepts', 'type selectors')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/selectors_general_de_germans/index.html b/files/ca/web/css/selectors_general_de_germans/index.html
new file mode 100644
index 0000000000..64429bbaba
--- /dev/null
+++ b/files/ca/web/css/selectors_general_de_germans/index.html
@@ -0,0 +1,129 @@
+---
+title: Combinador general de germans
+slug: Web/CSS/Selectors_general_de_germans
+tags:
+  - CSS
+  - NeedsMobileBrowserCompatibility
+  - Reference
+  - Selectors
+translation_of: Web/CSS/General_sibling_combinator
+---
+<div><span class="s1">{{CSSRef("Selectors")}}</span></div>
+
+<p>El <strong>combinador general de germans</strong> (<code>~</code>) <span id="result_box" lang="ca"><span>separa dos selectors i només coincideix amb el segon element si segueix el primer element (encara que no necessàriament immediatament), i tots dos són fills del mateix pare</span></span> {{domxref("element")}}.</p>
+
+<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Paràgrafs que són germans i posteriors a qualsevol imatge</span></span> */
+img ~ p {
+  color: red;
+}</pre>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox">element ~ element { <em>style properties</em> }
+</pre>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">p ~ span {
+  color: red;
+}</pre>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;span&gt;This is not red.&lt;/span&gt;
+&lt;p&gt;Here is a paragraph.&lt;/p&gt;
+&lt;code&gt;Here is some code.&lt;/code&gt;
+&lt;span&gt;And here is a red span!&lt;/span&gt;
+&lt;code&gt;More code...&lt;/code&gt;
+&lt;span&gt;And this is a red span!&lt;/span&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{ EmbedLiveSample('Example', 280, 120) }}</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{ SpecName('CSS4 Selectors', '#general-sibling-combinators', 'following-sibling combinator') }}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Li dona un nou nom al combinador "subsequent-sibling"</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('CSS3 Selectors', '#general-sibling-combinators', 'general sibling combinator') }}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>7</td>
+   <td>9</td>
+   <td>3</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>Edge</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/Adjacent_sibling_selectors">Selectors de germans adjacents</a></li>
+</ul>
diff --git a/files/ca/web/css/selectors_id/index.html b/files/ca/web/css/selectors_id/index.html
new file mode 100644
index 0000000000..1b6f041eb6
--- /dev/null
+++ b/files/ca/web/css/selectors_id/index.html
@@ -0,0 +1,134 @@
+---
+title: Selector ID
+slug: Web/CSS/Selectors_ID
+tags:
+  - CSS
+  - Reference
+  - Selectors
+translation_of: Web/CSS/ID_selectors
+---
+<div>{{CSSRef}}</div>
+
+<p><span id="result_box" lang="ca"><span>En un document HTML, el</span></span> <strong>selector</strong> <strong>ID </strong> <span id="result_box" lang="ca"><span>CSS coincideix amb un element basat en el valor del seu atribut</span></span> {{htmlattrxref("ID")}}. <span id="result_box" lang="ca"><span>L'atribut</span></span> <code>ID</code> <span id="result_box" lang="ca"><span>de l'element seleccionat ha de coincidir exactament amb el valor indicat en el selector</span></span></p>
+
+<pre class="brush: css no-line-numbers">/* The element with id="demo" */
+div#demo {
+  border: red 2px solid;
+}</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">#id_value { <em>style properties</em> }</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Recordeu que</span> <span>això és</span> <span>equivalent al</span> <span>següent</span></span> {{Cssxref("Attribute_selectors", "attribute selector")}}:</p>
+
+<pre class="syntaxbox">[id=id_value] { <em>style properties</em> }</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">div#identified {
+  background-color: skyblue;
+}
+</pre>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div id="identified"&gt;This div has a special ID on it!&lt;/div&gt;
+&lt;div&gt;This is just a regular div.&lt;/div&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", '100%', 50)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("CSS4 Selectors", "#id-selectors", "ID selectors")}}</td>
+   <td>{{Spec2("CSS4 Selectors")}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName("CSS3 Selectors", "#id-selectors", "ID selectors")}}</td>
+   <td>{{Spec2("CSS3 Selectors")}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName("CSS2.1", "selector.html#id-selectors", "ID selectors")}}</td>
+   <td>{{Spec2("CSS2.1")}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName("CSS1", "#id-as-selector", "ID selectors")}}</td>
+   <td>{{Spec2("CSS1")}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/selectors_universal/index.html b/files/ca/web/css/selectors_universal/index.html
new file mode 100644
index 0000000000..6aa7931ef9
--- /dev/null
+++ b/files/ca/web/css/selectors_universal/index.html
@@ -0,0 +1,176 @@
+---
+title: Selector Universal
+slug: Web/CSS/Selectors_Universal
+tags:
+  - CSS
+  - NeedsBrowserCompatibility
+  - NeedsMobileBrowserCompatibility
+  - Reference
+  - Selectors
+translation_of: Web/CSS/Universal_selectors
+---
+<div>{{CSSRef}}</div>
+
+<p>El <strong>selector</strong> <strong>universal </strong>CSS<strong> </strong> (<code>*</code>) <span class="short_text" id="result_box" lang="ca"><span>coincideix amb elements de qualsevol tipus</span></span>.</p>
+
+<pre class="brush: css no-line-numbers">/* Selecciona tots els elements */
+* {
+  color: green;
+}</pre>
+
+<p>A partir de CSS3, l'asterisc pot ser usat en combinació amb {{cssxref("CSS_Namespaces", "namespaces")}}:</p>
+
+<ul>
+ <li><code>ns|*</code> - coincideix amb tots els elements de l'espai de noms  <em>ns</em></li>
+ <li><code>*|*</code> - coincideix amb tots els elements</li>
+ <li><code>|*</code> - coincideix amb tots els elements sense cap espai de noms declarat</li>
+</ul>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">* { <em>style properties</em> }</pre>
+
+<p><span id="result_box" lang="ca"><span>L'asterisc és opcional amb selectors simples</span></span> . <span id="result_box" lang="ca"><span>Per exemple</span></span> , <code>*.warning</code> i <code>.warning</code> són equivalents.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">* [lang^=en] {
+  color: green;
+}
+
+*.warning {
+  color: red;
+}
+
+*#maincontent {
+  border: 1px solid blue;
+}
+
+.floating {
+  float: left
+}
+
+/* automatically clear the next sibling after a floating element */
+.floating + * {
+  clear: left;
+}
+</pre>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p class="warning"&gt;
+  &lt;span lang="en-us"&gt;A green span&lt;/span&gt; in a red paragraph.&lt;/span&gt;
+&lt;/p&gt;
+&lt;p id="maincontent" lang="en-gb"&gt;
+  &lt;span class="warning"&gt;A red span&lt;/span&gt; in a green paragraph.&lt;/span&gt;
+&lt;/p&gt;</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Examples')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Selectors', '#the-universal-selector', 'universal selector')}}</td>
+   <td>{{Spec2('CSS4 Selectors')}}</td>
+   <td>Sense canvis</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Selectors', '#universal-selector', 'universal selector')}}</td>
+   <td>{{Spec2('CSS3 Selectors')}}</td>
+   <td><span id="result_box" lang="ca"><span>Defineix el comportament pel que fa als espais de noms i afegeix suggeriments que permeten ometre el selector dins de pseudo-elements</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'selector.html#universal-selector', 'universal selector')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>7</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Combinació amb suport d'espai de noms</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>9</td>
+   <td>8</td>
+   <td>1.3</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Combinació amb suport d'espai de noms</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/css/sintaxi/index.html b/files/ca/web/css/sintaxi/index.html
new file mode 100644
index 0000000000..51931c11f0
--- /dev/null
+++ b/files/ca/web/css/sintaxi/index.html
@@ -0,0 +1,79 @@
+---
+title: Sintaxi
+slug: Web/CSS/Sintaxi
+tags:
+  - CSS
+  - Guide
+  - Reference
+  - Web
+translation_of: Web/CSS/Syntax
+---
+<div>{{cssref}}</div>
+
+<p>L'objectiu bàsic del llenguatge de la Fulla d'Estil en Cascada (CSS) és permetre que un motor del navegador pinti elements de la pàgina amb característiques específiques, com ara colors, posicionament o decoracions. La <em>sintaxi CSS</em> reflecteix aquest objectiu i els seus components bàsics són:</p>
+
+<ul>
+ <li>La <strong>propietat</strong> és un identificador, és un <em>nom</em> legible per humans, que defineix quina característica es considera.</li>
+ <li>El <strong>valor</strong> descriu com el motor ha de manejar la característica. Cada propietat té un conjunt de valors vàlids, definits per una gramàtica formal, així com un significat semàntic, implementat pel motor del navegador.</li>
+</ul>
+
+<h2 id="Declaracions_CSS">Declaracions CSS</h2>
+
+<p>Establir propietats CSS a valors específics és la funció principal del llenguatge CSS. Un parell de propietats i valors s'anomena <strong>declaració</strong>, i qualsevol motor CSS calcula quines declaracions s'apliquen a cada element d'una pàgina per tal d'establir-la de forma adequada i definir-la.</p>
+
+<p>Les dues propietats i els valors no són sensibles a majúscules i minúscules de manera predeterminada a CSS. El parell està separat per dos punts, ':' (U + 003A COLON), i els espais en blanc abans, entre i després de les propietats i valors, però no necessàriament a l'interior, s'ignoren.</p>
+
+<p><img alt="css syntax - declaration.png" class="default internal" src="/@api/deki/files/6164/=css_syntax_-_declaration.png" style="border: 1px solid black; padding: 1em;"></p>
+
+<p>Hi ha més de <a href="/en/CSS/CSS_Reference" title="en/CSS/CSS_Reference">100 propiertats diferents</a> en CSS i un nombre gairebé infinit de valors diferents. No es permeten tots els parells de propietats i valors i cada propietat defineix quins són els valors vàlids. Quan un valor no és vàlid per a una propietat determinada, la declaració es considera <em>invàlida</em> i és totalment ignorada per el motor CSS .</p>
+
+<h2 id="Blocs_de_declaracions_CSS">Blocs de declaracions CSS</h2>
+
+<p>Les declaracions s'agrupen en <strong>blocs</strong>, és a dir, en una estructura delimitada per una clau d'obertura, '<code>{</code>' (<code>U+007B LEFT CURLY BRACKET</code>), i una de tancament, '<code>}</code>' (<code>U+007D RIGHT CURLY BRACKET</code>). Els blocs de vegades poden ser niats, de manera que les claus d'oberture i tancament han de coincidir.</p>
+
+<p><img alt="css syntax - block.png" class="default internal" src="/@api/deki/files/6165/=css_syntax_-_block.png" style="border: 1px solid black; padding: 1em;"></p>
+
+<p>Aquests blocs són naturalment anomenats blocs de declaració i les declaracions dins d'elles estan separades per un punt i coma, ';' (U + 003B SEMICOLON). Un bloc de declaració pot estar buit, aixó és, que conté una declaració nul·la. Els espais en blanc al voltant de les declaracions s'ignoren. L'última declaració d'un bloc no necessita ser acabada per un punt i coma, tot i que sovint es considera un bon estil per fer-ho ja que evita oblidar-se d'afegir-lo quan s'estén el bloc amb una altra declaració.</p>
+
+<p><img alt="css syntax - declarations block.png" class="default internal" src="/@api/deki/files/6166/=css_syntax_-_declarations_block.png" style="border: 1px solid black; padding: 1em;"></p>
+
+<div class="note">El contingut d'un bloc de declaració CSS, és una llista de declaracions separades per punt i coma, sense les claus inicials i de tancament, es pot incloure dins d'un atribut d'<a href="/en/HTML/Global_attributes#attr-style" title="https://developer.mozilla.org/en/HTML/Global_attributes#attr-style"><code>estil</code></a>.</div>
+
+<h2 id="Regles_de_CSS">Regles de CSS</h2>
+
+<p>Si les fulles d'estil només poguessin aplicar una declaració a cada element d'una pàgina web, serien bastant inútils. L'objectiu real és aplicar diferents declaracions a diferents parts del document.</p>
+
+<p>CSS ho permet associant condicions amb blocs de declaracions. Cada bloc de declaració (vàlid) està precedit d'un o més selectors que són condicions que seleccionen alguns elements de la pàgina. El bloc de declaracions d'un grup de parells de selectors s'anomena un <strong>conjunt de regles</strong> (<strong>ruleset</strong>), o sovint només una <strong>regla</strong> (<strong>rule</strong>).</p>
+
+<p><img alt="css syntax - ruleset.png" class="default internal" src="/@api/deki/files/6167/=css_syntax_-_ruleset.png" style="border: 1px solid black; padding: 1em;"></p>
+
+<p>Com que un element de la pàgina pot coincidir amb diversos selectors i, per tant, amb diverses regles que poden incloure una propietat determinada en diverses ocasions, amb valors diferents, l'estàndard CSS defineix quina té prioritat sobre l'altra i s'ha d'aplicar: això s'anomena algorisme en <a href="/en/CSS/Getting_Started/Cascading_and_inheritance" title="Cascading and inheritance">cascade</a>.</p>
+
+<div class="note">És important notar que fins i tot si un conjunt de regles caracteritzat per un grup de selectors és una espècie d'abreviatura que reemplaça els conjunts de regles amb un sol selector cadascun, això no s'aplica a la validesa del conjunt de regles en si.<br>
+<br>
+Això dóna lloc a una conseqüència important: si un únic selector bàsic no és vàlid, com quan s'utilitza un pseudo-element o pseudo-classe desconegut, el selector sencer és invàlid i per tant s'ignora tota la regla (no és vàlida).</div>
+
+<h2 id="Sentències_CSS"><span id="result_box" lang="ca"><span>Sentències CSS</span></span></h2>
+
+<p>Els conjunts de regles són els blocs principals de construcció d'una fulla d'estil, que sovint només consisteixen en una gran llista d'elles. Però hi ha una altra informació que un autor web vol transmetre en la fulla d'estil, com el joc de caràcters, altres fulles d'estil externes per importar, descripcions de tipus de fonts o comptadors de llistes i molts més. Utilitzarà altres tipus específics de declaracions per fer-ho.</p>
+
+<p>Una <strong>declaració</strong> és un bloc de construcció que comença amb qualsevol caràcter que no sigui l'espai i que finalitza en la primera clau de tancament o punt i coma (fora d'una cadena, no escapada i no s'inclou en un altre parell de {}, () o []).</p>
+
+<p><img alt="css syntax - statements Venn diag.png" class="default internal" src="/@api/deki/files/6168/=css_syntax_-_statements_Venn_diag.png" style="padding: 1em;"></p>
+
+<p>Hi ha dos tipus de declaracions:</p>
+
+<ul>
+ <li><strong>Conjunt de regles</strong> (<strong>Rulesets</strong>) (o regles) que, com es veu, associen una col·lecció de declaracions CSS a una condició descrita per un selector.</li>
+ <li><strong>Regles-At </strong>(<strong>At-rules</strong>) comencen amb un signe, '<code>@</code>' (<code>U+0040 COMMERCIAL AT</code>), seguit d'un identificador i, després continuen fins al final de la sentència, és a dir fins al següent punt i coma (;) fora d'un bloc o al final del bloc següent. Cada tipus de <a href="/en/CSS/At-rule" title="At-rule">regles-at</a>, definides per l'identificador, poden tenir la seva pròpia sintaxi interna, i la semàntica per descomptat. S'utilitzen per transmetre informació de metadades (com {{cssxref("@charset")}} o {{cssxref("@import")}}), informació condicional (com {{cssxref("@media")}} o {{cssxref("@document")}}), o informació descriptiva (com {{cssxref("@font-face")}}).</li>
+</ul>
+
+<p>Qualsevol declaració que no sigui un conjunt de regles (ruleset) o una at-rule no és vàlida i és ignorada.</p>
+
+<p><a name="nested_statements">Hi ha un altre grup de declaracions – les <strong>declaracions niades.</strong> Aquestes són declaracions que es poden utilitzar en un subconjunt específic de regles-at – les <em>regles de grup condicional</em>. Aquestes declaracions només s'apliquen si es compleix una condició específica: el contingut de la regla-at <code>@media</code> només s'aplica si el dispositiu en què el navegador s'executa coincideix amb la condició expressada; el contingut de la regla-at <code>@document</code> només s'aplica si la pàgina actual coincideix amb algunes condicions, i així successivament. En CSS1 i CSS2.1, només es podien utilitzar <em>conjunts de regles</em> dins de les regles de grup condicional. Això va ser molt restrictiu i aquesta restricció es va aixecar en </a><a href="/en/CSS/CSS3#Conditionals" title="en/CSS/CSS3#Conditionals"><em>CSS Conditionals Level 3</em></a>. Ara, tot i que encara és experimental i no és compatible amb tots els navegadors, les regles de grup condicional poden contenir un rang de contingut més ampli: però també alguns conjunts de regles, però no totes les regles-at.</p>
+
+<h2 id="Vegeu_també"><span class="short_text" id="result_box" lang="ca"><span>Vegeu també</span></span></h2>
+
+<ul>
+ <li>{{ CSS_key_concepts()}}</li>
+</ul>
diff --git a/files/ca/web/css/visibility/index.html b/files/ca/web/css/visibility/index.html
new file mode 100644
index 0000000000..ce3e835ec9
--- /dev/null
+++ b/files/ca/web/css/visibility/index.html
@@ -0,0 +1,242 @@
+---
+title: visibility
+slug: Web/CSS/visibility
+tags:
+  - CSS
+  - CSS Box Model
+  - CSS Property
+  - Layout
+  - Reference
+  - Web
+translation_of: Web/CSS/visibility
+---
+<div>{{CSSRef}}</div>
+
+<p>La propietat CSS <strong><code>visibility</code></strong> pot mostrar o ocultar un element sense afectar el disseny d'un document (és a dir, es crea espai per a elements, independentment de si són visibles o no). La propietat també pot ocultar files o columnes en un {{HTMLElement("table")}}.</p>
+
+<pre class="brush: css no-line-numbers">/* Valors de les paraules claus */
+visibility: visible;
+visibility: hidden;
+visibility: collapse;
+
+/* Valors globals */
+visibility: inherit;
+visibility: initial;
+visibility: unset;
+</pre>
+
+<div class="note">
+<p><strong>Nota:</strong> Per ocultar un element <em><strong>i eliminar-lo del disseny del document</strong></em>, establiu la propietat {{cssxref("display")}} a <code>none</code> en comptes d'utilitzar <code>visibility</code>.</p>
+</div>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>La propietat <code>visibility</code> s'especifica com un dels valors de les paraules clau que es detallen a continuació.</p>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt><code>visible</code></dt>
+ <dd>La caixa de l'element és visible.</dd>
+ <dt><code>hidden</code></dt>
+ <dd>La caixa de l'element és invisible (no dibuixada), però encara afecta el disseny normal. Els descendents de l'element seran visibles si tenen <code>visibility</code> establert a <code>visible</code>. L'element no pot rebre el focus (com ara quan navegueu pels <a href="/en-US/docs/Web/HTML/Global_attributes/tabindex">índexs de pestanyes</a>).</dd>
+ <dt><code>collapse</code></dt>
+ <dd>Per {{HTMLElement("table")}} files, columnes, grups de columnes i grups de files, les files o columnes estan ocults i l'espai que han ocupat s'elimina (com si <code>{{Cssxref("display")}}: none</code> s'apliqués a la columna/fila de la taula). Tanmateix, la grandària d'altres files i columnes encara es calcula com si les cel·les de les files o columnes col·lapsades estiguessin presents. Aquest valor permet l'eliminació ràpida d'una fila o columna d'una taula sense forçar el recàlcul d'amplades i alçades per a tota la taula. Per als elements XUL, la grandària calculada de l'element sempre és zero, independentment d'altres estils que normalment afectarien la grandària, tot i que els marges encara tenen efecte. Per a altres elements, <code>collapse</code> es tracta igual que <code>hidden</code>.</dd>
+</dl>
+
+<h3 id="Sintaxi_formal">Sintaxi formal</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Interpolació">Interpolació</h2>
+
+<p>Els valors de visibilitat són interpolables entre <em>visible</em> i <em>no visible</em>. Per tant, un dels valors d'inici o de finalització ha de ser <code>visible</code> o no es pot produir interpolació. El valor s'interpola com un pas discret, on els valors de la funció de temporització entre <code>0</code> i <code>1</code> es corresponen amb <code class="css">visible</code> i altres valors de la funció de temporització (que només es produeixen a l'inici/final de la transició o com a resultat de funcions <code class="css">cubic-bezier()</code> amb valors y fora de [0, 1]) aplicat fins a l'extrem més proper.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_bàsic">Exemple bàsic</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;p class="visible"&gt;The first paragraph is visible.&lt;/p&gt;
+&lt;p class="not-visible"&gt;The second paragraph is NOT visible.&lt;/p&gt;
+&lt;p class="visible"&gt;The third paragraph is visible. Notice the second paragraph is still occupying space.&lt;/p&gt;
+</pre>
+
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">.visible {
+  visibility: visible;
+}
+
+.not-visible {
+  visibility: hidden;
+}
+</pre>
+
+<p>{{EmbedLiveSample('Basic_example')}}</p>
+
+<h3 id="Exemple_de_taula"><span class="short_text" id="result_box" lang="ca"><span>Exemple de taula</span></span></h3>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;table&gt;
+  &lt;tr&gt;
+    &lt;td&gt;1.1&lt;/td&gt;
+    &lt;td class="collapse"&gt;1.2&lt;/td&gt;
+    &lt;td&gt;1.3&lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr class="collapse"&gt;
+    &lt;td&gt;2.1&lt;/td&gt;
+    &lt;td&gt;2.2&lt;/td&gt;
+    &lt;td&gt;2.3&lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+    &lt;td&gt;3.1&lt;/td&gt;
+    &lt;td&gt;3.2&lt;/td&gt;
+    &lt;td&gt;3.3&lt;/td&gt;
+  &lt;/tr&gt;
+&lt;/table&gt;</pre>
+
+<h4 id="CSS_2">CSS</h4>
+
+<pre class="brush: css">.collapse {
+  visibility: collapse;
+}
+
+table {
+  border: 1px solid red;
+}
+
+td {
+  border: 1px solid gray;
+}
+</pre>
+
+<p>{{EmbedLiveSample('Table_example')}}</p>
+
+<h2 id="Notes">Notes</h2>
+
+<ul>
+ <li>Suport per <code>visibility: collapse</code> és inexistent o parcialment incorrecte en alguns navegadors moderns. Pot ser que no es tracti correctament com <code>visibility: hidden</code> en elements diferents de les files i columnes de la taula.</li>
+ <li><code>visibility: collapse</code> pot canviar el disseny d'una taula si la taula té taules niades dins de les cel·les que estan col·lapsades, tret que <code>visibility: visible</code> s'especifiqui explícitament en les taules niades.</li>
+</ul>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Flexbox', '#visibility-collapse', 'visibility')}}</td>
+   <td>{{Spec2('CSS3 Flexbox')}}</td>
+   <td>Defineix el valor de <code>collapse</code> tal com s'aplica als elements flex.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Box', '#visibility-prop', 'visibility')}}</td>
+   <td>{{Spec2('CSS3 Box')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha cap canvi</span></span>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Transitions', '#animatable-css', 'visibility')}}</td>
+   <td>{{Spec2('CSS3 Transitions')}}</td>
+   <td>Defineix <code>visibility</code> com animable.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'visufx.html#visibility', 'visibility')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}<sup>[2]</sup></td>
+   <td>4.0<sup>[4]</sup></td>
+   <td>4.0<sup>[3]</sup></td>
+   <td>1.0<sup>[1]</sup></td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>col.lapse</span></span></td>
+   <td>62</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Descripció</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>1.0<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}<sup>[2]</sup></td>
+   <td>6.0</td>
+   <td>6.0<sup>[3]</sup></td>
+   <td>1.0<sup>[1]</sup></td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>col.lapse</span></span></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Chrome i Safari tractant <code>visibility: collapse</code> com <code>hidden</code>, deixant un buit blanc; només ho suporten {{HTMLElement("tr")}}, {{HTMLElement("thead")}}, {{HTMLElement("tbody")}} i {{HTMLElement("tfoot")}}, però no als elements {{HTMLElement("col")}} i {{HTMLElement("colgroup")}}.</p>
+
+<p>[2] Firefox no amaga les vores quan s'amaguen els elements {{HTMLElement("col")}} i {{HTMLElement("colgroup")}} si està establert <code>border-collapse: collapse</code>.</p>
+
+<p>[3] A Opera, <code>visibility: collapse</code> funciona en elements de taula, però no sembla amagar un {{HTMLElement("tfoot")}} si és adjacent a un {{HTMLElement("tbody")}} visible.</p>
+
+<p>[4] Internet Explorer no admet <code>visibility: initial</code>. Fins a IE7, els descendents d'elements <code>hidden</code> seguiran sent invisibles fins i tot si tenen <code>visibility</code> definida com <code>visible</code>.</p>
diff --git a/files/ca/web/css/width/index.html b/files/ca/web/css/width/index.html
new file mode 100644
index 0000000000..ced3086fa8
--- /dev/null
+++ b/files/ca/web/css/width/index.html
@@ -0,0 +1,204 @@
+---
+title: width
+slug: Web/CSS/width
+tags:
+  - CSS
+  - CSS Property
+  - NeedsBrowserCompatibility
+  - NeedsMobileBrowserCompatibility
+  - Reference
+translation_of: Web/CSS/width
+---
+<p>{{CSSRef}}</p>
+
+<p>La propietat CSS <strong><code>width</code></strong> especifica l'amplada d'un element. Per defecte, estableix l'amplada de l'<a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model#content-area">àrea de contingut</a>. però si {{cssxref("box-sizing")}} està establert a <code>border-box</code>, aquest determina l'amplada de l'<a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model#border-area">àrea de vora</a>.</p>
+
+<div>{{EmbedInteractiveExample("pages/css/width.html")}}</div>
+
+<div class="hidden">L'origen d'aquest exemple interactiu s'emmagatzema en un repositori GitHub. Si es vol contribuir al projecte d'exemples interactius, clonar <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> i enviar una sol·licitud d'extracció.</div>
+
+<p>Les propietats {{cssxref("min-width")}} i {{cssxref("max-width")}} anul·la {{cssxref("width")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="brush:css no-line-numbers notranslate">/* &lt;length&gt; values */
+width: 300px;
+width: 25em;
+
+/* &lt;percentage&gt; value */
+width: 75%;
+
+/* Keyword values */
+width: max-content;
+width: min-content;
+width: fit-content(20em);
+width: auto;
+
+/* Global values */
+width: inherit;
+width: initial;
+width: unset;
+</pre>
+
+<p>La propietat <code>width</code> s'especifica com a:</p>
+
+<ul>
+ <li>un dels següents valors de paraules clau:: <code><a href="#min-content">min-content</a></code>, <code><a href="#max-content">max-content</a></code>, <code><a href="#fit-content">fit-content</a></code>, <code><a href="#auto">auto</a></code>.</li>
+ <li>una <code><a href="#&lt;length>">&lt;length&gt;</a></code> o una <code><a href="#&lt;percentage>">&lt;percentage&gt;</a></code>.</li>
+</ul>
+
+<h3 id="Valors">Valors</h3>
+
+<dl>
+ <dt>{{cssxref("&lt;length&gt;")}}</dt>
+ <dd>Defineix l'amplada com un valor absolut.</dd>
+ <dt>{{cssxref("&lt;percentage&gt;")}}</dt>
+ <dd>Defineix l'amplada com a percentatge de l'amplada del bloc que conté.</dd>
+ <dt><code>auto</code></dt>
+ <dd>El navegador calcularà i seleccionarà una amplada per a l'element especificat.</dd>
+ <dt><code>max-content</code></dt>
+ <dd>L'amplada intrínseca preferida.</dd>
+ <dt><code>min-content</code></dt>
+ <dd>L'amplada mínima intrínseca.</dd>
+ <dt><code>fit-content({{cssxref("&lt;length-percentage&gt;")}})</code></dt>
+ <dd>Utilitza la fórmula fit-content amb l'espai disponible substituït per l'argument especificat, i. e. <code>min(max-content, max(min-content, &lt;length-percentage&gt;))</code>.</dd>
+</dl>
+
+<h2 id="Qüestions_daccessibilitat">Qüestions d'accessibilitat</h2>
+
+<p>Ens hem d'assegurar que els elements establerts amb un <code>width</code> no estan truncats i que no enfosqueixin altres continguts quan la pàgina s'ampliï per augmentar la mida del text.</p>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">MDN Understanding WCAG, Guideline 1.4 explanations</a></li>
+ <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html" rel="noopener">Understanding Success Criterion 1.4.4 | Understanding WCAG 2.0</a></li>
+</ul>
+
+<h2 id="Definició_formal">Definició formal</h2>
+
+<p>{{CSSInfo}}</p>
+
+<h2 id="Sintaxi_formal">Sintaxi formal</h2>
+
+<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Amplada_per_defecte">Amplada per defecte</h3>
+
+<pre class="brush:css notranslate">p.goldie {
+  background: gold;
+}</pre>
+
+<pre class="brush:html notranslate">&lt;p class="goldie"&gt;The Mozilla community produces a lot of great software.&lt;/p&gt;</pre>
+
+<p>{{EmbedLiveSample('Default_width', '500px', '64px')}}</p>
+
+<h3 id="Pixels_i_ems">Pixels i ems</h3>
+
+<pre class="brush: css notranslate">.px_length {
+  width: 200px;
+  background-color: red;
+  color: white;
+  border: 1px solid black;
+}
+
+.em_length {
+  width: 20em;
+  background-color: white;
+  color: red;
+  border: 1px solid black;
+}
+</pre>
+
+<pre class="brush: html notranslate">&lt;div class="px_length"&gt;Width measured in px&lt;/div&gt;
+&lt;div class="em_length"&gt;Width measured in em&lt;/div&gt;</pre>
+
+<p>{{EmbedLiveSample('Pixels_and_ems', '500px', '64px')}}</p>
+
+<h3 id="Percentatge">Percentatge</h3>
+
+<pre class="brush: css notranslate">.percent {
+  width: 20%;
+  background-color: silver;
+  border: 1px solid red;
+}</pre>
+
+<pre class="brush: html notranslate">&lt;div class="percent"&gt;Width in percentage&lt;/div&gt;</pre>
+
+<p>{{EmbedLiveSample('Percentage', '500px', '64px')}}</p>
+
+<h3 id="max-content">max-content</h3>
+
+<pre class="brush:css; notranslate">p.maxgreen {
+  background: lightgreen;
+  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
+  width: -moz-max-content;    /* Firefox/Gecko */
+  width: -webkit-max-content; /* Chrome */
+  width: max-content;
+}</pre>
+
+<pre class="brush:html notranslate">&lt;p class="maxgreen"&gt;The Mozilla community produces a lot of great software.&lt;/p&gt;</pre>
+
+<p>{{EmbedLiveSample('max-content', '500px', '64px')}}</p>
+
+<h3 id="min-content">min-content</h3>
+
+<pre class="brush:css notranslate">p.minblue {
+  background: lightblue;
+  width: -moz-min-content;    /* Firefox */
+  width: -webkit-min-content; /* Chrome */
+}</pre>
+
+<pre class="brush:html notranslate">&lt;p class="minblue"&gt;The Mozilla community produces a lot of great software.&lt;/p&gt;</pre>
+
+<p>{{EmbedLiveSample('min-content', '500px', '155px')}}</p>
+
+<h2 id="Epecificacions">Epecificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS4 Sizing', '#width-height-keywords', 'width')}}</td>
+   <td>{{Spec2('CSS4 Sizing')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS3 Sizing', '#width-height-keywords', 'width')}}</td>
+   <td>{{Spec2('CSS3 Sizing')}}</td>
+   <td>Added the <code>max-content</code>, <code>min-content</code>, <code>fit-content</code> keywords.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS2.1', 'visudet.html#the-width-property', 'width')}}</td>
+   <td>{{Spec2('CSS2.1')}}</td>
+   <td>Precises on which element it applies to.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('CSS1', '#width', 'width')}}</td>
+   <td>{{Spec2('CSS1')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div class="hidden">La taula de compatibilitat d'aquesta pàgina es genera a partir de dades estructurades. Si es vol contribuir a les dades, consultar <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> i enviar una sol·licitud d'extracció.</div>
+
+<p>{{Compat("css.properties.width")}}</p>
+
+<h2 id="Veure_també">Veure també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">box model</a></li>
+ <li>{{cssxref("height")}}</li>
+ <li>{{cssxref("box-sizing")}}</li>
+ <li>{{cssxref("min-width")}}, {{cssxref("max-width")}}</li>
+ <li>Les propietats lògiques assignades: {{cssxref("block-size")}}, {{cssxref("inline-size")}}</li>
+</ul>
diff --git a/files/ca/web/guide/ajax/index.html b/files/ca/web/guide/ajax/index.html
new file mode 100644
index 0000000000..4531a6fd92
--- /dev/null
+++ b/files/ca/web/guide/ajax/index.html
@@ -0,0 +1,26 @@
+---
+title: AJAX
+slug: Web/Guide/AJAX
+tags:
+  - AJAX
+  - Totes_les_categories
+translation_of: Web/Guide/AJAX
+---
+<p> </p>
+<div class="callout-box"><strong><a href="/ca/AJAX/Primers_passos" title="ca/AJAX/Primers_passos">Primers passos</a></strong><br>
+Una introducció a AJAX.</div>
+<div>
+<p>El <strong>JavaScript asincrònic i XML</strong>, (<em>Asynchronous JavaScript and XML, <strong>AJAX</strong>, en anglès</em>), no és una tecnologia per si mateixa, sinó un terme que descriu una «nova aproximació» davant de tecnologies ja existents com ara: <a href="/ca/HTML" title="ca/HTML">HTML</a> o <a href="/ca/XHTML" title="ca/XHTML">XHTML</a>, <a href="/ca/CSS" title="ca/CSS">fulls d'estil en cascada</a>, <a href="/ca/JavaScript" title="ca/JavaScript">JavaScript</a>, <a href="/ca/DOM" title="ca/DOM">el model d'objectes de document</a>, <a href="/ca/XML" title="ca/XML">XML</a>, <a href="/ca/XSLT" title="ca/XSLT">XSLT</a>, i l'<a href="/ca/XMLHttpRequest" title="ca/XMLHttpRequest">l'objecte XMLHttpRequest</a>. En combinar-les totes en el model d'AJAX, les aplicacions web poden fer actualitzacions ràpides i incrementals de la interfície d'usuari sense que calgui tornar a actualitzar la pàgina des del navegador. Això fa que l'aplicació respongui més ràpidament a les accions de l'usuari.</p>
+</div>
+<h4 id="Documentaci.C3.B3_d.27AJAX"><a href="/Special:Tags?tag=AJAX&amp;language=ca" title="Special:Tags?tag=AJAX&amp;language=ca">Documentació d'AJAX</a></h4>
+<dl> <dt><a href="/ca/AJAX/Primers_passos" title="ca/AJAX/Primers_passos">AJAX:Primers passos</a></dt> <dd><small>Aquest article us guiarà a través dels principis bàsics d'AJAX i amb dos pràctics exemples per a anar per feina.</small></dd>
+</dl>
+<dl> <dt><a class="external" href="http://oriolmorell.cat/arxiu/categories/tecnologia/ajax/">Notes sobre AJAX</a></dt> <dd><small>Col·lecció d'apunts sobre AJAX.</small></dd>
+</dl>
+<h4 id="Temes_relacionats">Temes relacionats</h4>
+<dl> <dd><a href="/ca/HTML" title="ca/HTML">HTML</a>, <a href="/ca/XHTML" title="ca/XHTML">XHTML</a>, <a href="/ca/CSS" title="ca/CSS">CSS</a>, <a href="/ca/DOM" title="ca/DOM">DOM</a>, <a href="/ca/JavaScript" title="ca/JavaScript">JavaScript</a>, <a href="/ca/XML" title="ca/XML">XML</a>, <a href="/ca/XMLHttpRequest" title="ca/XMLHttpRequest">XMLHttpRequest</a>, <a href="/ca/XSLT" title="ca/XSLT">XSLT</a>, <a href="/ca/DHTML" title="ca/DHTML">DHTML</a></dd>
+</dl>
+<p><span>Categories</span></p>
+<p><span>Interwiki Language Links</span></p>
+<p> </p>
+<p>{{ languages( { "en": "en/AJAX", "es": "es/AJAX", "fr": "fr/AJAX", "ja": "ja/AJAX", "nl": "nl/AJAX", "pl": "pl/AJAX", "pt": "pt/AJAX" } ) }}</p>
diff --git a/files/ca/web/guide/ajax/primers_passos/index.html b/files/ca/web/guide/ajax/primers_passos/index.html
new file mode 100644
index 0000000000..ea59270ae8
--- /dev/null
+++ b/files/ca/web/guide/ajax/primers_passos/index.html
@@ -0,0 +1,192 @@
+---
+title: Primers passos
+slug: Web/Guide/AJAX/Primers_passos
+tags:
+  - AJAX
+  - Totes_les_categories
+translation_of: Web/Guide/AJAX/Getting_Started
+---
+<p>
+Aquest article us guiarà a través dels principis bàsics d'AJAX i amb dos pràctics exemples per a anar per feina.
+</p>
+<h3 id="Qu.C3.A8_.C3.A9s_l.27AJAX.3F" name="Qu.C3.A8_.C3.A9s_l.27AJAX.3F"> Què és l'AJAX? </h3>
+<p>El <b>JavaScript asincrònic i XML</b>, (<i>Asynchronous JavaScript and XML, <b>AJAX</b>, en anglès</i>) és un neologisme per a dues potents característiques de navegació que fa anys que existeixen, però que han estat ignorades per molts desenvolupadors web fins a la recent arribada d'aplicacions com Gmail, Google suggest o Google Maps.
+</p><p>Les dues característiques en qüestió són poder:
+</p>
+<ul><li> Fer sol·licituds al vostre servidor sense haver d'actualitzar la pàgina
+</li><li> Analitzar i treballar amb documents XML
+</li></ul>
+<h3 id="Primer_pas_.E2.80.93_Com_fer_una_sol.C2.B7licitud_HTTP" name="Primer_pas_.E2.80.93_Com_fer_una_sol.C2.B7licitud_HTTP"> Primer pas – Com fer una sol·licitud HTTP </h3>
+<p>Per a fer una sol·licitud HTTP (HTTP request) al servidor fent servir JavaScript, us cal una instància d'una classe que us en proporcioni la funcionalitat. Aquest tipus de classe va introduir-se originalment a l'Internet Explorer com a objecte ActiveX, anomenant-se <code>XMLHTTP</code>. Més endavant, Mozilla i Safari implementaren una classe, <code>XMLHttpRequest</code>, que funciona amb els mètodes i propietats de l'objecte original ActiveX de Microsoft.
+</p><p>Com a resultat, per a crear una instància (objecte) de la classe perquè funcioni a tots els navegadors, heu de fer:
+</p>
+<pre>if (window.XMLHttpRequest) { // Mozilla, Safari, ...
+    sol·licitud_HTTP = new XMLHttpRequest();
+} else if (window.ActiveXObject) { // IE
+    sol·licitud_HTTP = new ActiveXObject("Microsoft.XMLHTTP");
+}
+</pre>
+<p>(L'exemple anterior és una versió simplificada il·lustrativa del codi que s'utilitza per a crear una instància XMLHTTP. Per a un exemple del dia a dia, consulteu el tercer pas d'aquest article.)
+</p><p>Algunes versions dels navegadors Mozilla no funcionaran correctament si la resposta del servidor no té una capçalera MIME XML. Per a satisfer aquesta exigència, podeu utilitzar una crida d'un mètode extra per a ignorar la capçalera que pogués enviar el servidor, si aquesta no fos <code>text/xml</code>.
+</p>
+<pre>sol·licitud_HTTP = new XMLHttpRequest();
+sol·licitud_HTTP.overrideMimeType('text/xml');
+</pre>
+<p>Tot seguit, cal decidir què voleu fer després de rebre la resposta del servidor a la vostra sol·licitud. En aquest estadi, només cal que especifiqueu a l'objecte de sol·licitud HTTP quina funció de JavaScript processarà la resposta.
+Això es fa definint la propietat <code>onreadystatechange</code> de l'objecte per al nom de la funció de JavaScript que penseu fer sevir, tal com es mostra a continuació:
+</p><p><code>sol·licitud_HTTP.onreadystatechange = nom_de_la_funció;</code>
+</p><p>Tingueu en compte que no hi ha parèntesis després del nom de la funció i no es passa cap paràmetre. A més, en comptes de donar un nom de funció, podeu utilitzar la tècnica de JavaScript de definir funcions al vol i les accions que en processaran la resposta, tal com es mostra a continuació: </p>
+<pre>sol·licitud_HTTP.onreadystatechange = function(){
+    // fes el que calgui
+};
+</pre>
+<p>Després d'haver declarat allò que passarà després de rebre la resposta, cal fer-ne la sol·licitud. Heu de cridar els mètodes <code>open()</code> i <code>send()</code> de la classe de sol·licitud HTTP, tal com es mostra a continuació:
+</p>
+<pre>sol·licitud_HTTP.open('GET', 'http://www.exemple.org/algun.fitxer', true);
+sol·licitud_HTTP.send(null);
+</pre>
+<ul><li> El primer paràmetre de la crida a <code>open()</code> és el mètode de sol·licitud HTTP – GET, POST, HEAD o qualsevol altre mètode que ja vulgueu utilitzar i funcioni al vostre servidor. Escriviu-lo en majúscules atès que és un estàndard de l'HTTP; per altra banda, alguns navegadors (com el Firefox) podrien no processar la sol·licitud. Per a més informació dels mètodes de sol·licitud HTTP, podeu consultar les <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html" class="external">especificacions W3C</a> </li><li> El segon paràmetre és l'URL de la pàgina que esteu sol·licitant. Com a mesura de seguretat, no podeu cridar a pàgines en dominis de tercers. Assegureu-vos que utilitzeu el nom de domini exacte en totes les vostres pàgines o tindreu un error de «permís denegat» quan crideu a open(). Una trampa comuna és accedir al vostre lloc web amb domini.tld, però intentar cridar les pàgines amb www.domini.tld.
+</li><li> El tercer paràmetre defineix si la sol·licitud és asincrònica. Si és així, <code>TRUE</code>, l'execució de la funció de JavaScript continuarà mentre la resposta del servidor no hagi arribat. Aquesta és l'A d'AJAX.
+</li></ul>
+<p>El paràmetre al mètode <code>send()</code> pot ser qualsevol dada que vulgueu enviar al servidor si s'envia la sol·licitud amb POST. Les dades cal que siguin de la forma d'una cadena de consulta com aquesta:
+</p><p><code>nom=valor&amp;un_altre_nom=un_altre_valor&amp;i_així=anar_fent</code>
+</p><p>Tingueu en compte que si voleu enviar dades amb POST, heu de canviar el tipus MIME de la sol·licitud utilitzant la següent línia:
+</p>
+<pre>sol·licitud_HTTP.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+</pre>
+<p>Si no ho feu així, el servidor rebutjarà les dades que hi hàgiu enviat.
+</p>
+<h3 id="Segon_pas_.E2.80.93_Gestionar_la_resposta_del_servidor" name="Segon_pas_.E2.80.93_Gestionar_la_resposta_del_servidor"> Segon pas – Gestionar la resposta del servidor </h3>
+<p>Recordeu que quan envieu la sol·licitud, també proporcioneu el nom de la funció JavaScript destinada a gestionar-ne la resposta.
+</p><p><code>sol·licitud_HTTP.onreadystatechange = nom_de_la_funció;</code>
+</p><p>Observem què hauria de fer aquesta funció. Primer, cal que comprovi l'estat de la sol·licitud. Si aquesta té el valor 4, vol dir que s'ha rebut una resposta total del servidor i podeu continuar processant-la. </p>
+<pre>if (sol·licitud_HTTP.readyState == 4) {
+    // tot va bé, s'ha rebut la resposta
+} else {
+    // encara no està preparada
+}
+</pre>
+<p>La llista sencera de valors d'estat, <code>readyState</code>, és la següent:
+</p>
+<ul><li> 0 (sense inicialitzar)
+</li><li> 1 (s'està carregant)
+</li><li> 2 (carregat)
+</li><li> 3 (interactiu)
+</li><li> 4 (complerta)
+</li></ul>
+<p>(<a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/readystate_1.asp" class="external">Font</a>)
+</p><p>A continuació, cal que comproveu el codi d'estat de la resposta de servidor HTTP. Tots els codis possible es llisten al <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html" class="external">lloc del W3C</a>. Per als nostres objectius, només ens interessa la resposta <code>200 OK</code>.
+</p>
+<pre>if (sol·licitud_HTTP.status == 200) {
+    // perfecte!
+} else {
+    // hi ha hagut algun problema amb la sol·licitud
+    // per exemple, la resposta podria ser uns codis de resposta
+    // 404 (Not Found) o 500 (Internal Server Error)
+}
+</pre>
+<p>Després d'haver comprovat l'estat de la sol·licitud i el codi d'estat HTTP de la resposta, heu de decidir què voleu fer amb les dades que el servidor us ha enviat. Teniu dues opcions per a accedir a les dades:
+</p>
+<ul><li> <code>sol·licitud_HTTP.responseText</code> – retornarà la resposta del servidor com una cadena de text.
+</li><li> <code>sol·licitud_HTTP.responseXML</code> – retornarà la resposta com un objecte document XML, <code>XMLDocument</code>, que podeu recórrer utilitzant les funcions DOM de JavaScript.
+</li></ul>
+<h3 id="Tercer_pas_.E2.80.93_Un_exemple_simple" name="Tercer_pas_.E2.80.93_Un_exemple_simple"> Tercer pas – Un exemple simple </h3>
+<p>Posem-ho tot junt i fem una sol·licitud HTTP simple. El nostre codi JavaScript sol·licitarà un document HTML, <code>prova.html</code>, que conté el text «Açò és un text.» i llavors notificarà, <code>alert()</code>, els continguts del fitxer <code>prova.html</code>.
+</p>
+<pre>&lt;script type="text/javascript" language="javascript"&gt;
+
+
+
+    function fes_sol·licitud(url) {
+
+        var sol·licitud_HTTP = false;
+
+        if (window.XMLHttpRequest) { // Mozilla, Safari,...
+            sol·licitud_HTTP = new XMLHttpRequest();
+            if (sol·licitud_HTTP.overrideMimeType) {
+                sol·licitud_HTTP.overrideMimeType('text/xml');
+                // Vegeu la nota a sota
+            }
+        } else if (window.ActiveXObject) { // IE
+            try {
+                sol·licitud_HTTP = new ActiveXObject("Msxml2.XMLHTTP");
+            } catch (e) {
+                try {
+                    sol·licitud_HTTP = new ActiveXObject("Microsoft.XMLHTTP");
+                } catch (e) {}
+            }
+        }
+
+        if (!sol·licitud_HTTP) {
+            alert('S\'abandona :( No es pot crear una instància d'XMLHTTP');
+            return false;
+        }
+        sol·licitud_HTTP.onreadystatechange = function() { notifica_continguts(sol·licitud_HTTP); };
+        sol·licitud_HTTP.open('GET', url, true);
+        sol·licitud_HTTP.send(null);
+
+    }
+
+    function notifica_continguts(sol·licitud_HTTP) {
+
+        if (sol·licitud_HTTP.readyState == 4) {
+            if (sol·licitud_HTTP.status == 200) {
+                alert(sol·licitud_HTTP.responseText);
+            } else {
+                alert('Hi ha hagut un problema amb la sol·licitud.');
+            }
+        }
+
+    }
+&lt;/script&gt;
+&lt;span
+    style="cursor: pointer; text-decoration: underline"
+    onclick="fes_sol·licitud('prova.html')"&gt;
+        Fes una sol·licitud
+&lt;/span&gt;
+</pre>
+<p><br>
+En aquest exemple:
+</p>
+<ul><li> L'usuari fa un clic a l'enllaç «Fes una sol·licitud»;
+</li><li> Açò crida a la funció <code>fes_sol·licitud()</code> amb un paràmetre – el nom <code>prova.html</code> d'un fitxer HTML en el mateix directori;
+</li><li> Es fa la sol·licitud i llavors (<code>onreadystatechange</code>) l'execució es passa a <code>notifica_continguts()</code>;
+</li><li> <code>notifica_continguts()</code> comprova si la resposta s'ha rebut, i si és correcta, llavors <code>alert()</code> notifica dels continguts al fitxer <code>prova.html</code>.
+</li></ul>
+<p>Podeu provar l'exemple <a href="http://www.w3clubs.com/mozdev/httprequest_test.html" class="external">ací</a> i veure el fitxer de prova <a href="http://www.w3clubs.com/mozdev/test.html" class="external">també ací</a>.
+</p><p><b>Nota</b>: La línia <code>sol·licitud_HTTP.overrideMimeType('text/xml');</code> anterior donarà errors a la consola de Javascript al Firefox 1.5b tal com es documenta a <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=311724" class=" link-https" rel="freelink">https://bugzilla.mozilla.org/show_bug.cgi?id=311724</a> si la pàgina que es crida per XMLHttpRequest no és un XML vàlid (p.ex., si és text net).
+</p><p>Si obteniu un error de sintaxi (Syntax Error) o de mal format (Not Well Formed Error) en el navegador, i no esteu intentant carregar una pàgina XML per XMLHttpRequest, suprimiu aquesta línia del codi.
+</p><p><b>Nota 2</b>: si envieu una sol·licitud a un codi que retorni XML, en comptes d'un fitxer XML estàtic, heu d'especificar-ne algunes capçaleres de resposta si la vostra pàgina ha de funcionar amb l'Internet Explorer a més d'amb el Mozilla. Si no hi definiu la capçalera, <code>Content-Type: application/xml</code>, l'IE llançarà un error de Javascript 'Object Expected' després de la línia des d'on intenteu accedir a un element XML. Si no hi definiu una capçalera, <code>Cache-Control: no-cache</code>, el navegador emmagatzemarà a la memòria cau la resposta i no tornarà mai a trametre la sol·licitud, fent llavors que la depuració sigui tot un repte.
+</p><p><b>Nota 3</b>: si la variable sol·licitud_HTTP s'utilitza globalment, aquelles funcions «competidores» que cridin a fes_sol·licitud() poden anul·lar-se unes a les altres, provocant doncs una condició de cursa. En declarar sol·licitud_HTTP com una variable local a la funció i passar-la a la funció notifica_continguts() ho evita.
+</p><p><b>Note 4</b>: Per a registrar la funció de resposta onreadystatechange, no podeu tenir cap argument:
+</p>
+<pre>sol·licitud_HTTP.onreadystatechange = function() { notifica_continguts(sol·licitud_HTTP); };  //1 (sol·licitud simultània)
+sol·licitud_HTTP.onreadystatechange = notifica_continguts(sol·licitud_HTTP); //2 (no funciona)
+sol·licitud_HTTP.onreadystatechange = notifica_continguts;  //3 (variable global)
+</pre>
+<p>El mètode 1 us permet tenir diferent sol·licituds fetes simultàniament, el 2 no funciona, i el 3 s'utilitza si sol·licitud_HTTP és una variable global.
+</p>
+<h3 id="Quart_pas_.E2.80.93_Treballant_amb_la_resposta_XML" name="Quart_pas_.E2.80.93_Treballant_amb_la_resposta_XML"> Quart pas – Treballant amb la resposta XML </h3>
+<p>En l'anterior exemple, després que es rebés la resposta a la sol·licitud HTTP, vam fer servir la propietat <code>reponseText</code> de l'objecte de sol·licitud i contenia els continguts del fitxer <code>prova.html</code>. Provem-ho ara amb la propietat <code>responseXML</code>.
+</p><p>Comencem creant un document XML vàlid, que sol·licitarem més endavant. El document (prova.xml) conté el següent:
+</p>
+<pre>&lt;?xml version="1.0" ?&gt;
+&lt;root&gt;
+    Açò és una prova.
+&lt;/root&gt;
+</pre>
+<p>A la seqüència, només cal que canviar-hi la línia de sol·licitud per:
+</p>
+<pre>...
+onclick="fes_sol·licitud('prova.xml')"&gt;
+...
+</pre>
+<p>Llavors a <code>notifica_continguts()</code> cal que reemplacem la línia amb <code>alert()</code> d'<code>alert(sol·licitud_HTTP.responseText);</code> per:
+</p>
+<pre>var document_xml = sol·licitud_HTTP.responseXML;
+var node_arrel = document_xml.getElementsByTagName('root').item(0);
+alert(node_arrel.firstChild.data);
+</pre>
+<p>D'aquesta forma prenem l'objecte <code>XMLDocument</code> donat per <code>responseXML</code> i utilitzem els mètodes DOM per a accedir a algunes dades que es troben al document XML. Podeu veure-ho a <code>prova.xml</code> <a href="http://www.w3clubs.com/mozdev/test.xml" class="external">ací</a> i la seqüència de prova actualizada <a href="http://www.w3clubs.com/mozdev/httprequest_test_xml.html" class="external">ací</a>.
+</p><p>Per a més informació dels mètodes DOM, consulteu els documents de la <a href="http://www.mozilla.org/docs/dom/" class="external">implementació DOM de Mozilla</a>.
+</p>{{ languages( { "de": "de/AJAX/Getting_Started", "en": "en/AJAX/Getting_Started", "es": "es/AJAX/Primeros_Pasos", "fr": "fr/AJAX/Premiers_pas", "ja": "ja/AJAX/Getting_Started", "pl": "pl/AJAX/Na_pocz\u0105tek", "pt": "pt/AJAX/Como_come\u00e7ar" } ) }}
diff --git a/files/ca/web/guide/css/inici_en_css/caixes/index.html b/files/ca/web/guide/css/inici_en_css/caixes/index.html
new file mode 100644
index 0000000000..536ea9b5e1
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/caixes/index.html
@@ -0,0 +1,341 @@
+---
+title: Caixes
+slug: Web/Guide/CSS/Inici_en_CSS/Caixes
+tags:
+  - Basic
+  - Beginner
+  - CSS
+  - CSS Borders
+  - CSS Margin
+  - CSS Padding
+  - 'CSS:Getting_Started'
+  - NeedsBeginnerUpdate
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/Building_blocks
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Lists", "Llistes") }}Aquesta és la 11th secció del tutorial <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a> descriu com podeu utilitzar CSS per controlar l'espai que ocupa un element quan es mostra. En el document d'exemple, canviareu l'espaiat i afegireu regles decoratives.</p>
+
+<h2 class="clearLeft" id="Informació_Caixes">Informació: Caixes</h2>
+
+<p>Quan el navegador mostra un element, l'element ocupa espai. Hi ha quatre parts en l'espai que ocupa.</p>
+
+<p>Al mig, és l'espai que l'<em>element</em> necessita per mostrar el seu contingut. Al voltant d'això, hi ha un <em>padding (farciment)</em>. Al voltant d'això, hi ha un <em>border (vora)</em>. Al voltant d'això, hi ha un <em>margin (marge)</em> que separa l'element d'altres elements.</p>
+
+<table>
+ <tbody>
+  <tr>
+   <td style="width: 22em;">
+    <div style="background-color: #eee; padding: 0px 2em 2em 2em; width: 16em;">
+    <p style="text-align: center; margin: 0px;">margin (marge)</p>
+
+    <p style="text-align: center; margin: 0px 0px -.75em 0px;">border (vora)</p>
+
+    <div style="background-color: #fff; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
+    <p style="text-align: center;">padding (farciment)</p>
+
+    <div style="background-color: #eee;">
+    <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #999;">element</p>
+    </div>
+    </div>
+    </div>
+
+    <p><em><span class="short_text" id="result_box" lang="ca"><span>El gris</span> <span>pàl·lid</span> <span>mostra</span> <span>parts</span> <span>de la disposició.</span></span></em></p>
+   </td>
+   <td>
+    <div style="background-color: #fff; padding: 0px 2em 2em 2em; width: 16em;">
+    <p style="text-align: center; margin: 0px;"> </p>
+
+    <p style="text-align: center; margin: 0px 0px -.75em 0px;"> </p>
+
+    <div style="background-color: #fff; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
+    <p style="text-align: center;"> </p>
+
+    <div style="background-color: #fff;">
+    <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #999;">element</p>
+    </div>
+    </div>
+    </div>
+
+    <p><em>Això és el que es veu en el vostre navegador.</em></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>El farcit, vora i marge poden tenir diferents mides en la part superior, dret, inferior i esquerra de l'element. Qualsevol o totes aquestes mides poden ser zero.</p>
+
+<h3 id="Acolorir">Acolorir</h3>
+
+<p>El farcit és sempre del mateix color que el fons de l'element. Així que quan s'estableix el color de fons, es veu el color aplicat a l'element en si i el seu farcit. El marge és sempre transparent.</p>
+
+<table>
+ <tbody>
+  <tr>
+   <td style="width: 22em;">
+    <div style="background-color: #eee; padding: 0px 2em 2em 2em; width: 16em;">
+    <p style="text-align: center; margin: 0px;">margin</p>
+
+    <p style="text-align: center; margin: 0px 0px -.75em 0px;">border</p>
+
+    <div style="background-color: #efe; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
+    <p style="text-align: center;">padding</p>
+
+    <div style="background-color: #ded;">
+    <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #898;">element</p>
+    </div>
+    </div>
+    </div>
+
+    <p><em><span class="short_text" id="result_box" lang="ca"><span>L'element</span> <span>té</span> <span>un fons</span> <span>verd.</span></span></em></p>
+   </td>
+   <td>
+    <div style="background-color: #fff; padding: 0px 2em 2em 2em; width: 16em;">
+    <p style="text-align: center; margin: 0px;"> </p>
+
+    <p style="text-align: center; margin: 0px 0px -.75em 0px;"> </p>
+
+    <div style="background-color: #efe; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
+    <p style="text-align: center;"> </p>
+
+    <div style="background-color: #efe;">
+    <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #898;">element</p>
+    </div>
+    </div>
+    </div>
+
+    <p><em>Això és el que es veu en el vostre navegador.</em></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Vores">Vores</h3>
+
+<p>Podeu utilitzar les vores per decorar elements amb línies o caixes.</p>
+
+<p>Per especificar la mateixa vora a tot al voltant d'un element, utilitzeu la propietat {{ cssxref("border") }}. Especificar l'ample (en píxels en general per a la seva visualització en una pantalla), l'estil i el color.</p>
+
+<p>Els estils són:</p>
+
+<table style="margin-left: 2em;">
+ <tbody>
+  <tr>
+   <td style="width: 6em;">
+    <div style="border: 2px solid #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>solid</code></div>
+   </td>
+   <td style="width: 6em;">
+    <div style="border: 2px dotted #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>dotted</code></div>
+   </td>
+   <td style="width: 6em;">
+    <div style="border: 2px dashed #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>dashed</code></div>
+   </td>
+   <td style="width: 6em;">
+    <div style="border: 4px double #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>double</code></div>
+   </td>
+  </tr>
+  <tr>
+   <td style="width: 6em;">
+    <div style="border: 2px inset #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>inset</code></div>
+   </td>
+   <td style="width: 6em;">
+    <div style="border: 2px outset #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>outset</code></div>
+   </td>
+   <td style="width: 6em;">
+    <div style="border: 4px ridge #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>ridge</code></div>
+   </td>
+   <td style="width: 6em;">
+    <div style="border: 4px groove #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>groove</code></div>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>També podeu establir l'estil a <code>none</code> o <code>hidden</code> per eliminar de forma explícita la vora, o establir el color a transparent per fer la vora invisible sense canviar el disseny.</p>
+
+<p>Especificar vores a un costat alhora, utilitzeu les propietats: {{ cssxref("border-top") }}, {{ cssxref("border-right") }}, {{cssxref("border-bottom")}}, {{cssxref("border-left")}}. Podeu utilitzar aquests per especificar una vora en un sol costat, o diferentes vores en diferents costats.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Aquesta regla estableix el color de fons i la vora de la part superior dels elements d'encapçalament:</p>
+
+<pre class="brush:css">h3 {
+  border-top: 4px solid #7c7; /* mid green */
+  background-color: #efe;     /* pale green */
+  color: #050;                /* dark green */
+  }
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p>
+
+<table>
+ <tbody>
+  <tr>
+   <td>
+    <p style="font-size: 133%; font-weight: bold; background-color: #efe; border-top: 4px solid #7c7; color: #050; padding-right: 6em;">Stylish heading</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Aquesta regla fa que les imatges siguin més fàcils de veure, donant-los una vora gris mig en tot:</p>
+
+<pre class="brush:css">img {border: 2px solid #ccc;}
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p>
+
+<table>
+ <tbody>
+  <tr>
+   <td>Imatge:</td>
+   <td style="border: 2px solid #ccc;"><img alt="Image:Blue-rule.png" class="internal" src="/@api/deki/files/47/=Blue-rule.png"></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="Marges_i_farciment">Marges i farciment</h3>
+
+<p>Utilitzeu marges i farciment per ajustar les posicions dels elements i crear l'espai que els envolta.</p>
+
+<p>Utilitzeu la propietat {{ cssxref("margin") }} o la propietat {{ cssxref("padding") }} per establir els amples dels marges o de farciment, respectivament.</p>
+
+<p>Si s'especifica una amplada, s'aplica al voltant de tot l'element (a dalt, dreta, a sota i a l'esquerra).</p>
+
+<p>Si s'especifica dos amples, la primera s'aplica a la part superior i inferior, la segona a la dreta i l'esquerra.</p>
+
+<p>Podeu definir els quatre amplades en l'ordre: dalt, dreta, a sota, a l'esquerra.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Aquesta regla distingeix els paràgrafs amb la classe <code>remark</code>, donant-los una vora vermella al seu voltant.</p>
+
+<p>El farciment al seu voltant separa la vora del text una mica.</p>
+
+<p>Un marge esquerre sagna el paràgraf en relació amb la resta del text:</p>
+
+<pre class="brush:css">p.remark {
+  border: 2px solid red;
+  padding: 4px;
+  margin-left: 24px;
+  }
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p>
+
+<table>
+ <tbody>
+  <tr>
+   <td>
+    <p>Here is a normal paragraph.</p>
+
+    <p style="border: 2px solid red; padding: 4px 6em 4px 4px; margin: 0px 0px 0px 24px;">Here is a remark.</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>Quan s'utilitzan marges i farcit per ajustar la forma en què els elements es disposen, les seves regles d'estil interactuen amb els valors per defecte del navegador en formes que poden ser complexes.</p>
+
+<p>Els diferents navegadors posen elements de manera diferent. Els resultats podrien ser similar fins que la vostre fulla d'estil canvia les coses. A vegades això pot fer que les vostres fulles d'estil donin resultats sorprenents.</p>
+
+<p>Per obtenir el resultat desitjat, és possible que hàgiu de canviar el marcat del document. La pàgina següent d'aquest tutorial teniu més informació sobre això.</p>
+
+<p>Per a més informació sobre el farciment, marges i vores, vegeu la pàgina de referència <a href="/en-US/docs/Web/CSS/box_model" title="en-US/docs/Web/Guide/CSS/box model"><span class="external">Model de caixa</span></a>.</p>
+</div>
+
+<h2 id="Acció_Afegir_vores">Acció: Afegir vores</h2>
+
+<p>Editeu l'arxiu CSS, <code>style2.css</code>. Afegiu aquesta regla per dibuixar una línia a través de la pàgina sobre cada capçalera:</p>
+
+<pre class="brush:css">h3 {border-top: 1px solid gray;}
+</pre>
+
+<p>Si vau prendre el repte de l'última pàgina, modifiqueu la regla que heu creat, en cas contrari afegiu aquesta nova regla, la d'afegir un espai sota cada element de la llista:</p>
+
+<pre class="brush:css">li {
+  list-style: lower-roman;
+  margin-bottom: 8px;
+  }
+</pre>
+
+<p>Actualitzeu el navegador per veure el resultat:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;">
+ <tbody>
+  <tr>
+   <td>
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p>
+
+    <ul style="">
+     <li style="margin-bottom: 8px;">Arctic</li>
+     <li style="margin-bottom: 8px;">Atlantic</li>
+     <li style="margin-bottom: 8px;">Pacific</li>
+     <li style="margin-bottom: 8px;">Indian</li>
+     <li style="margin-bottom: 8px;">Southern</li>
+    </ul>
+
+    <p style="font-weight: bold; font-size: 133%; margin-top: 1em; margin-bottom: .3em; padding: .4em 4em .16em 0; border-top: 1px solid gray;">(B) Numbered paragraphs</p>
+
+    <p><strong>1: </strong>Lorem ipsum</p>
+
+    <p><strong>2: </strong>Dolor sit</p>
+
+    <p><strong>3: </strong>Amet consectetuer</p>
+
+    <p><strong>4: </strong>Magna aliquam</p>
+
+    <p><strong>5: </strong>Autem veleum</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="tuto_example">
+<div class="tuto_type">Repte</div>
+
+<p>Afegiu una regla a la fulla d'estils, fent una vora àmpla al voltant dels oceans en un color que recordi al mar, alguna cosa com això:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;">
+ <tbody>
+  <tr>
+   <td>
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p>
+
+    <div style="border: 12px solid #69b; padding-left: 1em;">
+    <ul style="">
+     <li style="margin-bottom: 8px;">Arctic</li>
+     <li style="margin-bottom: 8px;">Atlantic</li>
+     <li style="margin-bottom: 8px;">Pacific</li>
+     <li style="margin-bottom: 8px;">Indian</li>
+     <li style="margin-bottom: 8px;">Southern</li>
+    </ul>
+    </div>
+
+    <p style="font-weight: bold; font-size: 133%; margin-top: 1em; margin-bottom: .3em; padding: .4em 4em .16em 0; border-top: 1px solid gray;">(B) Numbered paragraphs</p>
+
+    <p><strong>. . .</strong></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p> </p>
+
+<p>(No hi ha necessitat perquè coincideixi amb l'amplada i el color que es veu aquí exactament.)</p>
+</div>
+
+<p><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Boxes" title="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Boxes">Veure la solució per el repte.</a></p>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Layout", "Disseny") }}En definir marges i farcit, heu modificat el disseny del document. A la pàgina següent es canvia el <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Layout">disseny</a> del vostre document d'altres maneres.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/cascada_i_herència/index.html b/files/ca/web/guide/css/inici_en_css/cascada_i_herència/index.html
new file mode 100644
index 0000000000..5fba4aea87
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/cascada_i_herència/index.html
@@ -0,0 +1,150 @@
+---
+title: Cascada i herència
+slug: Web/Guide/CSS/Inici_en_CSS/Cascada_i_herència
+tags:
+  - Beginner
+  - CSS
+  - 'CSS:Getting_Started'
+  - Guide
+  - NeedsBeginnerUpdate
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/How_CSS_works", "Com funciona el CSS")}}Aquesta és la quarta secció del tutorial <span class="seoSummary"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started" title="en/CSS/Getting Started">CSS Getting Started</a></span> ; descriu com els fulls d'estil interactuenen en cascada, i com els elements hereten l'estil dels seus pares. S'agrega a la vostre fulla d'estils d'exemple, utilitzant l'herència per alterar l'estil de moltes parts del document en un sol pas.</p>
+
+<h2 class="clearLeft" id="Informació_Cascada_i_herència"><span class="short_text" id="result_box" lang="ca"><span>Informació</span><span>:</span> <span>Cascada i</span> <span>herència</span></span></h2>
+
+<p>L'estil final per a un element es pot especificar en molts llocs diferents, que poden interactuar d'una manera complexa. Aquesta interacció complexa fa que el CSS sigui de gran abast, però també pot fer que sigui confús i difícil de depurar.</p>
+
+<p><span id="result_box" lang="ca"><span>Tres</span> <span>fonts</span> <span>principals</span> <span>d'informació</span> <span>d'estil</span> <span>formen una</span> <span>cascada.</span> <span>Aqueste son:</span></span></p>
+
+<ul>
+ <li>Estils per defecte del navegador per al llenguatge de marques.</li>
+ <li>Estils especificats per un usuari que està llegint el document.</li>
+ <li>Els estils relacionats amb el document pel seu autor. Aquests es poden especificar en tres llocs:
+  <ul>
+   <li>En un arxiu extern: aquest tutorial discuteix principalment aquest mètode de definició d'estils.</li>
+   <li>En una definició al començament del document: utilitzar aquest mètode només per als estils que s'utilitzen només en aquesta pàgina.</li>
+   <li>En un element específic en el cos del document: aquest és el mètode menys mantenible, però pot ser utilitzat per a les proves.</li>
+  </ul>
+ </li>
+</ul>
+
+<p>L'estil de l'usuari modifica l'estil per defecte del navegador. L'estil de l'autor del document modifica l'estil una mica més. En aquest tutorial, vosaltres sou l'autor del document d'exemple, i només es treballa amb fulls d'estil d'autor.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Quan llegiu aquest document en un navegador, part de l'estil que es veu prové dels valors per defecte del navegador per HTML.</p>
+
+<p>Part de l'estil podria venir de la configuració del navegador a mida o un arxiu de definició d'estil personalitzat. A Firefox, la configuració es pot personalitzar en el quadre de diàleg Preferències, o es pot especificar estils en un arxiu <code>userContent.css </code>arxiu anomenat en el vostre perfil de navegador.</p>
+
+<p>Part de l'estil prové de les fulles d'estil vinculades al document per part del servidor.</p>
+</div>
+
+<p>En obrir el document d'exemple en el navegador, els elements {{ HTMLElement("strong") }} destacan més que la resta del text. Això ve de l'estil per defecte del navegador per HTML.</p>
+
+<p>Els elements {{ HTMLElement("strong") }} són de color vermell. Això ve de la pròpia fulla d'estils d'exemple.</p>
+
+<p>Els elements {{ HTMLElement("strong") }} també hereten gran part de  l'estil de l'element {{HTMLElement ("p")}}, perquè són els seus fills. De la mateixa manera, l'element {{ HTMLElement("p") }} hereta gran part de l'estil de l'element {{ HTMLElement("body") }}.</p>
+
+<p>Per estils en cascada, els fulls d'estil d'autor tenen prioritat, a continuació els fulls d'estil del lector i seguidament els valors per defecte del navegador.</p>
+
+<p>Per estils heretats, l'estil propi d'un node fill té prioritat sobre l'estil heretat del seu pare.</p>
+
+<p>Aquestes no són les úniques prioritats que s'apliquen. Una pàgina més endavant en aquest tutorial s'explica més.</p>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>CSS proporciona una manera perquè el lector pugui anul·lar l'estil de l'autor del document, mitjançant l'ús de la paraula clau <code>!important</code>.</p>
+
+<p>Això vol dir que, com a autor del document, no sempre es pot predir amb exactitud el que els vostres lectors veuran.</p>
+
+<p>Si vols conèixer tots els detalls de cascada i herència, consulteu <a class="external" href="https://www.w3.org/TR/CSS/#css">Assignació de valors de les propietats, Cascada i herència</a> en l'especificació CSS.</p>
+</div>
+
+<h2 id="Acció_L'ús_de_l'herència"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>L'ús</span> <span>de l'herència</span></span></h2>
+
+<ol>
+ <li><span class="short_text" id="result_box" lang="ca"><span class="alt-edited">Edita l'arxiu CSS d'exemple.</span></span></li>
+ <li>Afegir aquesta línia copiant-la i enganxant-la. Realment no importa si l'afegeixes per damunt o per sota de la línia ja existent. No obstant això, afegir-la en la part superior és el mes lògic, ja que en el document  l'element {{ HTMLElement("p") }} és el pare de l'element {{ HTMLElement("strong") }}:
+  <pre class="brush:css">p {color: blue; text-decoration: underline;}
+</pre>
+ </li>
+ <li>Actualitzar el navegador per veure l'efecte en el document d'exemple. El subratllat afecta a tot el text en el paràgraf, incloent les lletres inicials. Els elements {{ HTMLElement("strong") }} han hagut d'heretar l'estil subratllat del seu pare, l'element {{ HTMLElement("p") }}.<br>
+
+  <p>Però els elements {{ HTMLElement("strong") }} estan sent vermells. El color vermell correspont el seu propi estil, pel que té prioritat sobre el color blau del seu pare, l'element {{ HTMLElement("p") }}.</p>
+ </li>
+</ol>
+
+<h2 id="Before" name="Before">Abans</h2>
+
+<h3 id="Contingut_HTML">Contingut HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;
+  &lt;strong&gt;C&lt;/strong&gt;ascading
+  &lt;strong&gt;S&lt;/strong&gt;tyle
+  &lt;strong&gt;S&lt;/strong&gt;heets
+&lt;/p&gt;
+</pre>
+
+<h3 id="Contingut_CSS">Contingut CSS</h3>
+
+<pre class="brush: css">strong {color:red}
+</pre>
+
+<p>{{ EmbedLiveSample('Before') }}</p>
+
+<h2 id="After" name="After">Després</h2>
+
+<h3 id="Contingut_HTML_2">Contingut HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;
+  &lt;strong&gt;C&lt;/strong&gt;ascading
+  &lt;strong&gt;S&lt;/strong&gt;tyle
+  &lt;strong&gt;S&lt;/strong&gt;heets
+&lt;/p&gt;</pre>
+
+<h3 id="Contingut_CSS_2">Contingut CSS</h3>
+
+<pre class="brush:css" dir="rtl">p {color:blue; text-decoration:underline}
+strong {color:red}</pre>
+
+<p>{{ EmbedLiveSample('After') }}</p>
+
+<p> </p>
+
+<div class="tuto_example">
+<div class="tuto_type">Repte</div>
+Modifiqueu el full d'estils perquè només les lletres vermelles estiguin subratllades:
+
+<table style="border: 2px outset #3366bb; padding: 1em;">
+ <tbody>
+  <tr>
+   <td style="color: blue;"><strong style="color: red; text-decoration: underline;">C</strong>ascading <strong style="color: red; text-decoration: underline;">S</strong>tyle <strong style="color: red; text-decoration: underline;">S</strong>heets</td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="tuto_details" id="tutochallenge">
+<div class="tuto_type">Possible solution</div>
+
+<p>Move the declaration for underlining from the rule for {{ HTMLElement("p") }} to the one for {{ HTMLElement("strong") }}. The resulting file looks like this:</p>
+
+<pre class="brush: css">p {color: blue; }
+strong {color: red; text-decoration: underline;}
+</pre>
+
+<p> </p>
+<a class="hideAnswer" href="#challenge">Hide solution</a></div>
+<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div>
+
+<p> </p>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors", "Selectors")}}El full d'estils d'exemple especifica els estils per a les etiquetes &lt;p&gt; i &lt;strong&gt;, modificant l'estil dels elements corresponents a tot el document. La següent secció descriu com especificar l'estil de <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors" title="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors">manera més selectiva</a>.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/color/index.html b/files/ca/web/guide/css/inici_en_css/color/index.html
new file mode 100644
index 0000000000..3dfb2be55c
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/color/index.html
@@ -0,0 +1,353 @@
+---
+title: Color
+slug: Web/Guide/CSS/Inici_en_CSS/Color
+tags:
+  - Beginner
+  - CSS
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - NeedsBeginnerUpdate
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/Introduction_to_CSS/Values_and_units#Colors
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles", "Estils de text")}}Aquesta és la 8th secció del tutorial<span class="seoSummary"><a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started"> CSS Getting Started</a> tutorial;</span>explica com especificar el color en CSS. En la vostre fulla d'estil d'exemple, s'introdueix colors de fons.</p>
+
+<h2 class="clearLeft" id="Informació_Color">Informació: Color</h2>
+
+<p>En aquest tutorial fins al moment, s'ha utilitzat un nombre limitat de colors amb nom. CSS2 suporta 17 colors amb nom en tots. Alguns dels noms pot ser que no sigui l'esperat:</p>
+
+<table style="border: 0px; margin-left: 2em; text-align: right;">
+ <tbody>
+  <tr>
+   <td> </td>
+   <td>negre (black)</td>
+   <td style="width: 2em; height: 2em; background-color: black;"> </td>
+   <td>gris (gray)</td>
+   <td style="width: 2em; height: 2em; background-color: gray;"> </td>
+   <td>plata (silver)</td>
+   <td style="width: 2em; height: 2em; background-color: silver;"> </td>
+   <td>blanc (white)</td>
+   <td style="width: 2em; height: 2em; background-color: white; border: 1px dotted gray;"> </td>
+  </tr>
+  <tr>
+   <td>primaris</td>
+   <td>vermell (red)</td>
+   <td style="width: 2em; height: 2em; background-color: red;"> </td>
+   <td>Llima (lime)</td>
+   <td style="width: 2em; height: 2em; background-color: lime;"> </td>
+   <td>blau (blue)</td>
+   <td style="width: 2em; height: 2em; background-color: blue;"> </td>
+  </tr>
+  <tr>
+   <td>secundaris</td>
+   <td>groc (yellow)</td>
+   <td style="width: 2em; height: 2em; background-color: yellow;"> </td>
+   <td>aigua (aqua)</td>
+   <td style="width: 2em; height: 2em; background-color: aqua;"> </td>
+   <td>fúcsia (fuchsia)</td>
+   <td style="width: 2em; height: 2em; background-color: fuchsia;"> </td>
+  </tr>
+  <tr>
+   <td> </td>
+   <td>marró (maroon)</td>
+   <td style="width: 2em; height: 2em; background-color: maroon;"> </td>
+   <td>taronge (orange)</td>
+   <td style="width: 2em; height: 2em; background-color: orange;"> </td>
+   <td>oliva (olive)</td>
+   <td style="width: 2em; height: 2em; background-color: olive;"> </td>
+   <td>porpra (purple)</td>
+   <td style="width: 2em; height: 2em; background-color: purple;"> </td>
+   <td>verd (green)</td>
+   <td style="width: 2em; height: 2em; background-color: green;"> </td>
+   <td>blau marí (navy)</td>
+   <td style="width: 2em; height: 2em; background-color: navy;"> </td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>verd</span> <span>blavós</span></span> (teal)</td>
+   <td style="width: 2em; height: 2em; background-color: teal;"> </td>
+  </tr>
+ </tbody>
+</table>
+
+<p> </p>
+
+<div class="tuto_details">
+<div class="tuto_type">Detalls</div>
+
+<p>El vostre navegador pot suportar molts més colors amb nom, com:</p>
+
+<table style="background-color: inherit; border: 0px; margin: .5em 0px .5em 2em; text-align: right;">
+ <tbody>
+  <tr>
+   <td>dodgerblue</td>
+   <td style="width: 2em; height: 2em; background-color: dodgerblue;"> </td>
+   <td>peachpuff</td>
+   <td style="width: 2em; height: 2em; background-color: peachpuff;"> </td>
+   <td>tan</td>
+   <td style="width: 2em; height: 2em; background-color: tan;"> </td>
+   <td>firebrick</td>
+   <td style="width: 2em; height: 2em; background-color: firebrick;"> </td>
+   <td>aquamarine</td>
+   <td style="width: 2em; height: 2em; background-color: aquamarine;"> </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Per a més detalls d'aquesta llista ampliada, consulteu: <a class="external" href="http://www.w3.org/TR/2003/CR-css3-color-20030514/#svg-color">SVG color keywords</a> en CSS 3 mòdul de colors. Aneu amb compte d'utilitzar noms de colors que els lectors dels navegadors no siguin compatibles.</p>
+</div>
+
+<p>Per a una paleta gran, especifiqueu els components vermell, verd i blau del color que desitgeu mitjançant l'ús d'un signe de nombre (hash) i tres dígits hexadecimals en el rang de 0 - 9, a - f. Les lletres a - f representen els valors de 10 - 15:</p>
+
+<table style="border: 0px; margin-left: 2em;">
+ <tbody>
+  <tr>
+   <td>negre (black)</td>
+   <td style="width: 2em; height: 2em; background-color: #000;"> </td>
+   <td><code>#000</code></td>
+  </tr>
+  <tr>
+   <td>vermell (pure red)</td>
+   <td style="width: 2em; height: 2em; background-color: #f00;"> </td>
+   <td><code>#f00</code></td>
+  </tr>
+  <tr>
+   <td>verd (pure green)</td>
+   <td style="width: 2em; height: 2em; background-color: #0f0;"> </td>
+   <td><code>#0f0</code></td>
+  </tr>
+  <tr>
+   <td>blau (pure blue)</td>
+   <td style="width: 2em; height: 2em; background-color: #00f;"> </td>
+   <td><code>#00f</code></td>
+  </tr>
+  <tr>
+   <td>blanc (white)</td>
+   <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td>
+   <td><code>#fff</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<p><br>
+ <span id="result_box" lang="ca"><span>Per a la</span> <span>paleta</span> <span>completa,</span> <span>especificar</span> <span>dos dígits</span> <span>hexadecimals</span> <span>per a cada</span> <span>component</span><span>:</span></span></p>
+
+<table style="border: 0px; margin-left: 2em;">
+ <tbody>
+  <tr>
+   <td>negre (black)</td>
+   <td style="width: 2em; height: 2em; background-color: #000;"> </td>
+   <td><code>#000000</code></td>
+  </tr>
+  <tr>
+   <td>vermell (pure red)</td>
+   <td style="width: 2em; height: 2em; background-color: #f00;"> </td>
+   <td><code>#ff0000</code></td>
+  </tr>
+  <tr>
+   <td>verd (pure green)</td>
+   <td style="width: 2em; height: 2em; background-color: #0f0;"> </td>
+   <td><code>#00ff00</code></td>
+  </tr>
+  <tr>
+   <td>blau (pure blue)</td>
+   <td style="width: 2em; height: 2em; background-color: #00f;"> </td>
+   <td><code>#0000ff</code></td>
+  </tr>
+  <tr>
+   <td>blanc (white)</td>
+   <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td>
+   <td><code>#ffffff</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Normalment, es poden obtenir aquests codis hexadecimals de sis dígits d'un programa de gràfics o alguna altra eina.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Amb una mica de pràctica, podeu ajustar els colors de tres dígits manualment per a la majoria de propòsits:</p>
+
+<table style="background-color: #fffff4; border: 0px; margin-left: 2em;">
+ <tbody>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Comenceu</span> <span>amb</span> <span>el vermell</span> <span>pur</span></span> :</td>
+   <td style="width: 2em; height: 2em; background-color: #f00;"> </td>
+   <td><code>#f00</code></td>
+  </tr>
+  <tr>
+   <td><span id="result_box" lang="ca"><span>Perquè sigui</span> <span>més</span> <span>clar</span><span>, afegir una mica</span> <span>de verd</span> <span>i blau</span></span> :</td>
+   <td style="width: 2em; height: 2em; background-color: #f77;"> </td>
+   <td><code>#f77</code></td>
+  </tr>
+  <tr>
+   <td>Perquè sigui més taronja, afegir una mica de verd addicional:</td>
+   <td style="width: 2em; height: 2em; background-color: #fa7;"> </td>
+   <td><code>#fa7</code></td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Per enfosquir</span><span>, reduir</span> <span>tots els seus</span> <span>components</span></span>:</td>
+   <td style="width: 2em; height: 2em; background-color: #c74;"> </td>
+   <td><code>#c74</code></td>
+  </tr>
+  <tr>
+   <td>Per reduir la saturació, fer els seus components més iguals:</td>
+   <td style="width: 2em; height: 2em; background-color: #c98;"> </td>
+   <td><code>#c98</code></td>
+  </tr>
+  <tr>
+   <td>Si feu tots ells exactament iguals, s'obté gris:</td>
+   <td style="width: 2em; height: 2em; background-color: #ccc;"> </td>
+   <td><code>#ccc</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Per</span> <span>un to</span> <span>pastís</span> <span>com</span> <span>el blau</span> <span>pàl·lid</span><span>:</span></span></p>
+
+<table style="background-color: #fffff4; border: 0px none; height: 83px; margin-left: 2em; width: 376px;">
+ <tbody>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Comenceu</span> <span>amb</span> <span>blanc</span> <span>pur</span><span>:</span></span></td>
+   <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td>
+   <td><code>#fff</code></td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Reduir els</span> <span>altres</span> <span>components</span> <span>una mica</span><span>:</span></span></td>
+   <td style="width: 2em; height: 2em; background-color: #eef; border: 1px dotted gray;"> </td>
+   <td><code>#eef</code></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>També podeu especificar un color utilitzant valors decimals RGB en el rang de 0-255 o percentatges.</p>
+
+<p>Per exemple, aquest és de color granat (vermell fosc):</p>
+
+<pre class="brush:css">rgb(128, 0, 0)
+</pre>
+
+<p>Per a més detalls sobre com especificar els colors, consulteu: <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#color-units">Colors</a> en l'especificació CSS.</p>
+
+<p>Per obtenir informació sobre l'adequació dels colors del sistema de Menú i ThreeDFace, consulteu: <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#system-colors">Colors del Sistema en CSS2</a> en l'especificació CSS.</p>
+</div>
+
+<h3 id="Propietats_de_color"><span class="short_text" id="result_box" lang="ca"><span>Propietats de</span> <span>color</span></span></h3>
+
+<p>Ja heu utilitzat la propietat {{ cssxref("color") }} en el text.</p>
+
+<p>També podeu utilitzar la propietat {{ cssxref("background-color") }} per canviar el fons dels elements.</p>
+
+<p>Els fons els podeu configurar com <code>transparent</code> per eliminar de forma explícita qualsevol color, deixant al descobert el fons de l'element pare.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Les caixes d'<strong>exemple</strong> en aquest tutorial utilitza aquest fons de color groc pàl·lid:</p>
+
+<pre class="brush:css">background-color: #fffff4;
+</pre>
+
+<p>Les caixes de <strong>Més detalls</strong> utilitza aquest color gris pàl·lid:</p>
+
+<pre class="brush:css">background-color: #f4f4f4;
+</pre>
+</div>
+
+<p> </p>
+
+<h2 id="Acció_L'ús_dels_codis_de_color"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>L'ús dels</span> <span>codis de</span> <span>color</span></span></h2>
+
+<h2 id="Color_page" name="Color_page">C<span class="short_text" id="result_box" lang="ca"><span>olor</span> <span>de la pàgina</span></span></h2>
+
+<ol>
+ <li>Editeu l'arxiu CSS.</li>
+ <li>Feu el canvi que es mostra aquí sota, per donar a les lletres inicials d'un fons blau pàl·lid. (La disposició i comentaris a l'arxiu probablement difereixen de l'arxiu que es mostra aquí. Mantenir la disposició i els comentaris de la manera que preferiu.)</li>
+ <li>
+  <h3 id="Contingut_HTML">Contingut HTML</h3>
+
+  <pre class="brush: html">&lt;p id = "first"&gt; &lt;strong&gt;C&lt;/strong&gt;ascading &lt;strong class="spinach"&gt;S&lt;/strong&gt;tyle &lt;strong class="spinach"&gt;S&lt;/strong&gt;heets&lt;/p&gt;
+&lt;p&gt; &lt;strong&gt;C&lt;/strong&gt;ascading &lt;strong&gt;S&lt;/strong&gt;tyle &lt;strong&gt;S&lt;/strong&gt;heets&lt;/p&gt;
+</pre>
+
+  <h3 id="Contingut_CSS">Contingut CSS</h3>
+
+  <pre class="brush: css">/*** CSS Tutorial: Color page ***/
+
+/* page font */
+body {
+  font: 16px "Comic Sans MS", cursive;
+}
+
+/* paragraphs */
+p {
+  color: blue;
+}
+#first {
+  font-style: italic;
+}
+
+/* initial letters */
+strong {
+  background-color: #ddf;
+  color: red;
+  font: 200% serif;
+}
+
+.spinach {
+  color: green;
+  background-color: #ddf;
+}
+
+</pre>
+ </li>
+ <li>Deseu el fitxer i actualitzeu el navegador per veure el resultat.</li>
+ <li>El resultat ha de ser com aquest:</li>
+</ol>
+
+<p>{{ EmbedLiveSample('Color_page', '', '', '', 'Web/Guide/CSS/Getting_started/Color') }}</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Repte</div>
+
+<p>A l'arxiu CSS, canviar els noms de colors als codis de color de 3 dígits sense afectar el resultat.</p>
+
+<p>Això no es pot fer exactament, però es pot aconseguir aproximadament. Per fer-ho exactament es necessita codis de 6 dígits, i cal buscar l'especificació CSS o utilitzar una eina gràfica per a que coincideixi amb els colors.</p>
+
+<div class="tuto_details" id="tutochallenge">
+<div class="tuto_type">Possible solution</div>
+
+<p>The following values are reasonable approximations of the named colors:</p>
+
+<pre class="brush: css">strong {
+  color: #f00; /* red */
+  background-color: #ddf; /* pale blue */
+  font: 200% serif;
+}
+
+.carrot {
+  color: #fa0; /* orange */
+}
+
+.spinach {
+  color: #080; /* dark green */
+}
+
+p {
+  color: #00f; /* blue */
+}
+</pre>
+
+<p> </p>
+<a class="hideAnswer" href="#challenge">Hide solution</a></div>
+<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Content", "Contingut")}}El document d'exemple i la seva fulla d'estil d'exemple separen el contingut de l'estil de forma estricta. La <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Content">següent secció</a> explica com es pot fer excepcions a aquesta estricta separació.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/com_funciona_el_css/index.html b/files/ca/web/guide/css/inici_en_css/com_funciona_el_css/index.html
new file mode 100644
index 0000000000..4a2732c584
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/com_funciona_el_css/index.html
@@ -0,0 +1,129 @@
+---
+title: Com funciona el CSS
+slug: Web/Guide/CSS/Inici_en_CSS/Com_funciona_el_CSS
+tags:
+  - Beginner
+  - CSS
+  - 'CSS:Getting_Started'
+  - Guide
+  - NeedsBeginnerUpdate
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/First_steps/How_CSS_works
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS", "Per què utilitzar CSS?") }}Aquesta tercera secció del tutorial<span class="seoSummary"> <a href="/en-US/docs/Web/Guide/CSS/Getting_started" title="en-US/docs/Web/Guide/CSS/Getting_started">CSS Getting Started</a> </span>explica com funciona CSS en el navegador i el propòsit del Document Object Model (DOM). També aprendreu com analitzar el document de mostra.</p>
+
+<h2 class="clearLeft" id="Informació_Com_funciona_el_CSS">Informació: Com funciona el CSS</h2>
+
+<p>Quan un navegador mostra un document, s'ha de combinar el contingut del document amb la seva informació d'estil. El document es processa en dues etapes:</p>
+
+<ol>
+ <li>El navegador converteix el llenguatge de marcat i el CSS en el <a href="/en-US/docs/DOM" title="/en-US/docs/HTML/DOM"><em>DOM</em></a> (Document Object Model). El DOM representa el document a la memòria de l'ordinador. Combina el contingut del document amb el seu estil.</li>
+ <li>El navegador mostra el contingut de la DOM.</li>
+</ol>
+
+<p>Un llenguatge de marcat utilitza <em>elements</em> per definir l'estructura del document. Es marca un element mitjançant <em>etiquetes</em>, que són cadenes que comencen amb '&lt;' i acaban amb '&gt;'. La majoria dels elements tenen un parell d'etiquetes, una etiqueta d'inici i una etiqueta final. Per l'etiqueta d'inici, col·locar el nom de l'element entre '&lt;' i '&gt;'. Per l'etiqueta final, col·locar un '/' després que el '&lt;' i abans que el nom de l'element.</p>
+
+<p>Depenent del llenguatge de marques, alguns elements només tenen una etiqueta d'inici, o una sola etiqueta on el '/' ve després que el nom de l'element. Un element també pot ser un contenidor i incloure altres elements entre la seva etiqueta inicial i final. Recordeu sempre de tancar les etiquetes dins del contenidor.</p>
+
+<p>Un DOM té una estructura en forma d'arbre. Cada element, atribut i extensió de text, en el llenguatge de marcat, es converteix en un <em>node</em> en l'estructura de l'arbre. Els nodes es defineixen per la seva relació amb altres nodes DOM. Alguns elements són els pares dels nodes fills, i els nodes fills tenen germans.</p>
+
+<p>La comprensió del DOM ajuda a dissenyar, depurar i mantenir la CSS, pel fet que el DOM és on el CSS i el contingut del document es reuneixen.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<div class="tuto_type"> </div>
+En el vostre document d'exemple, l'etiqueta &lt;p&gt; i la seva etiqueta de tancament &lt;/p&gt; creen un contenidor:
+
+<pre class="brush:html">&lt;p&gt;
+  &lt;strong&gt;C&lt;/strong&gt;ascading
+  &lt;strong&gt;S&lt;/strong&gt;tyle
+  &lt;strong&gt;S&lt;/strong&gt;heets
+&lt;/p&gt;
+</pre>
+
+<p><strong>Exemple en directe</strong></p>
+
+<p>{{ EmbedLiveSample('Information.3A_How_CSS_works', '', '', '', 'Web/Guide/CSS/Getting_started/How_CSS_works') }}</p>
+
+<p>En el DOM, el node corresponent P és un pare. Els seus fills són els nodes STRONG i els nodes de text. Els nodes STRONG són ells mateixos els pares, amb els nodes de text com els seus fills;</p>
+
+<pre><span style="color: black;">P</span>
+├─<span style="color: black;">STRONG</span>
+│ └─"<span style="color: black;">C</span>"
+├─"<span style="color: black;">ascading</span>"
+├─<span style="color: black;">STRONG</span>
+│ └─"<span style="color: black;">S</span>"
+├─"<span style="color: black;">tyle</span>"
+├─<span style="color: black;">STRONG</span>
+│ └─"<span style="color: black;">S</span>"
+└─"<span style="color: black;">heets</span>"</pre>
+</div>
+
+<h2 id="Acció_Anàlisi_d'un_DOM">Acció: Anàlisi d'un DOM</h2>
+
+<h3 id="L'ús_de_DOM_Inspector">L'ús de DOM Inspector</h3>
+
+<p>Per analitzar un DOM, es necessita un programari especial. Podeu utilitzar el complement <a href="/en/DOM_Inspector" title="en/DOM_Inspector">DOM Inspector</a> de Mozilla (DOMi) per analitzar un DOM. Només haureu de instal·lar el complement (veure més detalls a continuació).</p>
+
+<ol>
+ <li>Utilitzeu el navegador Mozilla per obrir el document HTML d'exemple.</li>
+ <li>Des de la barra de menú del navegador, seleccioneu <strong>Tools &gt; DOM Inspector</strong>, or <strong>Tools &gt; Web Development &gt; DOM Inspector</strong>.
+  <div class="tuto_details">
+  <div class="tuto_type">Més detalls</div>
+
+  <p>Si el navegador Mozilla no té DOMI, podeu <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/6622/" title="https://addons.mozilla.org/en-US/firefox/addon/6622/">instalar-ho des de la web de complements</a> i reiniciar el navegador. A continuació, tornar a aquest tutorial.</p>
+
+  <p>Si no voleu instal·lar DOMi (o esteu fent servir un navegador que no és Mozilla), poodeu utilitzar Web X-Ray Goggles, tal com es descriu en la següent secció. O bé, podeu ometre aquesta secció i anar directament a la pàgina següent. Saltar-se aquesta secció no interfereix amb la resta del programa d'aprenentatge.</p>
+  </div>
+ </li>
+ <li>En DOMi, s'expandeixi els nodes del document fent clic a les fletxes.
+  <p><strong>Nota: </strong>Els espais creats en el arxiu HTML pot causar que DOMi mostri alguns nodes de text buits, que podeu ignorar.</p>
+
+  <p>Part del resultat podria tenir aquest aspecte, depenent de quins nodes heu expandit:</p>
+
+  <pre>│ ▼╴<span style="color: black;">P</span>
+│ │ │ ▼╴<span style="color: black;">STRONG</span>
+│ │ └<span style="color: darkblue;">#text</span>
+│ ├╴<span style="color: darkblue;">#text</span>
+│ ►╴<span style="color: black;">STRONG</span>
+│ │</pre>
+
+  <p>En seleccionar qualsevol dels nodes, podeu utilitzar el panell de la dreta de DOMi per esbrinar més sobre ell. Per exemple, quan es selecciona un node de text, DOMi mostra el text en el panell de la dreta.</p>
+
+  <p>Quan se selecciona un node element, DOMi analitza i ofereix una enorme quantitat d'informació en el seu panell de la dreta. La informació d'estil és només part de la informació que proporciona.</p>
+ </li>
+</ol>
+
+<div class="tuto_example">
+<div class="tuto_type">Repte</div>
+
+<p>En DOMi, feu clic en un node <code>STRONG</code>.</p>
+
+<p>Utilitzeu el panell de la dreta de DOMi per esbrinar on el color del node és vermell, i on la seva aparença es fa més destacable que el text normal.</p>
+
+<div class="tuto_details" id="tutochallenge">
+<div class="tuto_type">Possible solution</div>
+
+<p>In the menu above the right-hand pane, choose <strong>CSS Rules</strong>. You see two items listed, one that references an internal resource and one that references your stylesheet file. The internal resource defines the <strong>font-weight</strong> property as <code>bolder</code>; your stylesheet defines the <strong>color</strong> property as <code>red</code>.</p>
+<a class="hideAnswer" href="#challenge">Hide solution</a></div>
+<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div>
+
+<h3 id="Utilitzar_Web_X-Ray_Goggles">Utilitzar Web X-Ray Goggles</h3>
+
+<p><a class="link-https" href="https://goggles.webmaker.org/" title="https://secure.toolness.com/webxray/">Web X-Ray Goggles </a>mostra menys informació que DOM Inspector, però és més fàcil d'instal·lar i utilitzar.</p>
+
+<ol>
+ <li>Anar a la pàgina principal de <a class="link-https" href="https://goggles.webmaker.org/" title="https://secure.toolness.com/webxray/">Web X-Ray Goggles</a>.</li>
+ <li>Arrossegar el enllaç de marcador a la pàgina de la barra d'eines del navegador.</li>
+ <li>Obriu el document HTML d'exemple.</li>
+ <li>Activar Web X-Ray Goggles fent clic al marcador a la barra d'eines.</li>
+ <li>Moure el punter del ratolí per sobre del document, per veure els elements del document.</li>
+</ol>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance", "Cascada &amp; herència") }}Si heu pres el repte, veureu que la informació d'estil de més d'un lloc interacciona per crear l'estil final per a un element. La <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance" title="/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance">pàgina següent</a> explica més sobre aquestes interaccions.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/css_llegible/index.html b/files/ca/web/guide/css/inici_en_css/css_llegible/index.html
new file mode 100644
index 0000000000..d04a30ab4b
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/css_llegible/index.html
@@ -0,0 +1,173 @@
+---
+title: CSS llegible
+slug: Web/Guide/CSS/Inici_en_CSS/CSS_llegible
+tags:
+  - CSS
+  - 'CSS:Getting_Started'
+  - Guide
+  - Intermediate
+  - NeedsBeginnerUpdate
+  - NeedsLiveSample
+  - Web
+translation_of: Learn/CSS/Introduction_to_CSS/Syntax#Beyond_syntax_make_CSS_readable
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors", "Selectors")}}Aquesta és la 6th secció del tutorial <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started">CSS Getting Started</a>; s'analitza l'estil i la gramàtica del propi llenguatge CSS. Es canvia la forma en què  es veu el vostre arxiu CSS d'exemple, perquè sigui més llegible.</p>
+
+<h2 class="clearLeft" id="Informació_CSS_Llegible"><span class="short_text" id="result_box" lang="ca"><span>Informació</span><span>:</span> <span>CSS</span> <span>Llegible</span></span></h2>
+
+<p>Podeu afegir espais en blanc i comentaris en les fulles d'estil perquè siguin més llegibles. També es poden agrupar selectors, quan les mateixes regles d'estil s'apliquen als elements seleccionats de diferents maneres.</p>
+
+<h3 id="Espai_en_blanc">Espai en blanc</h3>
+
+<p>L'espai en blanc vol dir espais reals, tabuladors i noves línies. Podeu afegir espais en blanc per fer les fulles d'estil més llegible.</p>
+
+<p>En el context del disseny de la pàgina i composició, l'<strong>espai en blanc</strong> és la part de la pàgina que es deixa sense marcar: marges, separacions, i l'espai entre columnes i línies de text.</p>
+
+<p>El arxiu CSS d'exemple actualment té una regla per línia, i gairebé el mínim d'espai en blanc. En un full d'estil complex aquesta disposició seria difícil de llegir, de manera que difilcutaria el seu manteniment.</p>
+
+<p>El disseny escullit sol ser una preferència personal, però si els fulls d'estil són part de projectes compartits, aquests projectes podrian tenir les seves pròpies convencions.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemples</div>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Hi ha qui</span></span> els agrada el disseny compacte que hem estat utilitzant, i només divideixen una línia quan es fa molt llarga:</p>
+
+<pre class="brush: css">.carrot {color: orange; text-decoration: underline; font-style: italic;}
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Hi ha qui prefereix</span> <span>una propietat</span><span>-</span><span>valor per</span> <span>línia</span><span>:</span></span></p>
+
+<pre class="brush: css">.carrot
+{
+color: orange;
+text-decoration: underline;
+font-style: italic;
+}
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Hi ha qui</span></span> utilitza la sagnia de dos espais, quatre espais, o una tabulació són comuns:</p>
+
+<pre class="brush: css">.carrot {
+  color: orange;
+  text-decoration: underline;
+  font-style: italic;
+}
+</pre>
+
+<p>Hi ha qui els agrada que tot estigui alienat verticalment (però un disseny com aquest és difícil de mantenir):</p>
+
+<pre class="brush: css">.carrot
+    {
+    color           : orange;
+    text-decoration : underline;
+    font-style      : italic;
+    }
+</pre>
+
+<p>Hi ha qui fa servir espais en blanc mixtes per millorar la lectura.</p>
+
+<pre class="brush: css">.vegetable         { color: green; min-height:  5px; min-width:  5px }
+.vegetable.carrot  { color: orange;    height: 90px;     width: 10px }
+.vegetable.spinach { color: darkgreen; height: 30px;     width: 30px }
+</pre>
+</div>
+
+<p>Hi ha qui utilitza tabulacions per al disseny. Hi ha qui només utilitza espais.</p>
+
+<h3 id="Comentaris">Comentaris</h3>
+
+<p>Els comentaris en CSS comencen amb <code>/*</code> i acaban amb <code>*/</code>.</p>
+
+<p>Podeu utilitzar els comentaris per fer comentaris reals en el full d'estil, i també per <em>comentar</em> parts d'ell temporalment per a propòsits de prova.</p>
+
+<p>Per comentar part d'un full d'estil, col·locar aquesta part en un comentari perquè el navegador ho ignori. Aneu amb compte on s'inicia i acaba el comentari. La resta del full d'estil ha de tenir una sintaxi correcta.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<pre class="brush: css">/* style for initial letter C in first paragraph */
+.carrot {
+  color:            orange;
+  text-decoration:  underline;
+  font-style:       italic;
+  }
+</pre>
+</div>
+
+<h3 id="Selectors_agrupats"><span class="short_text" id="result_box" lang="ca"><span>Selectors</span> <span>agrupats</span></span></h3>
+
+<p>Quan molts elements tenen el mateix estil, podeu especificar un grup de selectors, separant-los per comes. La declaració és vàlida per a tots els elements seleccionats.</p>
+
+<p>En una altra part del full d'estils es poden especificar els mateixos selectors de nou de forma individual, per aplicar les regles d'estil individuals a ells.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Aquesta regla fa que els elements {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }} i {{ HTMLElement("h3") }} tinguin el mateix color.</p>
+
+<p>És convenient especificar el color en un sol lloc, en el cas en què hagi de ser canviat.</p>
+
+<pre class="brush: css">/* color for headings */
+h1, h2, h3 {color: navy;}
+</pre>
+</div>
+
+<h2 id="Acció_Afegir_comentaris_i_millorar_el_disseny">Acció: Afegir comentaris i millorar el disseny</h2>
+
+<ol>
+ <li>Editeu l'arxiu CSS, i assegurar-se que té aquestes regles (en qualsevol ordre):
+  <pre class="brush: css">strong {color: red;}
+.carrot {color: orange;}
+.spinach {color: green;}
+#first {font-style: italic;}
+p {color: blue;}
+</pre>
+ </li>
+ <li>Feu que sigui més llegible reordenant-ho d'una manera que ho trobeu lògic, i mitjançant l'afegit d'espais en blanc i comentaris de la millor manera que us sembli.</li>
+ <li>Deseu el fitxer i refresqueu la pantalla del navegador, per assegurar-se que els canvis no afectin el funcionament de la fulla d'estil:
+  <table style="border: 2px outset #3366bb; padding: 1em;">
+   <tbody>
+    <tr>
+     <td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
+    </tr>
+    <tr>
+     <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
+    </tr>
+   </tbody>
+  </table>
+ </li>
+</ol>
+
+<div class="tuto_details">
+<div class="tuto_type">Repte</div>
+
+<p>Comenteu una part de la fulla d'estils, sense canviar res més, perquè la primera lletra del document sigui vermella:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;">
+ <tbody>
+  <tr>
+   <td style="font-style: italic; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
+  </tr>
+  <tr>
+   <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>(Hi ha més d'una manera de fer això.)</p>
+
+<div class="tuto_details" id="tutochallenge">
+<div class="tuto_type">Possible solution</div>
+One way to do this is to put comment delimiters around the rule for <code>.carrot</code>:
+
+<pre class="brush: css">/*.carrot {
+  color: orange;
+}*/</pre>
+<a class="hideAnswer" href="#challenge">Hide solution</a></div>
+<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles", "Estil de text") }}En el estil d'exemple s'ha utilitzat el text en cursiva i subratllat. La pàgina següent descriu més formes d'<a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles" title="/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles">especificar l'aspecte del text</a> en el document.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/dades_xml/index.html b/files/ca/web/guide/css/inici_en_css/dades_xml/index.html
new file mode 100644
index 0000000000..8885cbb036
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/dades_xml/index.html
@@ -0,0 +1,241 @@
+---
+title: Dades XML
+slug: Web/Guide/CSS/Inici_en_CSS/Dades_XML
+tags:
+  - CSS
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - Intermediate
+  - NeedsUpdate
+  - Web
+translation_of: Archive/Beginner_tutorials/XML_data
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p><span id="result_box" lang="ca"><span>Aquesta</span> <span>pàgina</span> <span>conté</span> <span>un exemple</span> <span>de com</span> <span>es</span> <span>pot</span> <span>utilitzar CSS</span> <span>amb</span> <span>dades</span> <span>XML.</span></span></p>
+
+<p>Es crea un document XML d'exemple, i una fulla d'estil que s'utilitzarà per mostrar en el vostre navegador.</p>
+
+<p>Aquesta és la 3rd secció de la Part II del <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started">tutorial CSS</a>.<br>
+ Secció anterior : <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/SVG_and_CSS" title="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/SVG_and_CSS">SVG</a><br>
+ Secció següent :  <a href="/en/CSS/Getting_Started/XBL_bindings" title="https://developer.mozilla.org/en/CSS/Getting_Started/XBL_bindings">XBL binding</a></p>
+
+<h3 id="Information:_XML_data" name="Information:_XML_data">Informació: Dades XML</h3>
+
+<p><em><a href="/en/XML" title="en/XML">XML</a></em> (eXtensible Markup Language) és un llenguatge de propòsit general per a qualsevol tipus de dades estructurades.</p>
+
+<p>Per defecte, el navegador Mozilla mostra XML en un format molt similar a les dades originals d'un arxiu XML. Es veuen les etiquetes reals que defineixen l'estructura de les dades.</p>
+
+<p>En vincular una fulla d'estil CSS amb el document XML, pot definir altres formes de mostrar la mateixa. Per a això, la fulla d'estils utilitza regles que assignen les etiquetes en el document XML als tipus de visualització que utilitza HTML.</p>
+
+<table style="background-color: #fffff4; border: 1px solid #3366bb; margin-bottom: 1em; padding: 1em;">
+ <caption>Exemple</caption>
+ <tbody>
+  <tr>
+   <td>Les dades d'un document XML utilitza etiquetes <code>&lt;INFO&gt;</code>. Voleu que els elements <code>INFO</code> del document es mostrin com paràgrafs HTML.
+    <p>En la fulla d'estil del document, s'especifica com els elements <code>INFO</code> es mostraran:</p>
+
+    <div style="width: 30em;">
+    <pre class="eval">
+INFO {
+  display: block;
+  margin: 1em 0;
+  }
+</pre>
+    </div>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Els valors més comuns per a la propietat <code>display</code> són:</p>
+
+<table style="margin-left: 2em;">
+ <tbody>
+  <tr>
+   <td style="padding-right: 2em;"><code>block</code></td>
+   <td>Es mostra com HTML <code>DIV</code> (per a les capçaleres, paràgrafs)</td>
+  </tr>
+  <tr>
+   <td><code>inline</code></td>
+   <td>Es mostra com HTML <code>SPAN</code> (per major èmfasi en el text)</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Afegiu les vostres pròpies regles d'estil que especifiquin el tipus de lletra, espaiat i altres detalls de la mateixa manera que per a HTML.</p>
+
+<table style="background-color: #f4f4f4; border: 1px solid #3366bb; margin-bottom: 1em; padding: 1em;">
+ <caption>Més detalls</caption>
+ <tbody>
+  <tr>
+   <td>Altres valors de <code>display</code> mostren l'element com un element de llista, o com un component d'una taula.
+    <p>Per veure la llista completa de tipus de pantalla, consulteu <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display">La propietat display</a> en l'Especificació CSS.</p>
+
+    <p>Utilitzant CSS sol, l'estructura de la pantalla ha de ser la mateixa que l'estructura del document. Altres tecnologies poden modificar l'estructura de la pantalla - per exemple, XBL pot afegir contingut, JavaScript i pot modificar el DOM.</p>
+
+    <p>Per obtenir més informació sobre XML en Mozilla, vegeu la pàgina <a href="/en/XML" title="en/XML">XML</a> en aquesta wiki.</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Action:_An_XML_demonstration" name="Action:_An_XML_demonstration"><span id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Una demostració</span> <span>XML</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span>Fer un</span> <span>nou arxiu</span> <span>XML</span></span> , <code>doc9.xml</code>. <span id="result_box" lang="ca"> <span>Copieu</span> <span>i enganxeu el</span> <span>contingut</span> <span>d'aquí</span><span>,</span> <span>assegurant-se que</span> us <span>desplaceu</span> <span>per obtenir</span> <span>tota ella</span><span>:</span></span></p>
+
+<div style="width: 48em; height: 12em; overflow: auto;">
+<pre>&lt;?xml version="1.0"?&gt;
+&lt;!-- XML demonstration --&gt;
+
+&lt;?xml-stylesheet type="text/css" href="style9.css"?&gt;
+
+&lt;!DOCTYPE planet&gt;
+&lt;planet&gt;
+
+&lt;ocean&gt;
+&lt;name&gt;Arctic&lt;/name&gt;
+&lt;area&gt;13,000&lt;/area&gt;
+&lt;depth&gt;1,200&lt;/depth&gt;
+&lt;/ocean&gt;
+
+&lt;ocean&gt;
+&lt;name&gt;Atlantic&lt;/name&gt;
+&lt;area&gt;87,000&lt;/area&gt;
+&lt;depth&gt;3,900&lt;/depth&gt;
+&lt;/ocean&gt;
+
+&lt;ocean&gt;
+&lt;name&gt;Pacific&lt;/name&gt;
+&lt;area&gt;180,000&lt;/area&gt;
+&lt;depth&gt;4,000&lt;/depth&gt;
+&lt;/ocean&gt;
+
+&lt;ocean&gt;
+&lt;name&gt;Indian&lt;/name&gt;
+&lt;area&gt;75,000&lt;/area&gt;
+&lt;depth&gt;3,900&lt;/depth&gt;
+&lt;/ocean&gt;
+
+&lt;ocean&gt;
+&lt;name&gt;Southern&lt;/name&gt;
+&lt;area&gt;20,000&lt;/area&gt;
+&lt;depth&gt;4,500&lt;/depth&gt;
+&lt;/ocean&gt;
+
+&lt;/planet&gt;
+</pre>
+</div>
+
+<p>Feu un nou arxiu  CSS, <code>style9.css</code>. <span id="result_box" lang="ca"><span>Copieu</span> <span>i enganxeu el</span> <span>contingut</span> <span>d'aquí</span><span>,</span> <span>assegurant-se que</span> us <span>desplaceu</span> <span>per obtenir</span> <span>tota ella</span><span>:</span></span></p>
+
+<div style="width: 48em; height: 12em; overflow: auto;">
+<pre>/*** XML demonstration ***/
+
+planet:before {
+  display: block;
+  width: 8em;
+  font-weight: bold;
+  font-size: 200%;
+  content: "Oceans";
+  margin: -.75em 0px .25em -.25em;
+  padding: .1em .25em;
+  background-color: #cdf;
+  }
+
+planet {
+  display: block;
+  margin: 2em 1em;
+  border: 4px solid #cdf;
+  padding: 0px 1em;
+  background-color: white;
+  }
+
+ocean {
+  display: block;
+  margin-bottom: 1em;
+  }
+
+name {
+  display: block;
+  font-weight: bold;
+  font-size: 150%;
+  }
+
+area {
+  display: block;
+  }
+
+area:before {
+  content: "Area: ";
+  }
+
+area:after {
+  content: " million km\B2";
+  }
+
+depth {
+  display: block;
+  }
+
+depth:before {
+  content: "Mean depth: ";
+  }
+
+depth:after {
+  content: " m";
+  }
+</pre>
+</div>
+
+<p>Obriu el document en el navegador:</p>
+
+<table style="border: 2px outset #3366bb; padding: 1em;">
+ <tbody>
+  <tr>
+   <td>
+    <div style="border: 2px solid #cdf; border-bottom: none; padding: .5em 8em 1em .5em;">
+    <p style="font-size: 150%; font-weight: bold; margin: -1em 0px 0px 0px; padding: .1em .25em; background-color: #cdf; width: 8em;">Oceans</p>
+
+    <p style="font-size: 75%; margin: .25em 0px 0px 0px; line-height: 110%;"><strong>Arctic</strong><br>
+     Area: 13,000 million km²<br>
+     Mean depth: 1,200 m</p>
+
+    <p style="font-size: 75%; margin: .5em 0px 0px 0px; line-height: 110%;"><strong>Atlantic</strong><br>
+     Area: 87,000 million km²<br>
+     Mean depth: 3,900 m</p>
+
+    <p style="font-size: 75%; margin: .5em 0px 0px 0px; line-height: 110%;"><strong>. . .</strong></p>
+    </div>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p><br>
+ Notes sobre aquesta demostració:</p>
+
+<ul>
+ <li>El superíndex 2 (en "milions km²") un caràcter Unicode, codificat com \ B2 a l'arxiu CSS.</li>
+ <li>La capçalera, "Oceans", té un marge superior negatiu, movent-lo cap amunt de manera que es mostri en la part superior de la vora.</li>
+</ul>
+
+<p> </p>
+
+<table style="background-color: #fffff4; border: 1px solid #3366bb; margin-bottom: 1em; padding: 1em;">
+ <caption>Repte</caption>
+ <tbody>
+  <tr>
+   <td>Canvieu la fulla d'estils perquè mostri el document com una taula.
+    <p>(Vegeu el capítol <a class="external" href="http://www.w3.org/TR/CSS21/tables.html">Taules</a> en l'especificació CSS per exemples que es poden adaptar.)</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h4 id="What_next.3F" name="What_next.3F">I ara què?</h4>
+
+<p>Si teniu dificultats per entendre aquesta pàgina o si teniu altres comentaris al respecte, si us plau, contribuïu a la vostre pàgina de <a href="https://developer.mozilla.org/Talk:en/CSS/Getting_Started/JavaScript">discussió</a>.</p>
+
+<p>Aquesta és l'última pàgina del tutorial. Per obtenir més informació sobre CSS en Mozilla, consulteu la pàgina principal de <a href="/en/CSS" title="en/CSS">CSS</a> en aquesta wiki.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/disseny/index.html b/files/ca/web/guide/css/inici_en_css/disseny/index.html
new file mode 100644
index 0000000000..3ebf8912d6
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/disseny/index.html
@@ -0,0 +1,382 @@
+---
+title: Disseny
+slug: Web/Guide/CSS/Inici_en_CSS/Disseny
+tags:
+  - CSS
+  - CSS Float
+  - CSS Text Align
+  - CSS Unit
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - Intermediate
+  - NeedsBeginnerUpdate
+  - NeedsLiveSample
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/CSS_layout
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Boxes", "Caixes")}}Aquesta és la 12th secció del tutorial <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a> descriu algunes maneres d'ajustar el disseny del document. Es canvia el disseny del vostre document d'exemple.</p>
+
+<h2 class="clearLeft" id="Informació_Disseny">Informació: Disseny</h2>
+
+<p>Feu servir CSS per especificar diversos efectes visuals que canvïin el disseny del document. Algunes de les tècniques especifiques de disseny son avançades, i van més enllà de l'àmbit d'aquest tutorial bàsic.</p>
+
+<p>En dissenyar una presentació que tingui un aspecte similar en diferents navegadors, la vostre fulla d'estil interactua amb la fulla d'estil i el motor de disseny predeterminats del navegador de formes que poden ser complexes. Aquest és també un tema avançat, que va més enllà de l'àmbit d'aquest tutorial bàsic.</p>
+
+<p>Aquesta pàgina descriu algunes tècniques simples que podeu intentar.</p>
+
+<h3 id="Estructura_del_document"><span id="result_box" lang="ca"><span>Estructura del</span> <span>document</span></span></h3>
+
+<p>Si voleu controlar el disseny del document, llavors és possible que hagiu de canviar la seva estructura.</p>
+
+<p>El llenguatge de marcat del document podria tenir etiquetes d'ús general per a la creació de l'estructura. Per exemple, en HTML podeu utilitzar l'element {{ HTMLElement("div") }} per crear l'estructura.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>En el vostre document d'exemple, els paràgrafs numerats (Numbered paragraphs), en el marc del segon epígraf, no tenen un contenidor propi.</p>
+
+<p>La vostre fulla d'estil no pot dibuixar una vora al voltant d'aquests paràgrafs, perquè no hi ha cap element per especificar en el selector.</p>
+
+<p>Per solucionar aquest problema estructural, es pot afegir una etiqueta {{ HTMLElement("div") }} al voltant dels paràgrafs. Aquesta etiqueta és única, pel que pot ser identificada per un atribut <code>id</code>:</p>
+
+<pre class="brush:html;highlight:[2,8]">&lt;h3&gt;Numbered paragraphs&lt;/h3&gt;
+&lt;div id="numbered"&gt;
+  &lt;p&gt;Lorem ipsum&lt;/p&gt;
+  &lt;p&gt;Dolor sit&lt;/p&gt;
+  &lt;p&gt;Amet consectetuer&lt;/p&gt;
+  &lt;p&gt;Magna aliquam&lt;/p&gt;
+  &lt;p&gt;Autem veleum&lt;/p&gt;
+&lt;/div&gt;
+</pre>
+
+<p>Ara a la vostre fulla d'estil podeu utilitzar una regla per especificar les vores al voltant de les dues llistes:</p>
+
+<pre class="brush:css">ul, #numbered {
+  border: 1em solid #69b;
+  padding-right:1em;
+}
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em; width: 30em;">
+ <tbody>
+  <tr>
+   <td>
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p>
+
+    <div style="border: 12px solid #69b; margin-bottom: 16px; padding: 1em;">
+    <ul style="">
+     <li>Arctic</li>
+     <li>Atlantic</li>
+     <li>Pacific</li>
+     <li>Indian</li>
+     <li>Southern</li>
+    </ul>
+    </div>
+
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Numbered paragraphs</p>
+
+    <div style="border: 12px solid #69b; margin-bottom: 8px; padding: 0px 12em 0px .5em;">
+    <p><strong>1: </strong>Lorem ipsum</p>
+
+    <p><strong>2: </strong>Dolor sit</p>
+
+    <p><strong>3: </strong>Amet consectetuer</p>
+
+    <p><strong>4: </strong>Magna aliquam</p>
+
+    <p><strong>5: </strong>Autem veleum</p>
+    </div>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="Unitats_de_mida"><span class="short_text" id="result_box" lang="ca"><span>Unitats</span> <span>de mida</span></span></h3>
+
+<p>Fins ara, en aquest tutorial, s'han especificat les mides en píxels <code>(px)</code>. Aquestes són apropiades, en determinats casos, en un dispositiu de visualització com una pantalla d'ordinador. Però quan l'usuari canvia la mida de la font, el disseny pot semblar inadequat.</p>
+
+<p>Per a molts propòsits, és millor especificar les mides com un percentatge o en ems <code>(em)</code>. Un em és nominalment la mida de la font actual (l'amplada d'una lletra m). Quan l'usuari canvia la mida de la lletra, el seu disseny s'ajusta automàticament.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>La vora de l'esquerra d'aquest text té la mida definida en píxels.</p>
+
+<p>La vora de la dreta té la mida definida en ems.</p>
+
+<p>En el vostre navegador, al canviar la mida de la font veureu com la vora de la dreta s'ajusta, però la vora de l'esquerra no ho fa:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;">
+ <tbody>
+  <tr>
+   <td>
+    <div style="">RESIZE ME PLEASE</div>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p><span id="result_box" lang="ca"><span>Per a altres</span> <span>dispositius</span><span>, altres unitats</span> <span>de longitud són</span> <span>les adequades.</span></span></p>
+
+<p><span id="result_box" lang="ca"><span>Hi ha més</span> <span>informació</span> <span>sobre</span> <span>això en una</span> <span>pàgina</span> <span>posterior d'aquest</span> <span>tutorial.</span></span></p>
+
+<p><span id="result_box" lang="ca"><span>Per als</span> <span>detalls</span> <span>complets dels</span> <span>valors</span> <span>i</span> <span>les</span> <span>unitats que</span> <span>es</span> <span>poden</span> <span>utilitzar</span><span>, consulteu</span></span> <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#values">Valors</a> <span id="result_box" lang="ca"><span>en</span> <span>l'especificació</span> <span>CSS.</span></span></p>
+</div>
+
+<h3 id="Disposició_del_text">Disposició del text</h3>
+
+<p>Dues propietats defineixen com el contingut d'un element és alineat. Els podeu utilitzar per realitzar ajustos sencills en el disseny:</p>
+
+<dl>
+ <dt>{{ cssxref("text-align") }}</dt>
+ <dd>Alinea el contingut. Utilitzeu un d'aquests valors: <code>left</code>, <code>right</code>, <code>center</code>, <code>justify</code></dd>
+ <dt>{{ cssxref("text-indent") }}</dt>
+ <dd>Sagna el contingut en una quantitat que especifiqueu.</dd>
+</dl>
+
+<p>Aquestes propietats s'apliquen a qualsevol text contingut en l'element, no només al text real. Recordeu que són heretats pels fills de l'element, així que pot ser que hagiu de desactivar-los explícitament en els fills per evitar resultats sorprenents.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Per centrar les capçaleres:</p>
+
+<pre class="brush:css">h3 {
+  border-top: 1px solid gray;
+  text-align: center;
+}
+</pre>
+
+<p>Resultant:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em; width: 30em;">
+ <tbody>
+  <tr>
+   <td>
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray; text-align: center;">(A) The oceans</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>En un document HTML, el contingut que es veu per sota d'una capçalera no està estructuralment contingut per la capçalera. Així que quan s'alinea una capçalera com aquesta, les etiquetes sota de l'encapçalament no hereten l'estil.</p>
+</div>
+
+<h3 id="Flotants">Flotants</h3>
+
+<p>La propietat {{ cssxref("float") }} força un element cap a l'esquerra o cap a la dreta. Aquesta és una forma senzilla per controlar la seva posició i mida.</p>
+
+<p>La resta del contingut del document flueix normalment al voltant de l'element flotant. Això es pot controlar mitjançant l'ús de la propietat {{ cssxref("clear") }} en altres elements per fer que es quedin allunyats dels flotants.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>En el vostre document d'exemple, les llistes s'estenen a través de la finestra. Això es pot evitar fent que flotin cap a l'esquerra</p>
+
+<p>Per mantenir les capçaleress en el seu lloc, també heu d'especificar que es mantinguin allunyades dels flotants de la seva esquerra:</p>
+
+<pre class="brush:css">ul, #numbered {float: left;}
+h3 {clear: left;}
+</pre>
+</div>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em; width: 30em;">
+ <tbody>
+  <tr>
+   <td>
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p>
+
+    <div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding-left: 1em;">
+    <ul style="">
+     <li>Arctic</li>
+     <li>Atlantic</li>
+     <li>Pacific</li>
+     <li>Indian</li>
+     <li>Southern</li>
+    </ul>
+    </div>
+
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Numbered paragraphs</p>
+
+    <div style="float: left; border: 12px solid #69b; margin-bottom: 8px; padding-left: .5em;">
+    <p><strong>1: </strong>Lorem ipsum</p>
+
+    <p><strong>2: </strong>Dolor sit</p>
+
+    <p><strong>3: </strong>Amet consectetuer</p>
+
+    <p><strong>4: </strong>Magna aliquam</p>
+
+    <p><strong>5: </strong>Autem veleum</p>
+    </div>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>(Una mica de farciment (padding) es necessita a la dreta de les caixes, on la vora (border) està massa a prop del text.)</p>
+
+<h3 id="Posicionament">P<span id="result_box" lang="ca"><span>osicionament</span></span></h3>
+
+<p>Podeu definir la posició d'un element de quatre maneres, especificant la propietat {{ cssxref ("position") }} i un dels següents valors.</p>
+
+<p>Aquestes són les propietats avançades. És possible utilitzar-les en formes simples, és per això que s'esmenten en aquest tutorial bàsic. Però el seu ús per a dissenys complexos pot ser difícil.</p>
+
+<dl>
+ <dt><code>relative</code></dt>
+ <dd>La posició de l'element es desplaça respecte a la seva posició normal. Utilitzeu aquesta opció per a desplaçar un element en una quantitat especificada. De vegades es pot utilitzar el marge de l'element per aconseguir el mateix efecte.</dd>
+ <dt><code>fixed</code></dt>
+ <dd>La posició de l'element és fix. Definir la posició de l'element respecte a la finestra del document. Fins i tot si la resta del document es desplaça, l'element roman fix.</dd>
+ <dt><code>absolute</code></dt>
+ <dd>La posició de l'element es fixa en relació amb un element pare. Solsament un pare que estugui posicionat amb <code>relative</code>, <code>fixed</code> o <code>absolute</code>. Es pot fer que qualsevol element pare sigui adequat especificant <code>position:relative</code>; però sense especificar cap canvi.</dd>
+ <dt><code>static</code></dt>
+ <dd>
+ <p>El valor per defecte. Utilitzeu aquest valor si cal desactivar el posicionament de manera explícita.</p>
+ </dd>
+</dl>
+
+<p>Juntament amb aquests valors de la propietat <code>position</code> (a excepció de <code>static</code>), especifiqueu una o més de les propietats: <code>top</code>, <code>right</code>, <code>bottom</code>, <code>left</code>, <code>width</code>, <code>height</code> per identificar on voleu que aparegui l'element, i potser també la seva grandària.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Per situar dos elements en un sobre l'altre, crear un contenidor pare en el vostre document amb els dos elements en el seu interior:</p>
+
+<pre class="brush:html">&lt;div id="parent-div"&gt;
+  &lt;p id="forward"&gt;/&lt;/p&gt;
+  &lt;p id="back"&gt;\&lt;/p&gt;
+&lt;/div&gt;
+</pre>
+
+<p>En la vostre fulla d'estil, fer la posició dels pares <code>relative</code>. No hi ha necessitat d'especificar qualsevol canvi real. Fer la posició dels fills <code>absolute</code>:</p>
+
+<pre class="brush:css">#parent-div {
+  position: relative;
+  font: bold 200% sans-serif;
+}
+
+#forward, #back {
+  position: absolute;
+  margin:0px; /* no margin around the elements */
+  top: 0px; /* distance from top */
+  left: 0px; /* distance from left */
+}
+
+#forward {
+  color: blue;
+}
+
+#back {
+  color: red;
+}
+</pre>
+
+<p>El resultat es veu així, amb la barra invertida a la part superior de la barra inclinada:</p>
+
+<div style="position: relative; left: .33em; font: bold 300% sans-serif;">
+<p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: blue;">/</p>
+
+<p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: red;">\</p>
+</div>
+
+<table style="background-color: white; border: 2px outset #3366bb; height: 5em; padding: 1em; width: 30em;">
+ <tbody>
+  <tr>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>La història completa de posicionament ocupa dos capítols complexes en l'especificació CSS <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html">Model de format Visual </a>i <a class="external" href="http://www.w3.org/TR/CSS21/visudet.html">Detalls del model de format visual</a>.</p>
+
+<p>Si esteu dissenyant fulles d'estil per a treballar en molts navegadors, llavors també cal tenir en compte les diferències en la manera com els navegadors interpreten la norma, i potser els errors en determinades versions de navegadors particulars.</p>
+</div>
+
+<h2 id="Acció_Especificació_del_disseny"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Especificació</span> <span>del disseny</span></span></h2>
+
+<ol>
+ <li>Canvieu el document d'exemple, <code>doc2.html</code>, i la fulla d'estil, <code>style2.css</code>, utilitzant els exemples de més amunt en la secció <a href="#Document_structure" title="#Document structure"><strong>Estructura del document</strong></a> i <a href="#Floats" title="#Floats"><strong>Flotants</strong></a>.</li>
+ <li>En l'exemple <a href="#Floats" title="#Floats"><strong>Flotants</strong></a> afegir farciment per separar el text de la vora dret en 0,5 em.</li>
+</ol>
+
+<div class="tuto_example">
+<div class="tuto_type">Reptes</div>
+
+<p>Modifiqueu el document d'exemple, <code>doc2.html</code>, afegint aquesta etiqueta prop del final, just abans de <code>&lt;/body&gt;</code>.</p>
+
+<pre class="brush:html">&lt;img id="fixed-pin" src="Yellow-pin.png" alt="Yellow map pin"&gt;
+</pre>
+
+<p>Si no heu descarregat l'arxiu d'imatge al principi d'aquest tutorial, descarregar-ho ara, i ho col·loqueu en el mateix directori que els altres arxius d'exemple:</p>
+
+<table style="border: 2px solid #cccccc;">
+ <tbody>
+  <tr>
+   <td><img alt="Image:Yellow-pin.png" class="internal" src="https://mdn.mozillademos.org/files/924/Yellow-pin.png"></td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Predir on la imatge apareixerà en el document. A continuació, actualitzeu el navegador per veure si és correcte.</p>
+
+<p>Afegiu una regla a la fulla d'estil que col·loqui la imatge a la part superior dreta del document.</p>
+
+<p>Actualitzeu el navegador i fer la finestra petita. Comproveu que la imatge es queda a la part superior dreta, fins i tot quan es desplaça el document</p>
+
+<div style="position: relative; width: 29.5em; height: 18em;">
+<div style="overflow: auto; border: 2px outset #36b; padding: 1em; width: 29em; height: 16em; background-color: white;">
+<p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) The oceans</p>
+
+<div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding: 0px .5em 0px 1em;">
+<ul style="">
+ <li>Arctic</li>
+ <li>Atlantic</li>
+ <li>Pacific</li>
+ <li>Indian</li>
+ <li>Southern</li>
+</ul>
+</div>
+
+<p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Numbered paragraphs</p>
+
+<div style="float: left; border: 12px solid #69b; padding: 0 .5em 0 .5em;">
+<p><strong>1: </strong>Lorem ipsum</p>
+
+<p><strong>2: </strong>Dolor sit</p>
+
+<p><strong>3: </strong>Amet consectetuer</p>
+
+<p><strong>4: </strong>Magna aliquam</p>
+
+<p><strong>5: </strong>Autem veleum</p>
+</div>
+
+<p style=""> </p>
+
+<div style="position: absolute; top: 2px; right: 0px;"><img alt="Yellow map pin" class="internal" src="https://mdn.mozillademos.org/files/924/Yellow-pin.png"></div>
+</div>
+</div>
+</div>
+
+<p><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Layout" title="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Layout"> Veure la solució per el repte.</a></p>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Tables", "Taules") }}S'han cobert gairebé tots els temes d'aquest tutorial bàsic de CSS. La pàgina següent descriu selectors més avançats per a regles CSS, i algunes formes específiques en el disseny de taules.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/estils_de_text/index.html b/files/ca/web/guide/css/inici_en_css/estils_de_text/index.html
new file mode 100644
index 0000000000..1ed66628e4
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/estils_de_text/index.html
@@ -0,0 +1,161 @@
+---
+title: Estils de text
+slug: Web/Guide/CSS/Inici_en_CSS/Estils_de_text
+tags:
+  - Beginner
+  - CSS
+  - CSS Fonts
+  - 'CSS:Getting_Started'
+  - Guide
+  - NeedsBeginnerUpdate
+  - NeedsLiveSample
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/Styling_text/Fundamentals
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS", "CSS llegible")}} Aquesta és la 7th secció del tutorial<span class="seoSummary"> <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a>; </span>es donen més exemples d'estils de text. Modifiqueu la fulla d'estil d'exemple per utilitzar diferents fonts.</p>
+
+<h2 class="clearLeft" id="Informació_Estils_de_text"><span class="short_text" id="result_box" lang="ca"><span class="alt-edited">Informació: Estils de text </span></span></h2>
+
+<p>CSS té diverses propietats d'estil de text.</p>
+
+<p>Hi ha una propietat abreujada convenient, {{ cssxref("font") }}, que podeu utilitzar per especificar diversos aspectes alhora, per exemple:</p>
+
+<ul>
+ <li>Negreta (Bold), Cursiva (Italic) i Majúscula petita (small-caps) (versaleta)</li>
+ <li>Mida (Size)</li>
+ <li><span id="result_box" lang="ca"><span>alçada de la</span> <span>línia</span></span> (Line height)</li>
+ <li><span id="result_box" lang="ca"><span>Tipus de</span> <span>lletra</span></span> (Font typeface)</li>
+</ul>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<pre class="brush:css">p {
+font: italic 75%/125% "Comic Sans MS", cursive;
+}
+</pre>
+
+<p>Aquesta regla estableix diverses propietats de la font, fent tots els paràgrafs en cursiva.</p>
+
+<p>La mida de la font s'estableix en les tres quartes parts de la mida d'element pare de cada paràgraf, i l'alçada de la línia s'estableix en 125% (una mica més separats del normal).</p>
+
+<p>El tipus de lletra s'estableix en la Comic Sans MS, però si aquest tipus de lletra no està disponible, el navegador farà ús del seu tipus de lletra cursiva per defecte (escrit a mà).</p>
+
+<p>La regla té l'efecte secundari de desactivar negreta i small-caps (establint el seu valor a <code>normal</code>).</p>
+</div>
+
+<h3 id="Tipus_de_fonts">Tipus de fonts</h3>
+
+<p>No es pot predir que tipus de lletra tindran els lectors del vostre document . Quan especifiqueu tipus de lletra de font, és una bona idea proporcionar una llista d'alternatives en ordre de preferència.</p>
+
+<p>Acabar la llista amb un dels tipus de lletra per defecte incorporats: <code>serif</code>, <code>sans-serif</code>, <code>cursive</code>, <code>fantasy</code> o <code>monospace</code>.</p>
+
+<p>Si el tipus de lletra no és compatible amb algunes característiques en el document, el navegador pot substituir per un tipus de lletra diferent. Per exemple, el document pot contenir caràcters especials que el tipus de lletra no admet. Si el navegador pot trobar un altre tipus de lletra que té aquests caràcters, llavors farà servir un altre tipus de lletra.</p>
+
+<p>Per especificar un tipus de lletra, utilitzar la propietat {{ cssxref("font-family") }}.</p>
+
+<h3 id="Les_mides_de_la_font">Les mides de la font</h3>
+
+<p>Els usuaris del navegador poden anul·lar les mides de font per defecte o canviar la mida de text mentre llegeixen una pàgina, pel que té sentit el que utilitzeu mides relatives on es pugui.</p>
+
+<p>Podeu utilitzar alguns valors incorporats per mides de font, com <code>small</code>, <code>medium</code> i <code>large</code>. També podeu utilitzar valors relatius a la mida de font de l'element pare com: <code>smaller</code>, <code>larger</code>, <code>150%</code> o <code>1.5em</code>. Un "em" és equivalent a l'amplada de la lletra "m" (per la mida de font de l'element pare); per tant 1.5em és una vegada i mitja la mida de la font de l'element pare.</p>
+
+<p>Si cal, podeu especificar una mida real com: <code>14px</code> (14 píxels) per a un dispositiu de visualització o 14pt (14 punts) per a una impressora. Això no és accessible per als usuaris amb discapacitat visual, ja que no els permet canviar la mida. Una estratègia més accessible és establir un valor incorporat com a mitjà en un element de nivell superior del document i, a continuació establir les mides relatives de tots els seus elements descendents.</p>
+
+<p>Per especificar una mida de font, utilitzar la propietat {{ cssxref("font-size") }}.</p>
+
+<h3 id="Alçada_de_la_línia"><span class="short_text" id="result_box" lang="ca"><span>Alçada de la</span> <span>línia</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span>L'alçada de la</span> <span>línia especifica</span> <span>l'espaiat</span> <span>entre línies.</span> <span>Si</span> <span>el document</span> <span>té els</span> <span>paràgrafs</span> <span>llargs</span> <span>amb</span> <span>moltes</span> <span>línies, una</span> <span>separació</span> <span>més</span> <span>gran del normal</span> <span>fa que</span> <span>sigui</span> <span>més</span> <span>fàcil</span> <span>de llegir,</span> <span>especialment si</span> <span>la mida de la</span> <span>font</span> <span>és petita.</span></span></p>
+
+<p>Per especificar <span class="short_text" id="result_box" lang="ca"><span>l'alçada de la</span> <span>línia</span></span>, utilitzar la propietat {{ cssxref("line-height") }}.</p>
+
+<h3 id="Decoració">Decoració</h3>
+
+<p>A part de la propietat {{ cssxref("text-decoration") }} podeu especificar altres estils, com el <code>subratllat(underline)</code> o <code>ratllat(line-through)</code>. Podeu configurar-ho a <code>none</code> per eliminar explícitament qualsevol decoració.</p>
+
+<h3 id="Altres_propietats">Altres propietats</h3>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Per especificar</span> <span>cursiva, utilitzar</span></span> <code>{{ cssxref("font-style") }}: italic;</code><br>
+ <span class="short_text" id="result_box" lang="ca"><span>Per especificar</span> <span>negreta</span></span> , <span class="short_text" id="result_box" lang="ca"><span>utilitzar</span></span> <code>{{ cssxref("font-weight") }}: bold;</code><br>
+ <span class="short_text" id="result_box" lang="ca"><span>Per especificar</span></span> majúscules petites , utilitzar <code>{{ cssxref("font-variant") }}: small-caps;</code></p>
+
+<p>Per desactivar qualsevol d'ells individualment, especificar el valor <code>normal</code> o <code>inherit</code>.</p>
+
+<div class="tuto_details">
+<div class="tuto_type">Mé detalls</div>
+
+<p>Podeu especificar els estils de text d'altres maneres variades.</p>
+
+<p>Per exemple, algunes de les propietats esmentades aquí tenen altres valors que podeu utilitzar.</p>
+
+<p>En una fulla d'estil complexa, eviteu l'ús de la propietat de font abreujada, causa efectes secundaris (reposició d'altres propietats individuals).</p>
+
+<p>Per a més detalls de les propietats que es relacionen amb les fonts, vegeu <a class="external" href="http://www.w3.org/TR/CSS21/fonts.html">Fonts</a> en l'especificació CSS. Per a més detalls de decoració del text, vegeu <a class="external" href="http://www.w3.org/TR/CSS21/text.html">Text</a>.</p>
+
+<p>Si no voleu dependre dels tipus de lletra instal·lats en els sistemes dels usuaris, podeu utilitzar {{ cssxref("@font-face") }} per especificar una font en línia. No obstant això, requereix que els usuaris tinguin un navegador compatible amb aquesta regla.</p>
+</div>
+
+<h2 id="Acció_Especificació_de_les_fonts"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Especificació</span> <span>de les</span> <span>fonts</span></span></h2>
+
+<p>Per a un document senzill, es pot establir la font de l'element {{ HTMLElement("body") }} i la resta del document hereta la configuració.</p>
+
+<ol>
+ <li>Editeu l'arxiu CSS.</li>
+ <li>Afegiu la següent regla per canviar el tipus de lletra en tot el document. La part superior de l'arxiu CSS és un lloc lògic per a ell, però té el mateix efecte allà on ho posis:
+  <pre class="eval">body {
+font: 16px "Comic Sans MS", cursive;
+}
+</pre>
+ </li>
+ <li>Afegiu un comentari explicant la regla, i afegiu espai en blanc per a que coincideixi amb el vostre disseny preferit.</li>
+ <li>Deseu el fitxer i actualitzeu el navegador per veure l'efecte. Si el sistema té Comic Sans MS, o una altra font cursiva que no suporta cursiva, l'explorador tria un tipus de lletra diferent per al text en cursiva en la primera línia::
+  <table style="border: 2px outset #3366bb; padding: 1em;">
+   <tbody>
+    <tr>
+     <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
+    </tr>
+    <tr>
+     <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
+    </tr>
+   </tbody>
+  </table>
+ </li>
+ <li>Des de la barra de menú del navegador, seleccioneu <strong>View &gt; Text Size &gt; Increase</strong> (o <strong>View &gt; Zoom &gt; Zoom In</strong>). Tot i que heu especificat 16 píxels en l'estil, un usuari en llegir el document pot canviar la mida.</li>
+</ol>
+
+<div class="tuto_example">
+<div class="tuto_type">Repte</div>
+
+<p>Sense canviar res més, fer que totes les sis lletres inicials sigui dues vegades la mida de la font serif per defecte en el navegador:</p>
+
+<table>
+ <tbody>
+  <tr>
+   <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; font: 200% serif;">C</strong>ascading <strong style="color: green; font: 200% serif;">S</strong>tyle <strong style="color: green; font: 200% serif;">S</strong>heets</td>
+  </tr>
+  <tr>
+   <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; font: 200% serif;">C</strong>ascading <strong style="color: red; font: 200% serif;">S</strong>tyle <strong style="color: red; font: 200% serif;">S</strong>heets</td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="tuto_details" id="tutochallenge">
+<div class="tuto_type">Possible solution</div>
+
+<p>Add the following style declaration to the <code>strong</code> rule:</p>
+
+<pre class="brush: css">  font: 200% serif;
+</pre>
+If you use separate declarations for <code>font-size</code> and <code>font-family</code>, then the <code>font-style</code> setting on the first paragraph is <em>not</em> overridden.
+
+<p> </p>
+<a class="hideAnswer" href="#challenge">Hide solution</a></div>
+<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Color", "Color")}}El document d'exemple utilitza diversos colors amb nom. En la següent secció s'enumeren els noms dels colors estàndard i s'explica com es poden especificar altres.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/index.html b/files/ca/web/guide/css/inici_en_css/index.html
new file mode 100644
index 0000000000..839b8e8341
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/index.html
@@ -0,0 +1,55 @@
+---
+title: Inici en CSS
+slug: Web/Guide/CSS/Inici_en_CSS
+tags:
+  - Beginner
+  - CSS
+  - 'CSS:Getting_Started'
+  - Guide
+  - Needs
+  - NeedsBeginnerUpdate
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/First_steps
+---
+<p>Aquest tutorial és una introducció a les característiques bàsiques i llenguatge (la sintaxi) per als <strong><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS">fulls d'estil en cascada</a></strong><span class="seoSummary"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS"><strong>(Cascading Style Sheets)</strong></a> (CSS). </span>S'utilitza CSS per canviar l'aspecte d'un document estructurat, com ara una pàgina web. El tutorial també inclou exemples d'exercicis que podeu provar en el vostre ordinador per veure els efectes de les CSS i les característiques que funcionen en els navegadors moderns.</p>
+
+<p>El tutorial és per a principiants i per qualsevol persona que desitji revisar els conceptes bàsics de CSS. Si teniu més experiència amb CSS, la pàgina principal de CSS <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS">enumera</a> els recursos més avançats.</p>
+
+<nav class="fancyTOC"><a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/What_is_CSS" rel="next" title="Chapter 'What is CSS' of the CSS tutorial">Què és CSS</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS" title="Chapter 'Why use CSS' of the CSS tutorial">Per què utilitzar CSS</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/How_CSS_works" title="Chapter 'How CSS works' of the CSS tutorial">Com funciona el CSS</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance" title="Chapter 'Cascading and inheritance' of the CSS tutorial">Cascada i herència</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors" title="Chapter 'Selectors' of the CSS tutorial">Selectors</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS" title="Chapter 'Readable_CSS' of the CSS tutorial">CSS Llegible</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Text_styles" title="Chapter 'Text_styles' of the CSS tutorial">Estils de text</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Color" title="Chapter 'Color' of the CSS tutorial">Color</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Content" title="Chapter 'Content' of the CSS tutorial">Contingut</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Lists" title="Chapter 'Lists' of the CSS tutorial">Llistes</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Boxes" title="Chapter 'Boxes' of the CSS tutorial">Caixes</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Layout" title="Chapter 'Layout' of the CSS tutorial">Disseny</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Tables" title="Chapter 'Tables' of the CSS tutorial">Taules</a> <a class="button" href="/en-US/docs/Web/Guide/CSS/Getting_Started/Media" title="Chapter 'Media' of the CSS tutorial">Media</a></nav>
+
+<h2 id="Que_es_necessita_per_començar"><span class="short_text" id="result_box" lang="ca"><span>Que</span> <span>es</span> <span>necessita</span> <span>per començar</span></span></h2>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span>Un editor</span> <span>de text</span></span></li>
+ <li><span id="result_box" lang="ca"><span>Un navegador</span> <span>modern</span></span></li>
+ <li>Alguna experiència treballant amb editor de text i navegador</li>
+</ul>
+
+<p>Encara que els exercicis poden ajudar-te a aprendre, no és necessari realitzar-los. Simplement podeu llegir el tutorial i mirar les imatges.</p>
+
+<p><strong>Nota:</strong> <span id="result_box" lang="ca"><span>El tutorial</span> <span>s'explica</span> <span>com funciona</span> <span>CSS</span> <span>amb el color.</span> <span>Serà més</span> <span>fàcil</span> <span>per</span> <span>completar aquestes</span> <span>seccions</span> <span>amb una pantalla</span> <span>a color</span> <span>i visió de</span> <span>color</span> <span>normal.</span></span></p>
+
+<h2 id="Com_utilitzar_aquest_tutorial"><span class="short_text" id="result_box" lang="ca"><span>Com</span> <span>utilitzar</span> <span>aquest tutorial</span></span></h2>
+
+<p>Per utilitzar aquest tutorial, llegiu les pàgines amb cura i de forma seqüencial. Si es salta una pàgina, pot ser difícil d'entendre les pàgines següents en el tutorial.</p>
+
+<h3 id="Part_I_Els_fonaments_del_CSS"><span class="short_text" id="result_box" lang="ca"><span>Part</span> <span>I: Els</span> <span>fonaments de</span>l<span> CSS</span></span></h3>
+
+<p>A cada pàgina, utilitzeu la secció d'<em>informació</em> per entendre com funciona CSS. Utilitzeu la secció Acció per probar l'ús de CSS en el vostre ordinador.</p>
+
+<p>Per posar a prova la vostre comprensió, prendre el repte al final de cada pàgina. Les solucions als reptes estan vinculats en virtut dels reptes, pel que no és necessari mirar-los si no ho desitjeu.</p>
+
+<p>Per comprendre CSS amb més profunditat, llegiu la informació que es troba en les caselles de subtítols <em>Més detalls</em>. Utilitzeu els enllaços que hi ha per trobar informació de referència sobre CSS</p>
+
+<h3 id="Part_II_L'Abast_del_CSS"><span class="short_text" id="result_box" lang="ca"><span>Part II</span><span>:</span> <span>L'Abast</span> <span>del CSS</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span>Una segona</span> <span>part</span> <span>del programa d'aprenentatge</span> <span>proporciona</span> <span>exemples, que</span> <span>mostren l'abast</span> <span>de CSS</span> <span>amb</span> <span>altres tecnologies</span> <span>web i</span> <span>Mozilla</span></span>.</p>
+
+<ol>
+ <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/JavaScript" title="en/CSS/Getting_Started/JavaScript">JavaScript</a></li>
+ <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/SVG_and_CSS" title="en/CSS/Getting_Started/SVG_graphics">SVG graphics</a></li>
+ <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XML_data" title="en/CSS/Getting_Started/XML_data">XML data</a></li>
+ <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XBL_bindings" title="en/CSS/Getting_Started/XBL_bindings">XBL bindings</a></li>
+ <li><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XUL_user_interfaces" title="en/CSS/Getting_Started/XUL_user_interfaces">XUL user interfaces</a></li>
+</ol>
diff --git a/files/ca/web/guide/css/inici_en_css/javascript/index.html b/files/ca/web/guide/css/inici_en_css/javascript/index.html
new file mode 100644
index 0000000000..8fd453b50c
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/javascript/index.html
@@ -0,0 +1,146 @@
+---
+title: JavaScript i CSS
+slug: Web/Guide/CSS/Inici_en_CSS/JavaScript
+tags:
+  - CSS
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - Intermediate
+  - NeedsUpdate
+  - Web
+translation_of: Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>Aquesta és la primera secció de la Part II del <a href="/en/CSS/Getting_Started" title="https://developer.mozilla.org/en/CSS/Getting_Started">tutorial CSS</a>. La Part II conté alguns exemples que mostren l'abast de CSS utilitzat amb altres tecnologies web i Mozilla.</p>
+
+<p>Cada pàgina en la part II il·lustra com interactua amb CSS alguna altra tecnologia. Aquestes pàgines no estan dissenyades per ensenyar com utilitzar aquestes altres tecnologies. Aneu a altres tutorials per aprendre sobre elles en detall.</p>
+
+<p>En lloc d'això, aquestes pàgines estan dissenyades per il·lustrar els molts usos de CSS. Per utilitzar aquestes pàgines, heu de tenir algun coneixement de CSS, però no cal cap coneixement d'unes altres tecnologies.</p>
+
+<p>Secció anterior (Part I): <a href="/en/CSS/Getting_Started/Media" title="https://developer.mozilla.org/en/CSS/Getting_Started/Media">Mitjà</a><br>
+ Secció següent: <a href="/en/CSS/Getting_Started/SVG_graphics" title="https://developer.mozilla.org/en/CSS/Getting_Started/SVG_graphics">SVG</a></p>
+
+<h3 id="Information:_JavaScript" name="Information:_JavaScript"><span id="result_box" lang="ca"><span>Informació</span><span>: JavaScript</span></span></h3>
+
+<p>JavaScript és un <em>llenguatge de programació</em>. JavaScript s'utilitza àmpliament per proporcionar interactivitat en els llocs web i aplicacions.</p>
+
+<p>JavaScript pot interactuar amb les fulles d'estil, permetent-li escriure programes que canvien l'estil d'un document de forma dinàmica.</p>
+
+<p>Hi ha tres maneres de fer això:</p>
+
+<ul>
+ <li>Treballant amb la llista de fulles d'estil del document, per exemple: afegir, eliminar o modificar una fulla d'estil.</li>
+ <li>Treballant amb les regles en una fulla d'estil, per exemple: afegir, eliminar o modificar una regla.</li>
+ <li>Treballant amb un element individual en el DOM, modificant el seu estil independentment de les fulles d'estil del document.</li>
+</ul>
+
+<table style="background-color: #f4f4f4; border: 1px solid #3366bb; margin-bottom: 1em; padding: 1em; width: 100%;">
+ <caption>Més detalls</caption>
+ <tbody>
+  <tr>
+   <td>Per obtenir més informació sobre JavaScript, vegeu la pàgina de <a href="/en/JavaScript" title="en/JavaScript">JavaScript</a> en aquest wiki.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Action:_A_JavaScript_demonstration" name="Action:_A_JavaScript_demonstration"><span id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Una demostració</span> <span>de JavaScript</span></span></h3>
+
+<p>Feu un nou document HTML, <code>doc5.html</code>. Copieu i enganxeu el contingut d'aquí, assegurar-vos de deplaçar-vos per obtenir tota ella;</p>
+
+<div style="width: 48em;">
+<pre class="brush:html;">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+
+&lt;head&gt;
+&lt;title&gt;Mozilla CSS Getting Started - JavaScript demonstration&lt;/title&gt;
+&lt;link rel="stylesheet" type="text/css" href="style5.css" /&gt;
+&lt;script type="text/javascript" src="script5.js"&gt;&lt;/script&gt;
+&lt;/head&gt;
+
+&lt;body&gt;
+&lt;h1&gt;JavaScript sample&lt;/h1&gt;
+&lt;div id="square"&gt;&lt;/div&gt;
+&lt;button&gt;Click Me&lt;/button&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+</div>
+
+<p>Feu una nova fulla d'estil CSS, <code>style5.css</code>. Copieu i enganxeu el contingut d'aquí:</p>
+
+<div style="width: 48em;">
+<pre class="brush:css;">  #square {
+    width: 120px;
+    height: 120px;
+    border: 2px inset gray;
+    margin-bottom: 1em;
+  }
+
+  button {
+    padding: .5em 2em;
+  }</pre>
+</div>
+
+<p>Feu un nou arxiu de text, <code>script5.js</code>. Copieu i enganxeu el contingut d'aquí:</p>
+
+<div style="width: 48em;">
+<pre class="brush:js;">// JavaScript demonstration
+var changeBg = function (event) {
+    console.log("method called");
+    var me = event.target
+    ,   square = document.getElementById("square");
+    square.style.backgroundColor = "#ffaa44";
+    me.setAttribute("disabled", "disabled");
+    setTimeout(function () { clearDemo(me) }, 2000);
+}
+
+function clearDemo(button) {
+    var square = document.getElementById("square");
+    square.style.backgroundColor = "transparent";
+    button.removeAttribute("disabled");
+}
+
+var button = document.querySelector("button");
+button.addEventListener("click", changeBg);
+console.log(button);
+</pre>
+</div>
+
+<p><span id="result_box" lang="ca"><span>Obriu el</span> <span>document</span> <span>en el navegador i</span> <span>premeu el</span> <span>botó</span> <span>o vegeu</span> <span>una mostra</span> <span>del treball</span> <span>a continuació.</span></span></p>
+
+<p>{{ EmbedLiveSample('Action:_A_JavaScript_demonstration', 320,320) }}</p>
+
+<div class="note"><strong>Notes importants</strong> sobre aquesta demostració:
+
+<ul>
+ <li>El document HTML vincula la fulla d'estil com de costum, i també vincula  el script.</li>
+ <li>L'script funciona amb elements individuals en el DOM. Modifica l'estil del cuadrat directament. Modifica l'estil del botó indirectament pel canvi d'un atribut.</li>
+ <li>En JavaScript, <code>document.getElementById("square")</code> és similar en funció al selector CSS <code>#square</code>.</li>
+ <li>En JavaScript, backgroundColor correspon a la propietat CSS <code>background-color</code>. JavaScript no permet guions en noms, de manera que "camelCase" s'utilitza en el seu lloc.</li>
+ <li>El vostre navegador té una regla CSS incorporada per <code>button{{ mediawiki.external('disabled=\"true\"') }}</code> que canvia l'aspecte del botó quan està desactivat.</li>
+</ul>
+</div>
+
+<div class="warning">
+<p>De fet, el document HTML anterior pot tenir una condició de competència  (informació relacionada en aquesta pàgina <a href="http://www.w3.org/TR/2014/REC-html5-20141028/single-page.html#common-pitfalls-to-avoid-when-using-the-scripting-apis">W3C</a>), ja que té l'element <em>script</em> dins de l'element head podent inicar-se l'execució del codi JavaScript abans que la pàgina acabi de carregar-se i el codi no funcionarà perquè la variable <em>button</em> serà nul.la. En moure l'element <em>script</em> sota de l'element button (just damunt de l'etiqueta de tancament <em>body</em>) en el marcat HTML hauria de resoldre aquest problema.</p>
+</div>
+
+<table style="background-color: #fffff4; border: 1px solid #3366bb; margin-bottom: .5em; padding: 1em;">
+ <caption>Repte</caption>
+ <tbody>
+  <tr>
+   <td>Canvieu el script perquè el quadre salti a la dreta 20 em quan el seu color canviï, i salti cap a enrere després.</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><a href="/en/CSS/Getting_Started/Challenge_solutions#JavaScript" title="https://developer.mozilla.org/en/CSS/Getting_Started/Challenge_solutions#JavaScript">Veure la solució per el repte.</a></p>
+
+<h3 id="I_ara_què">I ara què?</h3>
+
+<p>Si teniu dificultats per entendre aquesta pàgina o si teniu altres comentaris al respecte, si us plau, contribuïu a la vostre pàgina de <a href="https://developer.mozilla.org/Talk:en/CSS/Getting_Started/JavaScript">discussió</a>.</p>
+
+<p>En aquesta demostració, el document HTML vincula el script tot i que només l'element button utilitza el script. Mozilla estén CSS de manera que pugui vincular codi JavaScript (i també contingut i altres fulles d'estil) per als elements seleccionats. La pàgina següent mostra això: <strong><a href="https://developer.mozilla.org/en/CSS/Getting_Started/XBL_bindings">vincles XBL</a></strong></p>
diff --git a/files/ca/web/guide/css/inici_en_css/llistes/index.html b/files/ca/web/guide/css/inici_en_css/llistes/index.html
new file mode 100644
index 0000000000..6792f86eb7
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/llistes/index.html
@@ -0,0 +1,275 @@
+---
+title: Llistes
+slug: Web/Guide/CSS/Inici_en_CSS/Llistes
+tags:
+  - Beginner
+  - CSS
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - Intermediate
+  - NeedsBeginnerUpdate
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/Styling_text/Styling_lists
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Content", "Contingut") }} Aquesta és la 10th secció del tutorial <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a>; descriu com es pot utilitzar CSS per especificar l'aspecte de les llistes. Heu de crear un nou document d'exemple que contindrà les llistes, i un nova fulla d'estil que és el estil de les llistes.</p>
+
+<h2 class="clearLeft" id="Informació_Llistes">Informació: Llistes</h2>
+
+<p>Si vau aprendre el repte en l'<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Content">última secció</a>, llavors va veure com es podia afegir contingut abans de qualsevol element perquè aparegués com un element de la llista.</p>
+
+<p>CSS proporciona propietats especials que estan dissenyades per a les llistes. En general, és convenient utilitzar aquestes propietats sempre que pugueu.</p>
+
+<p>Per especificar l'estil a una llista, utilitzeu la propietat {{ cssxref("list-style") }} per especificar el tipus de marcador.</p>
+
+<p>El selector en la seva regla CSS pot seleccionar els elements de la llista d'elements (per exemple, {{ HTMLElement("li") }} ) o es pot seleccionar l'element de la llista dels pares (per exemple, {{ HTMLElement ("ul") }}) de manera que els elements de la llista hereten l'estil.</p>
+
+<h3 id="Llistes_no_ordenades">Llistes no ordenades</h3>
+
+<p>En una llista <em>no ordenada</em>, cada element de la llista està marcat de la mateixa manera.</p>
+
+<p>CSS té tres tipus de marcadors, i aquí es veu com el navegador els mostra:</p>
+
+<ul style="padding-left: 2em;">
+ <li style="list-style-type: disc;"><code>disc</code></li>
+ <li style="list-style-type: circle;"><code>circle</code></li>
+ <li style="list-style-type: square;"><code>square</code></li>
+</ul>
+
+<p>També podeu especificar l'adreça URL d'una imatge.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p><span id="result_box" lang="ca"><span>Aquestes</span> <span>regles</span> <span>especifiquen</span> <span>diferents</span> <span>marcadors</span> <span>per a diferents</span> <span>classes</span> <span>d'element</span>s <span>de la llista</span><span>:</span></span></p>
+
+<pre class="brush:css">li.open {list-style: circle;}
+li.closed {list-style: disc;}
+</pre>
+
+<p>Quan aquestes classes s'utilitzen en una llista, distingeix entre els elements oberts i tancats (per exemple, en una llista de tasques pendents):</p>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li class="open"&gt;Lorem ipsum&lt;/li&gt;
+  &lt;li class="closed"&gt;Dolor sit&lt;/li&gt;
+  &lt;li class="closed"&gt;Amet consectetuer&lt;/li&gt;
+  &lt;li class="open"&gt;Magna aliquam&lt;/li&gt;
+  &lt;li class="closed"&gt;Autem veleum&lt;/li&gt;
+&lt;/ul&gt;
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p>
+
+<p>{{ EmbedLiveSample('Unordered_lists', '', '', '') }}</p>
+</div>
+
+<h3 id="Llistes_ordenades">Llistes ordenades</h3>
+
+<p>En una llista <em>ordenada</em>, cada element de la llista es marca de manera diferent per mostrar la seva posició en la seqüència.</p>
+
+<p>Utilitzeu la propietat {{ cssxref("list-style") }} per especificar el tipus de marcador:</p>
+
+<ul style="padding-left: 2em;">
+ <li style=""><code>decimal</code></li>
+ <li style=""><code>lower-roman</code></li>
+ <li style=""><code>upper-roman</code></li>
+ <li style=""><code>lower-latin</code></li>
+ <li style=""><code>upper-latin</code></li>
+</ul>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Aquesta regla especifica que els elements en {{ HTMLElement ("ol") }}  amb la classe <code>info</code>, els elements s'identifiquen amb lletres majúscules.</p>
+
+<pre class="brush: html">&lt;ol class="info"&gt;
+  &lt;li&gt;Lorem ipsum&lt;/li&gt;
+  &lt;li&gt;Dolor sit&lt;/li&gt;
+  &lt;li&gt;Amet consectetuer&lt;/li&gt;
+  &lt;li&gt;Magna aliquam&lt;/li&gt;
+  &lt;li&gt;Autem veleum&lt;/li&gt;
+&lt;/ol&gt;</pre>
+
+<pre class="brush:css">ol.info {list-style: upper-latin;}
+</pre>
+
+<p>El elements {{ HTMLElement ("li") }} en la llista hereten aquest estil:</p>
+
+<p>{{ EmbedLiveSample('Ordered_lists', '', '', '') }}</p>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>La propietat {{ cssxref ("list-style") }} és una propietat abreujada. En les fulles d'estil complexes és possible que preferiu utilitzar les propietats independents per establir els valors per separat. Per als enllaços a aquestes propietats separades, i més detalls de com CSS especifica les llistes, consulteu la pàgina de referència {{ cssxref ("list-style") }}.</p>
+
+<p>Si utilitzeu un llenguatge de marques com l'HTML que proporciona marques convencionals per llistes no ordenades ({{ HTMLElement("ul") }}) i llistes ordenades ({{ HTMLElement("ol") }}), llavors és una bona pràctica utilitzar les etiquetes en la forma en què estan destinades. No obstant això, podeu utilitzar CSS per fer que {{ HTMLElement("ul") }} aparegui ordenat i {{ HTMLElement("ol") }} aparegui desordenat si ho desitjeu.</p>
+
+<p>Els navegadors difereixen en la forma d'aplicar els estils de llistes. No espereu que la vostre fulla d'estil doni resultats idèntics en tots els navegadors.</p>
+</div>
+
+<h3 id="Comptadors">C<span class="short_text" id="result_box" lang="ca"><span>omptadors</span></span></h3>
+
+<div style="border: 1px solid red; padding: 6px; margin: 0 0 .5em -6px; width: 100%;">
+<p><strong>Note: </strong> Alguns navegadors no suporten comptadors. La pàgina <a class="external" href="http://www.quirksmode.org/css/contents.html" title="http://www.quirksmode.org/css/contents.html">continguts CSS i compatibilitat del navegador</a> en el <a class="external" href="http://www.quirksmode.org/" title="http://www.quirksmode.org/">lloc Quirks Mode</a> conté un gràfic detallat de la compatibilitat dels navegadors per això i altres característiques CSS. Pàgines individuals en la <a href="/en-US/docs/Web/CSS/Reference" title="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS_Reference">Referència CSS</a> d'aquest lloc, també tenen taules de compatibilitat del navegador.</p>
+</div>
+
+<p>Podeu utilitzar comptadors per enumerar els elements, no només els elements de la llista. Per exemple, en alguns documents és possible que vulgueu numerar les capçaleres o paràgrafs.</p>
+
+<p>Per especificar la numeració, es necessita un comptador amb un nom que definiu.</p>
+
+<p>En algun element abans que el recompte s'iniciï, reinicieu el comptador amb la propietat {{ cssxref("counter-reset") }} i el nom del seu comptador. El pare dels elements que està comptant és un bon lloc per fer-ho, però podeu utilitzar qualsevol element que vingui abans que els elements de la llista.</p>
+
+<p>Per cada element en el qual s'incrementa el comptador, utilitzeu la propietat {{ cssxref("counter-increment") }} i el nom del seu comptador.</p>
+
+<p>Per mostrar el comptador, afegiu {{ cssxref("::before") }} o {{ cssxref("::after") }} per al selector i l'ús de la propietat <code>content</code> (com ho va fer en la pàgina anterior, <strong><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Content" title="en-US/docs/Web/Guide/CSS/Getting_Started/Content">Content</a></strong>).</p>
+
+<p>En el valor de la propietat <code>content</code>, especifiqueu <code>counter()</code> amb el nom del vostre comptador. També podeu indicar un tipus. Els tipus són els mateixos que en la secció anterior de <strong>llistes ordenades</strong>.</p>
+
+<p>Normalment, l'element que mostra el comptador també l'incrementa.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Aquesta regla inicialitza un comptador per a cada element {{ HTMLElement("h3") }} amb la classe <code>numbered</code>:</p>
+
+<pre class="brush:css">h3.numbered {counter-reset: mynum;}
+</pre>
+
+<p>Aquesta regla mostra i incrementa el comptador per a cada element {{ HTMLELement("p") }} amb la classe <code>numbered</code>:</p>
+
+<pre class="brush: html">&lt;p class="numbered"&gt;Lorem ipsum&lt;/p&gt;
+&lt;p class="numbered"&gt;Dolor sit&lt;/p&gt;
+&lt;p class="numbered"&gt;Amet consectetuer&lt;/p&gt;
+&lt;p class="numbered"&gt;Magna aliquam&lt;/p&gt;
+&lt;p class="numbered"&gt;Autem veleum&lt;/p&gt;
+</pre>
+
+<pre class="brush:css">body {
+   counter-reset: mynum;
+}
+p.numbered:before {
+  content: counter(mynum) ": ";
+  counter-increment: mynum;
+  font-weight: bold;
+}
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>El resultat</span> <span>és el</span> <span>següent</span><span>:</span></span></p>
+
+<p>{{ EmbedLiveSample("Counters", '300', '200', '') }}</p>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>No podeu utilitzar comptadors a menys que sàpigueu que tot el que llegeixi el document té un navegador compatible amb ells.</p>
+
+<p>Si sou capaços d'utilitzar els comptadors, tenen l'avantatge que podeu donar estil els comptadors per separat dels elements de la llista. En l'exemple anterior, els comptadors estan en negreta, però els elements de la llista no ho estan.</p>
+
+<p>També podeu utilitzar els comptadors en formes més complexes, per exemple, al nombre de seccions, títols, subtítols i paràgrafs en els documents formals. Per a més detalls, consulteu <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#counters">Comptadors i numeració automàtica</a> en l'especificació CSS.</p>
+</div>
+
+<h2 id="Acció_Llistes_amb_estil">Acció: Llistes amb estil</h2>
+
+<p>Feu un nou document HTML, <code>doc2.html</code>. Copieu i enganxeu el contingut d'aquí:</p>
+
+<pre class="brush:html;">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;meta charset="UTF-8"&gt;
+    &lt;title&gt;Sample document 2&lt;/title&gt;
+    &lt;link rel="stylesheet" href="style2.css"&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+
+    &lt;h3 id="oceans"&gt;The oceans&lt;/h3&gt;
+    &lt;ul&gt;
+      &lt;li&gt;Arctic&lt;/li&gt;
+      &lt;li&gt;Atlantic&lt;/li&gt;
+      &lt;li&gt;Pacific&lt;/li&gt;
+      &lt;li&gt;Indian&lt;/li&gt;
+      &lt;li&gt;Southern&lt;/li&gt;
+    &lt;/ul&gt;
+
+    &lt;h3 class="numbered"&gt;Numbered paragraphs&lt;/h3&gt;
+    &lt;p class="numbered"&gt;Lorem ipsum&lt;/p&gt;
+    &lt;p class="numbered"&gt;Dolor sit&lt;/p&gt;
+    &lt;p class="numbered"&gt;Amet consectetuer&lt;/p&gt;
+    &lt;p class="numbered"&gt;Magna aliquam&lt;/p&gt;
+    &lt;p class="numbered"&gt;Autem veleum&lt;/p&gt;
+
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p>Feu un nova fulla d'estil, <code>style2.css</code>. Copieu i enganxeu el contingut d'aquí:</p>
+
+<pre class="brush:css;">/* numbered paragraphs */
+h3.numbered {counter-reset: mynum;}
+
+p.numbered:before {
+  content: counter(mynum) ": ";
+  counter-increment: mynum;
+  font-weight: bold;
+}
+</pre>
+
+<p>Si la disposició i el comentari no són del vostre gust, canvieu-los.</p>
+
+<p>Obriu el document en el navegador. Si el navegador és compatible amb els comptadors, es veurà alguna cosa semblant com l'exemple a continuació. Si el vostre navegador no suporta comptadors, llavors no veureu els números (i probablement ni tan sols els dos punts):</p>
+
+<p>{{ EmbedLiveSample('Action_Styled_lists', '300', '400', '') }}</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Reptes</div>
+
+<p>Afegiu una regla a la fulla d'estil, per numerar els oceans utilitzant nombres romans de l'I al V:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 0 6em 1em 1em;">
+ <tbody>
+  <tr>
+   <td>
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">The oceans</p>
+
+    <ul style="">
+     <li>Arctic</li>
+     <li>Atlantic</li>
+     <li>Pacific</li>
+     <li>Indian</li>
+     <li>Southern</li>
+    </ul>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p> </p>
+
+<p>Canvieu la fulla d'estil per identificar les capçaleres amb lletres majúscules i en parèntesi com aquest:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 0 6em 1em 1em;">
+ <tbody>
+  <tr>
+   <td>
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">(A) The oceans</p>
+
+    <p><strong>. . .</strong></p>
+
+    <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">(B) Numbered paragraphs</p>
+
+    <p><strong>. . .</strong></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Lists" title="en-US/docs/Web/Guide/CSS/Getting started/Challenge solutions#Lists">Veure la solució per el repte.</a></p>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{ nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Boxes", "Caixes") }}Quan el navegador mostra el document d'exemple, es crea un espai al voltant dels elements quan els col·loca a la pàgina. La pàgina següent descriu com podeu utilitzar CSS per treballar amb les formes subjacents d'elements, <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Boxes" title="en-US/docs/Web/Guide/CSS/Getting_Started/Boxes">caixes</a>.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/mitjà/index.html b/files/ca/web/guide/css/inici_en_css/mitjà/index.html
new file mode 100644
index 0000000000..f3b14fb062
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/mitjà/index.html
@@ -0,0 +1,402 @@
+---
+title: Mitjà
+slug: Web/Guide/CSS/Inici_en_CSS/Mitjà
+tags:
+  - CSS
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - Intermediate
+  - NeedsBeginnerUpdate
+  - NeedsLiveSample
+  - NeedsUpdate
+  - Web
+translation_of: Web/Progressive_web_apps/Responsive/Media_types
+---
+<p>{{CSSTutorialTOC}} {{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Tables", "Taules")}}</p>
+
+<p>Aquesta és la 14th secció de la Part I del tutorial <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a> Moltes de les pàgines d'aquest tutorial s'han centrat en les propietats CSS i els valors que es poden utilitzar per especificar com mostrar un document. Aquesta pàgina es veu de nou en el propòsit i l'estructura de les fulles d'estil CSS.</p>
+
+<h2 class="clearLeft" id="Informació_Mitjà">Informació: Mitjà</h2>
+
+<p>El propòsit de CSS és especificar com els documents es presenten a l'usuari. La presentació pot tenir més d'una forma.</p>
+
+<p>Per exemple, és probable que estigueu llegint aquesta pàgina en un dispositiu de visualització. Però també pot ser que el vulgueu projectar en una pantalla per a una gran audiència, o imprimir-ho. Aquests diferents mitjans poden tenir característiques diferents. CSS proporciona formes de presentar un document de manera diferent en diferents mitjans.</p>
+
+<p>Per especificar regles que són específiques d'un tipus de mitjà, utilitzeu {{CSSXref("@media")}} seguit pel tipus de mitjà, seguit de claus que tanquen les regles.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Un document, en un lloc web, té una àrea de navegació per permetre a l'usuari moure's pel lloc.</p>
+
+<p>En el llenguatge de marcat, l'element pare de l'àrea de navegació té el <strong>id</strong> <code>nav-area</code>. (A {{HTMLVersionInline (5)}}, això pot ser marcat amb l'element {{HTMLElement("nav")}} en lloc de {{HTMLElement("div")}} amb un atribut id.)</p>
+
+<p>Quan s'imprimeix el document, l'àrea de navegació no té cap propòsit, de manera que la fulla d'estil l'elimina per complet:</p>
+
+<pre class="brush:css">@media print {
+  #nav-area {display: none;}
+  }
+</pre>
+</div>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Alguns dels tipus</span> <span>de mitjans</span> <span>comuns</span> <span>són</span><span>:</span></span></p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><code>screen</code></td>
+   <td>Color pantalla ordinador</td>
+  </tr>
+  <tr>
+   <td><code>print</code></td>
+   <td>Mitjans paginats</td>
+  </tr>
+  <tr>
+   <td style="padding-right: 1em;"><code>projection</code></td>
+   <td>Pantalla projectada</td>
+  </tr>
+  <tr>
+   <td><code>all</code></td>
+   <td>Tots els mitjans (per defecte)</td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>Hi ha altres formes d'especificar el tipus de mitjà d'un conjunt de regles.</p>
+
+<p>El llenguatge de marcat del document pot permetre que s'especifiqui el tipus de mitjà quan la fulla d'estil està vinculada al document. Per exemple, en HTML es pot especificar opcionalment el tipus de mitjà amb un atribut <code>media</code> en l'etiqueta LINK.</p>
+
+<p>En CSS podeu utilitzar {{CSSXref("@import")}} a l'inici d'una fulla d'estil per importar un altre fulla d'estil des d'una URL, especificant opcionalment el tipus de mitjà.</p>
+
+<p>Mitjançant l'ús d'aquestes tècniques es poden separar regles d'estil per a diferents tipus de mitjans en diferents arxius. Això de vegades és una forma útil d'estructurar les fulles d'estil.</p>
+
+<p>Per a més detalls sobre els tipus de mitjans, vegeu <a href="http://www.w3.org/TR/CSS21/media.html">Mtjà</a> en l'especificació CSS.</p>
+
+<p>Hi ha més exemples de la propietat {{cssxref ("display")}} en una pàgina posterior d'aquest tutorial: <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/XML_data" title="en-US/docs/Web/Guide/CSS/Getting_Started/XML_data">dades XML</a>.</p>
+</div>
+
+<h3 id="Impressió">I<span id="result_box" lang="ca"><span>mpressió</span></span></h3>
+
+<p>CSS té algun suport específic per a la impressió i dels mitjans paginats en general.</p>
+
+<p>Un regla {{cssxref("@page")}} pot establir els marges de pàgina. Per a la impressió a doble cara, es poden definir els marges per separat per a <code>@page:left</code> i <code>@page:right</code>.</p>
+
+<p>Per als mitjans d'impressió, normalment s'utilitza com a unitats de longitud les polzades (<code>in</code>) i punts (pt = 1/72 polzades) o centímetres (<code>cm</code>) i mil·límetres (<code>mm</code>). És igualment apropiat utilitzar ems (<code>em</code>) perquè coincideixi amb la mida de font i percentatges (<code>%</code>).</p>
+
+<p>Podeu controlar la forma en què el contingut del document es divideix entre els límits de pàgina, mitjançant l'ús de les propietats {{cssxref("page-break-before")}}, {{cssxref("page-break-after")}} i {{cssxref("page-break-inside")}}.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Aquesta regla estableix els marges de pàgina a una polzada en els quatre costats:</p>
+
+<pre class="brush:css">@page {margin: 1in;}
+</pre>
+
+<p>Aquesta regla assegura que cada element <code>H1</code> comença en una nova pàgina:</p>
+
+<pre class="brush:css">h1 {page-break-before: always;}
+</pre>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>Per als detalls complets de suport de CSS per als mitjans paginats, veure <a href="http://www.w3.org/TR/CSS21/page.html">Mitjans paginats</a> en l'especificació CSS.</p>
+
+<p>Igual que altres característiques de CSS, la impressió depèn del navegador i la seva configuració. Per exemple, el navegador Mozilla subministra marges predeterminats, capçaleres i peus quan s'imprimeix. Quan altres usuaris imprimeixin el document, és probable que no sapigan quin navegador és i quina  configuració té, de manera que és possible que no poguin controlar completament els resultats.</p>
+</div>
+
+<h3 id="Interfícies_d'usuari">I<span id="result_box" lang="ca"><span>nterfícies</span> <span>d'usuari</span></span></h3>
+
+<p>CSS té algunes propietats especials per als dispositius que suporten una interfície d'usuari, com pantalles d'ordinador. Això fa que l'aspecte del document canvii dinàmicament a mesura que l'usuari treballa amb la interfície.</p>
+
+<p>No hi ha cap tipus de mitjà especial per als dispositius amb interfícies d'usuari.</p>
+
+<p>Hi ha cinc selectors especials:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><strong>Selector</strong></td>
+   <td><strong>Selects</strong></td>
+  </tr>
+  <tr>
+   <td><code>E{{cssxref(":hover")}}</code></td>
+   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>E</span> <span>que té</span> <span>el punter</span> <span>sobre ell</span></span></td>
+  </tr>
+  <tr>
+   <td><code>E{{cssxref(":focus")}}</code></td>
+   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>E</span> <span>que té</span> <span>el focus del</span> <span>teclat</span></span></td>
+  </tr>
+  <tr>
+   <td><code>E{{cssxref(":active")}}</code></td>
+   <td><span id="result_box" lang="ca"><span>L'element</span> <span>E</span> <span>que està</span> <span>implicat</span> <span>en l'acció</span> <span>de l'usuari actual</span></span></td>
+  </tr>
+  <tr>
+   <td><code>E{{cssxref(":link")}}</code></td>
+   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>E que és</span> <span>un hipervincle</span> <span>a una adreça</span> <span>URL</span> <span>que l'usuari <em>no</em></span> <span>ha visitat</span> <span>recentment</span></span></td>
+  </tr>
+  <tr>
+   <td><code>E{{cssxref(":visited")}}</code></td>
+   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>E que és</span> <span>un hipervincle</span> <span>a una adreça</span> <span>URL</span> <span>que l'usuari ha</span> <span>visitat</span> <span>recentment</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="note">
+<p><strong>Nota: </strong>La informació que es pot obtenir del selector :visited està restringida a {{gecko("2.0")}}. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector" title="en-US/docs/Web/Guide/CSS/Privacy and the :visited selector">Privacitat i el selector :visited</a> per a més detalls.</p>
+</div>
+
+<p>La propietat {{cssxref("cursor")}} especifica la forma del punter: Algunes de les formes comunes són els següents. Col·loqueu el ratolí sobre els elements de la llista per veure les formes de punter reals en el vostre navegador:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><strong>Selector</strong></td>
+   <td><strong>Selects</strong></td>
+  </tr>
+  <tr style="cursor: pointer;">
+   <td><code>pointer</code></td>
+   <td>Indica un vincle</td>
+  </tr>
+  <tr style="cursor: wait;">
+   <td><code>wait</code></td>
+   <td>Indica que el programa no pot acceptar l'entrada</td>
+  </tr>
+  <tr style="cursor: progress;">
+   <td><code>progress</code></td>
+   <td>Indica que el programa està funcionant, encara pot acceptar l'entrada</td>
+  </tr>
+  <tr style="cursor: default;">
+   <td><code>default</code></td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>El</span> <span>valor per</span> <span>defecte</span> <span>(</span><span>normalment una</span> <span>fletxa</span><span>)</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Una propietat {{cssxref("outline")}} crea un contorn que sovint s'utilitza per indicar el focus del teclat. Els seus valors són similars a la propietat {{cssxref("border")}}, excepte que no es poden definir els costats individualment.</p>
+
+<p>Algunes altres característiques de les interfícies d'usuari s'implementen utilitzant atributs, en la forma normal. Per exemple, un element que és deshabilitat o de només lectura té l'atribut <strong>disabled</strong> o l'atribut <strong>readonly</strong>. Els selectors poden especificar aquests atributs com qualsevol altre atribut, mitjançant l'ús de claudàtors: <code>{{mediawiki.external('disabled')}}</code> o <code>{{mediawiki.external('readonly')}}</code>.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p><span id="result_box" lang="ca"><span>Aquestes regles</span> <span>especifiquen els</span> <span>estils</span> <span>per a un</span> <span>botó</span> <span>que canvia</span> <span>dinàmicament</span> <span>a mesura</span> <span>que l'usuari</span> <span>interactua</span> <span>amb</span> <span>ell</span><span>:</span></span></p>
+
+<pre class="brush:css">.green-button {
+  background-color:#cec;
+  color:#black;
+  border:2px outset #cec;
+  }
+
+.green-button[disabled] {
+  background-color:#cdc;
+  color:#777;
+  }
+
+.green-button:active {
+  border-style: inset;
+  }
+</pre>
+
+<p>Aquest wiki no és compatible amb una interfície d'usuari en la pàgina, pel que aquests botons no "fan clic". Aquestes són algunes de les imatges estàtiques per il·lustrar la idea:</p>
+
+<table style="background-color: #ffffff; border: 2px outset #3366bb; padding: 1em;">
+ <tbody>
+  <tr>
+   <td>
+    <table>
+     <tbody>
+      <tr>
+       <td><span style="background-color: #ccddcc; border: 2px outset #cceecc; color: #777777; cursor: default; height: 2em; margin-right: 1em; padding: .5em 1em; width: 8em;">Click Me</span></td>
+       <td><span style="background-color: #cceecc; border: 2px outset #cceecc; cursor: move; height: 2em; margin-right: 1em; padding: .5em 1em; width: 8em;">Click Me</span></td>
+       <td><span style="background-color: #cceecc; border: 2px inset #cceecc; cursor: move; height: 2em; margin-right: 1em; padding: .5em 1em; width: 8em;">Click Me</span></td>
+      </tr>
+      <tr style="line-height: 25%;">
+       <td> </td>
+      </tr>
+      <tr style="font-style: italic;">
+       <td>deshabilitat</td>
+       <td>normal</td>
+       <td>actiu</td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Un botó completament funcional també té un contorn fosc al voltant de tot el botó quan el valor és per defecte, i un contorn en línia de punts a la cara del botó quan té el focus del teclat. També podria tenir un efecte estacionari quan el punter es troba a sobre d'ell.</p>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>Per obtenir més informació sobre les interfícies d'usuari en el CSS, vegeu <a href="http://www.w3.org/TR/CSS21/ui.html">Interfície d'usuari</a> en l'especificació CSS.</p>
+
+<p>Hi ha un exemple del llenguatge de marcat de Mozilla per a interfícies d'usuari, XUL, en la Part II d'aquest tutorial.</p>
+</div>
+
+<h2 id="Acció_Impressió_d'un_document">A<span id="result_box" lang="ca"><span>cció</span><span>:</span> <span>Impressió</span> <span>d'un</span> <span>document</span></span></h2>
+
+<ol>
+ <li><span id="result_box" lang="ca"><span>Feu</span> <span>un nou</span> <span>document HTML,</span> <code><span>doc4.html</span></code><span>.</span> <span>Copieu</span> <span>i enganxeu el</span> <span>contingut</span> <span>d'aquí:</span></span>
+
+  <pre class="brush:html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;Print sample&lt;/title&gt;
+    &lt;link rel="stylesheet" href="style4.css"&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;h1&gt;Section A&lt;/h1&gt;
+    &lt;p&gt;This is the first section...&lt;/p&gt;
+    &lt;h1&gt;Section B&lt;/h1&gt;
+    &lt;p&gt;This is the second section...&lt;/p&gt;
+    &lt;div id="print-head"&gt;
+      Heading for paged media
+    &lt;/div&gt;
+    &lt;div id="print-foot"&gt;
+      Page:
+    &lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+ </li>
+ <li>Feu una nova fulla d'estil, <code>style4.css</code>. <span id="result_box" lang="ca"><span>Copieu</span> <span>i enganxeu el</span> <span>contingut</span> <span>d'aquí:</span></span>
+  <pre class="brush:css">/*** Print sample ***/
+
+/* defaults  for screen */
+#print-head,
+#print-foot {
+  display: none;
+  }
+
+/* print only */
+@media print {
+
+h1 {
+  page-break-before: always;
+  padding-top: 2em;
+  }
+
+h1:first-child {
+  page-break-before: avoid;
+  counter-reset: page;
+  }
+
+#print-head {
+  display: block;
+  position: fixed;
+  top: 0pt;
+  left:0pt;
+  right: 0pt;
+
+  font-size: 200%;
+  text-align: center;
+  }
+
+#print-foot {
+  display: block;
+  position: fixed;
+  bottom: 0pt;
+  right: 0pt;
+
+  font-size: 200%;
+  }
+
+#print-foot:after {
+  content: counter(page);
+  counter-increment: page;
+  }
+
+} /* end print only */
+</pre>
+ </li>
+ <li>Vegeu aquest document en el vostre navegador; utilitza l'estil per defecte del navegador.</li>
+ <li>Imprimir (o vista prèvia d'impressió) el document; la fulla d'estil col·loca cada secció en una pàgina separada, i s'afegeix una capçalera i peu de pàgina per a cada pàgina. Si el navegador és compatible amb els comptadors, s'agrega un número de pàgina al peu de pàgina.
+  <table>
+   <tbody>
+    <tr>
+     <td>
+      <table style="border: 2px outset #3366bb; padding: 1em;">
+       <tbody>
+        <tr>
+         <td>
+          <table style="margin-right: 2em; width: 15em;">
+           <tbody>
+            <tr>
+             <td>
+              <div style="font-size: 110%; text-align: center; margin-bottom: .5em;">Heading for paged media</div>
+
+              <div style="font-size: 150%; font-weight: bold;">Section A</div>
+
+              <div style="font-size: 75%;">This is the first section...</div>
+
+              <div style="font-size: 150%; text-align: right; margin-top: 12em;">Page: 1</div>
+             </td>
+            </tr>
+           </tbody>
+          </table>
+         </td>
+        </tr>
+       </tbody>
+      </table>
+     </td>
+     <td>
+      <table style="border: 2px outset #3366bb; padding: 1em;">
+       <tbody>
+        <tr>
+         <td>
+          <table style="margin-right: 2em; width: 15em;">
+           <tbody>
+            <tr>
+             <td>
+              <div style="font-size: 110%; text-align: center; margin-bottom: .5em;">Heading for paged media</div>
+
+              <div style="font-size: 150%; font-weight: bold;">Section B</div>
+
+              <div style="font-size: 75%;">This is the second section...</div>
+
+              <div style="font-size: 150%; text-align: right; margin-top: 12em;">Page: 2</div>
+             </td>
+            </tr>
+           </tbody>
+          </table>
+         </td>
+        </tr>
+       </tbody>
+      </table>
+     </td>
+    </tr>
+   </tbody>
+  </table>
+ </li>
+</ol>
+
+<table style="background-color: #fffff4; border: 1px solid #3366bb; padding: 1em; width: 100%;">
+ <caption>Reptes</caption>
+ <tbody>
+  <tr>
+   <td>Moveu les regles d'estil específiques d'impressió en un fitxer CSS independent.
+    <p>Llegiu la pàgina de referència {{CSSXref("@import")}} per trobar detalls de com importar el nou arxiu CSS específic de la impressió en el vostre full d'estil <code>style4.css</code>.</p>
+
+    <p>Feu que els encapçalaments es tornin blaus quan el punter del ratolí estigui sobre ells.</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Media" title="en-US/docs/Web/Guide/CSS/Getting_started/Challenge_solutions#Media">Veure la solució per el repte.</a></p>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>Si teniu dificultats per entendre aquesta pàgina, o si teniu altres comentaris al respecte, si us plau, contribuïu a la vostre pàgina de <a href="/Talk:en-US/docs/Web/Guide/CSS/Getting_Started/Media" title="Talk:en-US/docs/Web/Guide/CSS/Getting_Started/Media">Discussió</a>.</p>
+
+<p>Fins al moment, totes les regles d'estil en aquest tutorial s'han especificat en els arxius. Les regles i els seus valors són fixos. La pàgina següent descriu com poden canviar les regles de forma dinàmica mitjançant l'ús d'un llenguatge de programació: <strong><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/JavaScript" title="en-US/docs/Web/Guide/CSS/Getting_Started/JavaScript">JavaScript</a></strong></p>
diff --git a/files/ca/web/guide/css/inici_en_css/per_què_utilitzar_css/index.html b/files/ca/web/guide/css/inici_en_css/per_què_utilitzar_css/index.html
new file mode 100644
index 0000000000..d69cf9cdcf
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/per_què_utilitzar_css/index.html
@@ -0,0 +1,110 @@
+---
+title: Per què utilitzar CSS?
+slug: Web/Guide/CSS/Inici_en_CSS/Per_què_utilitzar_CSS
+tags:
+  - Beginner
+  - CSS
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - NeedsBeginnerUpdate
+  - Web
+translation_of: Learn/CSS/First_steps/How_CSS_works
+---
+<p><span style="line-height: 1.5;">{{ CSSTutorialTOC() }}</span></p>
+
+<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/What_is_CSS", "Que és CSS?") }}Aquesta segona secció del tutorial <span class="seoSummary"> <a href="/en-US/docs/Web/Guide/CSS/Getting_started" title="en-US/docs/Web/Guide/CSS/Getting_started">CSS Getting Started</a> </span>explica la relació entre la CSS i els documents. En l'exercici aprendreu com afegir un full d'estil CSS en el document d'exemple que vam crear en la primera secció.</p>
+
+<h2 class="clearLeft" id="Informació_Per_què_utilitzar_CSS">Informació: Per què utilitzar CSS?</h2>
+
+<p>S'utilitza CSS per definir estils en els documents, incloent el disseny, la disposició i les variacions en la imatge per als diferents dispositius i mides de pantalla. Podeu posar el CSS en el &lt;head&gt; d'un document amb un full d'estils incrustat, o adjuntar un arxiu separat que defineix els estils amb un full d'estils extern. Per enllaçar un full d'estils extern al document, se li afegeix simplement un enllaç al full d'estils en el &lt;head&gt; del document.</p>
+
+<p>Un full d'estil extern té molts avantatges. Mantenir els estils separats del seu contingut HTML:</p>
+
+<ul>
+ <li>Ajuda a evitar la duplicació</li>
+ <li>Facilita el manteniment</li>
+ <li>Permet fer un canvi de tot el lloc en un sol lloc</li>
+</ul>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>L'ús de CSS, permet emmagatzemar la informació d'estil en arxius comuns que comparteixen totes les pàgines. Per exemple, quan els documents enllaçan amb el mateix full d'estil que defineix el color de les capçaleres h2, es pot aplicar l'estil de les etiquetes de capçalera h2 globalment, canviant un atribut css.</p>
+
+<p>Quan un usuari visualitza una pàgina web, el navegador de l'usuari carrega la informació d'estil juntament amb el contingut de la pàgina.</p>
+
+<p>Quan un usuari imprimeix una pàgina web, pot proporcionar informació de diferent estil que fa que la pàgina impresa sigui fàcil de llegir.</p>
+</div>
+
+<p>Com fer que HTML i CSS treballin junts? En general, s'utilitza HTML per descriure el contingut del document, no el seu estil. CSS s'utilitza per especificar l'estil del document, no el seu contingut. Més endavant en aquest tutorial, veureu algunes excepcions a aquesta disposició.</p>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>Un llenguatge de marcatge com l'HTML també proporciona algunes formes d'establir estil.</p>
+
+<div>Per exemple, en HTML es pot utilitzar una etiqueta &lt;b&gt; per fer el text en negreta, i establir el color de fons d'una pàgina en la seva etiqueta &lt;body&gt;.</div>
+
+<div> </div>
+
+<p>Quan s'utilitza CSS, normalment s'evita l'ús d'aquestes característiques del llenguatge de marcat, de manera que tota la informació d'estil del document està en un sol lloc.</p>
+</div>
+
+<h2 id="Acció_Crear_un_full_d'estil"><span>Acció</span><span>:</span> C<span>rear un full</span> <span>d'estil</span></h2>
+
+<ol>
+ <li>Creeu un altre arxiu de text en el mateix directori que el document doc1.html que vau crear en la primera secció.</li>
+ <li>Guardeu el document com: style1.css. Aquest fitxer serà el full d'estil.</li>
+ <li>A l'arxiu CSS, copieu i enganxeu aquesta línia, a continuació, deseu el fitxer:
+  <pre class="brush: css">strong {color: red;}
+</pre>
+ </li>
+</ol>
+
+<h3 id="Vincular_el_document_al_full_d'estils"><span class="short_text" id="result_box" lang="ca"><span>Vincular el</span> <span>document</span> <span>al full</span> <span>d'estils</span></span></h3>
+
+<ol>
+ <li><span>Per</span> <span>enllaçar</span> <span>el document</span> <span>al full</span> <span>d'estils</span><span>, editar</span> <span>l'arxiu HTML.</span> <span>Afegiu-hi la</span> <span>línia</span> <span>ressaltada</span> <span>aquí</span><span>:</span>
+
+  <pre class="brush: html; highlight:[6];">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+  &lt;meta charset="UTF-8"&gt;
+  &lt;title&gt;Sample document&lt;/title&gt;
+  &lt;link rel="stylesheet" href="style1.css"&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p&gt;
+      &lt;strong&gt;C&lt;/strong&gt;ascading
+      &lt;strong&gt;S&lt;/strong&gt;tyle
+      &lt;strong&gt;S&lt;/strong&gt;heets
+    &lt;/p&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+ </li>
+ <li>Deseu el fitxer i refrescar la pantalla del navegador. El full d'estil fa que les lletres inicials siguin de color vermell, com aixó:</li>
+</ol>
+
+<p>{{ EmbedLiveSample('Action_Creating_a_stylesheet', '', '', '', 'Web/Guide/CSS/Getting_started/Why_use_CSS') }}</p>
+
+<p>{{ LiveSampleLink('Action.3A_Creating_a_stylesheet', 'View above Demo') }}</p>
+
+<div class="tuto_example" id="challenge">
+<div class="tuto_type">Repte</div>
+
+<p><span id="result_box" lang="ca"><span>A més de</span> <span>vermell</span><span>, CSS</span> <span>permet a alguns</span> <span>altres noms</span> <span>de colors.</span></span></p>
+
+<p>Sense buscar una referència, trobar cinc noms més de colors que treballin en el full d'estil.</p>
+
+<div class="tuto_details" id="tutochallenge">
+<div class="tuto_type">Possible solution</div>
+
+<p>CSS supports common color names like <code>orange</code>, <code>yellow</code>, <code>blue</code>, <code>green</code>, or <code>black</code>. It also supports some more exotic color names like <code>chartreuse</code>, <code>fuschia</code>, or <code>burlywood</code>. See <a href="/en-US/docs/CSS/color_value" title="The CSS color data type">CSS Color value</a> for a complete list as well as other ways of specifying colors.</p>
+<a class="hideAnswer" href="#challenge">Hide solution</a></div>
+<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte</a></div>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_started/How_CSS_works", "Com funciona el CSS.")}}Ara teniu un document de mostra vinculat a un full d'estil separat, ja esteu llestos per <a href="/en-US/docs/Web/Guide/CSS/Getting_started/How_CSS_works" title="/en-US/docs/Web/Guide/CSS/Getting_started/How_CSS_works">aprendre més</a> sobre com el navegador les combina quan es mostra el document.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/que_és_css/index.html b/files/ca/web/guide/css/inici_en_css/que_és_css/index.html
new file mode 100644
index 0000000000..70d89e8306
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/que_és_css/index.html
@@ -0,0 +1,119 @@
+---
+title: Que és CSS?
+slug: Web/Guide/CSS/Inici_en_CSS/Que_és_CSS
+tags:
+  - Beginner
+  - CSS
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - NeedsBeginnerUpdate
+  - Web
+translation_of: Learn/CSS/First_steps/How_CSS_works
+---
+<div>{{CSSTutorialTOC}}</div>
+
+<p>{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started", "Inici en CSS")}} Aquesta primera secció del tutorial <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started">CSS Getting Started</a> explica breument les fulles d'estil en cascada (CSS). També es crearà un document senzill per utilitzar en els exercicis CSS en les seccions següents.</p>
+
+<h2 class="clearLeft" id="Informació_Que_és_CSS">Informació: Que és CSS?</h2>
+
+<p><span id="result_box" lang="ca"><span>Fulles</span> <span>d'estil en</span> <span>cascada</span></span> (<dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>) <span lang="ca"><span>és un llenguatge</span> <span>per</span> <span>especificar com</span> <span>els</span> <span>documents</span> <span>es</span> <span>presenten als</span> <span>usuaris.</span> <span>Aquests</span> <span>documents</span> <span>estan</span> <span>escrits</span> <span>en un llenguatge</span> <span>de marcat</span> <span>com ara <a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML">HTML</a></span><span>.</span></span></p>
+
+<p>Un document és un recull d'informació que s'estructura utilitzant un <em>llenguatge de marcat</em>.</p>
+
+<p>La <em>presentació</em> d'un document a un usuari vol dir convertir-lo en una format utilitzable per al seu públic. Navegadors, com Firefox, Chrome o Internet Explorer, estan dissenyats per a presentar documents visuals, per exemple, en una pantalla d'ordinador, un projector o una impressora.</p>
+
+<div class="tuto_example">
+<p><strong>Exemples</strong></p>
+
+<ul>
+ <li>Una pàgina web com la què esteu llegint és un document. La informació que es veu en una pàgina web sol estructurar-se utilitzant el llenguatge de marcat HTML (HyperText Markup Language).</li>
+ <li>Quadres de diàleg en una aplicació, també anomenades finestres modals, són sovint documents.Tals diàlegs també es poden estructurar utilitzant un llenguatge de marcat, com XUL (XML User Interface Language), que es troba en algunes aplicacions de Mozilla.</li>
+</ul>
+</div>
+
+<p>En aquest tutorial, caixes amb el subtítol, <strong>Més detalls</strong>, com la de baix, contenen informació opcional i enllaços a més recursos en un concepte o tema tractat en una secció. Llegir-los com els veieu, seguir els enllaços, o ometre aquestes caixes i tornar a llegir-los més tard.</p>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>Un document no és el mateix que un arxiu. Però, es pot desar un document en un arxiu.</p>
+
+<p>El document que esteu llegint en aquest moment no està emmagatzemat en un arxiu. Quan el navegador demana aquesta pàgina, el servidor consulta una base de dades i genera el document, recollint les parts del document de diferents arxius. No obstant això, aquest tutorial també pot treballar amb documents emmagatzemats en arxius.</p>
+
+<p>Podeu trobar més informació sobre els documents i llenguatges de marcatge en altres àrees d'aquest lloc web:</p>
+
+<table style="background-color: inherit; margin-left: 2em;">
+ <tbody>
+  <tr>
+   <td><a href="/en-US/docs/Web/HTML" title="/en-US/docs/Web/HTML">HTML</a></td>
+   <td>per pàgines web</td>
+  </tr>
+  <tr>
+   <td><a href="/en-US/docs/XML" title="/en-US/docs/XML">XML</a></td>
+   <td><span id="result_box" lang="ca"><span>per documents</span> <span>estructurats en</span> <span>general</span></span></td>
+  </tr>
+  <tr>
+   <td><a href="/en-US/docs/Web/SVG" title="/en-US/docs/Web/SVG">SVG</a></td>
+   <td>per gràfics</td>
+  </tr>
+  <tr>
+   <td><a href="/en-US/docs/XUL" title="/en-US/docs/XUL">XUL</a></td>
+   <td><span id="result_box" lang="ca"><span>per interfícies</span> <span>d'usuari en</span> <span>Mozilla</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<p>A la Part II d'aquest tutorial podreu veure exemples d'aquests llenguatges de marques.</p>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>En la terminologia formal de CSS, el programa que presenta un document a un usuari se anomenat un <em>agent d'usuari</em> (UA). Un navegador és un tipus d'UA. CSS no és només per a navegadors o presentació visual, però en la part I d'aquesta guia, solament es treballarà amb CSS en un navegador.</p>
+
+<p>Per a les definicions formals de terminologia relatives a la CSS, consulteu <a class="external" href="http://www.w3.org/TR/CSS21/conform.html#q1">Definitions</a> en l'especificació CSS del World Wide Web Consortium (W3C), una comunitat internacional que estableix estàndards oberts per al web.</p>
+</div>
+
+<h2 id="Acció_Creació_d'un_document"><span class="short_text" id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Creació</span> <span>d'un</span> <span>document</span></span></h2>
+
+<ol>
+ <li>Creeu un nou directori en l'ordinador per guardar i organitzar els exercicis del tutorial.</li>
+ <li>Obriu un editor de text i crear un nou arxiu de text. Aquest arxiu contindrà el document per als pròxims exercicis tutorials.</li>
+ <li>Copieu i enganxeu el codi HTML que es mostra a continuació. Deseu el fitxer amb el nom doc1.html
+  <pre class="brush: html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+  &lt;meta charset="UTF-8"&gt;
+  &lt;title&gt;Sample document&lt;/title&gt;
+  &lt;/head&gt;
+
+  &lt;body&gt;
+    &lt;p&gt;
+      &lt;strong&gt;C&lt;/strong&gt;ascading
+      &lt;strong&gt;S&lt;/strong&gt;tyle
+      &lt;strong&gt;S&lt;/strong&gt;heets
+    &lt;/p&gt;
+  &lt;/body&gt;
+&lt;/html&gt;</pre>
+
+  <p>{{ LiveSampleLink('Action_Creating_a_document', 'View above Demo') }}</p>
+ </li>
+ <li>Obriu una nova pestanya o una nova finestra, a continuació, obriu el fitxer que acabeu de crear.
+  <p>Hauria de veure el text amb les lletres inicials en negreta, com aquestes:</p>
+
+  <table style="border: 2px outset #3366bb; padding: 1em;">
+   <tbody>
+    <tr>
+     <td><strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</td>
+    </tr>
+   </tbody>
+  </table>
+
+  <p>El que veieu en el navegador pot no ser exactament el mateix a causa de la configuració del navegador i d'aquesta wiki. Algunes diferències en el tipus de lletra, espaiat i colors no són importants.</p>
+ </li>
+</ol>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS", "Per què utilitzar CSS?")}} El document encara no utilitza CSS. A la següent secció farem servir CSS per l'estil del document.</p>
diff --git a/files/ca/web/guide/css/inici_en_css/selectors/index.html b/files/ca/web/guide/css/inici_en_css/selectors/index.html
new file mode 100644
index 0000000000..32eaccf00b
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/selectors/index.html
@@ -0,0 +1,455 @@
+---
+title: Selectors
+slug: Web/Guide/CSS/Inici_en_CSS/Selectors
+tags:
+  - Beginner
+  - CSS
+  - CSS Selector
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - NeedsBeginnerUpdate
+  - NeedsLiveSample
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/Building_blocks/Selectors
+---
+<p>{{ CSSTutorialTOC() }}</p>
+
+<p>{{ previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance", "Cascada &amp; herència")}}Aquesta 5th secció del tutorial <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started">CSS Getting Started</a>; s'explica com es poden aplicar estils de forma selectiva, i com els diferents tipus de selectors tenen diferents prioritats. Afegir alguns atributs a les etiquetes en el document d'exemple, i utilitzar aquests atributs en el full d'estils d'exemple.</p>
+
+<h2 class="clearLeft" id="Informació_Selectors">Informació: Selectors</h2>
+
+<p>CSS té la seva pròpia terminologia per descriure el llenguatge CSS. Anteriorment en aquest tutorial, heu creat una línia al full d'estils com aquesta:</p>
+
+<pre class="brush: css">strong {
+  color: red;
+}
+</pre>
+
+<p>En la terminologia de CSS, tota aquesta línia és una <em>regla</em>. Aquesta regla s'inicia amb strong, que és un <em>selector</em> (o una llista de <em>selectors</em>). Es selecciona quins elements del DOM s'aplica la regla.</p>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>La part dins de les claus és la <em>declaració</em>.</p>
+
+<p>L'identificador color és una <em>propietat</em>, i el vermell és un <em>valor</em>.</p>
+
+<p>El punt i coma després del parell propietat-valor fa de separació d'altres parells propietat-valor en la mateixa declaració.</p>
+
+<p>En aquest tutorial es refereix a un selector com strong com un selector d'etiquetes. L'especificació CSS es refereix a ell com un selector de <em>tipus</em>.</p>
+</div>
+
+<p>Aquesta pàgina del tutorial explica més sobre els selectors que es poden utilitzar en les regles CSS.</p>
+
+<p>A més dels noms de les etiquetes, podeu utilitzar els valors dels atributs en els selectors. Això permet que les regles siguin més específiques.</p>
+
+<p>Dos atributs tenen un estatus especial per CSS. Són <a href="/en-US/docs/Web/HTML/Global_attributes#attr-class" title="en-US/docs/Web/HTML/Global_attributes#attr-class"><code>class</code></a> i <a href="/en-US/docs/Web/HTML/Global_attributes#id" title="en-US/docs/Web/HTML/Global_attributes#id"><code>id</code></a>.</p>
+
+<h3 id="Selectors_class">Selectors class</h3>
+
+<p>Utilitzeu l'atribut <a href="/en-US/docs/Web/HTML/Global_attributes#attr-class" title="en-US/docs/Web/HTML/Global_attributes#attr-class"><code>class</code></a> en un element per assignar l'element un nom de classe. Depèn de vosaltres el nom que trieu per a la classe. Múltiples elements d'un document poden tenir el mateix valor de classe.</p>
+
+<p>En el full d'estil, escriviu un punt (. punt) abans del nom de la classe, quan s'utilitza en un selector.</p>
+
+<h3 id="Selectors_ID">Selectors ID</h3>
+
+<p>Utilitzeu l'atribut <a href="/en-US/docs/Web/HTML/Global_attributes#id" title="en-US/docs/Web/HTML/Global_attributes#id"><code>id</code></a> en un element per assignar un identificador a l'element. Depèn de vosaltres el nom que trieu per a l'identificador. El nom de l'identificador ha de ser únic en el document.</p>
+
+<p>En el full d'estil, escriviu un signe (# hash) abans de l'identificador quan s'utilitza en un selector.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+Aquesta etiqueta HTML té tant un atribut <code>class</code> com un atribut <code>id</code>:
+
+<pre class="brush: html">&lt;p class="key" id="principal"&gt;
+</pre>
+
+<p>El valor <strong>id</strong>, <code>principal</code>, ha de ser únic en el document, però altres etiquetes en el document poden tenir el mateix nom de la class, <code>key</code>.</p>
+
+<p>En un full d'estil CSS, aquesta regla fa que tots els elements amb la class <code>key</code> siguin verds. (Pot ser que no tots siguin elements {{ HTMLElement("p") }}.)</p>
+
+<pre class="brush: css">.key {
+  color: green;
+}
+</pre>
+
+<p>Aquesta regla fa que l'únic element amb el <strong>id</strong> <code>principal</code> sigui negreta:</p>
+
+<pre class="brush: css">#principal {
+  font-weight: bolder;
+}
+</pre>
+</div>
+
+<h3 id="Selectors_d'atributs"><span class="short_text" id="result_box" lang="ca"><span>Selectors</span> <span>d'atributs</span></span></h3>
+
+<p>No està limitat als dos atributs especials, <code>class</code> i <code>id</code>. Podeu especificar <a href="/en-US/docs/Web/CSS/Attribute_selectors" title="/en-US/docs/Web/CSS/Attribute selectors">altres atributs</a> mitjançant claudàtors. Dins dels claudàtors es posa el nom de l'atribut, opcionalment seguit d'un operador coincident i un valor. A més, es pot fer entre majúscules i minúscules afegint una "i" després del valor, però no molts navegadors són compatibles amb aquesta funció fins al moment. Exemples:</p>
+
+<dl>
+ <dt><code>[disabled]</code></dt>
+ <dd>Selecciona tots els elements amb un atribut "disabled".</dd>
+ <dt><code>[type='button']</code></dt>
+ <dd>Selecciona els elements amb un tipus "button".</dd>
+ <dt><code>[class~=key]</code></dt>
+ <dd>Selecciona elements amb la class "key" (però no, per exemple, "keyed", "monkey", "buckeye"). Funcionalment equivalent a <code>.key</code>.</dd>
+ <dt><code>[lang|=es]</code></dt>
+ <dd>Selecciona els elements especificats com espanyol. Això inclou "es" i "es-MX", però no "eu-ES" (que és basca).</dd>
+ <dt>[title*="example" i]</dt>
+ <dd>Selecciona elements title els quals conté "example", <span id="result_box" lang="ca"><span>ignorant</span> <span>majúscules i</span> <span>minúscules</span></span> . En els navegadors que no admeten l'indicador "i", aquest selector probablement no coincidirà amb cap element.</dd>
+ <dt><code>a[href^="https://"]</code></dt>
+ <dd>Especifica com ha de començar el valor de l'atribut; en aquest cas, es selecciona enllaços segurs.</dd>
+ <dt><code>img[src$=".png"]</code></dt>
+ <dd>Selecciona elements el valor dels quals finalitza amb la cadena proporcionada. Indirectament selecciona imatges PNG; les imatges són PNGs però la URL de les quals no acabi en ".png" no seràn seleccionades (e.g. `src="some-image.png?_=cachebusterhash"`).</dd>
+</dl>
+
+<h3 id="Selectors_de_pseudo-classes">Selectors de pseudo-classes</h3>
+
+<p>Un pseudo-classe CSS és una paraula clau afegida als selectors que especifica un estat especial de l'element a seleccionar. Per exemple {{ Cssxref(":hover") }} aplicarà un estil quan l'usuari es desplaci sobre l'element especificat pel selector.</p>
+
+<p>Les pseudo-classes, juntament amb els pseudo-elements, permeten aplicar un estil a un element no només en relació amb el contingut de l'estructura del document, sinó també en relació als factors externs com l'historial del navegador ({{ cssxref(":visited") }}, per exemple), l'estat del seu contingut (com {{ cssxref(":checked") }} en alguns elements de formulari), o la posició del ratolí (com {{ cssxref(":hover") }} que permet saber si el ratolí està sobre un element o no). Per veure una llista completa dels selectors, visiteu <a href="http://www.w3.org/TR/selectors/#selectors">especificació CSS3 Selectors working</a>.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Sintaxi</div>
+
+<pre class="brush:css">selector:pseudo-class {
+  property: value;
+}
+</pre>
+</div>
+
+<h4 id="Llista_de_pseudo-classes">Llista de pseudo-classes</h4>
+
+<ul>
+ <li>{{ Cssxref(":link") }}</li>
+ <li>{{ Cssxref(":visited") }}</li>
+ <li>{{ Cssxref(":active") }}</li>
+ <li>{{ Cssxref(":hover") }}</li>
+ <li>{{ Cssxref(":focus") }}</li>
+ <li>{{ Cssxref(":first-child") }}</li>
+ <li>{{ Cssxref(":last-child") }}</li>
+ <li>{{ Cssxref(":nth-child") }}</li>
+ <li>{{ Cssxref(":nth-last-child") }}</li>
+ <li>{{ Cssxref(":nth-of-type") }}</li>
+ <li>{{ Cssxref(":first-of-type") }}</li>
+ <li>{{ Cssxref(":last-of-type") }}</li>
+ <li>{{ Cssxref(":empty") }}</li>
+ <li>{{ Cssxref(":target") }}</li>
+ <li>{{ Cssxref(":checked") }}</li>
+ <li>{{ Cssxref(":enabled") }}</li>
+ <li>{{ Cssxref(":disabled") }}</li>
+</ul>
+
+<h3 id="Llista_de_selectors">Llista de selectors</h3>
+
+<p>Una regla pot ser compartida per molts selectors mitjançant una coma (,) per separar els selectors.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+En l'exemple, ambdós elements que tenen la classe "content-1" i elements que tenen la classe "content-2" per visualitzar el text en negreta.
+
+<pre class="brush:css">.content-1, .content-2 {
+  font-weight: bold;
+}
+</pre>
+</div>
+
+<h2 id="Informació_Especificitat"><span class="short_text" id="result_box" lang="ca"><span>Informació</span><span>:</span> <span>Especificitat</span></span></h2>
+
+<p>Diverses regles poden tenir selectors que coincideixin amb el mateix element. Si una propietat es dóna en una sola regla, no hi ha conflicte i la propietat s'estableix en l'element. Si més d'una regla s'aplica a un element i estableix la mateixa propietat, llavors CSS dóna prioritat a la regla que té el selector més específic. Un selector de ID és més <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity">específic</a> que una classe, pseudo-classe o selector d'atribut, que al seu torn són més específics que un selector d'etiquetes o pseudo-element.</p>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>També es poden combinar selectors, fent un selector més específic. Per exemple, el selector <code>.key</code> selecciona tots els elements que tenen el nom de classe <code>key</code>. El selector <code>p.key</code> selecciona només elements {{ HTMLElement("p") }} que tenen el nom de classe <code>key</code>.</p>
+</div>
+
+<p>Si el full d'estil té un conflicte de regles i són igualment específiques, llavors CSS doneu prioritat a la regla que és més posterior en el full d'estil.</p>
+
+<p>Quan tingueu un problema amb regles en conflicte, tracteu de resoldre-ho fent una de les regles més específiques, de manera que tingui prioritat. Si no podeu fer-ho, tracteu de moure una de les regles el més prop del final de la fulla d'estils perquè tingui prioritat.</p>
+
+<h2 id="Informació_Els_selectors_basats_en_relacions"><span class="short_text" id="result_box" lang="ca"><span>Informació</span><span>:</span> <span>Els</span> <span>selectors</span> <span>basats</span> <span>en relacions</span></span></h2>
+
+<p>CSS té algunes maneres de seleccionar elements en funció de les relacions entre els elements. Podeu utilitzar aquests per fer selectors que siguin més específics.</p>
+
+<table id="relselectors">
+ <caption>Selectors comuns basats en les relacions</caption>
+ <tbody>
+  <tr>
+   <td style="width: 10em;"><strong>Selector</strong></td>
+   <td><strong>Seleccions</strong></td>
+  </tr>
+  <tr>
+   <td><code>A E</code></td>
+   <td>Qualsevol element E que és un <em>descendent</em> d'un element A (que és: un fill, o un fill d'un fill, <em>etc</em>.)</td>
+  </tr>
+  <tr>
+   <td><code>A &gt; E</code></td>
+   <td>Qualsevol element E que és un <em>fill</em> (és a dir, descendent directe) d'un element A</td>
+  </tr>
+  <tr>
+   <td><code>E:first-child</code></td>
+   <td>Qualsevol element E que és el <em>primer fill</em> del seu pare</td>
+  </tr>
+  <tr>
+   <td><code>B + E</code></td>
+   <td>Qualsevol element E que és el següent <em>germà</em> d'un element B (és a dir: el següent fill del mateix pare)</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Es poden combinar aquests per expressar relacions complexes.</p>
+
+<p>També es pot utilitzar el símbol * (asterisc) en el sentit de "qualsevol element".</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Una taula HTML té un atribut <code>id</code>, però les seves files i cel·les no tenen identificadors individuals:</p>
+
+<pre class="brush: html">&lt;table id="data-table-1"&gt;
+...
+&lt;tr&gt;
+&lt;td&gt;Prefix&lt;/td&gt;
+&lt;td&gt;0001&lt;/td&gt;
+&lt;td&gt;default&lt;/td&gt;
+&lt;/tr&gt;
+...
+</pre>
+
+<p>Aquestes regles fan que la primera cel·la de cada fila estigui subratllat, i el germà de la primera cel·la de cada fila estigui tachat (en l'exemple la 2a cel·le). Només afecta a una taula específica en el document:</p>
+
+<pre class="brush:css">    #data-table-1 td:first-child {text-decoration: underline;}
+    #data-table-1 td:first-child + td {text-decoration: line-through;}
+</pre>
+
+<p>Aquest és el resultat:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;">
+ <tbody>
+  <tr>
+   <td>
+    <table style="margin-right: 2em; width: 18em;">
+     <tbody>
+      <tr>
+       <td><u>Prefix</u></td>
+       <td><s>0001</s></td>
+       <td>default</td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Més detalls</div>
+
+<p>En la forma habitual, si feu un selector més específic, llavors s'augmenta la seva prioritat.</p>
+
+<p>Si utilitzeu aquestes tècniques, s'evita la necessitat d'especificar els atributs <code>class</code> o <code>id</code> en tantes etiquetes en el document. En el seu lloc, CSS fa la feina.</p>
+
+<p>En grans dissenys on la velocitat és important, podeu fer que les vostres fulles d'estil siguin més eficients, evitant regles complexes que depenen de les relacions entre els elements.</p>
+
+<p>Per a més exemples sobre taules, consulteu <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Tables" title="en-US/docs/Web/Guide/CSS/Getting_Started/Tables">Taules</a> en la pàgina Referència CSS..</p>
+</div>
+
+<h2 id="Acció_Ús_dels_selectors_class_i_ID">Acció: Ús dels selectors class i ID</h2>
+
+<ol>
+ <li>Editeu l'arxiu HTML, i duplicar el paràgraf copiant i enganxant.</li>
+ <li>A continuació, afegir els atributs <strong>id</strong> i <strong>class</strong> a la primera còpia, i un atribut <strong>id</strong> a la segona còpia com es mostra a continuació. Com a alternativa, copiar i enganxar tot l'arxiu de nou:
+  <pre class="brush: html">&lt;!doctype html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+  &lt;meta charset="UTF-8"&gt;
+  &lt;title&gt;Sample document&lt;/title&gt;
+  &lt;link rel="stylesheet" href="style1.css"&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id="first"&gt;
+      &lt;strong class="carrot"&gt;C&lt;/strong&gt;ascading
+      &lt;strong class="spinach"&gt;S&lt;/strong&gt;tyle
+      &lt;strong class="spinach"&gt;S&lt;/strong&gt;heets
+    &lt;/p&gt;
+    &lt;p id="second"&gt;
+      &lt;strong&gt;C&lt;/strong&gt;ascading
+      &lt;strong&gt;S&lt;/strong&gt;tyle
+      &lt;strong&gt;S&lt;/strong&gt;heets
+    &lt;/p&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Ara</span> <span>editeu el fitxer</span> <span>CSS.</span> <span>Substituir</span> <span>tot</span> <span>el contingut</span> <span>per</span><span>:</span></span>
+  <pre class="brush:css">strong { color: red; }
+.carrot { color: orange; }
+.spinach { color: green; }
+#first { font-style: italic; }
+</pre>
+ </li>
+ <li>Guardeu els arxius i actualitzar el navegador per veure el resultat:
+  <table style="border: 2px outset #3366bb; padding: 1em;">
+   <tbody>
+    <tr>
+     <td style="font-style: italic;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
+    </tr>
+    <tr>
+     <td><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
+    </tr>
+   </tbody>
+  </table>
+
+  <p>Podeu tractar de reordenar les línies de l'arxiu CSS per mostrar que l'ordre no té efecte.</p>
+
+  <p>Els selectors class <code>.carrot</code> i <code>.spinach</code> tenen prioritat sobre el selector d'etiqueta <code>strong</code>.</p>
+
+  <p>El selector ID <code>#first</code> té prioritat sobre els selectors class i tag.</p>
+ </li>
+</ol>
+
+<div class="tuto_example">
+<div class="tuto_type">Reptes</div>
+
+<ol>
+ <li>Sense canviar el arxiu HTML, afegiu una sola regla a l'arxiu CSS que mantingui totes les lletres inicials en el mateix color que estan ara, però faci que tot l'altre text en el segon paràgraf sigui blau:
+  <table style="background-color: white; border: 2px outset #3366bb; padding: 1em;">
+   <tbody>
+    <tr>
+     <td style="font-style: italic;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
+    </tr>
+    <tr>
+     <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
+    </tr>
+   </tbody>
+  </table>
+ </li>
+ <li>Ara canvieu la regla que acabeu d'afegir (sense canviar res més), per fer el primer paràgraf també blau:
+  <table style="background-color: white; border: 2px outset #3366bb; padding: 1em;">
+   <tbody>
+    <tr>
+     <td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
+    </tr>
+    <tr>
+     <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
+    </tr>
+   </tbody>
+  </table>
+ </li>
+</ol>
+
+<div class="tuto_details" id="tutochallenge">
+<div class="tuto_type">Possible solution</div>
+
+<ol>
+ <li>Add a rule with an ID selector of <code>#second</code> and a declaration <code>color: blue;</code>, as shown below:
+
+  <pre class="brush: css">#second { color: blue; }
+</pre>
+  A more specific selector, <code>p#second</code> also works.</li>
+ <li>Change the selector of the new rule to be a tag selector using <code>p</code>:
+  <pre class="brush: css">p { color: blue; }
+</pre>
+ </li>
+</ol>
+<a class="hideAnswer" href="#challenge">Hide solution</a></div>
+<a href="#tutochallenge" title="Display a possible solution for the challenge">Veure la solució per el repte.</a></div>
+
+<h2 id="Acció_L'ús_de_selectors_de_pseudo-classes">Acció: L'ús de selectors de pseudo-classes</h2>
+
+<ol>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Creeu un arxiu</span> <span>HTML amb el</span> <span>següent</span> <span>contingut</span><span>:</span></span>
+
+  <pre class="brush: html">&lt;!doctype html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+  &lt;meta charset="UTF-8"&gt;
+  &lt;title&gt;Sample document&lt;/title&gt;
+  &lt;link rel="stylesheet" href="style1.css"&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p&gt;Go to our &lt;a class="homepage" href="http://www.example.com/" title="Home page"&gt;Home page&lt;/a&gt;.&lt;/p&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+ </li>
+ <li>Ara editeu el fitxer CSS. Substituir tot el contingut per:
+  <pre class="brush: css">a.homepage:link, a.homepage:visited {
+  padding: 1px 10px 1px 10px;
+  color: #fff;
+  background: #555;
+  border-radius: 3px;
+  border: 1px outset rgba(50,50,50,.5);
+  font-family: georgia, serif;
+  font-size: 14px;
+  font-style: italic;
+  text-decoration: none;
+}
+
+a.homepage:hover, a.homepage:focus, a.homepage:active {
+  background-color: #666;
+}
+</pre>
+ </li>
+ <li>Guardeu els arxius i actualitzar el navegador per veure el resultat (posar el ratolí sobre el següent enllaç per veure l'efecte):
+  <table style="border: 2px outset #3366bb; padding: 1em;">
+   <tbody>
+    <tr>
+     <td>Anem-nos  <a class="tutospecial" href="#" title="Home page">Home page</a><span style="display: none;"> </span><span style="display: none;"> </span></td>
+    </tr>
+   </tbody>
+  </table>
+ </li>
+</ol>
+
+<h2 id="Acció_L'ús_de_selectors_basats_en_les_relacions_i_pseudo-classes"><span id="result_box" lang="ca"><span>Acció</span><span>: L'ús de</span> <span>selectors</span> <span>basats en</span> <span>les</span> <span>relacions</span> <span>i pseudo</span><span>-</span><span>classes</span></span></h2>
+
+<p>Amb els selectors basats en relacions i pseudo-classes es poden crear complexes algoritmes en cascada. Aquesta és una tècnica comuna que s'utilitza, per exemple, amb la finalitat de crear <strong>menús desplegables en CSS pur</strong> (això només és CSS, sense necessitat d'utilitzar<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript"> JavaScript</a>). L'essència d'aquesta tècnica és la creació d'una regla com la següent:</p>
+
+<pre class="brush: css">div.menu-bar ul ul {
+  display: none;
+}
+
+div.menu-bar li:hover &gt; ul {
+  display: block;
+}</pre>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">per a ser aplicat a una estructura HTML com la següent:</span></span></p>
+
+<pre class="brush: html">&lt;div class="menu-bar"&gt;
+  &lt;ul&gt;
+    &lt;li&gt;
+      &lt;a href="example.html"&gt;Menu&lt;/a&gt;
+      &lt;ul&gt;
+        &lt;li&gt;
+          &lt;a href="example.html"&gt;Link&lt;/a&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+          &lt;a class="menu-nav" href="example.html"&gt;Submenu&lt;/a&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              &lt;a class="menu-nav" href="example.html"&gt;Submenu&lt;/a&gt;
+              &lt;ul&gt;
+                &lt;li&gt;&lt;a href="example.html"&gt;Link&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href="example.html"&gt;Link&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href="example.html"&gt;Link&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href="example.html"&gt;Link&lt;/a&gt;&lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;&lt;a href="example.html"&gt;Link&lt;/a&gt;&lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/li&gt;
+      &lt;/ul&gt;
+    &lt;/li&gt;
+  &lt;/ul&gt;
+&lt;/div&gt;
+</pre>
+
+<p>Vegeu el exemple complet d'un menú desplegable basat en CSS com a possible referència.</p>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>La vostre fulla d'estils, d'exemple, està començant a semblar densa i complicada. La següent secció descriu la manera de fer més <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS" title="/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS">fàcil de llegir</a> la CSS.{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Readable_CSS", "CSS llegible")}}</p>
diff --git a/files/ca/web/guide/css/inici_en_css/svg_i_css/index.html b/files/ca/web/guide/css/inici_en_css/svg_i_css/index.html
new file mode 100644
index 0000000000..6dac20b5a6
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/svg_i_css/index.html
@@ -0,0 +1,223 @@
+---
+title: SVG i CSS
+slug: Web/Guide/CSS/Inici_en_CSS/SVG_i_CSS
+tags:
+  - CSS
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - Intermediate
+  - NeedsLiveSample
+  - NeedsUpdate
+  - SVG
+  - Web
+translation_of: Web/SVG/Tutorial/SVG_and_CSS
+---
+<div>{{CSSTutorialTOC}}</div>
+
+<p>Aquesta pàgina il·lustra l'aplicació de CSS per al llenguatge especialitzat en la creació de gràfics: <a href="/en-US/docs/SVG">SVG</a>.</p>
+
+<p>Crea una demostració senzilla que s'executa en el vostre navegador habilitat per SVG.</p>
+
+<p>Aquesta és la 2nd secció de la Part II del <a href="/en-US/docs/Web/Guide/CSS/Getting_started">tutorial CSS</a>.<br>
+ Secció anterior: <a href="/en-US/docs/Web/JavaScript/Getting_Started">JavaScript</a><br>
+ Secció següent: <a href="/en-US/docs/Web/Guide/CSS/Getting_started/XML_data">XML data</a></p>
+
+<h3 id="Information:_SVG" name="Information:_SVG"><span id="result_box" lang="ca"><span>Informació</span><span>:</span> <span>SVG</span></span></h3>
+
+<p><span id="result_box" lang="ca"><em><span>SVG</span></em> <span>(</span><span>Scalable</span> <span>Vector</span> <span>Graphics</span><span>)</span> <span>és</span> <span>un llenguatge</span> <span>basat</span> <span>en XML</span> <span>per a la</span> <span>creació</span> <span>de gràfics</span><span>.</span></span></p>
+
+<p><span id="result_box" lang="ca"><span>Es</span> <span>pot</span> <span>utilitzar</span> <span>per a imatges</span> <span>estàtiques,</span> <span>i</span> <span>també</span> <span>per a animacions</span> <span>i interfícies</span> <span>d'usuari.</span></span></p>
+
+<p>Igual que altres llenguatges basats en XML, SVG suporta fulles d'estil CSS perquè pugui separar l'estil d'un gràfic del seu contingut.</p>
+
+<p>A més, les fulles d'estil que s'utilitzen amb altres llenguatges de marcat de documents poden especificar l'adreça URL d'un gràfic SVG on es requereix una imatge. Per exemple, una fulla d'estil que s'utilitza amb un document HTML pot especificar l'adreça URL d'un gràfic SVG en el valor d'una propietat <code>background</code>.</p>
+
+<table style="background-color: #f4f4f4; border: 1px solid #3366bb; margin-bottom: 1em; padding: 1em; width: 100%;">
+ <caption>Més detalls</caption>
+ <tbody>
+  <tr>
+   <td>
+    <p>En el moment d'escriure (mitjans 2011), la majoria dels navegadors moderns tenen suport bàsic per a SVG, incloent Internet Explorer 9 o superior. Algunes de les característiques de SVG són compatibles parcialment o no en alguns navegadors. Consulteu les <a href="http://caniuse.com/#search=SVG">taulae SVG en caniuse.com</a> per a una visió general de suport per SVG, o les taules de compatibilitat <a href="/en-US/docs/SVG/Element">referència de l'element SVG</a> per al suport de determinats elements.</p>
+
+    <p>Podeu afegir suport SVG a altres versions mitjançant la instal·lació d'un plug-in, com el proporcionat per <a href="http://www.adobe.com/svg/viewer/install/main.html">Adobe</a>.</p>
+
+    <p>Per obtenir més informació sobre SVG en Mozilla, consulteu la pàgina principal de <a href="/en-US/docs/SVG">SVG</a> al wiki.</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Action:_An_SVG_demonstration" name="Action:_An_SVG_demonstration"><span id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Una demostració</span> <span>SVG</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span>Feu</span> <span>un nou</span> <span>document</span> <span>SVG</span> <span>com</span> <span>un arxiu de</span> <span>text</span> <span>pla,</span> <code><span>doc8.svg</span></code><span>.</span> <span>Copieu</span> <span>i enganxeu el</span> <span>contingut</span> <span>d'aquí</span><span>,</span> <span>assegurant-se que</span> us <span>desplaceu</span> <span>per obtenir</span> <span>tota ella</span><span>;</span></span></p>
+
+<pre class="brush: xml">&lt;?xml version="1.0" standalone="no"?&gt;
+
+&lt;?xml-stylesheet type="text/css" href="style8.css"?&gt;
+
+&lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt;
+
+&lt;svg width="600px" height="600px" viewBox="-300 -300 600 600"
+  xmlns="http://www.w3.org/2000/svg" version="1.1"
+  xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
+
+&lt;title&gt;SVG demonstration&lt;/title&gt;
+&lt;desc&gt;Mozilla CSS Getting Started - SVG demonstration&lt;/desc&gt;
+
+&lt;defs&gt;
+  &lt;g id="segment" class="segment"&gt;
+    &lt;path class="segment-fill" d="M0,0 v-200 a40,40 0 0,0 -62,10 z"/&gt;
+    &lt;path class="segment-edge" d="M0,-200 a40,40 0 0,0 -62,10"/&gt;
+    &lt;/g&gt;
+  &lt;g id="quadrant"&gt;
+    &lt;use xlink:href="#segment"/&gt;
+    &lt;use xlink:href="#segment" transform="rotate(18)"/&gt;
+    &lt;use xlink:href="#segment" transform="rotate(36)"/&gt;
+    &lt;use xlink:href="#segment" transform="rotate(54)"/&gt;
+    &lt;use xlink:href="#segment" transform="rotate(72)"/&gt;
+    &lt;/g&gt;
+  &lt;g id="petals"&gt;
+    &lt;use xlink:href="#quadrant"/&gt;
+    &lt;use xlink:href="#quadrant" transform="rotate(90)"/&gt;
+    &lt;use xlink:href="#quadrant" transform="rotate(180)"/&gt;
+    &lt;use xlink:href="#quadrant" transform="rotate(270)"/&gt;
+    &lt;/g&gt;
+  &lt;radialGradient id="fade" cx="0" cy="0" r="200"
+      gradientUnits="userSpaceOnUse"&gt;
+    &lt;stop id="fade-stop-1" offset="33%"/&gt;
+    &lt;stop id="fade-stop-2" offset="95%"/&gt;
+    &lt;/radialGradient&gt;
+  &lt;/defs&gt;
+
+&lt;text id="heading" x="-280" y="-270"&gt;
+  SVG demonstration&lt;/text&gt;
+&lt;text  id="caption" x="-280" y="-250"&gt;
+  Move your mouse pointer over the flower.&lt;/text&gt;
+
+&lt;g id="flower"&gt;
+  &lt;circle id="overlay" cx="0" cy="0" r="200"
+    stroke="none" fill="url(#fade)"/&gt;
+  &lt;use id="outer-petals" xlink:href="#petals"/&gt;
+  &lt;use id="inner-petals" xlink:href="#petals"
+    transform="rotate(9) scale(0.33)"/&gt;
+  &lt;/g&gt;
+
+&lt;/svg&gt;
+</pre>
+
+<p>Feu una nou arxiu CSS, <code>style8.css</code>. <span id="result_box" lang="ca"><span>Copieu</span> <span>i enganxeu el</span> <span>contingut</span> <span>d'aquí</span><span>,</span> <span>assegurant-se que</span> us <span>desplaceu</span> <span>per obtenir</span> <span>tota ella</span><span>;</span></span></p>
+
+<pre class="brush: css">/*** SVG demonstration ***/
+
+/* page */
+svg {
+  background-color: beige;
+  }
+
+#heading {
+  font-size: 24px;
+  font-weight: bold;
+  }
+
+#caption {
+  font-size: 12px;
+  }
+
+/* flower */
+#flower:hover {
+  cursor: crosshair;
+  }
+
+/* gradient */
+#fade-stop-1 {
+  stop-color: blue;
+  }
+
+#fade-stop-2 {
+  stop-color: white;
+  }
+
+/* outer petals */
+#outer-petals {
+  opacity: .75;
+  }
+
+#outer-petals .segment-fill {
+  fill: azure;
+  stroke: lightsteelblue;
+  stroke-width: 1;
+  }
+
+#outer-petals .segment-edge {
+  fill: none;
+  stroke: deepskyblue;
+  stroke-width: 3;
+  }
+
+#outer-petals .segment:hover &gt; .segment-fill {
+  fill: plum;
+  stroke: none;
+  }
+
+#outer-petals .segment:hover &gt; .segment-edge {
+  stroke: slateblue;
+  }
+
+/* inner petals */
+#inner-petals .segment-fill {
+  fill: yellow;
+  stroke: yellowgreen;
+  stroke-width: 1;
+  }
+
+#inner-petals .segment-edge {
+  fill: none;
+  stroke: yellowgreen;
+  stroke-width: 9;
+  }
+
+#inner-petals .segment:hover &gt; .segment-fill {
+  fill: darkseagreen;
+  stroke: none;
+  }
+
+#inner-petals .segment:hover &gt; .segment-edge {
+  stroke: green;
+  }
+</pre>
+
+<p>Obriu el document en el navegador habilitat per SVG. Moure el punter del ratolí sobre el gràfic.</p>
+
+<p>Aquest wiki no suporta SVG en les pàgines, de manera que no es pot mostrar la demostració aquí. El gràfic es veu així:</p>
+
+<table style="border: 2px outset #3366bb;">
+ <tbody>
+  <tr>
+   <td><img alt="SVG demonstration" src="https://mdn.mozillademos.org/files/719/SVG-flower.png"></td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Notes sobre aquesta demostració:</p>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span>El document</span> <span>SVG</span> <span>vincula</span> la<span> fulla</span> <span>d'estil de</span> <span>la forma</span> <span>habitual.</span></span></li>
+ <li>SVG té les seves pròpies propietats i valors CSS. Algunes d'elles són similars a les propietats CSS per a HTML.</li>
+</ul>
+
+<table style="background-color: #fffff4; border: 1px solid #3366bb; margin-bottom: 1em; padding: 1em;">
+ <caption>Repte</caption>
+ <tbody>
+  <tr>
+   <td>Canvieu la fulla d'estil perquè els pètals interns es tornin tots de color rosa quan el punter del ratolí està sobre qualsevol d'ells, sense canviar la forma en què els pètals externs funcionen.</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><a href="/en/CSS/Getting_Started/Challenge_solutions#SVG_and_CSS" title="https://developer.mozilla.org/en/CSS/Getting_Started/Challenge_solutions#SVG_and_CSS">Veure la solució per el repte.</a></p>
+
+<h4 id="What_next.3F" name="What_next.3F">I ara què?</h4>
+
+<p>En aquesta demostració, el vostre navegador habilitat per SVG  ja sap com mostrar els elements SVG. La fulla d'estil només modifica la visualització de certes maneres. Això també és cert per als documents HTML i XUL. Però es pot utilitzar CSS per a documents XML d'ús general, on no hi ha un camí predefinit per mostrar els elements. La pàgina següent mostra això: <a href="/en-US/docs/Web/Guide/CSS/Getting_started/XML_data">dades XML</a></p>
diff --git a/files/ca/web/guide/css/inici_en_css/taules/index.html b/files/ca/web/guide/css/inici_en_css/taules/index.html
new file mode 100644
index 0000000000..c12e76f397
--- /dev/null
+++ b/files/ca/web/guide/css/inici_en_css/taules/index.html
@@ -0,0 +1,474 @@
+---
+title: Taules
+slug: Web/Guide/CSS/Inici_en_CSS/Taules
+tags:
+  - CSS
+  - CSS Tables
+  - 'CSS:Getting_Started'
+  - Example
+  - Guide
+  - Intermediate
+  - NeedsBeginnerUpdate
+  - NeedsLiveSample
+  - NeedsUpdate
+  - Web
+translation_of: Learn/CSS/Building_blocks/Styling_tables
+---
+<p>{{CSSTutorialTOC}}{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Layout", "Disseny")}}</p>
+
+<p>Aquesta és la 13th secció del tutorial <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en-US/docs/Web/Guide/CSS/Getting Started">CSS Getting Started</a> tutorial; descriu selectors més avançats, i algunes formes específiques en el disseny de taules. Es crea un nou document d'exemple que conté una taula, i un full d'estil per a això.</p>
+
+<h2 class="clearLeft" id="Informació_Taules">Informació: Taules</h2>
+
+<p>Una taula és una disposició de la informació en una reixeta rectangular. Algunes taules poden ser complexes, i per a taules complexes, diferents navegadors poden donar resultats diferents.</p>
+
+<p>En dissenyar el vostre document, utilitzeu una taula per expressar les <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#relselectors" title="en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#relselectors">relacions</a> entre els elements d'informació. Llavors no importa si els diferents navegadors presenten la informació de manera lleugerament diferent, ja que el significat segueix sent clar.</p>
+
+<p>No utilitzeu taules en formes inusuals per produir determinats dissenys visuals. Les tècniques de la pàgina anterior d'aquest tutorial (<strong><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Layout" title="en-US/docs/Web/Guide/CSS/Getting_Started/Layout">Disseny</a></strong>) són millors per a aquest propòsit.</p>
+
+<h3 id="Estructura_de_la_taula">E<span id="result_box" lang="ca"><span>structura de la taula</span></span></h3>
+
+<p>En una taula, cada peça d'informació es mostra en una <em>cel·la</em>.</p>
+
+<p>Les cel·les en una línia de la pàgina constitueix una <em>fila</em>.</p>
+
+<p>En algunes taules, les files poden ser agrupades. Un grup especial de files en l'inici de la taula és la <em>capçalera (header)</em>. Un grup especial de files al final de la taula és el <em>peu de pàgina (footer)</em>. Les principals files de la taula són el <em>cos (body)</em>, i que també podrien estar en grups.</p>
+
+<p>Les cel·les en una línia de la pàgina conformen una columna, però les columnes tenen un ús limitat en la CSS de les taules.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>La taula de <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#relselectors" title="en-US/docs/Web/Guide/CSS/Getting_Started/Selectors#relselectors">Selectors basats en relacion</a> en la pàgina <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors" title="en-US/docs/Web/Guide/CSS/Getting_Started/Selectors">Selectors</a> té deu cel·les en cinc files.</p>
+
+<p>La primera fila és la capçalera. Les altres quatre files són el cos. No hi ha peu de pàgina.</p>
+
+<p>Té dues columnes.</p>
+</div>
+
+<p>Aquest tutorial només cobreix taules simples, on els resultats són bastant predictibles. En una taula simple, cada cel·la ocupa només una fila i columna. Es pot utilitzar CSS per a taules complexes en les cel·les que s'estenen (s'estenen a través) més d'una fila o columna, però les taules com aquestes estan més enllà de l'abast d'aquest tutorial bàsic.</p>
+
+<h3 id="Vores">Vores</h3>
+
+<p>Les cel·les no tenen marges.</p>
+
+<p>Les cel·les tenen vores i farciment. Per defecte, les vores estan separades pel valor de la propietat {{cssxref("border-spacing")}} de la taula. També podeu eliminar completament l'espai mitjançant l'establiment de la propietat {{cssxref ("border-collapse")}} de la taula a <code>col·lapsar (collapse)</code>.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Aquí hi ha tres taules.</p>
+
+<p>La taula de l'esquerra té 0,5 em espaiat de vores. La taula del centre té espaiat de vores zero. La taula de la dreta ha col·lapsat les vores:</p>
+
+<pre class="hidden brush: html">&lt;table style="background-color:white; border:2px outset #36b; padding:1em"&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td style="padding-right:2em;"&gt;
+    &lt;table style="border-spacing:.5em"&gt;
+     &lt;tbody&gt;
+      &lt;tr&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Clubs&lt;/td&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Hearts&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Diamonds&lt;/td&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Spades&lt;/td&gt;
+      &lt;/tr&gt;
+     &lt;/tbody&gt;
+    &lt;/table&gt;
+   &lt;/td&gt;
+   &lt;td style="padding-right:2em;"&gt;
+    &lt;table style="border-spacing:0px"&gt;
+     &lt;tbody&gt;
+      &lt;tr&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Clubs&lt;/td&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Hearts&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Diamonds&lt;/td&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Spades&lt;/td&gt;
+      &lt;/tr&gt;
+     &lt;/tbody&gt;
+    &lt;/table&gt;
+   &lt;/td&gt;
+   &lt;td style="padding-right:6em;"&gt;
+    &lt;table style="border-collapse:collapse"&gt;
+     &lt;tbody&gt;
+      &lt;tr&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Clubs&lt;/td&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Hearts&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Diamonds&lt;/td&gt;
+       &lt;td style="border:1px solid #c00;text-align:center;"&gt;Spades&lt;/td&gt;
+      &lt;/tr&gt;
+     &lt;/tbody&gt;
+    &lt;/table&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;
+&lt;/div&gt;</pre>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em 6em 1em 1em;">
+ <tbody>
+  <tr>
+  </tr>
+ </tbody>
+</table>
+
+<p>{{embedLiveSample('Borders', 600)}}</p>
+</div>
+
+<h3 id="Llegendes">Llegendes</h3>
+
+<p>Un element {{HTMLElement("caption")}} és una etiqueta que s'aplica a tota la taula. Per defecte, es mostra a la part superior de la taula.</p>
+
+<p>Per moure'l a la part inferior, establiu la seva  propietat {{cssxref("caption-side")}} a baix. La propietat s'hereta, de manera que, alternativament, es pot establir sobre la taula o un altre element antecessor.</p>
+
+<p>Per l'estil del text de la Llegenda, utilitzeu qualsevol de les propietats usuals de text.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Aquesta taula</span> <span>té</span> <span>una llegenda</span> <span>a la part inferior</span></span>.</p>
+
+<pre class="brush: css">#demo-table &gt; caption {
+  caption-side: bottom;
+  font-style: italic;
+  text-align: right;
+}
+</pre>
+
+<pre class="hidden brush: html">&lt;table style="background-color:white; border:2px outset #36b; padding:1em 6em 1em 1em"&gt;
+ &lt;tbody&gt;
+  &lt;tr&gt;
+   &lt;td&gt;
+    &lt;table&gt;
+     &lt;caption style="caption-side: bottom;font-style: italic;text-align: right;"&gt;Suits&lt;/caption&gt;
+     &lt;tbody&gt;
+      &lt;tr&gt;
+       &lt;td&gt;
+        &lt;table style="border-collapse:collapse"&gt;
+         &lt;tbody&gt;
+          &lt;tr&gt;
+           &lt;td style="border:1px solid gray;text-align:center;"&gt;Clubs&lt;/td&gt;
+           &lt;td style="border:1px solid gray;text-align:center;"&gt;Hearts&lt;/td&gt;
+          &lt;/tr&gt;
+          &lt;tr&gt;
+           &lt;td style="border:1px solid gray;text-align:center;"&gt;Diamonds&lt;/td&gt;
+           &lt;td style="border:1px solid gray;text-align:center;"&gt;Spades&lt;/td&gt;
+          &lt;/tr&gt;
+         &lt;/tbody&gt;
+        &lt;/table&gt;
+       &lt;/td&gt;
+      &lt;/tr&gt;
+     &lt;/tbody&gt;
+    &lt;/table&gt;
+   &lt;/td&gt;
+  &lt;/tr&gt;
+ &lt;/tbody&gt;
+&lt;/table&gt;</pre>
+
+<p>{{embedLiveSample('Captions', 300)}}</p>
+</div>
+
+<h3 id="Cel·les_buides"><span id="result_box" lang="ca"><span>Cel·les</span> <span>buides</span></span></h3>
+
+<p>Es poden mostrar cel·les buides (és a dir, les seves vores i fons) especificant {{cssxref("empty-cells")}}: show; per a l'element de la taula.</p>
+
+<p>Es poden amagar mitjançant l'especificació <code>empty-cells: hide</code>;. Llavors, si l'element pare d'una cel·la té un fons, es mostra a través de la cel.la buida.</p>
+
+<div class="tuto_example">
+<div class="tuto_type">Exemple</div>
+
+<p>Aquestes taules tenen un fons de color verd pàl·lid. Les seves cel·les tenen un fons gris clar i unes vores gris fosc.</p>
+
+<p>A la taula de l'esquerra, es mostra la cel·la buida. A la dreta, està oculta:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em;">
+ <tbody>
+  <tr>
+   <td style="padding-right: 2em;">
+    <table style="background-color: #ddffdd;">
+     <tbody>
+      <tr>
+       <td style="border: 1px solid #555; background-color: #eee;"> </td>
+       <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Hearts</td>
+      </tr>
+      <tr>
+       <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Diamonds</td>
+       <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Spades</td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+   <td style="padding-right: 6em;">
+    <table style="background-color: #ddffdd;">
+     <tbody>
+      <tr>
+       <td> </td>
+       <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Hearts</td>
+      </tr>
+      <tr>
+       <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Diamonds</td>
+       <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Spades</td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Detalls</div>
+
+<p>Per obtenir informació detallada sobre les taules, vegeu <a href="http://www.w3.org/TR/CSS21/tables.html">Taules</a> en l'especificació CSS.</p>
+
+<p>La informació no va més enllà d'aquest tutorial, però no cobreix les diferències entre els navegadors que poden afectar a taules complexes.</p>
+</div>
+
+<h2 id="Acció_Estil_d'una_taula"><span id="result_box" lang="ca"><span>Acció</span><span>:</span> <span>Estil</span> <span>d'una</span> <span>taula</span></span></h2>
+
+<ol>
+ <li>Feu un nou document HTML, <code>doc3.html</code>. Copieu i enganxeu el contingut d'aquí, assegurant-se que es desplaça per obtenir tota ella;
+
+  <pre class="brush: html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;Sample document 3&lt;/title&gt;
+    &lt;link rel="stylesheet" href="style3.css"&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;table id="demo-table"&gt;
+      &lt;caption&gt;Oceans&lt;/caption&gt;
+      &lt;thead&gt;
+        &lt;tr&gt;
+          &lt;th&gt;&lt;/th&gt;
+          &lt;th&gt;Area&lt;/th&gt;
+          &lt;th&gt;Mean depth&lt;/th&gt;
+        &lt;/tr&gt;
+        &lt;tr&gt;
+          &lt;th&gt;&lt;/th&gt;
+          &lt;th&gt;million km&lt;sup&gt;2&lt;/sup&gt;&lt;/th&gt;
+          &lt;th&gt;m&lt;/th&gt;
+        &lt;/tr&gt;
+      &lt;/thead&gt;
+      &lt;tbody&gt;
+        &lt;tr&gt;
+          &lt;th&gt;Arctic&lt;/th&gt;
+          &lt;td&gt;13,000&lt;/td&gt;
+          &lt;td&gt;1,200&lt;/td&gt;
+        &lt;/tr&gt;
+        &lt;tr&gt;
+          &lt;th&gt;Atlantic&lt;/th&gt;
+          &lt;td&gt;87,000&lt;/td&gt;
+          &lt;td&gt;3,900&lt;/td&gt;
+        &lt;/tr&gt;
+        &lt;tr&gt;
+          &lt;th&gt;Pacific&lt;/th&gt;
+          &lt;td&gt;180,000&lt;/td&gt;
+          &lt;td&gt;4,000&lt;/td&gt;
+        &lt;/tr&gt;
+        &lt;tr&gt;
+          &lt;th&gt;Indian&lt;/th&gt;
+          &lt;td&gt;75,000&lt;/td&gt;
+          &lt;td&gt;3,900&lt;/td&gt;
+        &lt;/tr&gt;
+        &lt;tr&gt;
+          &lt;th&gt;Southern&lt;/th&gt;
+          &lt;td&gt;20,000&lt;/td&gt;
+          &lt;td&gt;4,500&lt;/td&gt;
+        &lt;/tr&gt;
+      &lt;/tbody&gt;
+      &lt;tfoot&gt;
+        &lt;tr&gt;
+          &lt;th&gt;Total&lt;/th&gt;
+          &lt;td&gt;361,000&lt;/td&gt;
+          &lt;td&gt;&lt;/td&gt;
+        &lt;/tr&gt;
+        &lt;tr&gt;
+          &lt;th&gt;Mean&lt;/th&gt;
+          &lt;td&gt;72,000&lt;/td&gt;
+          &lt;td&gt;3,800&lt;/td&gt;
+        &lt;/tr&gt;
+      &lt;/tfoot&gt;
+    &lt;/table&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+ </li>
+ <li>Feu un nova fulla d'estil, <code>style3.css</code>. Copieu i enganxeu el contingut d'aquí, assegurant-se que es desplaça per obtenir tota ella;
+  <pre class="brush: css">/*** Style for doc3.html (Tables) ***/
+
+#demo-table {
+  font: 100% sans-serif;
+  background-color: #efe;
+  border-collapse: collapse;
+  empty-cells: show;
+  border: 1px solid #7a7;
+}
+
+#demo-table &gt; caption {
+  text-align: left;
+  font-weight: bold;
+  font-size: 200%;
+  border-bottom: .2em solid #4ca;
+  margin-bottom: .5em;
+}
+
+
+/* basic shared rules */
+#demo-table th,
+#demo-table td {
+  text-align: right;
+  padding-right: .5em;
+}
+
+#demo-table th {
+  font-weight: bold;
+  padding-left: .5em;
+}
+
+
+/* header */
+#demo-table &gt; thead &gt; tr:first-child &gt; th {
+  text-align: center;
+  color: blue;
+}
+
+#demo-table &gt; thead &gt; tr + tr &gt; th {
+  font-style: italic;
+  color: gray;
+}
+
+/* fix size of superscript */
+#demo-table sup {
+  font-size: 75%;
+}
+
+/* body */
+#demo-table td {
+  background-color: #cef;
+  padding:.5em .5em .5em 3em;
+}
+
+#demo-table tbody th:after {
+  content: ":";
+}
+
+
+/* footer */
+#demo-table tfoot {
+  font-weight: bold;
+}
+
+#demo-table tfoot th {
+  color: blue;
+}
+
+#demo-table tfoot th:after {
+  content: ":";
+}
+
+#demo-table &gt; tfoot td {
+  background-color: #cee;
+}
+
+#demo-table &gt; tfoot &gt; tr:first-child td {
+  border-top: .2em solid #7a7;
+}
+</pre>
+ </li>
+ <li>Obriu el document en el navegador. Ha de tenir un aspecte molt similar a aquest:<br>
+  {{EmbedLiveSample("Action_Styling_a_table", 400, 380)}}</li>
+ <li>Compareu les regles de la fulla d'estil amb la taula que es mostra, per assegurar-se que compreneu l'efecte de cada regla. Si trobeu una regla que no esteu segur sobre ella, comentar-la i refresqueu el navegador per veure què passa. Aquí hi ha algunes notes sobre aquesta taula:
+  <ul>
+   <li>La llegenda es troba fora de la vora de la taula.</li>
+   <li>Si teniu una mida de punt mínim establert en les Opcions, podria afectar el superíndex en km<sup>2</sup>.</li>
+   <li>Hi ha tres cel·les buides. Dos d'elles permeten mostrar el fons de la taula a través. El tercer té un fons i una vora superior.</li>
+   <li>Els dos punts son afegits per la fulla d'estil.</li>
+  </ul>
+ </li>
+</ol>
+
+<div class="tuto_example">
+<div class="tuto_type">Repte</div>
+
+<p>Modifiqueu la fulla d'estils per fer que la taula tingui aquest aspecte:</p>
+
+<table style="background-color: white; border: 2px outset #3366bb; padding: 1em 6em 1em 1em;">
+ <tbody>
+  <tr>
+   <td>
+    <div>
+    <div style="border: 1px solid #7a7; background-color: #efe;">
+    <table style="background-color: #eeffee; border-collapse: collapse; font: 100% sans-serif; padding-right: .5em; text-align: right;">
+     <tbody>
+      <tr style="text-align: center; color: blue;">
+       <th> </th>
+       <th>Area</th>
+       <th style="padding-left: .5em; padding-right: .5em;">Mean depth</th>
+      </tr>
+      <tr style="font-style: italic; color: gray;">
+       <th> </th>
+       <th style="padding-left: .5em; padding-right: .5em;">million km<sup>2</sup></th>
+       <th style="padding-left: .5em; padding-right: .5em;">m</th>
+      </tr>
+      <tr>
+       <th style="padding-right: .5em;">Arctic:</th>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">13,000</td>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">1,200</td>
+      </tr>
+      <tr>
+       <th style="padding-right: .5em;">Atlantic:</th>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">87,000</td>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">3,900</td>
+      </tr>
+      <tr>
+       <th style="padding-right: .5em;">Pacific:</th>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">180,000</td>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">4,000</td>
+      </tr>
+      <tr>
+       <th style="padding-right: .5em;">Indian:</th>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">75,000</td>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">3,900</td>
+      </tr>
+      <tr>
+       <th style="padding-left: .5em; padding-right: .5em;">Southern:</th>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">20,000</td>
+       <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">4,500</td>
+      </tr>
+      <tr>
+       <th style="padding-right: .5em; color: blue;">Total:</th>
+       <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;">361,000</td>
+       <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;"> </td>
+      </tr>
+      <tr>
+       <th style="padding-right: .5em; color: blue;">Mean:</th>
+       <td style="background-color: #cee; padding: .5em .5em .5em 3em;">72,000</td>
+       <td style="background-color: #cee; padding: .5em .5em .5em 3em;">3,800</td>
+      </tr>
+     </tbody>
+    </table>
+    </div>
+
+    <p style="font: italic 100% sans-serif; text-align: right; border-top: .4em solid #4ca; margin: 1em 0px 0px 0px;">Oceans</p>
+    </div>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p><a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Tables" title="en-US/docs/Web/Guide/CSS/Getting_Started/Challenge_solutions#Tables">Veure la solució per el repte.</a></p>
+
+<h2 id="I_ara_què">I ara què?</h2>
+
+<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Media", "Media")}}Aquesta és l'última pàgina d'aquest tutorial que se centra en les propietats i els valors CSS. Per a un resum complet de les propietats i valors, vegeu <a href="http://www.w3.org/TR/CSS21/propidx.html">Taula de propietats completa </a>en l'especificació CSS</p>
+
+<p>En la següent pàgina <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Media">es veu de nou</a> el propòsit i l'estructura de les fulles d'estil CSS.</p>
diff --git a/files/ca/web/guide/gràfics/index.html b/files/ca/web/guide/gràfics/index.html
new file mode 100644
index 0000000000..a65c99ec66
--- /dev/null
+++ b/files/ca/web/guide/gràfics/index.html
@@ -0,0 +1,49 @@
+---
+title: Gràfics en la Web
+slug: Web/Guide/Gràfics
+tags:
+  - 2D
+  - 3D
+  - Canvas
+  - Graphics
+  - HTML5
+  - SVG
+  - Web
+  - WebGL
+  - WebRTC
+translation_of: Web/Guide/Graphics
+---
+<p>Els llocs web i les aplicacions sovint necessiten presentar gràfics. Les imatges estàtiques poden visualitzar-se fàcilment usant l'element {{HTMLElement("img")}} o configurant el fons dels elements HTML  utilitzant la propietat {{cssxref("background-image")}}. També podeu construir gràfics sobre la marxa o manipular imatges després de fetes. Aquests articles proporcionen informació sobre com podeu aconseguir-ho.</p>
+
+<div class="row topicpage-table">
+<div class="section">
+<h2 class="Documentation" id="Gràfics_2D">Gràfics 2D</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/HTML/Canvas">Canvas</a></dt>
+ <dd>L'element {{HTMLElement("canvas")}} <span id="result_box" lang="ca"><span>proporciona APIs per dibuixar gràfics 2D utilitzant JavaScript.</span></span></dd>
+ <dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
+ <dd>Els Gràfics Vectorials Escalables (SVG) permeten utilitzar línies, corbes i altres formes geomètriques per representar gràfics. Amb vectors, podeu crear imatges que s'escalen netament a qualsevol grandària.</dd>
+</dl>
+
+<p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">Veure Tot...</a></span></p>
+</div>
+
+<div class="section">
+<h2 class="Documentation" id="Gràfics_3D">Gràfics 3D</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
+ <dd>Una guia per començar amb WebGL, l'API de gràfics 3D per a la web. Aquesta tecnologia permet utilitzar OpenGL ES estàndard en contingut web.</dd>
+</dl>
+
+<h2 id="Vídeo">Vídeo</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Ús d'àudio i vídeo HTML5 </a></dt>
+ <dd>Incrustar vídeo i/o àudio en una pàgina web i controlar la seva reproducció.</dd>
+ <dt><a href="/en-US/docs/WebRTC">WebRTC</a></dt>
+ <dd>El RTC en WebRTC significa Comunicacions en Temps Real, tecnologia que permet la transmissió d'àudio/vídeo i l'intercanvi de dades entre clients del navegador (parells).</dd>
+</dl>
+</div>
+</div>
diff --git a/files/ca/web/guide/html/_consells_per_crear_pàgines_html_de_càrrega_ràpida/index.html b/files/ca/web/guide/html/_consells_per_crear_pàgines_html_de_càrrega_ràpida/index.html
new file mode 100644
index 0000000000..6c683a8156
--- /dev/null
+++ b/files/ca/web/guide/html/_consells_per_crear_pàgines_html_de_càrrega_ràpida/index.html
@@ -0,0 +1,186 @@
+---
+title: Consells per crear pàgines HTML de càrrega ràpida
+slug: Web/Guide/HTML/_Consells_per_crear_pàgines_HTML_de_càrrega_ràpida
+tags:
+  - Advanced
+  - Guide
+  - HTML
+  - NeedsUpdate
+  - Performance
+  - Web
+translation_of: Learn/HTML/Howto/Author_fast-loading_HTML_pages
+---
+<p><span id="result_box" lang="ca"><span>Aquests consells</span> <span>es</span> <span>basen</span> <span>en el coneixement</span> <span>i</span> <span>l'experimentació</span> <span>comuna.</span></span></p>
+
+<p>Una pàgina web optimitzada no només preveu un lloc més sensible per als seus visitants, sinó que també redueix la càrrega dels servidors web i la connexió a Internet. Això pot ser crucial per als llocs d'alt volum o dels llocs que tenen un pic en el tràfic a causa de circumstàncies inusuals, com ara notícies d'última hora.</p>
+
+<p>Optimitzar el rendiment de càrrega de pàgina no és només per a contingut que serà vist pels visitants de dispositius telefònics o mòbils de banda estreta. És igual d'important que el contingut en banda ampla i pot conduir a millores espectaculars fins i tot per als seus visitants amb les connexions més ràpides.</p>
+
+<h2 id="Consells">Consells</h2>
+
+<h3 id="Reduir_el_pes_de_la_pàgina"><span class="short_text" id="result_box" lang="ca"><span>Reduir</span> <span>el pes</span> <span>de la pàgina</span></span></h3>
+
+<p>El pes de la pàgina és, de bon tros, el factor més important en el rendiment de càrrega de pàgines.</p>
+
+<p>La reducció del pes de la pàgina a través de l'eliminació d'espais en blanc i comentaris innecessaris, comunament coneguda com la reducció al mínim, i movent el script en línia i CSS en arxius externs, pot millorar el rendiment de descàrrega amb una necessitat mínima d'altres canvis en l'estructura de la pàgina.</p>
+
+<p>Eines com ara <a class="external" href="http://www.html-tidy.org">HTML Tidy</a> pot treure automàticament espais en blanc i les línies en blanc addicionals del codi HTML vàlid. Altres eines poden "comprimir" JavaScript canviant el format o per ofuscació de la font i la substitució dels identificadors llargs amb versions més curtes.</p>
+
+<h3 id="Reduir_al_mínim_el_nombre_d'arxius"><span class="short_text" id="result_box" lang="ca"><span>Reduir al</span> <span>mínim el</span> <span>nombre d'arxius</span></span></h3>
+
+<p>La reducció del nombre d'arxius que es fa referència en una pàgina web redueix el nombre de connexions <a href="/en-US/docs/HTTP" title="en-US/docs/HTTP">HTTP</a> necessaries per descarregar una pàgina.</p>
+
+<p>Depenent de la configuració de la memòria cau d'un navegador, es pot enviar una petició <code>If-Modified-Since</code> al servidor web per a cada arxiu CSS, JavaScript o imatge, preguntant si l'arxiu ha estat modificat des de l'última vegada que es va descarregar.</p>
+
+<p>En reduir el nombre d'arxius que es fa referència en una pàgina web, es redueix el temps necessari perquè aquestes peticions siguin enviades, i per les respostes que es rebin.</p>
+
+<p>Si utilitzeu moltes imatges de fons en el vostre CSS, es pot reduir la quantitat de cerques HTTP necessaries mitjançant la combinació de les imatges en una, conegut com un sprite d'imatge. A continuació, només s'aplica la mateixa imatge cada vegada que ho necessiteu per a un fons, i ajustant les coordenades x/y de manera apropiada. Aquesta tècnica funciona millor amb els elements que tenen dimensions limitades, i no funcionarà per a cada ús d'una imatge de fons. No obstant això, el menor nombre de peticions HTTP i l'emmagatzematge en memòria cau d'una sola imatge pot ajudar a reduir el temps pageload.</p>
+
+<p>L'excés de temps dedicat a la consulta de l'última modificació dels arxius de referència pot retardar la visualització inicial d'una pàgina web, ja que el navegador ha de comprovar el temps de modificació per a cada arxiu CSS o JavaScript, abans de processar la pàgina.</p>
+
+<h3 id="Reduir_la_recerca_de_dominis"><span class="short_text" id="result_box" lang="ca"><span>Reduir</span> <span>la recerca</span> <span>de dominis</span></span></h3>
+
+<p>Atès que cada domini per separat porta temps en la recerca de DNS, el temps de càrrega de la pàgina creixerà juntament amb el nombre de dominis independents que apareguin en link(s) CSS i src(es) JavaScript i imatge.</p>
+
+<p>Això no sempre és pràctic; no obstant això, sempre s'ha de tenir en compte d'utilitzar només el nombre mínim necessari dels diferents dominis en les vostres pàgines.</p>
+
+<h3 id="Contingut_reutilitzat_en_memòria_cau"><span class="short_text" id="result_box" lang="ca"><span>Contingut</span> <span>reutilitzat</span> <span>en memòria cau</span></span></h3>
+
+<p>Assegureu-vos que qualsevol contingut que es pugui emmagatzemar en memòria cau, s'emmagatzemi en memòria cau, i amb els temps de caducitat apropiades.</p>
+
+<p>En concret, presteu atenció a la capçalera <code>Last-Modified</code>. Permet d'una manera eficient l'emmagatzematge en memòria cau de la pàgina; per mitjà d'aquesta capçalera, la informació es transmet a l'agent d'usuari sobre l'arxiu que vol carregar, com quan es va modificar per última vegada. La majoria dels servidors web afegeixen automàticament la capçalera <code>Last-Modified</code> a pàgines estàtiques (per exemple <code>.html, .css</code>), d'acord amb la data d'última modificació emmagatzemada en el sistema d'arxius. Amb les pàgines dinàmiques (per exemple, <code>.php, .aspx</code>), això, per descomptat, no es pot fer, i la capçalera no s'envia.</p>
+
+<p>Així, en particular, per a les pàgines que es generen de forma dinàmica, una mica de recerca sobre aquest tema és beneficiós. Pot ser una mica complicat, però s'estalviarà molt en les sol·licituds de pàgina en les pàgines que normalment no serien emmagatzemades en memòria cau.</p>
+
+<p>Més informació:</p>
+
+<ol>
+ <li><a class="external" href="http://fishbowl.pastiche.org/2002/10/21/http_conditional_get_for_rss_hackers">HTTP Conditional Get for RSS Hackers</a></li>
+ <li><a class="external" href="http://annevankesteren.nl/archives/2005/05/http-304">HTTP 304: Not Modified</a></li>
+ <li><a class="external" href="http://en.wikipedia.org/wiki/HTTP_ETag">HTTP ETag on Wikipedia</a></li>
+ <li><a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec13.html">Caching in HTTP</a></li>
+</ol>
+
+<h3 id="Ordenar_de_manera_òptima_els_components_de_la_pàgina">Ordenar de manera òptima els components de la pàgina</h3>
+
+<p>Descarregar el contingut de la pàgina en primer lloc, juntament amb qualsevol CSS o JavaScript que pugui ser necessàri per a la seva visualització inicial, de manera que l'usuari obté una resposta aparent més ràpida durant la càrrega de les pàgines. Aquest contingut és normalment de text, i per tant pot beneficiar-se de la compressió del text en trànsit, proporcionant així una resposta fins i tot més ràpida per a l'usuari.</p>
+
+<p>Cap característica dinàmica que requereixi la pàgina per completar la càrrega abans de ser utilitzada, ha de ser desactivada inicialment, i només es permet després que la pàgina s'hagi carregat. Això farà que el JavaScript es carregui després del contingut de la pàgina, el que millorarà l'aspecte general de la càrrega de la pàgina.</p>
+
+<h3 id="Reduce_the_number_of_inline_scripts" name="Reduce_the_number_of_inline_scripts">Reduir el nombre de scripts en línia</h3>
+
+<p>Els scripts en línia poden ser costosos per a la càrrega de la pàgina, ja que l'analitzador ha d'assumir que un script en línia podria modificar l'estructura de la pàgina, mentre que l'anàlisi està en curs. Reduir l'ús de scripts en línia en general, i reduir l'ús de <code>document.write()</code> per a continguts de sortida en particular, pot millorar la càrrega total de la pàgina. Utilitzeu mètodes moderns d'<a href="https://developer.mozilla.org/en-US/docs/AJAX">AJAX</a> per manipular el contingut de la pàgina per als navegadors moderns, en lloc dels antics enfocaments basats en <code>document.write()</code>.</p>
+
+<h3 id="Utilitzar_CSS_modern_i_marcat_vàlid"><span class="short_text" id="result_box" lang="ca"><span>Utilitzar</span> <span>CSS</span> <span>modern</span> <span>i</span> <span>marcat</span> <span>vàlid</span></span></h3>
+
+<p>L'ús de CSS modern redueix la quantitat de marcat, pot reduir la necessitat d'imatges (spacer), en termes de disseny, i molt sovint pot substituir les imatges de text estilitzat - el "cost" és molt més que l'equivalent de text-i-CSS.</p>
+
+<p>L'ùs del marcat vàlid té altres avantatges. En primer lloc, els navegadors no tenen necessitat de dur a terme la correcció d'errors a l'analitzar el codi HTML (això és, a part de la qüestió filosòfica, de si s'ha de permetre la variació de format a l'entrada de l'usuari, i després mitjançant programació "corregir" o normalitzar aquest o si, en canvi, fer complir un estricte format d'entrada, no tolerància).</p>
+
+<p>D'altra banda, el marcat vàlid permet el lliure ús d'altres eines les quals poden pre-processar les vostres pàgines web. Per exemple, <a href="http://tidy.sourceforge.net/">HTML Tidy</a> pot eliminar espais en blanc i les etiquetes opcionals de tancament; però, es negarà a executar una pàgina amb greus errors de marcat.</p>
+
+<h3 id="Part_del_teu_contingut">Part del teu contingut</h3>
+
+<p>Les taules de dissenys són un mètode llegat que no ha de ser utilitzat més. Dissenys que utilitzen blocs {{HTMLElement ("div")}}, i en un futur pròxim, <a href="/en-US/docs/CSS/Using_CSS_multi-column_layouts" title="en-US/docs/CSS3_Columns">CSS3 Multi-column Layout</a> o <a href="/en-US/docs/Using_flexbox" title="en-US/docs/Using_flexbox">CSS3 Flexible Box Layout</a>, s'han d'utilitzar al seu lloc.</p>
+
+<p>Les taules encara es consideren marcat vàlid, però han de ser utilitzades per a la visualització de dades tabulars. Per ajudar al navegador a processar la vostre pàgina més ràpidament, heu d'evitar niar les vostres taules.</p>
+
+<p>En lloc de niar profundament les taules com en:</p>
+
+<pre>&lt;TABLE&gt;
+  &lt;TABLE&gt;
+    &lt;TABLE&gt;
+          ...
+    &lt;/TABLE&gt;
+  &lt;/TABLE&gt;
+&lt;/TABLE&gt;</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>utilitzar</span> <span>taules no</span> <span>niats</span> <span>o</span> <span>divs</span> <span>com</span> <span>a</span></span>:</p>
+
+<pre>&lt;TABLE&gt;...&lt;/TABLE&gt;
+&lt;TABLE&gt;...&lt;/TABLE&gt;
+&lt;TABLE&gt;...&lt;/TABLE&gt;
+</pre>
+
+<p>Veure: <a class="external" href="http://www.w3.org/TR/css3-multicol/" title="http://www.w3.org/TR/css3-multicol/">CSS3 Multi-column Layout Spec</a> i <a class="external" href="http://www.w3.org/TR/css3-flexbox/" title="http://www.w3.org/TR/css3-flexbox/">CSS3 Flexible Box Layout</a></p>
+
+<h3 id="Minimitzar_i_comprimir_recursos_SVG">Minimitzar i comprimir recursos SVG</h3>
+
+<p>SVG produït per la majoria de les aplicacions de dibuix, sovint conté metadades innecessaries que es poden treure. Configureu els servidors per aplicar la compressió gzip per als recursos SVG.</p>
+
+<h3 id="Especificar_les_mides_de_les_imatges_i_taules"><span class="short_text" id="result_box" lang="ca"><span>Especificar</span> <span>les mides de les</span> <span>imatges</span> <span>i</span> <span>taules</span></span></h3>
+
+<p>Si el navegador pot determinar immediatament l'altura i/o amplada de les vostres imatges i taules, serà capaç de mostrar una pàgina web sense haver de reorganitzar el contingut. Això no només accelera la visualització de la pàgina, sinó que evita els molestos canvis en el disseny d'una pàgina quan la pàgina completa la càrrega. Per aquesta raó, <code>height</code> i <code>width</code> s'han d'especificar per a les imatges, sempre que sigui possible.</p>
+
+<p><span id="result_box" lang="ca"><span>Les</span> <span>taules</span> <span>han d'utilitzar la combinació CSS</span> <span>selector:propietat</span><span>:</span></span></p>
+
+<pre>  table-layout: fixed;
+</pre>
+
+<p>i ha de precisar les amplades de les columnes utilitzant les etiquetes HTML <code>COL</code> i <code>COLGROUP</code>.</p>
+
+<h3 id="Trieu_els_vostres_requisits_d'agent_d'usuari_sàviament">Trieu els vostres requisits d'agent d'usuari sàviament</h3>
+
+<p>Per aconseguir les millores més importants en el disseny de la pàgina, assegureu-vos que els requisits raonables d'agent d'usuari s'especifiquin en els projectes. No requereix que el seu contingut aparegui un píxel perfecte en tots els navegadors, especialment no en els navegadors de versions més antigues.</p>
+
+<p>L'ideal és que, els requisits mínims bàsics s'han de basar en la consideració dels navegadors moderns que suporten les normes pertinents. Això pot incloure les versions recents de Firefox, Internet Explorer, Google Chrome, Opera i Safari.</p>
+
+<p>Recordeu, però, que molts dels consells que apareixen en aquest article són tècniques de sentit comú que s'apliquen a qualsevol agent d'usuari, i que es poden aplicar a qualsevol pàgina web, independentment dels requisits de compatibilitat amb els navegadors.</p>
+
+<h2 id="Example_page_structure" name="Example_page_structure">Exemple de l'estructura d'una pàgina</h2>
+
+<p>· <code>HTML</code></p>
+
+<dl>
+ <dd>· <code>HEAD</code></dd>
+</dl>
+
+<dl>
+ <dd>
+ <dl>
+  <dd>· <code>LINK </code>...<br>
+  arxius CSS necessaris per l'aparença de la pàgina. Minimitzar el nombre d'arxius per el rendiment, mentre es manté CSS no relacionat en arxius separats per al manteniment.</dd>
+ </dl>
+ </dd>
+</dl>
+
+<dl>
+ <dd>
+ <dl>
+  <dd>· <code>SCRIPT </code>...<br>
+  arxius JavaScript per a funcions requerides durant la càrrega de la pàgina, però no qualsevol DHTML que només es pot executar després de càrrega de la pàgina.</dd>
+  <dd>Minimitzar el nombre d'arxius per el rendiment, mentre es manté JavaScript no relacionat en arxius separats per al manteniment.</dd>
+ </dl>
+ </dd>
+</dl>
+
+<dl>
+ <dd>· <code>BODY</code></dd>
+ <dd>· Contingut de la pàgina, visible per a l'usuari, en trossos petits (taules/divs) que es poden visualitzar sense esperar que la pàgina completi la seva descàrrega.</dd>
+</dl>
+
+<dl>
+ <dd>
+ <dl>
+  <dd>· <code>SCRIPT </code>...<br>
+  Qualsevol script que s'utilitzarà per realitzar DHTML. El script DHTML normalment es pot executar després que la pàgina s'hagi carregat completament i tots els objectes necessaris hagin estat inicialitzats. No hi ha necessitat de carregar aquests scripts abans que el contingut de la pàgina. Això només ralenteix l'aparença inicial de la càrrega de la pàgina.</dd>
+  <dd>Minimitzar el nombre d'arxius per el rendiment, mentre es manté JavaScript no relacionat en arxius separats per al manteniment.</dd>
+  <dd>Si s'utilitzen les imatges per a efectes rollover, s'ha de carregar prèviament aquí després que el contingut de la pàgina s'hagi descarregat.</dd>
+ </dl>
+ </dd>
+</dl>
+
+<h2 id="Utilitzar_asyn_i_defer_si_és_possible">Utilitzar asyn i defer, si és possible</h2>
+
+<p>Fer que els scripts de JavaScript siguin compatibles tant amb <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/script#Attributes" title="https://developer.mozilla.org/en-US/docs/HTML/Element/script">async</a> i <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/script#Attributes" title="https://developer.mozilla.org/en-US/docs/HTML/Element/script">defer</a> i utilitzar <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/script#Attributes" title="https://developer.mozilla.org/en-US/docs/HTML/Element/script">async</a> sempre que sigui possible, especialment si té diverses etiquetes de script. Amb això, la pàgina pot aturar el processament, mentre que encara s'estigui carregant JavaScript. En cas contrari, el navegador no renderizará res que estigui darrere de les etiquetes de script que no tinguin aquests atributs.</p>
+
+<p>Nota: Tot i que aquests atributs ens ajuden molt per a la primera vegada que es carrega una pàgina, s'han d'usar, però no dependre de que funcionarà en tots els navegadors. Si seguiu totes les pautes per fer un bon codi JavaScript, no hi ha necessitat de canviar el codi.</p>
+
+<h2 id="Enllaços_relacionats"><span class="short_text" id="result_box" lang="ca"><span>Enllaços</span> <span>relacionats</span></span></h2>
+
+<ul>
+ <li>Llibre: <a class="external" href="http://www.websiteoptimization.com/">"Speed Up Your Site" by Andy King</a></li>
+ <li><span id="result_box" lang="ca"><span>Les</span> <span>excel·lents i</span> <span>molt</span> <span>completes</span></span> <a class="external" href="http://developer.yahoo.com/performance/rules.html" title="http://developer.yahoo.com/performance/rules.html">Best Practices for Speeding Up Your Web Site</a> (Yahoo!)</li>
+ <li><span id="result_box" lang="ca"><span>Eines</span> <span>per a l'anàlisi</span> <span>i</span> <span>l'optimització</span> <span>del rendiment</span></span> : <a href="https://developers.google.com/speed/pagespeed/" title="https://developers.google.com/speed/pagespeed/">Google PageSpeed Tools</a></li>
+ <li><a href="/en-US/docs/Tools/Paint_Flashing_Tool">Paint Flashing Tool</a></li>
+</ul>
diff --git a/files/ca/web/guide/html/html5/index.html b/files/ca/web/guide/html/html5/index.html
new file mode 100644
index 0000000000..6ed392c033
--- /dev/null
+++ b/files/ca/web/guide/html/html5/index.html
@@ -0,0 +1,171 @@
+---
+title: HTML5
+slug: Web/Guide/HTML/HTML5
+tags:
+  - Guide
+  - HTML
+  - HTML5
+  - Overview
+  - Web
+  - Web Development
+translation_of: Web/Guide/HTML/HTML5
+---
+<p><span class="seoSummary"><strong>HTML5</strong></span> <span id="result_box" lang="ca"><span>és l'última</span> <span>evolució</span> <span>de la norma que</span> <span>defineix</span> <a href="https://developer.mozilla.org/en-US/docs/HTML">HTML</a><span>.</span> <span>El terme</span> <span>representa</span> <span>dos conceptes</span> <span>diferents</span><span>:</span></span></p>
+
+<ul>
+ <li>És una nova versió del llenguatge HTML, amb nous elements, atributs i comportaments<span class="seoSummary">,</span></li>
+ <li>i un ampli conjunt de tecnologies que permet les més diverses i potents aplicacions i llocs web. Aquest conjunt es diu de vegades <em>HTML5 i amics</em> i, sovint escurçat a simplement <em>HTML5</em>.</li>
+</ul>
+
+<p>Dissenyat per a ser utilitzable per tots els desenvolupadors de la Web Oberta, aquesta pàgina de referència enllaça a nombrosos recursos sobre tecnologies HTML5, que es classifiquen en diversos grups segons la seva funció.</p>
+
+<ul>
+ <li><em>Semàntica: </em>us permet descriure amb major precisió quin és el seu contingut.</li>
+ <li><em>Connectivitat</em>: us permet comunicar-vos amb el servidor de formes noves i innovadores.</li>
+ <li><em>Fora de línia i emmagatzematge</em>: permetre que les pàgines web emmagatzemin les dades localment en el client i funcionin de forma més eficient.</li>
+ <li><em>Multimèdia</em>: fer ciutadans de primera classe d'àudio i vídeo a la Web Oberta.</li>
+ <li><em>Gràfics i efectes 2D/3D</em>: permetre una gamma molt més àmplia d'opcions de presentació.</li>
+ <li><em>Rendiment i integració</em>: proporcionar una major optimització de la velocitat i un millor ús del maquinari de l'equip.</li>
+ <li><em>Accés al dispositiu</em>: permetre l'ús de diversos dispositius d'entrada i de sortida..</li>
+ <li><em>Estil</em>: deixar que els autors escriuen temes més sofisticats.</li>
+</ul>
+
+<div class="cleared row topicpage-table">
+<div class="section">
+<h2 id="SemàntIcA" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3827/HTML5_Semantics_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">SemàntIcA</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i esquemes en HTML5</a></dt>
+ <dd>Una ullada als nous elements d'esquema i secció en HTML5: {{HTMLElement("section")}}, {{HTMLElement("article")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}} i {{HTMLElement("aside")}}.</dd>
+ <dt><a href="/en-US/docs/Using_HTML5_audio_and_video" title="Using_audio_and_video_in_Firefox">Ús d'àudio i vídeo en HTML5</a></dt>
+ <dd>Els elements {{HTMLElement ("àudio")}} i {{HTMLElement ("vídeo")}} incrustats, permeten la manipulació dels nous continguts multimèdia.</dd>
+ <dt><a href="/en-US/docs/HTML/Forms_in_HTML" title="Forms in HTML5">Formularis en HTML5</a></dt>
+ <dd>Una mirada a les millores en els formularis web en HTML5: l'API de validació restringida, diversos atributs nous, nous valors per l'atribut {{htmlattrxref("type", "input")}} de l'element {{HTMLElement("input")}}  i l'element nou {{HTMLElement("output")}}.</dd>
+ <dt><span id="result_box" lang="ca"><span class="alt-edited">Nous elements semàntics</span></span></dt>
+ <dd>Al costat dels elements de seccions, de medis i de formularis, hi ha nombrosos elements nous, com {{HTMLElement("mark")}}, {{HTMLElement("figure")}}, {{HTMLElement("figcaption")}}, {{HTMLElement("data")}}, {{HTMLElement("time")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} o {{HTMLElement("meter")}} i {{HTMLElement("main")}}, <span class="short_text" id="result_box" lang="ca"><span>augmentant la</span> <span>quantitat</span> <span>d'</span></span><a href="/en-US/docs/HTML/HTML5/HTML5_element_list" title="HTML/HTML5/HTML5_element_list">elements HTML5 vàlids</a>.</dd>
+ <dt><span id="result_box" lang="ca"><span>Millora en</span> <span>{</span><span>{</span><span>HTMLElement</span> <span>(</span><span>"</span><span>iframe</span><span>"</span><span>)</span><span>}</span><span>}</span></span></dt>
+ <dd>Utilitzant els atributs {{htmlattrxref("sandbox", "iframe")}} i {{htmlattrxref("srcdoc", "iframe")}}, els autors ara poden ser precisos sobre el nivell de seguretat i la representació desitjada d'un element {{HTMLElement("iframe")}}.</dd>
+ <dt><a href="/en-US/docs/MathML" title="MathML">MathML</a></dt>
+ <dd><span id="result_box" lang="ca"><span>Permet la</span> <span>incorporació directa</span> <span>de fórmules</span> <span>matemàtiques.</span></span></dd>
+ <dt><a href="/en-US/docs/HTML/HTML5/Introduction_to_HTML5" title="HTML/HTML5/Introduction_to_HTML5">Introducció a HTML5</a></dt>
+ <dd>Aquest article presenta com indicar al navegador que utilitzeu HTML5 en el vostre disseny web o una aplicació web.</dd>
+ <dt><a href="/en-US/docs/HTML/HTML5/HTML5_Parser" title="HTML/HTML5/HTML5 parser">Analitzador HTML5 compatible</a></dt>
+ <dd>L'analitzador, que converteix els bytes d'un document HTML en un DOM, s'ha ampliat i ara defineix amb precisió el comportament d'utilitzar en tots els casos, fins i tot quan s'enfronten amb HTML vàlid. Això condueix a una major previsibilitat i interoperabilitat entre els navegadors compatibles amb HTML5.</dd>
+</dl>
+
+<h2 id="Conectivitat" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3839/HTML5_Connectivity_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Conectivitat</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/WebSockets" title="WebSockets">Web Sockets</a></dt>
+ <dd><span id="result_box" lang="ca"><span>Permet la</span> <span>creació</span> <span>d'una connexió</span> <span>permanent</span> <span>entre la pàgina</span> <span>i el servidor</span> <span>i l'intercanvi</span> <span>de dades no</span> <span>HTML</span> <span>a través d'</span><span>aquest mitjà.</span></span></dd>
+ <dt><a href="/en-US/docs/Server-sent_events/Using_server-sent_events" title="Server-sent_events/Using_server-sent_events">Esdeveniments enviats pel servidor</a></dt>
+ <dd>Permet a un servidor enviar esdeveniments a un client, en lloc del paradigma clàssic en què el servidor podria enviar les dades només en resposta a la petició d'un client.</dd>
+ <dt><a href="/en-US/docs/WebRTC" title="WebRTC">WebRTC</a></dt>
+ <dd>Aquesta tecnologia, on RTC és sinònim de comunicació en temps real, permet la connexió amb altres persones i el control de la videoconferència directament en el navegador, sense necessitat d'un complament o una aplicació externa.</dd>
+</dl>
+
+<h2 id="Sense_connexió_emmagatzematge" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3833/HTML5_Offline_Storage_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Sense connexió &amp; emmagatzematge</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/HTML/Using_the_application_cache" title="Offline_resources_in_Firefox">Recursos sense connexió: El cau de l'aplicació</a></dt>
+ <dd>Firefox és totalment compatible amb l'especificació de recursos sense connexió d'HTML5. La majoria dels altres recursos sense connexió tenen suport en un cert nivell.</dd>
+ <dt><a href="/en-US/docs/Online_and_offline_events" title="Online_and_offline_events">Esdeveniments amb i sense connexió</a></dt>
+ <dd>Firefox 3 suporta WHATWG, esdeveniments amb i sense connexió, que permeten a les aplicacions i extensions detectar si hi ha o no una connexió a Internet, així com tambien, detectar quan la connexió es perd o es recupera.</dd>
+ <dt><a href="/en-US/docs/DOM/Storage" title="DOM/Storage">WHATWG sessió del costat client i emmagatzamatge continu (emmagatzamatge DOM)</a></dt>
+ <dd><span id="result_box" lang="ca"><span>Sessió</span> <span>del costat</span> <span>client</span> <span>i</span> <span>l'emmagatzematge</span> <span>continu</span> <span>permet a les</span> <span>aplicacions</span> <span>web emmagatzemar</span> <span>dades estructurades</span> <span>al</span> <span>costat</span> <span>del client.</span></span></dd>
+ <dt><a href="/en-US/docs/IndexedDB" title="IndexedDB">IndexedDB</a></dt>
+ <dd><span id="result_box" lang="ca"><span>IndexedDB</span> <span>és</span> <span>un estàndard</span> <span>web</span> <span>per a l'emmagatzematge</span> <span>de grans</span> <span>quantitats</span> <span>de dades estructurades</span> <span>en el navegador i</span> <span>per a les</span> <span>recerques</span> <span>d'alt</span> <span>rendiment</span> <span>d'aquestes dades</span> <span>mitjançant</span> <span>índexs</span></span> .</dd>
+ <dt><a href="/en-US/docs/Using_files_from_web_applications" title="Using_files_from_web_applications">Ús d'arxius des d'aplicacions web</a></dt>
+ <dd>El suport per a la nova API d'arxius d'HTML5 ha estat afegit a Gecko, per la qual cosa és possible que les aplicacions d'Internet accedeixin als arxius locals seleccionats per l'usuari. Això inclou el suport per a la selecció de diversos arxius utilitzant l'element HTML <span style="font-family: monospace;">{{HTMLElement("input")}}</span> de <a href="/en-US/docs/HTML/Element/Input#attr-type" title="HTML/Element/input#attr-type"><strong>type</strong></a> <span style="font-family: courier new;">file</span> amb el nou atribut <a href="/en-US/docs/HTML/Element/Input#attr-multiple" title="HTML/Element/input#attr-multiple"><strong>multiple</strong></a>. També hi ha <a href="/en-US/docs/DOM/FileReader" title="DOM/FileReader"><code>FileReader</code></a>.</dd>
+</dl>
+
+<h2 id="Multimèdia" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3835/HTML5_Multimedia_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Multimèdia</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Using_HTML5_audio_and_video" title="Using_audio_and_video_in_Firefox">L'ús àudio i vídeo en HTML5</a></dt>
+ <dd>Els elements {{HTMLElement("audio")}} i {{HTMLElement("video")}} incrustats permeten la manipulació dels nous continguts multimèdia.</dd>
+ <dt><a href="/en-US/docs/WebRTC" title="WebRTC">WebRTC</a></dt>
+ <dd>Aquesta tecnologia, on RTC és sinònim de comunicació en temps real, permet la connexió amb altres persones i el control de la videoconferència directament en el navegador, sense necessitat d'un complement o una aplicació externa.</dd>
+ <dt><a href="/en-US/docs/DOM/Using_the_Camera_API" title="DOM/Using_the_Camera_API">Ús de l'API de la càmera</a></dt>
+ <dd>Permet utilitzar, manipular i emmagatzemar una imatge des de la càmera de l'ordinador.</dd>
+ <dt>Pista i WebVTT</dt>
+ <dd>L'element {{HTMLElement("track")}} permet subtítols i capítols. <a href="/en-US/docs/HTML/WebVTT" title="HTML/WebVTT">WebVTT</a> és un format de pista de text.</dd>
+</dl>
+
+<h2 id="Gràfics_i_efectes_3D" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3841/HTML5_3D_Effects_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Gràfics i efectes 3D</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Canvas_tutorial" title="Canvas tutorial">Tutorial Canvas</a></dt>
+ <dd>Aprendre sobre el nou element {{HTMLElement("canvas")}} i com dibuixar gràfics i altres objectes en Firefox.</dd>
+ <dt><a href="/en-US/docs/Drawing_text_using_a_canvas" title="Drawing_text_using_a_canvas">API de text HTML5 per elements <code>&lt;canvas&gt;</code></a></dt>
+ <dd>L'API de text HTML5 és ara compatible amb elements {{HTMLElement("canvas")}}..</dd>
+ <dt><a href="/en-US/docs/WebGL" title="WebGL">WebGL</a></dt>
+ <dd>WebGL porta gràfics en 3D a la web mitjançant la introducció d'una API que s'ajusta estretament a OpenGL ÉS 2.0 que pot ser utilitzat en elements HTML5 {{HTMLElement("canvas")}}.</dd>
+ <dt><a href="/en-US/docs/SVG" title="SVG">SVG</a></dt>
+ <dd>Un format basat en XML d'imatges vectorials que pot ser directament incrustat en el codi HTML.</dd>
+</dl>
+</div>
+
+<div class="section">
+<h2 id="Rendiment_i_Integració" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3831/HTML5_Performance_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;"><span id="result_box" lang="ca"><span>Rendiment</span> <span>i Integració</span></span></h2>
+
+<dl>
+ <dt><a href="/en-US/docs/DOM/Using_web_workers" title="Using web workers">Web Workers</a></dt>
+ <dd>Permet delegar l'avaluació de JavaScript a subprocessos en segon pla, permetent que aquestes activitats evitin alentir esdeveniments interactius.</dd>
+ <dt><code><a href="/en-US/docs/DOM/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a></code> nivell 2</dt>
+ <dd>Permet anar a buscar de forma asíncrona algunes parts de la pàgina, la qual cosa li permet mostrar contingut dinàmic, variant segons el temps i les accions de l'usuari. Aquesta és la tecnologia que hi ha darrere d'<a href="/en-US/docs/AJAX" title="AJAX">Ajax</a>.</dd>
+ <dt>Motors JavaScript un compilador JIT</dt>
+ <dd><span id="result_box" lang="ca"><span>La nova</span> <span>generació</span> <span>de motors</span> <span>de JavaScript</span> <span>són</span> <span>molt més</span> <span>potents</span><span>, el que porta</span> <span>a un major</span> <span>rendiment</span></span>.</dd>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history" title="DOM/Manipulating_the_browser_history">API historial</a></dt>
+ <dd>Permet la manipulació del històrial del navegador. Això és especialment útil per a les pàgines que carreguen interactivament nova informació.</dd>
+ <dt><a href="/en-US/docs/HTML/Content_Editable" title="HTML/Content Editable">L'atribut contentEditable: Transformeu el vostre lloc web en una wiki!</a></dt>
+ <dd>HTML5 ha estandarditzat l'atribut contentEditable. Més informació sobre aquesta característica.</dd>
+ <dt><a href="/en-US/docs/DragDrop/Drag_and_Drop" title="DragDrop/Drag_and_Drop">Arrosegar i deixar anar</a></dt>
+ <dd>El API d'arrossegar i deixar anar d'HTML5 permet el suport per arrossegar i deixar anar elements dins i entre llocs web. Això també proporciona una API senzilla per a l'ús d'extensions i aplicacions basats en Mozilla.</dd>
+ <dt><a href="/en-US/docs/Focus_management_in_HTML" title="Focus_management_in_HTML">Gestió del focus en HTML</a></dt>
+ <dd>Els nous atributs d'HTML5 <code>activeElement</code> i <code>hasFocus</code> són compatibles.</dd>
+ <dt><a href="/en-US/docs/Web-based_protocol_handlers" title="Web-based_protocol_handlers">Controladors de protocols basats en la Web</a></dt>
+ <dd>Ara podeu registrar aplicacions web com controladors de protocol utilitzant el mètode <code>navigator.registerProtocolHandler()</code>.</dd>
+ <dt><a href="/en-US/docs/Web/API/Window/requestAnimationFrame" style="font-weight: bold;" title="Web-based_protocol_handlers">requestAnimationFrame</a></dt>
+ <dd>Permet controlar les animacions de renderitzat per obtenir un rendiment òptim.</dd>
+ <dt><a href="/en-US/docs/DOM/Using_full-screen_mode" title="DOM/Using_full-screen_mode">API Pantalla completa</a></dt>
+ <dd>Controla l'ús de tota la pantalla per a una pàgina Web o aplicació, sense que es mostri la interfície d'usuari del navegador.</dd>
+ <dt><a href="/en-US/docs/API/Pointer_Lock_API" title="API/Pointer_Lock_API">API Bloqueig del punter</a></dt>
+ <dd>Permet bloquejar el punter al contingut, de manera que els jocs i aplicacions similars no perdin el focus quan el punter arriba al límit de la finestra.</dd>
+ <dt><a href="/en-US/docs/Online_and_offline_events" title="Online_and_offline_events">Esdeveniments amb línia i sense línia</a></dt>
+ <dd>Amb la finalitat de construir una bona aplicació web sense connexió, necessiteu saber quan la vostra aplicació està realment fora de línia. Per cert, també necessiteu saber quan la vostra aplicació ha tornat a un estat en línia de nou.</dd>
+</dl>
+
+<h2 id="accés_al_dispositiu" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3837/HTML5_Device_Access_512.png" style="height: 66px; padding-right: 0.5em; vertical-align: middle; width: 77px;">accés al dispositiu</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/DOM/Using_the_Camera_API" title="DOM/Using_the_Camera_API">Ús de l'API de la càmera</a></dt>
+ <dd>Permet utilitzar, manipular i emmagatzemar una imatge des de la càmera de l'ordinador.</dd>
+ <dt><a href="/en-US/docs/DOM/Touch_events" title="DOM/Touch_events">Esdeveniments tàctils</a></dt>
+ <dd>Manipuladors per reaccionar als esdeveniments creats per un usuari pressionant pantalles tàctils.</dd>
+ <dt><a href="/en-US/docs/Using_geolocation" title="Using geolocation">Ús de la geolocalització</a></dt>
+ <dd>Permet als navegadors localitzar la posició de l'usuari mitjançant la geolocalització.</dd>
+ <dt><a href="/en-US/docs/Detecting_device_orientation" title="Detecting_device_orientation">Detecció de l'orientació del dispositiu</a></dt>
+ <dd>Obtenir la informació quan el dispositiu en el qual s'executa el navegador canvia l'orientació. Això pot ser usat com un dispositiu d'entrada (per exemple, per fer jocs que reaccionen a la posició del dispositiu) o per adaptar el disseny d'una pàgina a l'orientació de la pantalla (vertical o horitzontal)..</dd>
+ <dt><a href="/en-US/docs/API/Pointer_Lock_API" title="API/Pointer_Lock_API">API Bloqueig del punter</a></dt>
+ <dd>Permet bloquejar el punter al contingut, de manera que els jocs i aplicacions similars no perdin el focus quan el punter arriba al límit de la finestra.</dd>
+</dl>
+
+<h2 id="ESTIL" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3829/HTML5_Styling_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">ESTIL</h2>
+
+<p id="CSS_has_been_extended_to_be_able_to_style_elements_in_a_much_more_complex_way._This_is_often_referred_as_CSS3_though_CSS_is_not_a_monolithic_specification_any_more_and_the_different_modules_are_not_all_at_level_3_some_are_at_level_1_and_others_at_level_4_with_all_the_intermediate_levels_covered."><a href="/en-US/docs/CSS" title="CSS">CSS</a> s'ha ampliat per ser capaç de poder donar estil als elements en una forma molt més complexa. Això es coneix com <a href="/en-US/docs/CSS/CSS3" title="CSS/CSS3">CSS3</a>, encara que CSS no és una especificació monolítica i els diferents mòduls no estan tots en el nivell 3: alguns són en el nivell 1 i altres al nivell 4, amb tots els nivells intermedis coberts.</p>
+
+<dl>
+ <dt>Noves característiques d'estil de fons</dt>
+ <dd>Ara és possible posar una ombra a una caixa, mitjançant {{cssxref ("box-shadow")}} i es poden configurar <a href="/en-US/docs/CSS/Multiple_backgrounds" title="CSS/Multiple_backgrounds">diversos fons</a>.</dd>
+ <dt>Més vores de luxe</dt>
+ <dd>No només ara és possible usar imatges per a l'estil de vores, usant {{cssxref ("border-image")}} i les seves propietats associades, també les vores arrodonides són suportades a través de la propietat {{cssxref("border-radius")}}.</dd>
+ <dt>Animació del vostre estil</dt>
+ <dd>Usant <a href="/en-US/docs/CSS/Using_CSS_transitions" title="CSS/Using_CSS_transitions">CSS Transitions</a> per animar entre diferents estats o usar <a href="/en-US/docs/CSS/Using_CSS_animations" title="CSS/Using_CSS_animations">CSS Animations</a> per animar parts de la pàgina sense un esdeveniment desencadenant, ara podeu controlar elements mòbils en la vostra pàgina.</dd>
+ <dt>Tipografia millorada</dt>
+ <dd>Els autors tenen un millor control per arribar a una millor tipografia. Poden controlar {{cssxref ("text-overflow")}} i la separació de síl·labes <a href="/en-US/docs/CSS/hyphens" title="CSS/hyphens">(hyphenation)</a>, però també poden afegir una ombra <a href="/en-US/docs/CSS/text-shadow" title="CSS/text-shadow">(shadow)</a> a ella o controlar amb més precisió les seves decoracions <a href="/en-US/docs/CSS/text-decoration" title="SVG/Attribute/text-decoration">(decorations)</a>. Tipus de lletra personalitzades poden ser descarregades i aplicades gràcies a la nova regla {{cssxref ("@ font-face")}}.</dd>
+ <dt>Nous dissenys de presentació</dt>
+ <dd>Per tal de millorar la flexibilitat dels dissenys, s'han afegit dos nous dissenys: el <a href="/en-US/docs/CSS/Using_CSS_multi-column_layouts" title="CSS/Using_CSS_multi-column_layouts">CSS multi-column layouts</a> i <a href="/en-US/docs/CSS/Flexbox" title="CSS/Flexbox">CSS flexible box layout</a>.</dd>
+</dl>
+</div>
+</div>
diff --git a/files/ca/web/guide/html/us_de_seccions_i_esquemes_en_html/index.html b/files/ca/web/guide/html/us_de_seccions_i_esquemes_en_html/index.html
new file mode 100644
index 0000000000..5da074b341
--- /dev/null
+++ b/files/ca/web/guide/html/us_de_seccions_i_esquemes_en_html/index.html
@@ -0,0 +1,341 @@
+---
+title: Us de seccions i esquemes en HTML 5
+slug: Web/Guide/HTML/Us_de_seccions_i_esquemes_en_HTML
+tags:
+  - Advanced
+  - Example
+  - Guide
+  - HTML
+  - HTML5
+  - Outlines
+  - Overview
+  - Sections
+  - Web
+translation_of: Web/Guide/HTML/Using_HTML_sections_and_outlines
+---
+<div class="warning">
+<p><strong>Important</strong>: Actualment no existeixen implementacions de l'algorisme d'esquema en els navegadors gràfics o agents d'usuari de tecnologia d'assistència, encara que l'algorisme s'executa a un altre programari, com comprobadors de conformitat. Per tant, l'algorisme d'<a href="http://www.w3.org/TR/html5/sections.html#outline">esquema</a> no pot ser invocat per transmetre l'estructura dels documents als usuaris. Es recomana als autors a utilitzar les capçaleres de <a href="http://www.w3.org/TR/html5/sections.html#rank">rang</a> (<code><a href="http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h1</a></code>-<code><a href="http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h6</a></code>) per transmetre l'estructura.</p>
+</div>
+
+<p>L'especificació HTML5 aporta diversos elements nous als desenvolupadors web que els permet descriure l'estructura d'un document web amb la semàntica estàndard. En aquest document es descriuen aquests elements i la forma d'utilitzar-los per definir el contorn desitjat per a qualsevol document.</p>
+
+<h2 id="Estructura_de_un_document_en_HTML_4">Estructura de un document en HTML 4</h2>
+
+<p>L'estructura d'un document, és a dir, l'estructura semàntica del que està entre <code>&lt;body&gt;</code> i <code>&lt;/body&gt;</code>, és fonamental per a la presentació de la pàgina a l'usuari. HTML 4 utilitza la noció de seccions i subseccions d'un document per a descriure la seva estructura. Una secció està definida per un element  ({{HTMLElement("div")}}) amb elements de capçalera ({{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}} o {{HTMLElement("h6")}}) dins d'ella, definint el seu títol. Les relacions d'aquests elements dóna lloc a l'estructura del document i el seu contorn.</p>
+
+<p>Així que el següent marcat:</p>
+
+<div style="overflow: hidden;">
+<pre class="brush:xml">&lt;div class="section" id="forest-elephants" &gt;
+  &lt;h1&gt;Forest elephants&lt;/h1&gt;
+  &lt;p&gt;In this section, we discuss the lesser known forest elephants.
+    ...this section continues...
+  &lt;div class="subsection" id="forest-habitat" &gt;
+    &lt;h2&gt;Habitat&lt;/h2&gt;
+    &lt;p&gt;Forest elephants do not live in trees but among them.
+     ...this subsection continues...
+  &lt;/div&gt;
+&lt;/div&gt;
+</pre>
+</div>
+
+<p><span id="result_box" lang="ca"><span>condueix</span> <span>al següent</span> <span>esquema</span><span>:</span></span></p>
+
+<pre>1. Forest elephants
+   1.1 Habitat
+</pre>
+
+<p>Els elements {{HTMLElement("div")}} no són obligatoris per definir una nova secció. La mera presència d'un element capçalera és suficient perquè  impliqui una nova secció. Per tant aixó,</p>
+
+<pre class="brush:xml">&lt;h1&gt;Forest elephants&lt;/h1&gt;
+  &lt;p&gt;In this section, we discuss the lesser known forest elephants.
+    ...this section continues...
+  &lt;h2&gt;Habitat&lt;/h2&gt;
+  &lt;p&gt;Forest elephants do not live in trees but among them.
+    ...this subsection continues...
+  &lt;h2&gt;Diet&lt;/h2&gt;
+&lt;h1&gt;Mongolian gerbils&lt;/h1&gt;
+</pre>
+
+<p>condueix al següent esquema:</p>
+
+<pre>1. Forest elephants
+   1.1 Habitat
+   1.2 Diet
+2. Mongolian gerbils
+</pre>
+
+<h2 id="Problemes_resolts_per_HTML5">Problemes resolts per HTML5</h2>
+
+<p>La definició d'HTML 4 de l'estructura d'un document i el seu algoritme d'esquematització implícit és molt perillos i condueix a nombrosos problemes:</p>
+
+<ol>
+ <li>L'ús de {{HTMLElement("div")}} per definir seccions semàntiques, sense definir valors específics per als atributs class fa impossible l'automatització de l'algoritme d'esquema ( "És que {{HTMLElement("div")}} part de la esquema de la pàgina, defineix una secció o un subsecció? "o" és només una presentació de {{HTMLElement ( "div")}}, unicament utilitzat per a l'estil? "). En altres termes, l'especificació HTML 4 és molt imprecisa en el que és una secció i com es defineix el seu àmbit. La generació automàtica dels esquemes és important, especialment per la <a class="external" href="http://en.wikipedia.org/wiki/Assistive_technology" title="http://en.wikipedia.org/wiki/Assistive_technology">tecnologia d'assistència</a>, que és possible adaptar-la a la forma en què es presenta la informació als usuaris, d'acord a l'estructura del document. HTML5 elimina la necessitat d'elements {{HTMLElement ( "div")}} de l'algoritme d'esquema mitjançant la introducció d'un nou element, {{HTMLElement("section")}}, l'element  HTML Section.</li>
+ <li>La fusió de diversos documents és difícil: la inclusió d'un sub-document en un document principal significa canviar el nivell de elements d'encapçalament HTML de manera que es mantigui l'esquema. Això es soluciona en HTML5 amb els elements de seccionament recentment introduïts ({{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}} i {{HTMLElement("aside")}}), són sempre subseccions de la secció del seu ancestre més proper, independentment de quines seccions són creades per les capçaleres internes.</li>
+ <li>En HTML 4, cada secció és part de l'esquema del document. Però els documents sovint no són tan lineals. Un document pot tenir seccions especials que contenen informació que no és part de, tot i que està relacionat amb el flux principal, com un bloc d'anunci o una caixa d'explicació. HTML 5 introdueix l'element {{HTMLElement("aside")}} que permet aquestes seccions per no ser part de l'esquema principal.</li>
+ <li>Un cop més, en HTML 4, ja que cada secció és part de l'esquema del document, no hi ha manera de tenir seccions que continguin informació relacionada no amb el document, sinó a tot el lloc, com logotips, menús, taula de continguts, o la informació de copyright i avisos legals . Amb aquesta finalitat, HTML 5 introdueix tres nous elements: {{HTMLElement("nav")}} per a les col·leccions d'enllaços, com una taula de continguts, {{HTMLElement("footer")}} i {{HTMLElement("header")}} per obtenir informació relacionada amb el lloc. Recordeu que {{HTMLElement("header")}} i {{HTMLElement("footer")}} no seccionan el contingut com {{HTMLElement("section")}}, sinó que hi són per a marcar semànticament parts d'una secció.</li>
+</ol>
+
+<p>De manera més general, HTML5 aporta precisió a les característiques de seccionament i encapçalament, permetent que l'esquema del document pogui ser predictible i utilitzat pel navegador per millorar l'experiència de l'usuari.</p>
+
+<h2 id="Algoritme_d'esquema_HTML5">A<span class="short_text" id="result_box" lang="ca"><span>lgoritme</span> <span>d'esquema</span> <span>HTML5</span></span></h2>
+
+<p>Anem a considerar els algoritmes subjacents la forma en que HTML s'encarrega de les seccions i esquemes.</p>
+
+<h3 id="Definir_seccions">Definir seccions</h3>
+
+<p>Tot el contingut situat a l'interior de l'element {{HTMLElement("body")}} és part d'una secció. Les seccions en HTML5 es poden niar. Al costat de la secció principal, definit per l'element {{HTMLElement("body")}}, els límits de secció es defineixen de manera explícita o implícita. Les seccions definides de forma explícita, són els continguts dins de les etiquetes {{HTMLElement("body")}},  {{HTMLElement("section")}},  {{HTMLElement("article")}},  {{HTMLElement("aside")}} i {{HTMLElement("nav")}}.</p>
+
+<div class="note">Cada secció pot tenir la seva pròpia jerarquia de encapçalaments. Per tant, fins i tot una secció niada pot tenir un {{HTMLElement("h1")}}. Veure {{anch("Defining headings")}}</div>
+
+<p>Vegem un exemple - aquí tenim un document amb una secció de nivell superior i un peu de pàgina definit. Dins de la secció de nivell superior tenim tres subseccions, que es defineixen per dos elements {{htmlelement("section")}} i un element {{htmlelement("aside")}}:</p>
+
+<pre class="brush:xml">&lt;section&gt;
+
+  &lt;h1&gt;Forest elephants&lt;/h1&gt;
+
+  &lt;section&gt;
+    &lt;h1&gt;Introduction&lt;/h1&gt;
+    &lt;p&gt;In this section, we discuss the lesser known forest elephants.&lt;/p&gt;
+  &lt;/section&gt;
+
+  &lt;section&gt;
+    &lt;h1&gt;Habitat&lt;/h1&gt;
+    &lt;p&gt;Forest elephants do not live in trees but among them.&lt;/p&gt;
+  &lt;/section&gt;
+
+  &lt;aside&gt;
+    &lt;p&gt;advertising block&lt;/p&gt;
+  &lt;/aside&gt;
+
+&lt;/section&gt;
+
+&lt;footer&gt;
+  &lt;p&gt;(c) 2010 The Example company&lt;/p&gt;
+&lt;/footer&gt;</pre>
+
+<p>Això ens porta al següent esquema::</p>
+
+<pre>1. Forest elephants
+   1.1 Introduction
+   1.2 Habitat
+</pre>
+
+<h3 id="Definir_encapçalaments">Definir encapçalaments</h3>
+
+<p>Mentre que els elements de seccionament HTML defineixen l'estructura del document, un esquema també necessita encapçalaments per ser útil. La regla bàsica és simple: el primer element d'encapçalament HTML (un de {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}})) defineix el encapçalament de la secció actual.</p>
+
+<p>Els elements de capçalera tenen un <em>rang</em> donat pel nombre en el nom de l'element, on {{HTMLElement ("h1")}} té el rang més <em>alt</em>, i {{HTMLElement ("H6")}} té el rang més <em>baix</em>. Temes de classificació relativa només dins d'una secció; l'estructura de les seccions determina el esquema, no el rang d'encapçalament de les seccions. Per exemple, considereu aquest codi:</p>
+
+<pre class="brush:xml">&lt;section&gt;
+  &lt;h1&gt;Forest elephants&lt;/h1&gt;
+  &lt;p&gt;In this section, we discuss the lesser known forest elephants.
+    ...this section continues...
+  &lt;section&gt;
+    &lt;h2&gt;Habitat&lt;/h2&gt;
+    &lt;p&gt;Forest elephants do not live in trees but among them.
+        ...this subsection continues...
+  &lt;/section&gt;
+&lt;/section&gt;
+&lt;section&gt;
+  &lt;h3&gt;Mongolian gerbils&lt;/h3&gt;
+  &lt;p&gt;In this section, we discuss the famous mongolian gerbils.
+     ...this section continues...
+&lt;/section&gt;</pre>
+
+<p>Aixó crea el següent esquema:</p>
+
+<pre>1. Forest elephants
+   1.1 Habitat
+2. Mongolian gerbils</pre>
+
+<p>Recordeu que el rang de l'element d'encapçalament (en l'exemple {{HTMLElement("h1")}} per a la primera secció de nivell superior, {{HTMLElement("h2")}} per a la subsecció i {{HTMLElement("h3")}} per a la segona secció de nivell superior) no és important. (Qualsevol rang es pot utilitzar com l'encapçalament d'una secció definida de manera explícita, encara que no es recomana aquesta pràctica.)</p>
+
+<h3 id="Seccionament_implícit">Seccionament implícit</h3>
+
+<p>A causa que el Seccionament d'elements HTML5 no són obligatoris per definir un esquema, per mantenir la compatibilitat amb la web existent, dominat per HTML 4, hi ha una manera de definir seccions sense ells. Això es diu <em>seccionament implícit</em>.</p>
+
+<p>Els elements de capçalera ({{HTMLElement("h1")}} a {{HTMLElement("h6")}}) defineixen una nova secció implícita, quan no són el primer encapçalament de les seccions explícites dels seue pares. La forma implícita d'aquesta secció es posiciona en l'esquema que es defineix per la seu rang relatiu amb l'encapçalat anterior en la seva secció per a pares. Si es tracta d'un rang inferior al de l'encapçalat anterior, s'obre una subsecció de la secció implícita. Aquest codi:</p>
+
+<pre class="brush:xml">&lt;section&gt;
+  &lt;h1&gt;Forest elephants&lt;/h1&gt;
+  &lt;p&gt;In this section, we discuss the lesser known forest elephants.
+    ...this section continues...
+  &lt;h3 class="implicit subsection"&gt;Habitat&lt;/h3&gt;
+  &lt;p&gt;Forest elephants do not live in trees but among them.
+    ...this subsection continues...
+&lt;/section&gt;</pre>
+
+<p><span id="result_box" lang="ca"><span>condueix</span> <span>al següent</span> <span>esquema</span><span>:</span></span></p>
+
+<pre>1. Forest elephants
+   1.1 Habitat <em>(implicitly defined by the h3 element)</em>
+</pre>
+
+<p>Si es tracta del mateix rang que l'encapçalat anterior, es tanca la secció anterior (que pot haver estat explícit!) I s'obre una nova implícita en el mateix nivell: </p>
+
+<pre class="brush:xml">&lt;section&gt;
+  &lt;h1&gt;Forest elephants&lt;/h1&gt;
+  &lt;p&gt;In this section, we discuss the lesser known forest elephants.
+    ...this section continues...
+  &lt;h1 class="implicit section"&gt;Mongolian gerbils&lt;/h1&gt;
+  &lt;p&gt;Mongolian gerbils are cute little mammals.
+    ...this section continues...
+&lt;/section&gt;</pre>
+
+<p><span id="result_box" lang="ca"><span>condueix</span> <span>al següent</span> <span>esquema</span><span>:</span></span></p>
+
+<pre>1. Forest elephants
+2. Mongolian gerbils <em>(implicitly defined by the h1 element, which closed the previous section at the same time)</em>
+</pre>
+
+<p>Si es tracta d'un rang més alt que l'encapçalat anterior, es tanca la secció anterior i s'obre una nova implícita en el nivell superior:</p>
+
+<pre class="brush:xml">&lt;body&gt;
+  &lt;h1&gt;Mammals&lt;/h1&gt;
+  &lt;h2&gt;Whales&lt;/h2&gt;
+  &lt;p&gt;In this section, we discuss the swimming whales.
+    ...this section continues...
+  &lt;section&gt;
+    &lt;h3&gt;Forest elephants&lt;/h3&gt;
+    &lt;p&gt;In this section, we discuss the lesser known forest elephants.
+      ...this section continues...
+    &lt;h3&gt;Mongolian gerbils&lt;/h3&gt;
+      &lt;p&gt;Hordes of gerbils have spread their range far beyond Mongolia.
+         ...this subsection continues...
+    &lt;h2&gt;Reptiles&lt;/h2&gt;
+      &lt;p&gt;Reptiles are animals with cold blood.
+          ...this section continues...
+  &lt;/section&gt;
+&lt;/body&gt;</pre>
+
+<p><span id="result_box" lang="ca"><span>condueix</span> <span>al següent</span> <span>esquema</span><span>:</span></span></p>
+
+<pre>1. Mammals
+   1.1 Whales <em>(implicitly defined by the h2 element)</em>
+   1.2 Forest elephants <em>(explicitly defined by the section element)</em>
+   1.3 Mongolian gerbils <em>(implicitly defined by the h3 element, which closes the previous section at the same time)</em>
+2. Reptiles <em>(implicitly defined by the h2 element, which closes the previous section at the same time)</em>
+</pre>
+
+<p>Aquest no és l'esquema que es podria esperar fent una ullada ràpida a les etiquetes d'encapçalament. Per fer un marcat humà comprensible, és una bona pràctica utilitzar etiquetes explícites per a l'obertura i tancament de seccions, i per a que coincideixi amb el rang d'encapçalament a nivell de niament de secció previst. No obstant això, no és requerit per l'especificació HTML5. Si trobeu que els navegadors mostran el seu esquema de document de manera inesperada, comproveu si té seccions que es tanquen de manera implícita pels elements d'encapçalament.</p>
+
+<p>Una excepció a la regla general és que el rang d'encapçalament ha de coincidir amb el nivell de niament de secció, és per a les seccions que poden ser reutilitzades en múltiples documents. Per exemple, una secció podria ser emmagatzemada en un sistema de gestió de continguts i muntada en documents en temps d'execució. En aquest cas, una bona pràctica és començar per {{HTMLElement("h1")}} per al nivell d'encapçalament superior de la secció reutilitzable. El nivell de niament de la secció reutilitzable serà determinat per la jerarquia de les seccions del document en què apareix. Les etiquetes de secció explícites són encara útils en aquest cas.</p>
+
+<h3 id="Arrels_de_seccionament"><a name="sectioning_root">Arrels de seccionament</a></h3>
+
+<p>Una <a id="sectioning root" name="sectioning root">arrel de seccionament</a> és un element HTML que pot tenir el seu propi esquema, però les seccions i encapçalaments en el seu interior no contribueixen a l'esquema del seu ancestre. Al costat de {{HTMLElement("body")}} que és l'arrel de seccionament lògica d'un document, aquests són sovint elements que introdueixen contingut extern a la pàgina: {{HTMLElement("blockquote")}}, {{HTMLElement("details")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("figure")}} i {{HTMLElement("td")}}.</p>
+
+<p>Exemple:</p>
+
+<pre class="brush:xml">&lt;section&gt;
+  &lt;h1&gt;Forest elephants&lt;/h1&gt;
+  &lt;section&gt;
+    &lt;h2&gt;Introduction&lt;/h2&gt;
+    &lt;p&gt;In this section, we discuss the lesser known forest elephants&lt;/p&gt;
+  &lt;/section&gt;
+  &lt;section&gt;
+    &lt;h2&gt;Habitat&lt;/h2&gt;
+    &lt;p&gt;Forest elephants do not live in trees but among them. Let's
+       look what scientists are saying in "&lt;cite&gt;The Forest Elephant in Borneo&lt;/cite&gt;":&lt;/p&gt;
+    &lt;blockquote&gt;
+       &lt;h1&gt;Borneo&lt;/h1&gt;
+       &lt;p&gt;The forest element lives in Borneo...&lt;/p&gt;
+    &lt;/blockquote&gt;
+  &lt;/section&gt;
+&lt;/section&gt;
+</pre>
+
+<p>El resultat d'aquest exemple en el següent esquema:</p>
+
+<pre>1. Forest elephants
+   1.1 Introduction
+   1.2 Habitat</pre>
+
+<p>Aquest esquema no conté el esquema intern de l'element {{HTMLElement("blockquote")}}, que sent una citació externa, és una arrel de seccionament i aïlla el seu esquema intern.</p>
+
+<h3 id="Seccions_fora_de_l'esquema">Seccions fora de l'esquema</h3>
+
+<p>HTML 5 introdueix dos nous elements que permeten definir seccions que no pertanyen el esquema principal d'un document web:</p>
+
+<ol>
+ <li>L'element de secció HTML Aside ({{HTMLElement("aside")}}) defineix una secció que, encara que es relaciona amb l'element principal, no pertany al corrent principal, com un quadre d'explicació o un anunci. Té el seu propi esquema, però no pertany a la principal.</li>
+ <li>L'element de secció HTML de navegació ({{HTMLElement("nav")}}) defineix una secció que conté enllaços de navegació. Pot haver-hi diversos d'ells en un document, per exemple, una pàgina amb enllaços interns com una taula de continguts, i un altre amb el lloc d'enllaços de navegació. Aquests enllaços no són part del flux principal del document i esquema, i en general no són mostrats inicialment pels lectors de pantalla i tecnologies de suport similars.</li>
+</ol>
+
+<h3 id="Encapçalats_i_peus_de_pàgina">Encapçalats i peus de pàgina</h3>
+
+<p>HTML5 també introdueix dos nous elements que es poden utilitzar per marcar la capçalera i el peu de pàgina d'una secció:</p>
+
+<ol>
+ <li>L'element Header HTML ({{HTMLElement("header")}}) defineix una capçalera de la pàgina - en general conté el logotip i el nom del lloc i, possiblement, un menú horitzontal - o encapçalament de secció, que potser conté la capçalera de la secció, el nom de l'autor, etc.. {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}} i {{HTMLElement("nav")}} poden tenir la seva pròpia {{HTMLElement("header")}}. Malgrat el seu nom, no necessàriament es col·locat al començament de la pàgina o secció.</li>
+ <li>L'element Footer HTML ({{HTMLElement("footer")}}) defineix un peu de pàgina - en general conté el dret d'autor i avisos legals i, de vegades alguns enllaços - o secció de peu de pàgina, que potser conté la data de publicació de la secció, la informació de llicència, etc. {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}} i {{HTMLElement("nav")}} poden tenir el seu pròpi {{HTMLElement("footer")}}. Malgrat el seu nom, no necessàriament es col·locat al final de la pàgina o secció.</li>
+</ol>
+
+<p>Aquests no creen noves seccions en l'esquema, més aviat, marcan el contingut dins de les seccions de la pàgina.</p>
+
+<h2 id="Adreces_en_elements_de_seccionament">Adreces en elements de seccionament</h2>
+
+<p>L'autor d'un document, sovint, vol publicar alguna informació de contacte, com el nom i l'adreça de l'autor. HTML 4 permet això a través de l'element {{HTMLElement("address")}}, que s'ha ampliat en HTML5.</p>
+
+<p>Un document pot estar fet de diferentes seccions per diferents autors. Una secció d'un altre autor, que el de la pàgina principal, es defineix mitjançant l'element {{HTMLElement("article")}}. En conseqüència, l'element {{HTMLElement("address")}} està enllaçat al seu més proper ancestre {{HTMLElement("body")}} o {{HTMLElement("article")}}.</p>
+
+<h2 id="Usar_elements_HTML5_en_navegadors_no_HTML5">Usar elements HTML5 en navegadors no HTML5</h2>
+
+<p>Els elements de seccions i capçaleres han de treballar en la majoria dels navegadors no HTML5. Tot i que no són compatibles, no necessiten una interfície especial DOM i només necessiten un estil CSS específic com a elements desconeguts, que son, se'ls dóna estil amb <code>display:inline</code> per defecte:</p>
+
+<pre class="brush: css">section, article, aside, footer, header, nav, hgroup {
+  display:block;
+}
+</pre>
+
+<p>Per descomptat, el desenvolupador web els pot donar estil de manera diferent però tinguen en compte que en un navegador no HTML5, l'estil per defecte és diferent del que s'espera per a aquest tipus d'elements. També tingueu en compte que l'element {{HTMLElement("time")}} no s'ha inclòs, ja que l'estil predeterminat per a ell en un navegador no HTML 5 és el mateix que en un amb HTML5 compatible.</p>
+
+<p>Aquest mètode té les seves limitacions,  ja que alguns navegadors no permeten un estil d'elements no compatibles. Aquest és el cas d'Internet Explorer (versió 8 i anteriors), que necessiten un script específic per permetre això:</p>
+
+<pre class="brush:xml">&lt;!--[if lt IE 9]&gt;
+  &lt;script&gt;
+    document.createElement("header" );
+    document.createElement("footer" );
+    document.createElement("section");
+    document.createElement("aside"  );
+    document.createElement("nav"    );
+    document.createElement("article");
+    document.createElement("hgroup" );
+    document.createElement("time"   );
+  &lt;/script&gt;
+&lt;![endif]--&gt;</pre>
+
+<p>Aquest script significa que, en el cas d'Internet Explorer (8 i anteriors), el script ha d'estar habilitat per tal de mostrar els elements de seccionament HTML5 i de capçaleres correctament. Si no és així, no es mostraran, la qual cosa pot ser problemàtic, ja que aquests elements són propensos a definir l'estructura de la pàgina sencera. És per això que un element explícit {{HTMLElement( "noscript")}} ha de ser afegit per a aquest cas:</p>
+
+<pre class="brush:xml">&lt;noscript&gt;
+   &lt;strong&gt;Warning !&lt;/strong&gt;
+   Because your browser does not support HTML5, some elements are simulated using JScript.
+   Unfortunately your browser has disabled scripting. Please enable it in order to display this page.
+&lt;/noscript&gt;</pre>
+
+<p>Això ens porta al següent codi per permetre el suport dels elements de seccions HTML5 i capçaleres en els navegadors no HTML5, fins i tot per a Internet Explorer (8 i anteiors), amb un retorn adequat per al cas en què aquest últim navegador estigui configurat per no utilitzar scripts:</p>
+
+<pre class="brush:xml">&lt;!--[if lt IE 9]&gt;
+  &lt;script&gt;
+    document.createElement("header" );
+    document.createElement("footer" );
+    document.createElement("section");
+    document.createElement("aside"  );
+    document.createElement("nav"    );
+    document.createElement("article");
+    document.createElement("hgroup" );
+    document.createElement("time"   );
+  &lt;/script&gt;
+  &lt;noscript&gt;
+     &lt;strong&gt;Warning !&lt;/strong&gt;
+     Because your browser does not support HTML5, some elements are created using JavaScript.
+     Unfortunately your browser has disabled scripting. Please enable it in order to display this page.
+  &lt;/noscript&gt;
+&lt;![endif]--&gt;</pre>
+
+<h2 id="Conclusió">Conclusió</h2>
+
+<p>Els nous elements semàntics introduïts en HTML5 tene la capacitat de descriure l'estructura i l'esquema d'un document web d'una manera estàndard. Aporten una gran avantatge per a les persones que tenen navegadors HTML5 i que necessitan l'estructura per ajudar-los a entendre la pàgina, per exemple les persones que necessiten l'ajuda d'una mica de tecnologia d'assistència. Aquests nous elements semàntics són senzills d'usar i, amb molt poques càrregues, es poden fer funcionar també en els navegadors no HTML5. Per tant han de ser utilitzats sense restriccions.</p>
+
+<div>{{HTML5ArticleTOC()}}</div>
diff --git a/files/ca/web/guide/index.html b/files/ca/web/guide/index.html
new file mode 100644
index 0000000000..d8bb064439
--- /dev/null
+++ b/files/ca/web/guide/index.html
@@ -0,0 +1,56 @@
+---
+title: Web developer guides
+slug: Web/Guide
+tags:
+  - Guide
+  - Landing
+  - NeedsTranslation
+  - TopicStub
+  - Web
+translation_of: Web/Guide
+---
+<p><strong>Aquests articles proporcionen una guia pràctica d'informació per ajudar a fer ús de les tecnologies i les API específiques.</strong></p>
+
+<div class="row topicpage-table">
+<div class="section">
+<dl>
+ <dt class="landingPageList"><a href="/en-US/docs/Learn/HTML">HTML Àrea d'Aprenentatge</a></dt>
+ <dd class="landingPageList"><strong>HyperText Markup Language (HTML)</strong> és el nucli del llenguatge de gairebé tot el contingut web. La major part del que veieu a la pantalla en el vostre navegador es descrit, fonamentalment, amb l'ús d'HTML.</dd>
+ <dt class="landingPageList">  <a href="/en-US/docs/Learn/CSS">CSS Àrea d'Aprenentatge</a></dt>
+ <dd class="landingPageList"><span id="result_box" lang="ca"><span>Fulles</span> <span>d'estil en</span> <span>cascada</span> <span>(</span><span>CSS</span><span>)</span> <span>és</span> <span>un llenguatge de</span> <span>full d'estil</span> <span>s'utilitza</span> <span>per descriure la</span> <span>presentació</span> <span>d'un</span> <span>document</span> <span>escrit</span> <span>en HTML.</span></span></dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Events">Esdeveniments guia per a desenvolupador</a></dt>
+ <dd class="landingPageList">Esdeveniments es refereix tant a un patró de disseny utilitzat per al maneig asíncrona de diversos incidents que es produeixen en el curs de la vida d'una pàgina web i a la nomenclatura, la caracterització i l'ús d'un gran nombre d'incidents de diferents tipus</dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Graphics">Gràfics a la Web</a></dt>
+ <dd class="landingPageList">Els llocs web moderns i aplicacions sovint han de presentar gràfics de complexitat variable.</dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/API">Guia de les Web APIs</a></dt>
+ <dd class="landingPageList">Una llista de totes les API Web i el que fan.</dd>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/JavaScript" title="/en-US/docs/JavaScript">JavaScript</a></dt>
+ <dd>JavaScript és un potent llenguatge de scripting usat per crear aplicacions per a la Web.</dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Localizations_and_character_encodings">Localizacions i codificaciones de caràcter</a></dt>
+ <dd class="landingPageList">Els navegadors procesan el text internament com Unicode. No obstant això, una forma de representar caràcters en termes de bytes (codificació de caràcters) s'utilitza per a la transferència de text a través de la xarxa al navegador. The <a class="external external-icon" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#charset">L'especificació HTML recomana l'ùs de la codificació UTF-8 </a> (que pot representar a tots Unicode), i independentment de la codificació utilitzada requereix de contingut web per declarar aquesta codificació.</dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Mobile">Mòvil Desenvolupament Web</a></dt>
+ <dd class="landingPageList">Aquesta pàgina ofereix una visió general d'algunes de les principals tècniques necessàries per dissenyar llocs web que funcionen correctament en dispositius mòbils. Si esteu buscant informació sobre el projecte Firefox OS de Mozilla, vegeu la pàgina de <a href="https://developer.mozilla.org/en/Mozilla/Firefox_OS" title="Boot to Gecko">Firefox OS</a>. O si esteu interessat en els detalls sobre <a href="https://developer.mozilla.org/en/Mozilla/Firefox_for_Android">Firefox per Android</a>.</dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Performance">Optimització i rendiment</a></dt>
+ <dd class="landingPageList">En la construcció d'aplicacions i llocs web moderns, és important que el seu contingut funcioni de forma ràpida i eficient. Això permetrà que es realitzi de manera efectiva tant per als potents sistemes d'escriptori com per els dispositius portatils més febles.</dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Parsing_and_serializing_XML">Anàlisi i serialització XML</a></dt>
+ <dd class="landingPageList">La plataforma web ofereix diferents mètodes d'anàlisi sintàctica i la serialització XML, cadascun amb els seus propis avantatges i desavantatges.</dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/WOFF">La Web Open Font Format (WOFF)</a></dt>
+ <dd class="landingPageList"><strong>WOFF</strong> (<strong>Web Open Font Format</strong>) és un format d'arxiu font que és lliure perquè qualsevol el faci servir a la web.</dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects">L'ùs d'objectes FormData</a></dt>
+ <dd class="landingPageList">L'objecte <a href="https://developer.mozilla.org/en/DOM/XMLHttpRequest/FormData"><code>FormData</code></a> permet compilar un conjunt de parells clau/valor per enviar mitjançant XMLHttpRequest. Està destinat principalment a l'enviament de dades de formularis, però pot ser utilitzat independentment dels formularis per tal de transmetre dades codificades. La transmissió està en el mateix format que el mètode submit() dels formularis per enviar les dades del formulari si el tipus de codificació s'estableix en "multipart/form-data".</dd>
+ <dt class="landingPageList"><a href="/en-US/docs/Glossary">Glossari</a></dt>
+ <dd class="landingPageList">Defineix nombrosos termes tècnics relacionats amb la Web i Internet.</dd>
+</dl>
+</div>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Reference" title="/en-US/docs/Web/Reference">Web Developer Reference</a></li>
+</ul>
diff --git a/files/ca/web/html/block-level_elements/index.html b/files/ca/web/html/block-level_elements/index.html
new file mode 100644
index 0000000000..91cfcad2de
--- /dev/null
+++ b/files/ca/web/html/block-level_elements/index.html
@@ -0,0 +1,127 @@
+---
+title: Elements a nivell de bloc
+slug: Web/HTML/Block-level_elements
+translation_of: Web/HTML/Block-level_elements
+---
+<p>Els elements HTML (<strong>HyperText Markup Language</strong>) són normalment elements "en bloc" o <a href="https://developer.mozilla.org/en-US/docs/HTML/Inline_elements">elements "en línia"</a>. Un element en bloc ocupa tot l'espai del seu element pare (contenidor), creant així un "bloc". Aquest article ajuda a explicar el que això significa.</p>
+
+<p><span id="result_box" lang="ca"><span>Els</span> <span>navegadors</span> <span>solen mostrar</span> <span>l'element a</span> <span>nivell</span> <span>de bloc</span> <span>amb</span> <span>un salt de</span> <span>línia abans</span> <span>i</span> <span>després de l'element</span><span>.</span> <span>Es</span> <span>pot</span> <span>visualitzar</span> <span>com una pila</span> <span>de caixes.</span> <span>El següent</span> <span>exemple</span> <span>demostra la influència</span> <span>de l'element</span> <span>en bloc</span><span>:</span></span></p>
+
+<h2 id="Block-level_Example" name="Block-level_Example"><span style="color: #333333; margin-left: -3px; text-transform: none;">Elements en Bloc</span></h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;This paragraph is a block-level element; its background has been colored to display the paragraph's parent element.&lt;/p&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">p { background-color: #8ABB55; }
+</pre>
+
+<p>{{ EmbedLiveSample('Block-level_Example') }}</p>
+
+<h2 id="Ús">Ús</h2>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Els Elements</span> <span>en bloc</span> <span>poden aparèixer</span> <span>només</span> <span>dins d'un element</span></span> {{ HTMLElement("body") }}.</li>
+</ul>
+
+<h2 id="En_bloc_vs._En_línia">En bloc vs. En línia</h2>
+
+<p>Hi ha un parell de diferències clau entre els elements en bloc i els elements en línia:</p>
+
+<dl>
+ <dt>Formateig</dt>
+ <dd>Per defecte, els elements de bloc comencen en línies noves, però els elements en línia poden començar en qualsevol part d'una línia.</dd>
+ <dt>Model de contingut</dt>
+ <dd>En general, els elements de bloc poden contenir elements en línia i altres elements en bloc. Inherent a aquesta distinció estructural és la idea que els elements de bloc creen estructures "més gran" que els elements en línia.</dd>
+</dl>
+
+<p>La distinció entre els elements en bloc vs. línia s'utilitza en les especificacions d'HTML fins 4.01. En HTML5, aquesta distinció binària se substitueix amb un conjunt més complex de <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories">categories de contingut</a>. La categoria "en bloc" correspon aproximadament a la categoria de <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a> en HTML 5, mentre que "en línia" es correspon amb el <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Phrasing_content">contingut fraseig</a>, però hi ha categories addicionals.</p>
+
+<h2 id="Elements">Elements</h2>
+
+<p>La següent és una llista completa de tots els elements HTML de bloc (encara que "a nivell de bloc" no es defineix tècnicament per als elements que són nous en HTML5).</p>
+
+<div class="threecolumns">
+<dl>
+ <dt>{{ HTMLElement("address") }}</dt>
+ <dd><span class="short_text" id="result_box" lang="ca"><span>Informació de contacte</span></span></dd>
+ <dt>{{ HTMLElement("article") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd>Contingut Article.</dd>
+ <dt>{{ HTMLElement("aside") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd>Contingut  Aside.</dd>
+ <dt>{{ HTMLElement("blockquote") }}</dt>
+ <dd>Cita extensa ("bloc").</dd>
+ <dt>{{ HTMLElement("br") }}</dt>
+ <dd>Salt de línia.</dd>
+ <dt>{{ HTMLElement("canvas") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd>Gràfic canvas.</dd>
+ <dt>{{ HTMLElement("dd") }}</dt>
+ <dd><span id="result_box" lang="ca"><span>Descripció </span><span>Definició.</span></span></dd>
+ <dt>{{ HTMLElement("div") }}</dt>
+ <dd>Divisió document.</dd>
+ <dt>{{ HTMLElement("dl") }}</dt>
+ <dd>Llista de definicions.</dd>
+ <dt>{{ HTMLElement("fieldset") }}</dt>
+ <dd>Etiquetes de camp.</dd>
+</dl>
+
+<dl>
+ <dt>{{ HTMLElement("figcaption") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd>Llegenda de la imatge.</dd>
+ <dt>{{ HTMLElement("figure") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd><span class="short_text" id="result_box" lang="ca"><span>Contingut</span> <span>multimèdia,</span> <span>grups</span> <span>amb</span> <span>una llegenda</span></span> (veure {{ HTMLElement("figcaption") }}).</dd>
+ <dt>{{ HTMLElement("footer") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd><span class="short_text" id="result_box" lang="ca"><span>Secció</span> <span>o peu</span> <span>de pàgina.</span></span></dd>
+ <dt>{{ HTMLElement("form") }}</dt>
+ <dd>Formulari d'entrada.</dd>
+ <dt>{{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}</dt>
+ <dd>Nivells de capçalera 1-6.</dd>
+ <dt>{{ HTMLElement("header") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd><span id="result_box" lang="ca"><span>Secció</span> <span>o encapçalament</span> <span>de pàgina.</span></span></dd>
+ <dt>{{ HTMLElement("hgroup") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd>
+ <div class="textArea" id="destText" style="direction: ltr;">
+ <div><span id="ouHighlight__14_24TO0_9">Informació</span><span id="noHighlight_0.4118407506703824"> de </span><span class="highlighted" id="ouHighlight__7_12TO14_22">capçalera</span><span id="noHighlight_0.5902863558947251"> de </span><span id="ouHighlight__0_5TO27_31">grups</span><span id="noHighlight_0.5463873009180821">.</span></div>
+ </div>
+ </dd>
+ <dt>{{ HTMLElement("hr") }}</dt>
+ <dd><span id="result_box" lang="ca"><span>Regla</span> <span>horitzontal</span> <span>(</span><span>línia</span> <span>divisòria</span><span>)</span><span>.</span></span></dd>
+ <dt>{{ HTMLElement("li") }}</dt>
+ <dd>Element de la llista..</dd>
+ <dt>{{ HTMLElement("main") }}</dt>
+ <dd>Conté el contingut central únic per aquest document.</dd>
+ <dt>{{ HTMLElement("nav") }}</dt>
+ <dd><span id="result_box" lang="ca"><span>Conté</span> <span>enllaços</span> <span>de navegació.</span></span></dd>
+</dl>
+
+<dl>
+ <dt>{{ HTMLElement("noscript") }}</dt>
+ <dd>Contingut d'ùs si scripting no és compatible o apagat.</dd>
+ <dt>{{ HTMLElement("ol") }}</dt>
+ <dd>Llista ordenada.</dd>
+ <dt>{{ HTMLElement("output") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd>Formulari de sortida.</dd>
+ <dt>{{ HTMLElement("p") }}</dt>
+ <dd>Paràgraf.</dd>
+ <dt>{{ HTMLElement("pre") }}</dt>
+ <dd>Text amb format predefinit.</dd>
+ <dt>{{ HTMLElement("section") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd><span id="result_box" lang="ca"><span>Secció d'una</span> <span>pàgina</span> <span>web.</span></span></dd>
+ <dt>{{ HTMLElement("table") }}</dt>
+ <dd>Taula.</dd>
+ <dt>{{ HTMLElement("tfoot") }}</dt>
+ <dd><span id="result_box" lang="ca">P<span>eu</span> <span>de pàgina de la taula</span></span>.</dd>
+ <dt>{{ HTMLElement("ul") }}</dt>
+ <dd>Llista desordenada.</dd>
+ <dt>{{ HTMLElement("video") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd><span id="result_box" lang="ca"><span>Reproductor</span> <span>de vídeo.</span></span></dd>
+</dl>
+</div>
+
+<h3 id="See_also" name="See_also">Veure</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/HTML/Inline_elements" title="en/HTML/Inline_elements">Elements en línia</a></li>
+</ul>
diff --git a/files/ca/web/html/element/a/index.html b/files/ca/web/html/element/a/index.html
new file mode 100644
index 0000000000..be0d62e025
--- /dev/null
+++ b/files/ca/web/html/element/a/index.html
@@ -0,0 +1,531 @@
+---
+title: <a>
+slug: Web/HTML/Element/a
+translation_of: Web/HTML/Element/a
+---
+<p>The <em>HTML <code>Anchor</code> Element</em> (<strong><code>&lt;a&gt;</code></strong>) defines a hyperlink to a location on the same page or any other page on the Web. It can also be used (in an obsolete way) to create an anchor point—a destination for hyperlinks within the content of a page, so that links aren't limited to connecting simply to the top of a page.</p>
+
+<pre class="brush: html">&lt;a href="https://developer.mozilla.org"&gt;MDN&lt;/a&gt;
+</pre>
+
+<ul class="htmlelt">
+ <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut interactiu, contingut palpable.</li>
+ <li><dfn>Contingut permès</dfn> <a href="/en-US/docs/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Transparent</a>, conté o <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">contingut de flux</a> o <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content"> phrasing content </a>.</li>
+ <li><dfn>Omissió de l'etiqueta</dfn> {{no_tag_omission}}</li>
+ <li><dfn>Elements pares permesos</dfn> Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>, o qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">contingut de flux</a>.</li>
+ <li><dfn>Interfície DOM</dfn> {{domxref("HTMLAnchorElement")}}</li>
+</ul>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span style="line-height: 21px;">Aquest element només inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt><strong>{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}</strong></dt>
+ <dd>This attribute, if present, indicates that the author intends the hyperlink to be used for downloading a resource so that when the user clicks on the link they will be prompted to save it as a local file. If the attribute has a value, the value will be used as the pre-filled file name in the Save prompt that opens when the user clicks on the link (the user can change the name before actually saving the file of course). There are no restrictions on allowed values (though / and \ will be converted to underscores, preventing specific path hints), but you should consider that most file systems have limitations with regard to what punctuation is supported in file names, and browsers are likely to adjust file names accordingly.
+ <div class="note">
+ <p><strong>Note: </strong></p>
+
+ <ul>
+  <li>Can be used with blob: URLs and data: URLs, to make it easy for users to download content that is generated programmatically using JavaScript (e.g. a picture created using an online drawing Web app.</li>
+  <li>If the HTTP header Content-Disposition: is present and gives a different filename than this attribute, the HTTP header has priority over this attribute.</li>
+  <li>If this attribute is present and Content-Disposition: is set to inline, Firefox gives priority to Content-Disposition, like for the filename case, while Chrome gives priority to the download attribute.</li>
+  <li>This attribute is only honored for links to resources with the same-origin.</li>
+ </ul>
+ </div>
+ </dd>
+ <dt><strong>{{htmlattrdef("href")}}</strong></dt>
+ <dd>This was the single required attribute for anchors defining a hypertext source link, but the attribute may now be omitted (as of HTML5) in order to create a placeholder link. A <a>placeholder link</a> presents itself like a traditional hyperlink but when activated does not result in redirection to a new page or a sub-section of the same document. The href is still required when specifying a link target, either a URL or a URL fragment. A URL fragment is a name preceded by a hash mark (#), which specifies an internal target location (an ID of an HTML element) within the current document. URLs are not restricted to Web (HTTP)-based documents. URLs might use any protocol supported by the browser. For example, file, ftp, and mailto work in most user agents.
+ <div class="note">
+ <p><strong>Note: </strong>You can use the special fragment "top" to create a link back to the top of the page; for example <a>href="#top"&gt;Return to top</a>. This behavior is specified by HTML5.</p>
+ </div>
+ </dd>
+ <dt><strong>{{htmlattrdef("hreflang")}}</strong></dt>
+ <dd>This attribute indicates the language of the linked resource. It is purely advisory. Allowed values are determined by BCP47 for HTML5 and by RFC1766 for HTML4. Use this attribute only if the {{htmlattrxref("href", "a")}} attribute is present.</dd>
+ <dt><strong>{{htmlattrdef("ping")}} {{HTMLVersionInline(5)}}</strong></dt>
+ <dd>The 'ping' attribute, if present, sends the URLs of the resources a notification/ping if the user follows the hyperlink.</dd>
+ <dt><strong>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</strong></dt>
+ <dd>A string indicating which referrer to use when fetching the resource:
+ <ul>
+  <li>'no-referrer' meaning that the Referer: header will not be sent.</li>
+  <li>'no-referrer-when-downgrade' meaning that no Referer: header will be sent when navigating to an origin without TLS (HTTPS). This is a user agent’s default behavior, if no policy is otherwise specified.</li>
+  <li>'origin' meaning that the referrer will be the origin of the page, that is roughly the scheme, the host and the port.</li>
+  <li>'origin-when-cross-origin' meaning that navigations to other origins will be limited to the scheme, the host and the port, while navigations on the same origin will include the referrer's path.</li>
+  <li>'unsafe-url' meaning that the referrer will include the origin and the path (but not the fragment, password, or username). This case is unsafe because it can leak origins and paths from TLS-protected resources to insecure origins.</li>
+ </ul>
+ </dd>
+ <dt><strong>{{htmlattrdef("rel")}}</strong></dt>
+ <dd>For anchors containing the href attribute, this attribute specifies the relationship of the target object to the link object. The value is a space-separated list of link types values. The values and their semantics will be registered by some authority that might have meaning to the document author. The default relationship, if no other is given, is void. Use this attribute only if the href attribute is present.</dd>
+ <dt><strong>{{htmlattrdef("target")}}</strong></dt>
+ <dd>This attribute specifies where to display the linked resource. In HTML4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings:
+ <ul>
+  <li>_self: Load the response into the same HTML4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.</li>
+  <li>_blank: Load the response into a new unnamed HTML4 window or HTML5 browsing context.</li>
+  <li>_parent: Load the response into the HTML4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.</li>
+  <li>_top: In HTML4: Load the response into the full, original window, canceling all other frames. In HTML5: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self.</li>
+ </ul>
+ Use this attribute only if the href attribute is present.
+
+ <div class="note">
+ <p><strong>Note: </strong>When using target you should consider adding rel="noopener noreferrer" to avoid exploitation of the window.opener API.</p>
+ </div>
+ </dd>
+ <dt><strong>{{htmlattrdef("type")}}</strong></dt>
+ <dd>This attribute specifies the media type in the form of a {{Glossary("MIME type")}} for the link target. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see http://www.w3.org/TR/html4/references.html#ref-MIMETYPES. Use this attribute only if the href attribute is present.</dd>
+</dl>
+
+<h3 id="Obsolete">Obsolete</h3>
+
+<dl>
+ <dt><strong>{{htmlattrdef("charset")}} {{obsoleteGeneric("inline","HTML5")}}</strong></dt>
+ <dd>This attribute defines the character encoding of the linked resource. The value is a space- and/or comma-delimited list of character sets as defined in RFC 2045. The default value is ISO-8859-1.
+<div class="note">
+ <p><strong>Usage note: </strong>This attribute is obsolete in HTML5 and should not be used by authors. To achieve its effect, use the HTTP Content-Type header on the linked resource.</p>
+</div>
+</dd>
+ <dt>{{htmlattrdef("coords")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt>
+ <dd>For use with object shapes, this attribute uses a comma-separated list of numbers to define the coordinates of the object on the page.
+</dd>
+ <dt><strong>{{htmlattrdef("name")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</strong></dt>
+ <dd>This attribute is required in an anchor defining a target location within a page. A value for name is similar to a value for the id core attribute and should be an alphanumeric identifier unique to the document. Under the HTML 4.01 specification, id and name both can be used with the <a> element as long as they have identical values.
+<div class="note">
+ <p><strong>Usage note: </strong> This attribute is obsolete in HTML5, use global attribute id instead.</p>
+</div>
+</a></dd><a>
+ <dt><strong>{{htmlattrdef("rev")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</strong></dt>
+ <dd>This attribute specifies a reverse link, the inverse relationship of the rel attribute. It is useful for indicating where an object came from, such as the author of a document.</dd>
+ <dt><strong>{{htmlattrdef("shape")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</strong></dt>
+ <dd>This attribute is used to define a selectable region for hypertext source links associated with a figure to create an image map. The values for the attribute are circle, default, polygon, and rect. The format of the coords attribute depends on the value of shape. For circle, the value is x,y,r where x and y are the pixel coordinates for the center of the circle and r is the radius value in pixels. For rect, the coords attribute should be x,y,w,h. The x,y values define the upper-left-hand corner of the rectangle, while w and h define the width and height respectively. A value of polygon for shape requires x1,y1,x2,y2,... values for coords. Each of the x,y pairs defines a point in the polygon, with successive points being joined by straight lines and the last point joined to the first. The value default for shape requires that the entire enclosed area, typically an image, be used.
+<div class="note">
+ <p><strong>Note: </strong>It is advisable to use the usemap attribute for the {{HTMLElement("img")}} element and the associated {{HTMLElement("map")}} element to define hotspots instead of the shape attribute.</p>
+</div>
+</dd>
+</a></dl><a>
+
+<h3 id="Non_standard">Non standard</h3>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</a><dl><a>
+<dt>{{htmlattrdef("datafld")}} {{Non-standard_inline}}</dt>
+ </a><dd><a>This attribute specifies the column name from that data source object that supplies the bound data.
+ </a><div class="note"><a>
+ </a><p><a><strong>Usage note: </strong>This attribute is non-standard and <strong>should not be used by authors</strong>. To achieve its effect, use scripting and a mechanism such as </a><a href="/en-US/docs/nsIXMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a> to populate the page dynamically</p>
+ </div>
+
+ <table class="fullwidth-table">
+  <tbody>
+   <tr>
+    <td rowspan="2">Support</td>
+    <td>Gecko</td>
+    <td>Presto</td>
+    <td>WebKit</td>
+    <td>Trident</td>
+   </tr>
+   <tr>
+    <td>Not implemented</td>
+    <td>Not implemented</td>
+    <td>Not implemented</td>
+    <td>IE4, IE5, IE6, IE7 (Removed in IE8)</td>
+   </tr>
+   <tr>
+    <td>Normative document</td>
+    <td colspan="4"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533703%28VS.85%29.aspx">Microsoft's Data Binding: dataFld Property (MSDN)</a></td>
+   </tr>
+  </tbody>
+ </table>
+ </dd>
+ <dt>{{htmlattrdef("datasrc")}} {{Non-standard_inline}}</dt>
+ <dd>This attribute indicates the ID of the data source object that supplies the data that is bound to this element.
+ <div class="note">
+ <p><strong>Usage note: </strong>This attribute is non-standard and <strong>should not be used by authors</strong>. To achieve its effect, use scripting and a mechanism such as <a href="/en-US/docs/nsIXMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a> to populate the page dynamically.</p>
+ </div>
+
+ <table class="fullwidth-table">
+  <tbody>
+   <tr>
+    <td rowspan="2">Support</td>
+    <td>Gecko</td>
+    <td>Presto</td>
+    <td>WebKit</td>
+    <td>Trident</td>
+   </tr>
+   <tr>
+    <td>Not implemented</td>
+    <td>Not implemented</td>
+    <td>Not implemented</td>
+    <td>IE4, IE5, IE6, IE7 (Removed in IE8)</td>
+   </tr>
+   <tr>
+    <td>Normative document</td>
+    <td colspan="4"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533709(VS.85).aspx" title="http://msdn.microsoft.com/en-us/library/ms533709(VS.85).aspx">Microsoft's Data Binding: dataSrc Property (MSDN)</a></td>
+   </tr>
+  </tbody>
+ </table>
+ </dd>
+ <dt>{{htmlattrdef("hreflang")}}</dt>
+ <dd>This attribute indicates the language of the linked resource. It is purely advisory. Allowed values are determined by <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a> for HTML5 and by <a class="external" href="http://www.ietf.org/rfc/rfc1766.txt" title="http://www.ietf.org/rfc/rfc1766.txt">RFC1766</a> for HTML4. Use this attribute only if the {{htmlattrxref("href", "a")}} attribute is present.</dd>
+ <dt>{{htmlattrdef("methods")}} {{Non-standard_inline}}</dt>
+ <dd>The value of this attribute provides information about the functions that might be performed on an object. The values generally are given by the HTTP protocol when it is used, but it might (for similar reasons as for the title attribute) be useful to include advisory information in advance in the link. For example, the browser might choose a different rendering of a link as a function of the methods specified; something that is searchable might get a different icon, or an outside link might render with an indication of leaving the current site. This attribute is not well understood nor supported, even by the defining browser, Internet Explorer 4. <a class="external" href="http://msdn.microsoft.com/en-us/library/ms534168(VS.85).aspx">Methods Property (MSDN)</a></dd>
+ <dt>{{htmlattrdef("name")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt>
+ <dd>This attribute is required in an anchor defining a target location within a page. A value for <strong>name</strong> is similar to a value for the <strong>id</strong> core attribute and should be an alphanumeric identifier unique to the document. Under the HTML 4.01 specification, <strong>id</strong> and <strong>name</strong> both can be used with the &lt;a&gt; element as long as they have identical values.
+ <div class="note">
+ <p><strong>Usage note:</strong> This attribute is obsolete in HTML5, use <a href="/en-US/docs/HTML/Global_attributes#attr-id" title="HTML/Global attributes#id">global attribute <strong>id</strong></a> instead.</p>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("rev")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt>
+ <dd>This attribute specifies a reverse link, the inverse relationship of the <strong>rel</strong> attribute. It is useful for indicating where an object came from, such as the author of a document.</dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("shape")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt>
+ <dd>This attribute is used to define a selectable region for hypertext source links associated with a figure to create an image map. The values for the attribute are <code>circle</code>, <code>default</code>, <code>polygon</code>, and <code>rect</code>. The format of the <strong>coords</strong> attribute depends on the value of shape. For <code>circle</code>, the value is <code>x,y,r</code> where <code>x</code> and <code>y</code> are the pixel coordinates for the center of the circle and <code>r</code> is the radius value in pixels. For <code>rect</code>, the <strong>coords</strong> attribute should be <code>x,y,w,h</code>. The <code>x,y</code> values define the upper-left-hand corner of the rectangle, while <code>w</code> and <code>h</code> define the width and height respectively. A value of <code>polygon</code> for <strong>shape</strong> requires <code>x1,y1,x2,y2,...</code> values for <strong>coords</strong>. Each of the <code>x,y</code> pairs defines a point in the polygon, with successive points being joined by straight lines and the last point joined to the first. The value <code>default</code> for shape requires that the entire enclosed area, typically an image, be used.
+ <div class="note"><strong>Note: </strong>It is advisable to use the <strong>usemap</strong> attribute for the {{HTMLElement("img")}} element and the associated {{HTMLElement("map")}} element to define hotspots instead of the <strong>shape</strong> attribute.</div>
+ </dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>This attribute specifies the media type in the form of a MIME type for the link target. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see <a class="linkification-ext external" href="http://www.w3.org/TR/html4/references.html#ref-MIMETYPES" title="Linkification: http://www.w3.org/TR/html4/references.html#ref-MIMETYPES">http://www.w3.org/TR/html4/references.html#ref-MIMETYPES</a>. Use this attribute only if the <strong>href</strong> attribute is present.</dd>
+ <dt>{{htmlattrdef("urn")}} {{Non-standard_inline}}</dt>
+ <dd>This supposedly Microsoft-supported attribute relates a uniform resource name (URN) with the link. While it is based on standards work years back, the meaning of URNs is still not well defined, so this attribute is meaningless. <a class="external" href="http://msdn.microsoft.com/en-us/library/ms534710(VS.85).aspx">urn Property (MSDN)</a></dd>
+</dl>
+
+<h2 id="Examples">Examples</h2>
+
+<h3 id="Linking_to_an_external_location">Linking to an external location</h3>
+
+<pre class="brush: html">&lt;!-- anchor linking to external file --&gt;
+&lt;a href="<a class="linkification-ext" href="http://www.mozilla.com/" title="Linkification: http://www.mozilla.com/">http://www.mozilla.com/</a>"&gt;
+External Link
+&lt;/a&gt;
+</pre>
+
+<h4 id="Result" name="Result">Result</h4>
+
+<p><a class="external" href="http://www.mozilla.com/">External Link</a></p>
+
+<h3 id="Linking_to_another_section_on_the_same_page">Linking to another section on the same page</h3>
+
+<pre class="brush: html">&lt;!-- anchor link to section on this page named id="attr-href" --&gt;
+&lt;a href="#attr-href"&gt;
+Description of Same-Page Links
+&lt;/a&gt;
+</pre>
+
+<h4 id="Result" name="Result">Result</h4>
+
+<p><a class="external" href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/a$edit#attr-href">Description of Same Page Links</a></p>
+
+<h3 id="Creating_a_clickable_image">Creating a clickable image</h3>
+
+<p>This small example use an image to link to the MDN home page. The home page will open in a new browsing context, that is a new page or a new tab.</p>
+
+<pre class="brush: html">&lt;a href="https://developer.mozilla.org/en-US/" target="_blank"&gt;
+  &lt;img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="MDN logo" /&gt;
+&lt;/a&gt;
+</pre>
+
+<h3 id="Result" name="Result">Result</h3>
+
+<figure>
+<p>{{EmbedLiveSample("Example.3A_Creating_a_clickable_image", "320", "64")}}</p>
+</figure>
+
+<h3 id="Creating_an_email_link">Creating an email link</h3>
+
+<p>It's common to create buttons or links that will open in the user's email program to allow them to send a new message. This is done by using a mailto link. Here's a simple example:</p>
+
+<pre class="brush: html">&lt;a href="mailto:nowhere@mozilla.org"&gt;Send email to nowhere&lt;/a&gt;</pre>
+
+<p>This results in a link that looks like this: <a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>.</p>
+
+<p>For additional details about the mailto URL scheme, such as how to include the subject, body, or other predetermined content, see <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Email_links">Email links</a> or {{RFC(6068)}}.</p>
+
+<h3 id="Creating_a_phone_link">Creating a phone link</h3>
+
+<p>With phones viewing web documents and laptops being connected to phones offering clickable phone links becomes increasingly helpful.</p>
+
+<pre class="brush: html">&lt;a href="tel:+491570156"&gt;+49 157 0156;/a&gt;
+</pre>
+
+<p>For additional details about the tel URL scheme, see {{RFC(2806)}} and {{RFC(2396)}}.</p>
+
+<h3 id="Using_the_download_attribute_to_save_a_canvas_as_a_PNG">Using the download attribute to save a canvas as a PNG</h3>
+
+<p>If you want to allow a user to download an HTML Canvas as an image you can create a link with a download attribute and the canvas data as a file URL:</p>
+
+<pre class="brush: js"><strong style="color: #000066; font-weight: bold;">var</strong> link <span style="color: #339933;">=</span> document.<span style="color: #660066;">createElement</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'a'</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
+link.<span style="color: #660066;">innerHTML</span> <span style="color: #339933;">=</span> <span style="color: #3366cc;">'download image'</span><span style="color: #339933;">;</span>
+link.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'click'</span><span style="color: #339933;">,</span> <strong style="color: #000066; font-weight: bold;">function</strong><span style="color: #009900;">(</span>ev<span style="color: #009900;">)</span> <span style="color: #009900;">{</span>
+    link.<span style="color: #660066;">href</span> <span style="color: #339933;">=</span> canvas.<span style="color: #660066;">toDataURL</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
+    link.<span style="color: #660066;">download</span> <span style="color: #339933;">=</span> <span style="color: #3366cc;">"mypainting.png"</span><span style="color: #339933;">;</span>
+<span style="color: #009900;">}</span><span style="color: #339933;">,</span> <strong style="color: #003366; font-weight: bold;">false</strong><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
+document.<span style="color: #660066;">body</span>.<span style="color: #660066;">appendChild</span><span style="color: #009900;">(</span>link<span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre>
+
+<p>You can see this in action <a href="http://jsfiddle.net/codepo8/V6ufG/2/">http://jsfiddle.net/codepo8/V6ufG/2/</a></p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-a-element', '&lt;a&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-a-element', '&lt;a&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.2', '&lt;a&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>href="#top"</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("10.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>download</td>
+   <td>{{CompatChrome("14")}}</td>
+   <td>{{CompatGeckoDesktop("20.0")}}</td>
+   <td>Edge 13 [5]</td>
+   <td>{{CompatOpera("15")}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><code>ping</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><code>referrerpolicy</code></td>
+   <td>{{CompatChrome(46.0)}} [3]</td>
+   <td>{{CompatGeckoDesktop("45")}} [4]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>href="#top"</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("10.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>download</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("20.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>ping</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>referrerpolicy</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(46.0)}} [3]</td>
+   <td>{{CompatGeckoMobile("45.0")}} [4]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(46.0)}} [3]</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Starting from Gecko 41 {{geckoRelease("41.0")}}, {{HTMLElement("a")}} without href attribute is no more classified as interactive content. Clicking it inside {{HTMLElement("label")}} will activate labelled content ({{bug(1167816)}}).</p>
+
+<p>[2] <a href="http://kb.mozillazine.org/Browser.send_pings">Disabled by default</a></p>
+
+<p>[3] Implemented behind a flag.</p>
+
+<p>[4] <a href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/14.14357">Attempting to download data URIs causes Edge to crash</a> until v14.14357.</p>
+
+<h2 id="Clicking_and_focus">Clicking and focus</h2>
+
+<p>Whether clicking on an {{HTMLElement("a")}} causes it to (by default) become focused varies by browser and OS.</p>
+
+<table>
+ <caption>Does clicking on an {{HTMLElement("a")}} give it the focus?</caption>
+ <tbody>
+  <tr>
+   <td>Navegadors d'escriptori</td>
+   <th>Windows 8.1</th>
+   <th>OS X 10.9</th>
+  </tr>
+  <tr>
+   <th>Firefox 30.0</th>
+   <td style="background-color: LawnGreen;">Sí</td>
+   <td style="background-color: LawnGreen;">Sí</td>
+  </tr>
+  <tr>
+   <th>Chrome ≥39<br>
+    (<a href="https://code.google.com/p/chromium/issues/detail?id=388666" title="Issue 388666: Focus anchor (A) elements on mousedown">Chromium bug 388666</a>)</th>
+   <td style="background-color: LawnGreen;">Sí</td>
+   <td style="background-color: LawnGreen;">Sí</td>
+  </tr>
+  <tr>
+   <th>Safari 7.0.5</th>
+   <td style="background-color: silver;">N/A</td>
+   <td style="background-color: yellow;">Només quan <code>tabindex</code><em> </em>està definit</td>
+  </tr>
+  <tr>
+   <th>Internet Explorer 11</th>
+   <td style="background-color: LawnGreen;">Sí</td>
+   <td style="background-color: silver;">N/A</td>
+  </tr>
+  <tr>
+   <th>Presto (Opera 12)</th>
+   <td style="background-color: LawnGreen;">Sí</td>
+   <td style="background-color: LawnGreen;">Sí</td>
+  </tr>
+ </tbody>
+</table>
+
+<table>
+ <caption>Does tapping on an {{HTMLElement("a")}} give it the focus?</caption>
+ <tbody>
+  <tr>
+   <td>Mobile Browsers</td>
+   <th>iOS 7.1.2</th>
+   <th>Android 4.4.4</th>
+  </tr>
+  <tr>
+   <th>Safari Mobile</th>
+   <td style="background-color: yellow;">Només quan <code>tabindex </code>està definit</td>
+   <td style="background-color: silver;">N/A</td>
+  </tr>
+  <tr>
+   <th>Chrome 35</th>
+   <td>???</td>
+   <td style="background-color: yellow;">Només quan <code>tabindex</code> està definit</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Notes">Notes</h2>
+
+<p>The following are reserved browser key bindings for the two major browsers and should not be used as values to accesskey: a, c, e, f, g, h, v, left arrow, and right arrow.</p>
+
+<p>HTML 3.2 defineix només <strong>name</strong>, <strong>href</strong>, <strong>rel</strong>, <strong>rev</strong>, i <strong>title</strong>.</p>
+
+<p>L'atribut <strong>target</strong> no està definit en navegadors que no suporten<em> frames</em>, com ara la generació de navegadors Netscape 1. Furthermore, target is not allowed under strict variants of <a href="/en-US/docs/XHTML" title="XHTML">XHTML</a> but is limited to frameset or transitional forms.</p>
+
+<h3 id="Recomanacions_per_JavaScript">Recomanacions per JavaScript</h3>
+
+<p>It is often the case that an anchor tag is used with the <code>onclick</code> event. In order to prevent the page from refreshing, <strong>href</strong> is often set to either "#" or "javascript:void(0)". Both of these values can lead to some unexpected errors when copying links and opening links in a new tab and/or window. Be aware of this for usability reasons, and when users do use anchor tags and you prevent default behavior.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements pertanyents a <a href="/en-US/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">text-level semantics</a>: {{HTMLElement("abbr")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/abbr/index.html b/files/ca/web/html/element/abbr/index.html
new file mode 100644
index 0000000000..8086ac2a23
--- /dev/null
+++ b/files/ca/web/html/element/abbr/index.html
@@ -0,0 +1,131 @@
+---
+title: <abbr>
+slug: Web/HTML/Element/abbr
+translation_of: Web/HTML/Element/abbr
+---
+<h2 id="Resum">Resum</h2>
+
+<p>L'<em>element HTML <code>&lt;abbr&gt;</code> </em> (de l'Anglès <em>Abbreviation Element</em>) representa una abreviació i opcionalment en proveeix una descripció completa. en cas de ser-hi present, l'atribut <code><strong>title</strong></code> ha de contenir la descripció completa i res més.</p>
+
+<p class="summary"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>p</span><span class="punctuation token">&gt;</span></span>I do <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>abbr</span> <span class="attr-name token">title</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Hypertext Markup Language<span class="punctuation token">"</span></span><span class="punctuation token">&gt;</span></span>HTML<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>abbr</span><span class="punctuation token">&gt;</span></span><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>p</span><span class="punctuation token">&gt;</span></span></code></p>
+
+<div class="line-number" style="top: 0px;"> </div>
+
+<p style="margin-top: -1.5em;"><small>Vegeu més exemples en detall en l'article <em><a href="https://developer.mozilla.org/en-US/Learn/HTML/Howto/Mark_abbreviations_and_make_them_understandable">How to mark abbreviations and make them understandable</a></em>.</small></p>
+
+<ul class="htmlelt">
+ <li><dfn>Interfície DOM</dfn>{{domxref("HTMLElement")}}</li>
+ <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, palpable content</li>
+ <li><dfn>Contingut permès</dfn><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a></li>
+ <li><dfn>Elements pares permesos</dfn> Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</li>
+</ul>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span style="line-height: 21px;">Aquest element només inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<p>Fer servir l'atribut {{htmlattrxref("title")}} per definir la descripció completa de la descripció de l'abreviació. Molts agents d'usuaris presenten això com un suggeriment.</p>
+
+<div class="note">
+<p><strong>Nota d'ús: </strong>En llengües amb nombres gramaticals (especialment les llengües amb més de dos nombres, com l'Àrab), utilitzeu el mateix nombre gramatical en el vostre atribut  <code>title</code> com dins del vostre element <code>&lt;abbr&gt;</code> .</p>
+</div>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-abbr-element', '&lt;abbr&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-abbr-element', '&lt;abbr&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#edef-ABBR', '&lt;abbr&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>2.0</td>
+   <td>{{CompatGeckoDesktop(1.0)}}</td>
+   <td>7.0</td>
+   <td>1.3</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
+
+<h2 id="Estil_per_defecte">Estil per defecte</h2>
+
+<p>L'objectiu d'aquest element és purament per la conveniència del autor i que tots els navegadors ho mostrin en línia ({{cssxref('display')}}<code>: inline</code>) per defecte, tot i que els estils per defectes varien d'un navegador a un altre:</p>
+
+<ul>
+ <li>Alguns navegadors, com l'Internet Explorer, no l'estilitzen de forma diferent a un element {{HTMLElement("span")}}.</li>
+ <li>Opera, Firefox, i altres navegadors afegeixen un subratllat de punts sota el contingut de l'element.</li>
+ <li>Uns quants navegadors no només afegeixen un subratllat de punts, sinó que també posen en versaletes; per evitar aquest estil, afegint alguna cosa com {{cssxref('font-variant')}}<code>: none</code> en el CSS es farà càrrec d'això.</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/Learn/HTML/Element/abbr">Utilitzar l'element &lt;abbr&gt;</a></li>
+ <li>Altres elements conveying <a href="/en-US/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">text-level semantics</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/acronym/index.html b/files/ca/web/html/element/acronym/index.html
new file mode 100644
index 0000000000..5101ea266d
--- /dev/null
+++ b/files/ca/web/html/element/acronym/index.html
@@ -0,0 +1,125 @@
+---
+title: <acronym>
+slug: Web/HTML/Element/acronym
+tags:
+  - Element
+  - HTML
+  - 'HTML:Flow content'
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/acronym
+---
+<div>{{obsolete_header}}</div>
+
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'element HTML acrònim  (<code>&lt;acronym&gt;</code>) permet als autors indicar clarament una seqüència de caràcters que componen un acrònim o l'abreviatura d'una paraula. Aquest element s'ha eliminat en HTML5. Utilitzar l'element {{HTMLElement("abbr")}}.</p>
+
+<div class="note">
+<p><strong>Nota d'ùs: </strong>Aquest element s'ha eliminat en HTML5 i no s'ha d'utilitzar més. En lloc d'això els desenvolupadors web han d'utilitzar l'element {{HTMLElement("abbr")}}.</p>
+</div>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>només </span><span>té</span></span> <a class="new " href="/en-US/docs/HTML/global_attributes" rel="internal" title="HTML/global attributes">atributs globals</a>  <span id="result_box" lang="ca"><span>que és comú a</span> <span>tots</span> <span>els</span> <span>elements.</span></span></p>
+
+<h2 id="DOM_Interface" name="DOM_Interface">Interfície DOM</h2>
+
+<p>Aquest element implementa la interície {{domxref('HTMLElement')}}.</p>
+
+<div class="note">Nota d'implementació<strong>: </strong>Fins Gecko 1.9.2 inclosos, Firefox implementa per a aquest element la interfície {{domxref('HTMLSpanElement')}}.</div>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<pre class="brush:html">&lt;p&gt;The &lt;acronym title="World Wide Web"&gt;WWW&lt;/acronym&gt; is only a component of the Internet.&lt;/p&gt;
+</pre>
+
+<h2 id="Default_styling" name="Default_styling">E<span class="short_text" id="result_box" lang="ca"><span>stil</span> <span>per defecte</span></span></h2>
+
+<p>Encara que el propòsit d'aquesta etiqueta és purament per a la comoditat de l'autor, el seu estil per defecte varia d'un navegador a un altre:</p>
+
+<ul>
+ <li>Alguns navegadors, com Internet Explorer, no té un estil diferent que un element {{HTMLElement("span")}} .</li>
+ <li>Opera, Firefox,Chrome i alguns altres afegeixen un subratllat de punts amb el contingut de l'element.</li>
+ <li>Uns navegadors no només afegeixen un subratllat de punts, sinó que també ho posen en versals; per evitar aquest estil, afegeixen alguna cosa com {{cssxref('font-variant')}}: <code>none</code> on el CSS s'encarregue d'aquest cas.</li>
+</ul>
+
+<p><span id="result_box" lang="ca"><span>Per</span> <span>tant</span><span>, es recomana</span> <span>encaridament</span> <span>que els</span> <span>autors</span> <span>web no</span> <span>confien </span> <span>totalment</span> <span>en l'estil</span> <span>predeterminat.</span></span></p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#edef-ACRONYM', '&lt;acronym&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>L'element HTML {{HTMLElement("abbr")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/address/index.html b/files/ca/web/html/element/address/index.html
new file mode 100644
index 0000000000..c583f49925
--- /dev/null
+++ b/files/ca/web/html/element/address/index.html
@@ -0,0 +1,161 @@
+---
+title: <address>
+slug: Web/HTML/Element/address
+tags:
+  - Element
+  - HTML
+  - HTML sections
+  - Refrència
+  - Web
+translation_of: Web/HTML/Element/address
+---
+<p id="Summary">{{HTMLRef}}</p>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">L'<strong>element HTML &lt;address&gt;</strong> proporciona informació de contacte per el seu element mes proper </span></span> {{HTMLElement("article")}} <span lang="ca"><span class="alt-edited"> o ancestre </span></span> {{HTMLElement("body")}} <span lang="ca"><span class="alt-edited">; en aquest últim cas, s'aplica a tot el document.</span></span></p>
+
+<div class="note">
+<p><strong>Nota d'us:</strong></p>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span class="alt-edited">Per representar una adreça arbitrària, que no està relacionada amb la informació de contacte, utilitzar un element</span></span> {{HTMLElement("p")}} <span id="result_box" lang="ca"><span class="alt-edited">en lloc de l'element</span></span> <span style="font-family: courier new;">&lt;address&gt;</span>.</li>
+ <li><span id="result_box" lang="ca"><span class="alt-edited">Aquest element no ha de contenir més informació que la informació de contacte, com una data de publicació (que pertany a un element</span></span> {{HTMLElement("time")}}).</li>
+ <li><span id="result_box" lang="ca"><span class="alt-edited">Normalment, un element &lt;address&gt; pot ser col·locat dins de l'element </span></span>{{HTMLElement("footer")}}<span lang="ca"><span class="alt-edited"> de la secció actual, si n'hi ha.</span></span></li>
+</ul>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux </a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, pero sense cap element <span style="font-family: courier new;">&lt;address&gt;</span> niu, sense continguts de capaçalera ({{HTMLElement("hgroup")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}), sense continguts de secció ({{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}), i sense elements {{HTMLElement("header")}} o {{HTMLElement("footer")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut de flux</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}} Abans de Gecko 2.0 (Firefox 4), Gecko implementa aquest element utilitzant la interficie {{domxref("HTMLSpanElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>només inclou el</span></span>s <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">  &lt;address&gt;
+    You can contact author at &lt;a href="http://www.somedomain.com/contact"&gt;www.somedomain.com&lt;/a&gt;.&lt;br&gt;
+    If you see any bugs, please &lt;a href="mailto:webmaster@somedomain.com"&gt;contact webmaster&lt;/a&gt;.&lt;br&gt;
+    You may also want to visit us:&lt;br&gt;
+    Mozilla Foundation&lt;br&gt;
+    1981 Landings Drive&lt;br&gt;
+    Building K&lt;br&gt;
+    Mountain View, CA 94043-0801&lt;br&gt;
+    USA
+  &lt;/address&gt;
+</pre>
+
+<p>Resultat del codi HTML:</p>
+
+<p><img alt="Image:HTML-address.png" src="/@api/deki/files/238/=HTML-address.png"></p>
+
+<p><span id="result_box" lang="ca"><span>Encara que</span> <span>l'element</span> address <span>representa</span> <span>el text</span> <span>amb</span> <span>el mateix estil</span> <span>predeterminat</span> <span>com el</span></span>s elements {{HTMLElement("i")}} o {{HTMLElement("em")}}, <span id="result_box" lang="ca"> <span>és</span> <span>més</span> <span>apropiat utilitzar-la</span> <span>quan</span> <span>es</span> <span>tracta</span> <span>d'informació</span> <span>de contacte,</span> <span>ja</span> <span>que transmet la</span> <span>informació</span> <span>semàntica</span> <span>addicional</span><span>.</span></span></p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'sections.html#the-address-element', '&lt;address&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'sections.html#the-address-element', '&lt;address&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.6', '&lt;address&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>1.0</td>
+   <td>5.12</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mini</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.7")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>relacionats</span> <span>amb</span> <span>la secció</span></span>: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("header")}};</li>
+ <li class="last"><a class="deki-ns current" href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i línies generals d'un document HTML5</a>.</li>
+</ul>
diff --git a/files/ca/web/html/element/applet/index.html b/files/ca/web/html/element/applet/index.html
new file mode 100644
index 0000000000..f46b9a3d63
--- /dev/null
+++ b/files/ca/web/html/element/applet/index.html
@@ -0,0 +1,121 @@
+---
+title: <applet>
+slug: Web/HTML/Element/applet
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/applet
+---
+<div>{{obsolete_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML Applet (<code>&lt;applet&gt;</code>) <span id="result_box" lang="ca"><span>identifica la</span> <span>inclusió</span> <span>d'un applet</span> <span>de Java</span></span> .</p>
+
+<div class="note">
+<p><strong>Nota d'ùs: </strong>Aquest element s'ha eliminat en HTML5 i no s'ha d'utilitzar més. En lloc d'això els desenvolupadors web han d'utilitzar l'element més genèric {{HTMLElement("object")}}.</p>
+</div>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<dl>
+ <dt>{{htmlattrdef("align")}}</dt>
+ <dd>Aquest atribut s'utilitza per posicionar l'applet a la pàgina en relació amb el contingut que podria fluir al seu voltant. L'especificació HTML 4.01 defineix els valors bottom, left, middle, right i top, mentre que Microsoft i Netscape també podrien donar suport <strong>absbottom, absmiddle, baseline, center</strong> i <strong>texttop</strong>.</dd>
+ <dt>{{htmlattrdef("alt")}}</dt>
+ <dd>Aquest atribut fa que un text descriptiu alternatiu es mostri en els navegadors que no suporten Java. Els dissenyadors de pàgines també han de recordar que el contingut inclòs dins de l'element <code>&lt;applet&gt;</code> també pot traduir-se com a text alternatiu.</dd>
+ <dt>{{htmlattrdef("archive")}}</dt>
+ <dd>Aquest atribut es refereix a una versió arxivada o comprimida de l'applet i els seus arxius de classes associats, el que podria ajudar a reduir el temps de descàrrega.</dd>
+ <dt>{{htmlattrdef("code")}}</dt>
+ <dd>Aquest atribut especifica la URL de l'arxiu de classe de l'applet per a ser carregat i executat. Els noms d'arxiu de l'applet s'identifiquen per una extensió d'arxiu .class. La direcció URL especificada pel codi podria ser relativa a l'atribut <code>codebase</code>.</dd>
+ <dt>{{htmlattrdef("codebase")}}</dt>
+ <dd>Aquest atribut proporciona la URL absoluta o relativa del directori on s'emmagatzemen els arxius applets' .class, referènciats per l'atribut code.</dd>
+ <dt>{{htmlattrdef("datafld")}}</dt>
+ <dd>Aquest atribut, suportat per Internet Explorer 4 i superior, especifica el nom de la columna de l'objecte d'origen de dades que subministra les dades consolidades. Aquest atribut es pot utilitzar per especificar els diversos elements {{HTMLElement("param")}} passats a l'applet de Java.</dd>
+ <dt>{{htmlattrdef("datasrc")}}</dt>
+ <dd>Igual que <code>datafld</code>, aquest atribut s'utilitza per a l'enllaç de dades en Internet Explorer 4. Indica l'id de l'objecte d'origen de dades que subministra les dades que estan enllaçades als elements {{HTMLElement("param")}} associats amb el applet.</dd>
+ <dt>{{htmlattrdef("height")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>l'altura,</span> <span>en píxels</span><span>,</span> <span>que l'applet</span> <span>necessita.</span></span></dd>
+ <dt>{{htmlattrdef("hspace")}}</dt>
+ <dd>Aquest atribut especifica l'espai horitzontal addicional, en píxels, que es reservarà a banda i banda del applet.</dd>
+ <dt>{{htmlattrdef("mayscript")}}</dt>
+ <dd>En la implementació de Netscape, aquest atribut permet l'accés a un applet de programes en un llenguatge de script incrustat en el document.</dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd>Aquest atribut assigna un nom a l'applet de manera que pugui ser identificat per altres recursos; en particular els scripts.</dd>
+ <dt>{{htmlattrdef("object")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>l'URL</span> <span>d'una representació</span> <span>serialitzada</span> <span>d'un applet</span><span>.</span></span></dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd>Tal com es defineix per a Internet Explorer 4 i superior, aquest atribut especifica una adreça URL d'un fitxer associat per l'applet. El significat i l'ús no està clar i no forma part de l'estàndard HTML.</dd>
+ <dt>{{htmlattrdef("vspace")}}</dt>
+ <dd>Aquest atribut especifica l'espai vertical addicional, en píxels, que es reserva per sobre i sota de l'applet.</dd>
+ <dt>{{htmlattrdef("width")}}</dt>
+ <dd>Aquest atribut especifica en píxels l'ample que l'applet necessita.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;applet code="game.class" align="left" archive="game.zip" height="250" width="350"&gt;
+  &lt;param name="difficulty" value="easy"&gt;
+  &lt;b&gt;Sorry, you need Java to play this game.&lt;/b&gt;
+&lt;/applet&gt;
+</pre>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mini</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes">Notes</h2>
+
+<p>L'especificació W3C no fomenta l'ús de <code>&lt;applet&gt;</code> i prefereix l'ús de l'etiqueta {{HTMLElement("object")}}. Sota la definició estricta d'HTML 4.01, aquest element no s'utilitza i està totalment obsolet en HTML5.</p>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/area/index.html b/files/ca/web/html/element/area/index.html
new file mode 100644
index 0000000000..4c4100d484
--- /dev/null
+++ b/files/ca/web/html/element/area/index.html
@@ -0,0 +1,247 @@
+---
+title: <area>
+slug: Web/HTML/Element/area
+translation_of: Web/HTML/Element/area
+---
+<p>El <em>element</em> <em>HTML<code> &lt;area&gt;</code> </em> <span id="result_box" lang="ca"><span class="alt-edited">defineix una regió dins d'una imatge, i, opcionalment, l'associa amb un </span></span>{{Glossary("Hyperlink", "hypertext link")}}. <span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>s'utilitza només</span> <span>dins d'un</span> <span>element</span></span> {{HTMLElement("map")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>
+    <p><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</p>
+   </td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és una {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ha de tenir </span><span>etiqueta d'inici</span> <span>i</span> <span>no ha de tenir</span> <span>etiqueta</span> <span>de tancament.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span></span> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>. El element <code>&lt;area&gt;</code> ha de tenir un ancestre {{HTMLElement("map")}}, <span id="result_box" lang="ca"><span>però no té</span> <span>per</span> <span>què ser un</span> <span>pare</span> <span>directa.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLAreaElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span style="line-height: 21px;">Aquest element inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("accesskey")}} {{HTMLVersionInline("4")}} solsament, {{obsolete_inline("5.0")}}</dt>
+ <dd>Especifica una tecla d'access de navegació per a l'element. Pressionant ALT o una tecla similar en associació amb el caràcter especificat selecciona el control de forma correlacionada amb la seqüència de tecles. Els dissenyadors de pàgines estan previnguts per evitar seqüències de tecles ja vinculades als navegadors. Aquest atribut és global des de HTML5.</dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("alt")}}</dt>
+ <dd>Una cadena de text alternativa, per visualitzar, en navegadors que no mostren les imatges. El text ha de redactar-se de manera que es presenta a l'usuari amb el mateix tipus d'elecció com la imatge oferiria quan apareix sense text alternatiu. En HTML 4, es requereix aquest atribut, però la cadena pot ser buida (""). En HTML5, es requereix aquest atribut només si s'utilitza l'atribut href.</dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("coords")}}</dt>
+ <dd><span id="result_box" lang="ca"><span class="alt-edited">Un conjunt de valors que especifiquen les coordenades de la regió. El nombre i el significat dels valors depenen del valor especificat per a l'atribut </span></span><strong>shape</strong>. Per un <code>rect</code> o rectangle, el valor <strong>coords</strong> son dos parelles x,y: left, top, right i bottom. Per un <code>circle</code>, el valor es <code>x,y,r</code> on <code>x,y</code> es una parella que defineix el centre del cercle i <code>r</code> es el valor del radi. Per un <code>poly</code> o poligon, el valor es un conjunt de parells x, y per cada punt en el poligon: <code>x1,y1,x2,y2,x3,y3,</code> i així succesivament. <span id="result_box" lang="ca"><span>En</span> <span>HTML</span> <span>4, els</span> <span>valors</span> <span>són nombres</span> <span>de píxels</span> <span>o percentatges,</span> <span>si s'afegeix</span> <span>un signe</span> <span>de percentatge</span> <span>(</span><span>%</span><span>)</span><span>;</span> <span>en HTML5</span><span>, els</span> <span>valors</span> <span>són nombres</span> <span>de píxels</span> <span>CSS.</span></span></dd>
+ <dt>{{htmlattrdef("download")}} {{HTMLVersionInline("5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut,</span> <span>si està</span> <span>present</span><span>, indica</span> <span>que l'autor</span> <span>proposa un</span> <span>hipervincle</span> <span>que s'utilitzarà</span> <span>per a la</span> <span>descàrrega d'un</span> <span>recurs.</span> <span>Veure</span> </span>{{HTMLElement("a")}}<span lang="ca"> <span>per a una</span> <span>descripció completa</span> <span>de l'atribut</span> <span>de </span></span>{{htmlattrxref("download", "a")}}.</dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("href")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El destí</span> <span>de</span> <span>hipervincle</span> <span>d</span></span>el element area. <span id="result_box" lang="ca"> <span>El seu valor</span> <span>és</span> <span>un URL vàlid</span><span>.</span> <span>En</span> <span>HTML</span> <span>4,</span> <span>ja</span> <span>sigui</span> <span>aquest</span> <span>atribut o</span> <span>l'atribut</span> <strong><span>nohref</span></strong> <span>han d'estar</span> <span>presents</span> <span>en l'element</span><span>.</span> <span>En</span> <span>HTML5,</span> <span>aquest</span> <span>atribut</span> <span>es</span> <span>pot</span> <span>ometre</span><span>;</span> <span>si</span> <span>és</span> <span>així</span><span>, l'element</span> <span>area</span> <span>no representa un</span> <span>enllaç</span></span>.</dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("hreflang")}} {{HTMLVersionInline("5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Indica</span> <span>l'idioma del</span> <span>recurs</span> <span>vinculat</span><span>.</span> <span>Els</span> <span>valors</span> <span>permesos són</span> <span>determinats</span> <span>per</span> <a href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a><span>.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span> <strong><span>href</span></strong> <span>és present.</span></span></dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("name")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Definir</span> <span>un nom</span> <span>per a l'àrea</span> <span>seleccionable</span> <span>de manera que pugui</span> <span>ser escrit</span> <span>pels navegadors</span> <span>antics.</span></span></dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("media")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Un mitjà de l'atribut media per els quals es va dissenyar el recurs vinculat, per exemple <code>print i screen</code>. <span id="result_box" lang="ca"><span>Si s'omet</span><span>, el valor predeterminat</span> es <span>per a tothom.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span> <strong><span>href</span></strong> <span>és present.</span></span></dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("nohref")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt>
+ <dd>Indica que no hi ha cap hipervincle per a l'àrea associada. Qualsevol d'aquest atribut o l'atribut <strong>href</strong> han d'estar presents en l'element.
+ <div class="note">
+ <p><strong>Nota d'ús</strong>: Aquest atribut és obsolet en HTML 5, en comptes, ometent l'atribut <strong>href</strong> és suficient.</p>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>cadena que</span> <span>indica</span> <span>el</span></span> referrer <span id="result_box" lang="ca"><span>per</span> <span>utilitzar</span> <span>en recuperar</span> <span>el recurs</span></span> :
+ <ul>
+  <li><code>"no-referrer"</code> significa que en el <code>Referrer:</code> la capçalera no s'enviarà.</li>
+  <li>"<code>no-referrer-when-downgrade</code>" significa que si no hi ha <code>Referrer</code>: la capçalera serà enviada al navegar a un origen sense TLS (HTTPS). Aquest és el comportament per defecte d'un agent d'usuari, si no hi ha política que especifiqui el contrari.</li>
+  <li><code>"origin"</code> <span id="result_box" lang="ca"><span>significa que</span> <span>el referrer</span> <span>serà l'origen</span> <span>de la pàgina,</span> <span>que és més o</span> <span>menys</span> <span>l'esquema</span><span>, el host</span> <span>i el port.</span></span></li>
+  <li>"origin-when-cross-origin" <span id="result_box" lang="ca"><span>significa que les</span> <span>navegacions</span> <span>d'altres orígens</span> <span>es</span> <span>limitaràn</span> <span>a l'esquema</span><span>, el</span> <span>host i</span> <span>el port</span><span>, mentre que les</span> <span>navegacions en</span> <span>el mateix origen</span> <span>inclouran el</span> <span>camí dels</span><span> referrer's.</span></span></li>
+  <li><code>"unsafe-url"</code> <span id="result_box" lang="ca"><span>significa</span> <span>que el referrer </span><span>inclourà</span> <span>l'origen i</span> <span>la ruta d'</span><span>accés</span> <span>(</span><span>però no</span> <span>el fragment</span><span>, la contrasenya</span> <span>o</span> <span>nom d'usuari</span><span>)</span><span>.</span> <span>Aquest cas no</span> <span>és</span> <span>segur</span><span>, ja que pot</span> <span>filtrar-se</span> <span>orígens</span> <span>i</span> <span>trajectòries</span> <span>dels recursos</span> <span>protegits</span><span>-</span><span>TLS</span> <span>a orígens</span> <span>insegurs.</span></span></li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("rel")}} {{HTMLVersionInline("5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Per als</span> <span>ancoratges que</span> <span>contenen</span> <span>l'atribut</span> <strong><span>href</span></strong><span>,</span> <span>aquest</span> <span>atribut</span> <span>especifica la relació</span> <span>de l'objecte</span> <span>de destinació</span> <span>per a l'objecte</span> <span>de vincle.</span> <span>El valor és</span> <span>una llista</span> <span>separada per</span> <span>comes dels</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors dels tipus d'enllaços</a><span>.</span> <span>Els</span> <span>valors i la seva</span> <span>semàntica</span> <span>seran</span> <span>registrades</span> <span>per alguna</span> <span>autoritat que</span> <span>podria haver</span> <span>significat</span> <span>l'autor del</span> <span>document.</span> <span>La relació</span> <span>per defecte,</span> <span>si</span> <span>no</span> es dóna<span> una altra</span><span>,</span> <span>és</span> <span>nul·la.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span> <strong><span>href</span></strong> <span>és present.</span></span></dd>
+ <dt>{{htmlattrdef("shape")}}</dt>
+ <dd><span id="result_box" lang="ca"><span class="alt-edited">La forma de la zona activa associada. Les especificacions per a HTML 5 i HTML 4 defineixen els valors<code> rect</code>, defineix una regió rectangular; <code>circle</code>, defineix una regió circular; <code>poly</code>, defineix un polígon; i per <code>defecte</code>, el que indica tota la regió més enllà de les formes definides. Molts navegadors, especialment Internet Explorer 4 i superior, suportan <code>circ, polygon</code>, i <code>rectangle</code> com a valors vàlids de <strong>shape</strong>; aquests valors són</span></span> {{Non-standard_inline}}.</dd>
+ <dt>{{htmlattrdef("tabindex")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Un valor</span> <span>numèric</span> <span>que especifica la</span> <span>posició</span> <span>de la zona definida</span> <span>en l'ordre</span> <span>de tabulació</span> <span>del  navegador.</span> <span>Aquest</span> <span>atribut</span> <span>és global</span> <span>en HTML5.</span></span></dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("target")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>el lloc per</span> <span>visualitzar el</span> <span>recurs</span> <span>vinculat</span><span>.</span> <span>En</span> <span>HTML</span> <span>4,</span> <span>aquest</span> <span>és</span> <span>el nom de,</span> <span>o una paraula</span> <span>clau</span> <span>per a un</span> <span>marc</span><span>.</span> <span>En</span> <span>HTML5</span><span>, que és un</span> <span>nom</span> <span>de</span><span>,</span> <span>o una paraula</span> <span>clau</span> <span>per a un</span> <em><span>context</span> <span>de navegació</span></em> <span>(</span><span>per</span> <span>exemple</span><span>, pestanya</span><span>, finestra</span> <span>o</span> <span>marc en</span> <span>línia</span><span>)</span><span>.</span> <span>Les</span> <span>següents</span> <span>paraules</span> <span>clau</span> <span>tenen</span> <span>un significat</span> <span>especial</span><span>:</span></span>
+ <ul>
+  <li><code>_self</code>: <span id="result_box" lang="ca"><span>Carrega la resposta en</span> <span>el mateix marc de</span> <span>HTML 4</span> <span>(</span><span>o</span> <span>context</span> <span>de navegació</span> en <span>HTML 5</span><span>)</span> <span>com l'actual.</span> <span>Aquest</span> <span>valor és el</span> <span>valor per</span> <span>defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li>
+  <li><code>_blank</code>: <span id="result_box" lang="ca"><span>Carregar</span> <span>la resposta</span> <span>en una nova finestra</span> <span>sense</span> <span>nom</span> <span>HTML</span> <span>4 o</span> <span>en un context</span> <span>de navegació</span> <span>HTML5.</span></span></li>
+  <li><code>_parent</code>: <span id="result_box" lang="ca"><span>Carregar</span> <span>la resposta en el</span> <span>conjunt</span> <span>de marcs</span> <span>pare</span> <span>HTML 4</span> <span>del quadre</span> <span>actual</span> <span>o</span> <span>HTML5</span> en el <span>context</span> <span>de navegació</span> <span>dels</span> <span>pares</span> <span>de</span> <span>l'actual.</span> <span>Si no hi ha</span> <span>pare</span><span>,</span> <span>aquesta</span> <span>opció</span> <span>es comporta de</span> <span>la mateixa manera que</span><code> <span>_self</span></code><span>.</span></span></li>
+  <li><code>_top</code>: In HTML4: Carregar la resposta sencera a la finestra original, cancel·lant tots els altres marcs. En HTML 5: Carregar la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li>
+ </ul>
+ <span id="result_box" lang="ca"><span class="alt-edited">Utilitzeu aquest atribut només si l'atribut <strong>href</strong> és present.</span></span></dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest atribut</span> <span>especifica</span> <span>el tipus de suport</span> <span>en forma d'un</span> <span>tipus MIME</span> <span>per a la destinació</span> <span>de l'enllaç.</span> <span>Generalment</span><span>, això</span> <span>proporciona</span> <span>informació</span> <span>estrictament</span> <span>com d'assessorament</span><span>;</span> <span>No obstant</span> <span>això, en el</span> <span>futur</span><span>, un navegador</span> <span>podria afegir</span> <span>una icona</span> <span>petit</span> <span>per a aquest</span> <span>tipus de mitjà.</span> <span>Per exemple</span><span>, un navegador</span> <span>podria afegir</span> <span>una petita icona</span> <span>de l'altaveu</span> <span>quan</span> <span>el tipus</span> <span>s'estableix</span> <span>en l'àudio</span> <span>/</span> <span>wav</span><span>.</span> <span>Per obtenir una</span> <span>llista</span> <span>completa dels</span> <span>tipus MIME</span> <span>reconeguts</span><span>, veure</span><a href="http://www.w3.org/TR/html4/references.html#ref-MIMETYPES"> http://www.w3.org/TR/html4/references.html#ref-MIMETYPES</a><span>.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span><strong> <span>href</span></strong> <span>és present.</span></span></dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;map name="primary"&gt;
+  &lt;area shape="circle" coords="200,250,25" href="another.htm" /&gt;
+  &lt;area shape="default" nohref /&gt;
+&lt;/map&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrerpolicy attribute')}}</td>
+   <td>{{Spec2('Referrer Policy')}}</td>
+   <td>Afegeix l'atribut <code>referrerpolicy.</code> .</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-map-element.html#the-area-element', '&lt;area&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-area-element', '&lt;area&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '&lt;area&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>referrerpolicy</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("50")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mini</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>referrerpolicy</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("50")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes">Notes</h2>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">En les especificacions l'HTML 3.2, 4.0 i 5, l'etiqueta de tancament <code>&lt;/area&gt;</code> està prohibida</span></span>.</p>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">L'especificació XHTML 1.0 requereix una barra final: <code>&lt;area /&gt;</code></span></span>.</p>
+
+<p>Els atributs <strong>id</strong>, <strong>class</strong>, i <strong>style</strong>  tenen el mateix significat que els atributs fonamentals definits en l'especificació HTML 4, però només Netscape i Microsoft els defineixen.</p>
+
+<p>Netscape, navegadors de nivell 1 no entén l'atribut <strong>target</strong> pel que fa als frames.</p>
+
+<p>HTML 3.2 només defineix <strong>alt</strong>, <strong>coords</strong>, <strong>href</strong>, <strong>nohref</strong> i <strong>shape</strong>.</p>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/article/index.html b/files/ca/web/html/element/article/index.html
new file mode 100644
index 0000000000..a905d37a7f
--- /dev/null
+++ b/files/ca/web/html/element/article/index.html
@@ -0,0 +1,172 @@
+---
+title: <article>
+slug: Web/HTML/Element/article
+translation_of: Web/HTML/Element/article
+---
+<p>{{HTMLRef}}</p>
+
+<p><span id="result_box" lang="ca"><span>L'<strong>element HTML</strong></span><strong> <code><span>&lt;</span><span>article</span><span>&gt;</span></code></strong><span> representa</span> <span>una composició</span> autònoma <span>en un document,</span> <span>pàgina</span><span>, aplicació o</span> <span>lloc</span><span>, que està</span> <span>destinada a ser</span> <span>distribuir de forma</span> <span>independent o</span> <span>reutilitzables</span> <span>(</span><span>per</span> <span>exemple, en la</span> <span>sindicació</span><span>)</span><span>.</span> <span>Això podria ser un</span> <span>missatge</span> <span>del fòrum,</span> <span>un article</span> <span>d'una revista o</span> <span>un diari,</span> <span>una entrada de blog</span><span>, un objecte,</span> <span>o qualsevol</span> <span>altre</span> <span>element</span> <span>independent</span> <span>del contingut.</span> <span>Cada</span> <code><span>&lt;</span><span>article</span><span>&gt;</span></code> <span>ha de ser</span> <span>identificat</span><span>, generalment</span> <span>mitjançant la</span> <span>inclusió</span> <span>d'</span><span>una capçalera</span> <span>(element </span></span><span lang="ca"><code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements">&lt;h1&gt;-&lt;h6&gt;</a></code><span>)</span> <span>com</span> <span>un fill</span> <span>de l'element </span></span><code>&lt;article&gt;.</code></p>
+
+<p>
+ </p><div class="note">
+ <p><strong>Notes d'us:</strong></p>
+
+ <ul>
+  <li><span id="result_box" lang="ca"><span>Quan</span> <span>es nia</span> <span>un element</span> <code><span>&lt;article</span><span>&gt;</span></code><span>, l'element</span> <span>interior</span> <span>representa</span> <span>un article</span> <span>relacionat</span> <span>amb l'element</span> <span>exterior.</span> <span>Per exemple</span><span>, els comentaris</span> <span>d'un blog</span> <span>poden ser</span> elements <code><span>&lt;</span><span>article</span><span>&gt;</span></code>  <span>niats</span> <span>en &lt;</span><span>article</span><span>&gt;</span> <span>representen</span> <span>a l'entrada del</span> <span>bloc.</span></span></li>
+  <li><span id="result_box" lang="ca"><span class="alt-edited">La informació sobre l'autor d'un element <code>&lt;article&gt;</code> pot ser proporcionada a través de l'element </span></span>{{HTMLElement("address")}} <span lang="ca"><span class="alt-edited">, però no s'aplica a elements niats <code>&lt;article&gt;</code></span></span>.</li>
+  <li>La data de publicació i el temps d'un element <code>&lt;article&gt;</code> es poden descriure mitjançant l'atribut {{htmlattrxref("datetime", "time")}} d'un element {{HTMLElement("time")}}. <em>Recordeu que el atribut {{htmlattrxref("pubdate", "time")}} de {{HTMLElement("time")}} ja no és una part de l'estàndard HTML 5 del W3C.</em></li>
+ </ul>
+ </div>
+<p></p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de Flux</a>, <span class="short_text" id="result_box" lang="ca"><span>contingut</span> <span>de seccionament</span></span> , contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut de Flux</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span></span>  <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="https://developer.mozilla.org/en/HTML/Content_categories#Flow_content">contingut de flux</a>. Recordeu que un element <code>&lt;article&gt;</code> <span id="result_box" lang="ca"><span>no ha de ser</span> <span>un descendent</span> <span>d'un element</span></span> {{HTMLElement("address")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>només inclou el</span></span>s <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;article class="film_review"&gt;
+  &lt;header&gt;
+    &lt;h2&gt;Jurassic Park&lt;/h2&gt;
+  &lt;/header&gt;
+  &lt;section class="main_review"&gt;
+    &lt;p&gt;Dinos were great!&lt;/p&gt;
+  &lt;/section&gt;
+  &lt;section class="user_reviews"&gt;
+    &lt;article class="user_review"&gt;
+      &lt;p&gt;Way too scary for me.&lt;/p&gt;
+      &lt;footer&gt;
+        &lt;p&gt;
+          Posted on &lt;time datetime="2015-05-16 19:00"&gt;May 16&lt;/time&gt; by Lisa.
+        &lt;/p&gt;
+      &lt;/footer&gt;
+    &lt;/article&gt;
+    &lt;article class="user_review"&gt;
+      &lt;p&gt;I agree, dinos are my favorite.&lt;/p&gt;
+      &lt;footer&gt;
+        &lt;p&gt;
+          Posted on &lt;time datetime="2015-05-17 19:00"&gt;May 17&lt;/time&gt; by Tom.
+        &lt;/p&gt;
+      &lt;/footer&gt;
+    &lt;/article&gt;
+  &lt;/section&gt;
+  &lt;footer&gt;
+    &lt;p&gt;
+      Posted on &lt;time datetime="2015-05-15 19:00"&gt;May 15&lt;/time&gt; by Staff.
+    &lt;/p&gt;
+  &lt;/footer&gt;
+&lt;/article&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th><br>
+    Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>5</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>4.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th><br>
+    Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.2</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>4.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>relacionats</span> <span>amb</span> <span>la secció</span></span> : {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}</li>
+ <li class="last"><a class="deki-ns current" href="/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i línies generals d'un document HTML5</a></li>
+</ul>
diff --git a/files/ca/web/html/element/aside/index.html b/files/ca/web/html/element/aside/index.html
new file mode 100644
index 0000000000..c6d98154ca
--- /dev/null
+++ b/files/ca/web/html/element/aside/index.html
@@ -0,0 +1,126 @@
+---
+title: <aside>
+slug: Web/HTML/Element/aside
+translation_of: Web/HTML/Element/aside
+---
+<p>L'<em>element HTML <code>&lt;aside&gt;</code> </em>representa una secció de la pàgina amb contingut connectat tangenncialment amb la resta, el qual es podria considerar separat del contingut. Aquestes seccions sovint es representen com a barres laterals o insercions. Sovint contenen les definicions en les barres laterals, com ara definicions del glossari; també hi pot haver altres tipus d'informació, com ara anuncis relacionats; la biografia de l'autor; applicacions web; informació de perfil o enllaços relacionats en el bloc.</p>
+
+<div class="note">
+<p><em>Notes d'ús:</em></p>
+
+<ul>
+ <li>No s'ha de fer servir l'element <code>&lt;aside&gt;</code> per etiquetarr text en parèntesi, j<span id="result_box" lang="ca"><span class="hps">a</span> <span class="hps">que aquest tipus</span> <span class="hps">de text</span> <span class="hps">es</span> <span class="hps">considera part</span> <span class="hps">del corrent</span> <span class="hps">principal</span><span>.</span></span></li>
+</ul>
+</div>
+
+<ul class="htmlelt">
+ <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content Categories de contingut</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, sectioning content, palpable content.</li>
+ <li><dfn>Contingut permès</dfn><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut de flux</a>.</li>
+ <li><dfn>Omissió de l'etiqueta</dfn> {{no_tag_omission}}</li>
+ <li><dfn>Elements pares permesos</dfn> Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">contingut de flux</a>. Tingueu en compte que un element <code>&lt;aside&gt;</code> no ha de ser descendent d'un element {{HTMLElement("address")}}.</li>
+ <li><dfn>Interfície DOM</dfn> {{domxref("HTMLElement")}}</li>
+</ul>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span style="line-height: 21px;">Aquest element només inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;article&gt;
+  &lt;p&gt;
+    The Disney movie &lt;em&gt;The Little Mermaid&lt;/em&gt; was
+    first released to theatres in 1989.
+  &lt;/p&gt;
+  &lt;aside&gt;
+    The movie earned $87 million during its initial release.
+  &lt;/aside&gt;
+  &lt;p&gt;
+    More info about the movie...
+  &lt;/p&gt;
+&lt;/article&gt;</pre>
+
+<p>{{EmbedLiveSample("Examples")}}</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'sections.html#the-aside-element', '&lt;aside&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'sections.html#the-aside-element', '&lt;aside&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>5</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>4.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>2.2</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>5.0 (iOS 4.2)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Altres elements  relacionats: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li>
+ <li><a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i contorns d'un document HTML5</a>.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/audio/index.html b/files/ca/web/html/element/audio/index.html
new file mode 100644
index 0000000000..ec8e3f81ee
--- /dev/null
+++ b/files/ca/web/html/element/audio/index.html
@@ -0,0 +1,371 @@
+---
+title: <audio>
+slug: Web/HTML/Element/audio
+tags:
+  - Element
+  - HTML
+  - HTML contingut inserit
+  - HTML5
+  - Media
+  - Multimedia
+  - Referencia
+  - Web
+translation_of: Web/HTML/Element/audio
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p class="summary"><span id="result_box" lang="ca"><span>L'element</span> <span>HTML</span> <span>&lt;</span><span>àudio</span><span>&gt;</span> <span>s'utilitza</span> <span>per inserir</span> <span>contingut</span> <span>de so</span> <span>en els</span> <span>documents.</span> <span>Pot contenir</span> <span>una o més</span> <span>fonts</span> <span>d'àudio,</span> <span>representat</span> <span>mitjançant l'atribut</span> <span>src</span> <span>o</span> <span>l'element</span> </span><span class="seoSummary">{{HTMLElement("source")}}</span><span lang="ca"> <span>el navegador</span> <span>va a triar el</span> <span>més</span> <span>adequat.</span></span></p>
+
+<p>El contingut alternatiu per als navegadors que no suporten l'element &lt;àudio&gt; es pot també afegir, dins de l'obertura i tancament de les etiquetes <code>&lt;audio&gt;&lt;/audio&gt;</code>.</p>
+
+<p>La funcionalitat de reproducció més bàsica pot posar-se a disposició mitjançant l'atribut controls (vegeu més endavant); per a un ús més avançat, la reproducció d'àudio i els controls poden ser manipulats mitjançant l'HTML Media API, i més específicament les característiques definides a la interfície {{domxref("HTMLAudioElement")}}.</p>
+
+<p>També pot utilitzar la Web Audio API per generar i manipular directament els fluxos d'àudio des de codi JavaScript. Veure <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> per a més detalls.</p>
+
+<h2 id="Context_d'us">Context d'us</h2>
+
+<ul>
+ <li>Contingut permès: Si l'element té un atribut {{htmlattrxref("src", "audio")}}: amb zero o més elements {{HTMLElement("track")}}, seguits pel contingut transparent que no conté elements multmèdia - és a dir, sense elements {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</li>
+ <li>O bé: amb zero o més elements {{HTMLElement("source")}}, seguit de zero o més elements {{HTMLElement("track")}}, seguit pel contingut transparent que no conté elements multimedia,és a dir, sense elements {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</li>
+</ul>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut de Flux</a>, phrasing content, contingut incrustat. Si té un atribut {{htmlattrxref("controls", "audio")}}: contingut interactiu i contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Si l'element té un atribut {{htmlattrxref("src", "audio")}}: zero o més elements {{HTMLElement("track")}} seguit de contingut transparent que no conté elements mèdia, que no és {{HTMLElement("audio")}} o {{HTMLElement("video")}}<br>
+    O bé: zero o més elements {{HTMLElement("source")}}, seguit de zero o més elements {{HTMLElement("track")}}, seguit de contingut transparent que no conté elements mèdia, és a dir sense {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span> <span>contingut</span> <span>incrustat</span></span> .</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLAudioElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>inclou el</span></span>s <span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes">gatributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("autoplay")}}</dt>
+ <dd>Atribut Booleà; si s'especifica (fins i tot si el valor és "fals"!), l'àudio iniciarà automàticament la reproducció tan aviat com pugui fer-ho, sense esperar que l'arxiu d'àudio complet s'hagi acabat de descarregar.</dd>
+ <dt>{{htmlattrdef("autobuffer")}} {{obsolete_inline("2.0")}}</dt>
+ <dd>Atribut booleà; si s'especifica, s'iniciarà automàticament la descàrrega del àudio, fins i tot si no s'ha establert la reproducció automàtica. Això continua fins que la memòria cau multimèdia està plena, o tot l'arxiu d'àudio s'hagi descarregat, el que passi primer. Això només s'ha d'utilitzar quan s'espera que l'usuari esculli per reproduir l'àudio; per exemple, si l'usuari ha navegat a una pàgina mitjançant un enllaç "Reproduir aquest àudio". Aquest atribut es va eliminar al Gecko 2.0 {{geckoRelease ("2,0")}} en favor de l'atribut preload</dd>
+ <dt>{{htmlattrdef("buffered")}}</dt>
+ <dd>Un atribut que pot llegir per a veure els intervals de temps del media que han estat emmagatzemades en el buffer. Aquest atribut conté un objecte {{domxref("TimeRanges")}}.</dd>
+ <dt>{{htmlattrdef("controls")}}</dt>
+ <dd>Si aquest atribut és present, el navegador ofereix controls per permetre a l'usuari controlar la reproducció d'àudio, incloent el volum, recerca i pausa/reprendre la reproducció.</dd>
+ <dt>{{htmlattrdef("loop")}}</dt>
+ <dd>Atribut booleà; si s'especifica, buscarà automàticament de nou al començament en arribar al final de l'àudio.</dd>
+ <dt>{{htmlattrdef("mozCurrentSampleOffset")}} {{gecko_minversion_inline("2.0")}} {{non-standard_inline}}</dt>
+ <dd>El desplaçament, especificat com el nombre de mostres des del començament de la seqüència d'àudio, en el qual l'àudio s'està reproduint.</dd>
+ <dt>{{htmlattrdef("muted")}}</dt>
+ <dd>Atribut booleà que indica si l'àudio serà silenciat inicialment. El seu valor per defecte és fals.</dd>
+ <dt>{{htmlattrdef("played")}}</dt>
+ <dd>Un objecte {{domxref("TimeRanges")}} indicant totes les gammes d'àudio que s'han reproduït.</dd>
+ <dt>{{htmlattrdef("preload")}}</dt>
+ <dd>Aquest atribut enumerat està destinat a proporcionar un suggeriment al navegador sobre el que l'autor pensa en que el pot conduir a una millor experiència d'usuari. Pot tenir un dels següents valors:
+ <ul>
+  <li><code>none</code>: indica que l'àudio no ha de ser precarregat;</li>
+  <li><code>metadata</code>: indica que unicament es recupera les metadata d'àudio (per exemple, longitud);</li>
+  <li><code>auto</code>: indica que el fitxer d'àudio podria ser descarregat sencer, encara que no s'espera que l'usuari ho utilitzi;</li>
+  <li>la <em>cadena buida</em>: sinònim del valor <code>auto</code>.</li>
+ </ul>
+
+ <p>Si no s'estableix el valor predeterminat és definit pel propi navegador (és a dir, cada navegador pot tenir el seu propi valor per omissió). L'especificació informa que s'estableixi en les <code>metadata</code>.</p>
+
+ <div class="note"><strong>Notes d'ús:</strong>
+
+ <ul>
+  <li>L'atribut <code>autoplay</code> té prioritat sobre l'atribut <code>preload.</code>Si s'especifica <code>autoplay</code>, el navegador hauria de començar, òbviament, a descarregar l'àudio per a la seva reproducció.</li>
+  <li><span id="result_box" lang="ca"><span>El navegador</span> <span>no</span> <span>és</span> <span>forçat</span> <span>per l'especificació</span> <span>a seguir el</span> <span>valor d'aquest</span> <span>atribut</span><span>;</span> <span>és</span> <span>un mer suggeriment</span><span>.</span></span></li>
+ </ul>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd>La direcció URL de l'àudio a inserir. Està subjecte als <a href="/en-US/docs/HTTP_access_control">controls d'access HTTP</a>. És opcional; en el seu lloc podeu utilitzar el element {{htmlelement("source")}} dins del bloc d'àudio per especificar l'àudio a encastar.</dd>
+ <dt>{{htmlattrdef("volume")}}</dt>
+ <dd>El volum de reproducció, va del rang 0.0 (silenci) a 1.0 (el més alt).</dd>
+</dl>
+
+<p>Els desplaçaments de temps s'especifiquen com a valors de coma flotant que indica el nombre de segons per compensar.</p>
+
+<div class="note"><strong>Note:</strong> El valor de definició de desplaçament del temps encara no s'ha completat en l'especificació HTML5 i està subjecte a canvis.</div>
+
+<h2 id="Events">Events</h2>
+
+<p><span id="result_box" lang="ca"><span>Un element</span> <span>audio</span> <span>pot disparar</span> <span>diversos</span> </span><a href="/en-US/docs/Web/Guide/Events/Media_events">events</a>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Us_bàsic">Us bàsic</h3>
+
+<pre class="brush: html">&lt;!-- Simple audio playback --&gt;
+&lt;audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay&gt;
+  Your browser does not support the &lt;code&gt;audio&lt;/code&gt; element.
+&lt;/audio&gt;
+
+&lt;!-- Audio playback with captions --&gt;
+&lt;audio src="foo.ogg"&gt;
+  &lt;track kind="captions" src="foo.en.vtt" srclang="en" label="English"&gt;
+  &lt;track kind="captions" src="foo.sv.vtt" srclang="sv" label="Svenska"&gt;
+&lt;/audio&gt;
+</pre>
+
+<h3 id="Element_audio_amb_l'element_source">E<span class="short_text" id="result_box" lang="ca"><span>lement</span> <span>audio</span> <span>amb l'element</span> source</span></h3>
+
+<pre class="brush: html">&lt;audio controls="controls"&gt;
+  Your browser does not support the &lt;code&gt;audio&lt;/code&gt; element.
+  &lt;source src="foo.wav" type="audio/wav"&gt;
+&lt;/audio&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-video-element.html#the-audio-element', '&lt;audio&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-audio-element', '&lt;audio&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}} [1]</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>autoplay</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>buffered</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>controls</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>loop</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("11.0")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>muted</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("11.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>propietat played</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("15.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>preload</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>{{CompatVersionUnknown}} [2]</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>src</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut volume</td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}} [1]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>autoplay</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>buffered</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>controls</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>loop</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("11.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>muted</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("11.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>propietat played</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("15.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>preload</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>src</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>volume</code></td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <span id="result_box" lang="ca"><span>Per</span> <span>Gecko,</span> <span>per reproduir</span> <span>l'àudio</span><span>, el servidor</span> <span>ha de servir</span> <span>l'arxiu amb</span> <span>el tipus</span> <span>MIME</span> <span>correcte.</span></span></p>
+
+<p>[2]  <span id="result_box" lang="ca"><span>S</span><span>uportat</span> <span>sota</span> <span>el antic </span></span><span lang="ca"><span>nom</span> <code><span>autobuffer</span></code></span></p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">Formats media suportats pels elements audio i video</a></li>
+ <li><a href="/en-US/docs/Web_Audio_API">Web Audio API</a></li>
+ <li>{{domxref("HTMLAudioElement")}}</li>
+ <li><a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement"><code>nsIDOMHTMLMediaElement</code></a></li>
+ <li>{{htmlelement("source")}}</li>
+ <li>{{htmlelement("video")}}</li>
+ <li><a href="/en-US/docs/Using_HTML5_audio_and_video">L'ús d'àudio i vídeo</a></li>
+ <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#audio">El element <code>audio</code></a> (HTML5 specification)</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/b/index.html b/files/ca/web/html/element/b/index.html
new file mode 100644
index 0000000000..6d9d6ac518
--- /dev/null
+++ b/files/ca/web/html/element/b/index.html
@@ -0,0 +1,155 @@
+---
+title: <b>
+slug: Web/HTML/Element/b
+translation_of: Web/HTML/Element/b
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>element HTML &lt;b&gt;</strong> representa un fragment de text estilísticament diferent de text normal, sense transmetre cap importància o rellevància especial. S'utilitza típicament per a les paraules clau en un resum, noms de producte en els seus comentaris o altres unitats de text, la presentació típica seria en negreta. Un altre exemple del seu ús és per marcar l'oració principal de cada paràgraf d'un article.</p>
+
+<p>
+ </p><div class="note">
+ <p><strong>Notes d'ús :</strong></p>
+
+ <ul>
+  <li>No s'ha de confondre l'element <code>&lt;b&gt;</code> amb els elements {{HTMLElement("strong")}}, {{HTMLElement("em")}}, o {{HTMLElement("mark")}}. L'element  {{HTMLElement("strong")}} representa text de certa importància, l'element {{HTMLElement("em")}} posa cert èmfasi en el text i l'element {{HTMLElement("mark")}} representa text de certa rellevància.  L'element <code>&lt;b&gt;</code> no transmet aquesta informació semàntica especial; utilitzar només quan no hi ha altres que encaixin.</li>
+  <li>De la mateixa manera, no s'ha de marcar títols i capçaleres utilitzant l'element <code>&lt;b&gt;</code>. Per a aquest propòsit, utilitzeu les etiquetes {{HTMLElement("h1")}} a {{HTMLElement("h6")}}. A més, els fulls d'estil poden canviar l'estil per defecte d'aquests elements, amb el resultat de que no <em>necessàriament</em> es mostrin en negreta</li>
+  <li>És una bona pràctica utilitzar l'atribut class en l'element <code>&lt;b&gt;</code> a fi de transmetre informació semàntica addicional (per exemple,<code> &lt;b class = "lead"&gt;</code> per a la primera oració en un paràgraf). Això facilita el desenvolupament de diversos estils d'un document web, sense la necessitat de canviar el seu codi HTML.</li>
+  <li>Històricament, l'element <code>&lt;b&gt;</code> estava destinat a fer ressaltar el text. L'estil de la informació és obsoleta des de HTML 4, per la qual cosa el significat de l'element <code>&lt;b&gt;</code> ha canviat.</li>
+  <li>Si no hi ha un propòsit semàntic sobre l'ús de l'element <code>&lt;b&gt;</code>, usant la propietat CSS <a href="/en-US/docs/CSS/font-weight" title="font-weight">font-weight</a> amb valor negreta, seria una millor opció per fer el text en negreta.</li>
+ </ul>
+ </div>
+<p></p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de Flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable..</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}<span lang="ca"><span title="HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element."> Fins Gecko 1.9.2 (Firefox 4) inclosos, Firefox implementa la interfície </span></span><a href="/en-US/docs/DOM/span" title="DOM/span"><code>HTMLSpanElement</code></a> <span id="result_box" lang="ca"><span title="HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element.">per a aquest element.</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span title="This element only includes the">Aquest element només inclou el</span></span>s<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;p&gt;
+  This article describes several &lt;b&gt;text-level&lt;/b&gt; elements. It explains their usage in an &lt;b&gt;HTML&lt;/b&gt; document.
+&lt;/p&gt;
+Keywords are displayed with the default style of the &lt;b&gt; element, likely in bold.
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p><span id="result_box" lang="ca"><span title="This article describes several text-level elements.">En aquest article es descriuen diversos elements a nivell de text. </span><span title="It explains their usage in an HTML document.
+
+">S'explica el seu ús en un document HTML.</span></span></p>
+
+<p><span id="result_box" lang="ca"><span title="Keywords are displayed with the default style of the &lt;b> element, likely in bold.">Les paraules clau es mostren amb l'estil per defecte de l'element &lt;b&gt;, probablement en negreta.</span></span></p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-b-element', '&lt;b&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-b-element', '&lt;b&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '&lt;b&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres  elements que transmeten <a href="/en-US/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">semantica a nivell de tetxt</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("abbr")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li>
+ <li><a class="external" href="http://www.w3.org/International/questions/qa-b-and-i-tags">L'ús dels elements (W3C) &lt;b&gt; i &lt;i&gt;</a></li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/base/index.html b/files/ca/web/html/element/base/index.html
new file mode 100644
index 0000000000..748a13e13f
--- /dev/null
+++ b/files/ca/web/html/element/base/index.html
@@ -0,0 +1,150 @@
+---
+title: <base>
+slug: Web/HTML/Element/base
+tags:
+  - Element
+  - HTML
+  - HTML document metada
+  - Refrència
+  - Web
+translation_of: Web/HTML/Element/base
+---
+<p id="Summary">{{HTMLRef}}</p>
+
+<p><strong>L'element HTML &lt;base&gt;</strong> especifica la URL principal que s'utilitzarà per a totes les URL relatives contingudes dins d'un document. Solsament pot haver un element &lt;base&gt; per document.</p>
+
+<p>La direcció URL base d'un document es pot consultar des del script {{domxref('document.baseURI')}}.</p>
+
+<div class="note"><strong>Nota d'ús</strong>: Si s'especifiquen diversos elements <code>&lt;base&gt;</code>, s'utilitzen només la primera secció <strong>href</strong> i el primer valor <strong>target</strong>; tots els altres són ignorats.</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Contingut Metadata.</td>
+  </tr>
+  <tr>
+   <th>Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th>Omissió de l'etiqueta</th>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No ha d'haver</span> <span>cap etiqueta</span> <span>de tancament.</span></span></td>
+  </tr>
+  <tr>
+   <th>Elements pares permesos</th>
+   <td>Qualsevol {{HTMLElement("head")}} no pot contenir un altre element {{HTMLElement("base")}}.</td>
+  </tr>
+  <tr>
+   <th>Interfície DOM</th>
+   <td>{{domxref("HTMLBaseElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>inclou el</span></span>s <span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("href")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>La direcció</span> <span>URL</span> <span>base</span> <span>que s'usa</span> <span>en tot el document</span> <span>per a les</span> <span>adreces</span> <span>URL</span> <span>relatives.</span> <span class="alt-edited">Si s'especifica</span> <span>aquest</span> <span>atribut,</span> <span>aquest</span> <span>element</span> <span>ha de venir</span> <span>abans</span> <span>de qualssevol</span> <span>altres elements</span> <span>amb atributs,</span> <span>els valors dels quals </span><span>són</span> <span>adreces</span> <span>URL.</span> <span>Es permeten</span> <span>les</span> <span>adreces</span> <span>URL</span> <span>absolutes</span> <span>i</span> <span>relatives.</span></span></dd>
+ <dt>{{htmlattrdef("target")}}</dt>
+ <dd><span id="result_box" lang="ca"><span class="alt-edited">Un nom o una paraula clau que indica la ubicació per defecte per mostrar el resultat </span></span> quan naveguem <span lang="ca"><span class="alt-edited">per hipervincles o formularis, elements que no tenen una referència objectiva explícita. És un nom o una paraula clau per a un context de navegació (per exemple: pestanya, finestra o marc en línia). Les següents paraules clau tenen un significat especial:</span></span>
+ <ul>
+  <li><code>_self</code>: <span id="result_box" lang="ca"><span>Càrrega</span> <span>el resultat</span> <span>en el mateix context</span> <span>de navegació</span> <span>com l'actual.</span> <span>Aquest</span> <span>valor és el</span> <span>valor per</span> <span>defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li>
+  <li><code>_blank</code>: <span id="result_box" lang="ca"><span>Càrrega</span></span><span lang="ca"> <span>el resultat en un</span> <span>nou</span> <span>context</span> <span>de navegació sense</span> <span>nom.</span></span></li>
+  <li><code>_parent</code>: <span id="result_box" lang="ca"><span>Càrrega</span></span><span lang="ca"><span> el</span> <span>resultat</span> <span>en el context</span> <span>de navegació</span> <span>dels</span> <span>pares</span> <span>de</span> <span>l'actual.</span> <span>Si no hi ha</span> <span>pare</span><span>,</span> <span>aquesta</span> <span>opció</span> <span>es comporta de</span> <span>la mateixa manera que</span> <code><span>_self</span></code></span></li>
+  <li><code>_top</code>: Càrrega el resultat en el context de nivell superior de navegació (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;base href="http://www.example.com/page.html"&gt;
+&lt;base target="_blank" href="http://www.example.com/page.html"&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-base-element', '&lt;base&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de  l'última presentació.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'document-metadata#the-base-element', '&lt;base&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Defineix el comportament de <code>target</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.4', '&lt;base&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td><span id="result_box" lang="ca"><span>S'ha</span> <span>afegit</span> <span>l'atribut</span> </span><code>target</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}} [2]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1]  <span id="result_box" lang="ca"><span class="alt-edited">S'ha afegit</span> <span>el suport</span> <span>de</span> <span>URIs relatives</span> <span>per</span> <span>href</span> <span>en Gecko</span> <span>2.0</span> <span>(</span><span>Firefox</span> <span>4.0</span><span>)</span></span></p>
+
+<p>[2] <span id="result_box" lang="ca"><span>Abans</span> <span>d'Internet Explorer</span> <span>7,</span> <span>&lt;</span><span>base</span><span>&gt;</span> <span class="alt-edited">podia ser</span> <span>col·locat</span> <span>en qualsevol</span> <span>lloc del</span> <span>document</span> <span>i el valor</span> <span>més proper</span> <span>de</span> <span>&lt;</span><span>base</span><span>&gt;</span> <span class="alt-edited">es el que s'utilitzava</span>.<span>El suport a les</span> <span>URL</span> <span>relatives</span> <span>s'ha</span> <span>eliminat</span> <span>a Internet</span> <span>Explorer 8</span></span>.</p>
diff --git a/files/ca/web/html/element/basefont/index.html b/files/ca/web/html/element/basefont/index.html
new file mode 100644
index 0000000000..6c53383c5a
--- /dev/null
+++ b/files/ca/web/html/element/basefont/index.html
@@ -0,0 +1,112 @@
+---
+title: <basefont>
+slug: Web/HTML/Element/basefont
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/basefont
+---
+<div>{{obsolete_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML basefont (<code>&lt;basefont&gt;</code>) estableix una mida per defecte de font per a un document. Llavors la mida de la font pot ser variada en relació a la mida de la font base utilitzant l'element {{HTMLElement("font")}}.</p>
+
+<div class="note">
+<p><em>Nota d'ùs: </em></p>
+
+<p><strong>No utilitzeu aquest element!</strong> Tot i que un cop (imprecis) normalitzat en HTML 3.2, no era compatible amb tots els navegadors principals. A més, els navegadors, i fins i tot les versions successives dels mateixos, mai es va implementar de la mateixa manera: a la pràctica, la seva utilització sempre ha portat resultats indeterminats.</p>
+
+<p>L'element <code>&lt;basefont&gt;</code> va ser desaprovat en la norma al mateix temps que tots els elements només relacionats amb l'estil. A partir d'HTML 4, HTML no transmet més informació d'estil (fora de l'element {{HTMLElement("style")}} o l'atribut <strong>style</strong> de cada element). En HTML5, aquest element s'ha eliminat completament. Per a qualsevol nou desenvolupament web, l'estil ha de ser escrit utilitzant només <a href="https://developer.mozilla.org/en-US/docs/CSS" title="CSS">CSS</a> .</p>
+
+<p>El comportament anterior de l'element {{HTMLElement("font")}} es pot aconseguir, i fins i tot millorar el control mitjançant les propietats <a href="/en-US/docs/Web/CSS/CSS_Fonts">CSS Fonts</a>.</p>
+</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">Com tots els altres elements HTML, aquest element és compatible amb el</span></span>s <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("color")}}</dt>
+ <dd>Aquest atribut estableix el color de text utilitzant un color amb nom o un color especificat en format hexadecimal #RRGGBB.</dd>
+ <dt>{{htmlattrdef("face")}}</dt>
+ <dd>
+ <p>Aquest atribut conté una llista d'un o més noms de fonts. L'estil per defect en el text del document es representa amb el primer tipus de lletra que és compatible amb el navegador del client. Si no hi ha tipus de lletra que figuri instal·lat en el sistema local, el navegador utilitza per defecte una font proporcional o d'amplada fixa per aquest sistema.</p>
+ </dd>
+ <dt>{{htmlattrdef("size")}}</dt>
+ <dd>Aquest atribut especifica la mida de la font, ja sigui com un valor numèric o relatiu. Els valors numèrics s'estenen d'1 a 7 sent 1 el més petit i 3 el valor predeterminat.</dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la Interfície <code><a href="/en-US/docs/DOM/HTMLBaseFontElement" title="DOM/HTMLBaseFontElement">HTMLBaseFontElement</a></code>.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre>&lt;basefont color="#FF0000" face="Helvetica" size="+2" /&gt;
+</pre>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes">Notes</h2>
+
+<ul>
+ <li>HTML 3.2 suporta l'element basefont però només amb l'atribut size.</li>
+ <li>Les estrictes especificacions de HTML i XHTML no són compatibles amb aquest element.</li>
+ <li>Tot i ser part de les normes transitòries, alguns navegadors basats en els estàndards com Mozilla i Opera no són compatibles amb aquest element.</li>
+ <li>Aquest element pot ser imitat amb una regla CSS en l'element {{HTMLElement("body")}}.</li>
+ <li>XHTML 1.0 requereix una barra al final del element: <code>&lt;basefont  /&gt;</code>.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/bdi/index.html b/files/ca/web/html/element/bdi/index.html
new file mode 100644
index 0000000000..7e5eee05ec
--- /dev/null
+++ b/files/ca/web/html/element/bdi/index.html
@@ -0,0 +1,140 @@
+---
+title: <bdi>
+slug: Web/HTML/Element/bdi
+tags:
+  - BiDi
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Referencia
+  - Web
+translation_of: Web/HTML/Element/bdi
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p><span id="result_box" lang="ca"><span>El element 'HTML</span> <span>&lt;</span><span>BDI</span><span>&gt;</span> <span>(o Element d'</span></span><span lang="ca"><span>aïllament</span> <span>bidireccional</span> <span>)</span> <span>Aïlla </span><span>un</span> <span>fragment</span> <span>de text que</span> <span>podrie ser</span> <span>formatat</span> <span>en una direcció</span> <span>diferent d'un altre</span> <span>text</span> <span>fora d'aquest.</span></span></p>
+
+<p>Aquest element és útil quan s'incrusta text amb una direccionalidad desconeguda, d'una base de dades per exemple, en un text amb una direccionalidad fixa.</p>
+
+<p class="note"><span id="result_box" lang="ca"><span>Tot i que el</span> <span>mateix</span> <span>efecte visual</span> <span>es</span> <span>pot</span> <span>aconseguir utilitzant</span> <span>la regla</span> <span>CSS</span></span> {{cssxref("unicode-bidi")}}<code>: aïllar</code> en un {{HTMLElement("span")}} <span id="result_box" lang="ca"><span>o un altre</span> <span>element</span> <span>de</span> <span>formatat</span> <span>de text, el</span> <span>significat</span> <span>semàntic</span> <span>és</span> <span>només</span> <span>transmès</span> <span>per l'element</span> </span><code>&lt;bdi&gt;</code>. <span id="result_box" lang="ca"><span>Especialment</span><span>, els</span> <span>navegadors</span> <span>se'ls permet</span> <span>fer cas</span> <span>omís</span> <span>d'estil</span> <span>CSS</span></span>. <span id="result_box" lang="ca"><span>En aquest cas,</span> <span>el text</span> <span>encara</span> <span>es</span> <span>mostra</span> <span>correctament</span> <span>usant</span> <span>l'element</span> <span>HTML, però</span> <span>arribarà a</span> <span>ser escombraries</span> <span>quan s'utilitza</span> <span>l'estil</span> <span>CSS per</span> <span>transmetre</span> <span>semàntica.</span></span></p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de Flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Flow_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Flow_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>té els</span><span> </span></span><a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs global</a>, <span id="result_box" lang="ca"><span>amb una</span> <span>lleugera</span> <span>diferència</span> <span>semàntica</span></span>: <span id="result_box" lang="ca"> <span>l'atribut <strong>dir</strong></span> <span>no s'hereta</span></span>. <span id="result_box" lang="ca"> <span>Si</span> <span>no s'estableix</span> <span>el seu valor, per</span> <span>defecte és el</span> <span>d'</span></span><code>auto,</code><span id="result_box" lang="ca"><span class="alt-edited"> deixar el navegador decidir la direcció basat en el contingut de l'element.</span></span></p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;p dir="ltr"&gt;This arabic word &lt;bdi&gt;ARABIC_PLACEHOLDER&lt;/bdi&gt; is automatically displayed right-to-left.&lt;/p&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p dir="ltr"><span id="result_box" lang="ca"><span>Aquesta</span> <span>paraula àrab</span> <span>REDLOHECALP_CIBARA</span> <span>es</span> <span>visualitza</span> <span>automàticament</span> <span>de dreta a</span> <span>esquerra</span><span>.</span></span></p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdi-element', '&lt;bdi&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'the-bdi-element.html#the-bdi-element', '&lt;bdi&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Producte</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>16</td>
+   <td>{{CompatGeckoDesktop("10.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Producte</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("10.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 dir="ltr" id="Veure">Veure</h2>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span>Element</span> <span>HTML</span> relacionat</span>: {{HTMLElement("bdo")}}</li>
+ <li><span id="result_box" lang="ca"><span>Propietats</span> <span>HTML</span> <span>relacionades</span></span>: {{cssxref("direction")}}, {{cssxref("unicode-bidi")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/bdo/index.html b/files/ca/web/html/element/bdo/index.html
new file mode 100644
index 0000000000..29fb87aa05
--- /dev/null
+++ b/files/ca/web/html/element/bdo/index.html
@@ -0,0 +1,152 @@
+---
+title: <bdo>
+slug: Web/HTML/Element/bdo
+tags:
+  - BiDi
+  - Element
+  - HTML
+  - Referencia
+  - Web
+translation_of: Web/HTML/Element/bdo
+---
+<p id="Summary">{{HTMLRef}}</p>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">L'<strong>element HTML &lt;bdo&gt;</strong> (o element HTML d'anul·lació bidireccional) s'utilitza per anul·lar la direccionalitat del text actual. Fa que la direccionalidad dels caràcters sigui ignorada en favor de la direccionalidad especificada</span></span>.</p>
+
+<h2 id="Context_d'ús">C<span class="short_text" id="result_box" lang="ca"><span>ontext</span> <span>d'ús</span></span></h2>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclosos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per aquest element.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span style="line-height: 21px;">Aquest element inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("dir")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>La direcció</span> <span>del text</span> <span>en aquest</span> <span>element.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span>
+ <ul>
+  <li><code>ltr</code>: <span id="result_box" lang="ca"><span>Indica que</span> <span>el text</span> <span>ha d'anar</span> <span>en direcció</span> <span>d'esquerra</span> <span>a dreta</span></span>.</li>
+  <li><code>rtl</code>: <span id="result_box" lang="ca"><span>Indica que</span> <span>el text</span> <span>ha d'anar</span> <span>en direcció</span> <span>de dreta a esquerra</span></span>.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;!-- Switch text direction --&gt;
+&lt;p&gt;This text will go left to right.&lt;/p&gt;
+&lt;p&gt;&lt;bdo dir="rtl"&gt;This text will go right to left.&lt;/bdo&gt;&lt;/p&gt;</pre>
+
+<h3 id="Result">Result</h3>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>text</span> <span>anirà</span> <span>d'esquerra</span> <span>a dreta</span></span>.</p>
+
+<p>.tfel ot thgir og lliw txet sihT</p>
+
+<h2 id="Notes">Notes</h2>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">L'especificació HTML 4 no va definir events per a aquest element; es van afegir a XHTML. El més probable és que es tracti d'un descuit.</span></span></p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdo-element', '&lt;bdo&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'the-bdo-element.html#the-bdo-element', '&lt;bdo&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'dirlang.html#h-8.2.4', '&lt;bdo&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table" style="height: 75px; width: 902px;">
+ <tbody>
+  <tr>
+   <th>Caracteristica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Caracteristica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/html/element/bgsound/index.html b/files/ca/web/html/element/bgsound/index.html
new file mode 100644
index 0000000000..766b9598eb
--- /dev/null
+++ b/files/ca/web/html/element/bgsound/index.html
@@ -0,0 +1,106 @@
+---
+title: <bgsound>
+slug: Web/HTML/Element/bgsound
+tags:
+  - Element
+  - HTML
+  - Non-standard
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/bgsound
+---
+<div>{{non-standard_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML So de Fons (<code>&lt;bgsound&gt;</code>) és un element d'Internet Explorer que associa un so de fons amb una pàgina.</p>
+
+<div class="note">
+<p><strong>No utilitzeu aquest!</strong> Per poder inserir l'àudio en una pàgina web, heu d'utilitzar l'element {{HTMLElement("audio")}}.</p>
+</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<dl>
+ <dt>{{htmlattrdef("balance")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>defineix un</span> <span>nombre entre</span> <span>-10000</span> <span>i</span> <span>10000</span> <span>que determina com</span> <span>es</span> <span>dividirà el</span> <span>volum</span> <span>entre els</span> <span>altaveus</span></span></dd>
+ <dt>{{htmlattrdef("loop")}}</dt>
+ <dd>Aquest atribut indica el nombre de vegades que un so es reproduirà i pot tenir qualsevol valor numèric o la paraula clau infinita.</dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>l'adreça URL</span> <span>de l'arxiu de</span> <span>so que</span> <span>es</span> <span>reproduirà</span><span>,</span> <span>que ha de ser</span> <span>un dels</span> <span>següents</span> <span>tipus:</span> <span>.wav</span><span>,</span> <span>.au</span><span>,</span> <span>o</span> <span>.mid</span><span>.</span></span></dd>
+ <dt>{{htmlattrdef("volume")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>defineix un</span> <span>nombre entre</span> <span>0</span> <span>i</span> <span>10.000</span> <span>que determina la</span> <span>intensitat</span> <span>del so</span> <span>de fons</span> <span>d'una pàgina.</span></span></dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush:html">&lt;bgsound src="sound1.mid"&gt;
+
+&lt;bgsound src="sound2.au" loop="infinite"&gt;
+</pre>
+
+<h2 id="Notes">Notes</h2>
+
+<p><span id="result_box" lang="ca"><span>Funcionalitat</span> <span>similar pot</span> <span>aconseguir-se en</span> <span>algunes</span> <span>versions</span> <span>de Netscape</span> <span>que utilitzen</span> <span>l'etiqueta</span> <code><span>&lt;</span><span>embed</span><span>&gt;</span></code> <span>per invocar</span> <span>un reproductor</span> <span>d'àudio.</span></span></p>
+
+<p>Podem escriure bgsound amb una etiqueta de tancament <code>&lt;bgsound  /&gt;</code>. No obstant això, ja que aquest element no és part d'una norma, pel que fa a XHTML no será validat.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Fins Firefox 22, tot i no donar suport a aquest element, Gecko va associar-ho a {{domxref ("HTMLSpanElement")}}. Això va ser corregit i ara l'element associat és un {{domxref ("HTMLUnknownElement")}} com és requerit per l'especificació.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>El {{htmlelement("audio")}}, és l'element estàndard d'àudio per incrustar en un document.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/big/index.html b/files/ca/web/html/element/big/index.html
new file mode 100644
index 0000000000..cf7a7a3cd1
--- /dev/null
+++ b/files/ca/web/html/element/big/index.html
@@ -0,0 +1,107 @@
+---
+title: <big>
+slug: Web/HTML/Element/big
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/big
+---
+<div>{{obsolete_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'Element HTML gran (<code>&lt;big&gt;</code>) fa que la mida de la lletra del text sigui d'una mida més gran (per exemple, de petites a mitjanes, o de grans a x-gran) fins a la mida de la font màxima del navegador.</p>
+
+<div class="note">
+<p><strong>Nota d'ùs: </strong>Com solament era de presentació, aquest element s'ha eliminat en <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5" title="/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a> i no s'ha d'utilitzar més. En lloc d'això els desenvolupadors web han d'usar les propietats <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" title="/en-US/docs/Web/CSS">CSS</a> .</p>
+</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element no té altres atributs que els <a href="/en-US/docs/HTML/global_attributes" title="HTML/global attributes">atributs globals</a>, comuns a tots els elements.</p>
+
+<h2 id="Exemple_1">Exemple 1</h2>
+
+<pre class="brush:xml">&lt;p&gt;
+  This is the first sentence. &lt;big&gt;This whole
+  sentence is in bigger letters.&lt;/big&gt;
+&lt;/p&gt;</pre>
+
+<h2 id="Exemple_2_(CSS_alternatiu)">Exemple 2 (CSS alternatiu)</h2>
+
+<pre class="brush:xml">&lt;p&gt;
+  This is the first sentence. &lt;span style="font-size:1.2em"&gt;This whole
+  sentence is in bigger letters.&lt;/span&gt;
+&lt;/p&gt;</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>This is the first sentence. <span style="font-size: 1.2em;">This whole sentence is in bigger letters.</span></p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref('HTMLElement')}}.</p>
+
+<div class="note"><strong>Nota d'implementació: </strong>Fins Gecko 1.9.2 inclossos, Firefox implementa per aquest element la interfície {{domxref('HTMLSpanElement')}}.</div>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{htmlelement("small")}}, {{htmlelement("font")}}, {{htmlelement("style")}}</li>
+ <li>Especificacións HTML 4.01: <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/blink/index.html b/files/ca/web/html/element/blink/index.html
new file mode 100644
index 0000000000..ebe43128ab
--- /dev/null
+++ b/files/ca/web/html/element/blink/index.html
@@ -0,0 +1,101 @@
+---
+title: <blink>
+slug: Web/HTML/Element/blink
+tags:
+  - Deprecated
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/blink
+---
+<div>{{Deprecated_header}} {{Non-standard_header}}</div>
+
+<p>L'element HTML parpelleig (<code>&lt;blink&gt;</code>) és un element no estàndard que fa que el text adjunt parpellegi lentament.</p>
+
+<div class="warning">
+<p class="note"><strong>Atenció</strong>: No utilitzeu aquest element, ja que no és estàndard i està <strong>desaprovat</strong>. El text parpellejant està mal vist per diversos estàndards d'accessibilitat i l'especificació CSS permet als navegadors que ignorin el valor de parpelleig.</p>
+</div>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element no és compatible i per tant implementa la  interfície {{domxref("HTMLUnknownElement")}}.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush:html">&lt;blink&gt;Why would somebody use this?&lt;/blink&gt;
+</pre>
+
+<h3 id="Resultat_(atenuat!)">Resultat (atenuat!)</h3>
+
+<p><img alt="Image:HTMLBlinkElement.gif" src="/@api/deki/files/247/=HTMLBlinkElement.gif"></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>Aquest element no és estàndard i no forma part de cap especificació. <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features">sinó us ho creieu consultar l'especificació HTML.</a></p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Suportat fins a la versió 22. Eliminat en la versió 23.</p>
+
+<p>[2] Suportat fins a la versió 12.1. Eliminat en la versió 15.0.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="http://www.montulli.org/theoriginofthe%3Cblink%3Etag">Historia de la creació de l'element HTML <code>&lt;blink&gt;</code> </a>.</li>
+ <li>{{cssxref("text-decoration")}}, encara que existeixi un valor de parpelleig, els navegadors no estan obligats a fer-lo parpellejar.</li>
+ <li>{{htmlelement("marquee")}}, <span class="short_text" id="result_box" lang="ca"><span>un altre</span> <span>element</span> similar <span>no estàndard</span>.</span></li>
+ <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_animations" title="/en-US/docs/Web/Guide/CSS/Using_CSS_animations">CSS animations</a> és<span class="short_text" id="result_box" lang="ca"><span> el</span> <span>camí a seguir per</span> <span>crear aquest</span> <span>efecte</span></span>.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/blockquote/index.html b/files/ca/web/html/element/blockquote/index.html
new file mode 100644
index 0000000000..c16e0dd6ac
--- /dev/null
+++ b/files/ca/web/html/element/blockquote/index.html
@@ -0,0 +1,154 @@
+---
+title: <blockquote>
+slug: Web/HTML/Element/blockquote
+tags:
+  - Element
+  - HTML
+  - Referencia
+  - Web
+translation_of: Web/HTML/Element/blockquote
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p><strong>L'element HTML <code>&lt;blockquote&gt;</code></strong> (o <em>Element HTML Bloc de cita</em>) indica que el text adjunt és una cita estesa. Generalment, això es representa visualment per sagnat (veure <a href="/en-US/docs/HTML/Element/blockquote#Notes">Notes</a> per a la forma de canviar-ho). Una adreça URL de la font de la cita es pot administrar mitjançant l'atribut <strong>cite</strong>, mentre que una representació de text de la font es pot administrar utilitzant l'element {{HTMLElement("cite")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de Flux</a>, seccionament arrel, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Contingut de Flux</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span></span> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Contingut de Flux</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLQuoteElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globlas</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("cite")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Un URL</span> <span>que designa un</span> <span>document o</span> <span>missatge</span> <span>per a la</span> <span>informació</span> <span>esmentada</span><span>.</span> <span>Aquest</span> <span>atribut</span> <span>està</span> <span>destinat</span> <span>a assenyalar</span> <span>la informació que</span> <span>explica</span> <span>el context</span> <span>o la referència</span> de<span> la</span> <span class="alt-edited">cita.</span></span></dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;blockquote cite="http://developer.mozilla.org"&gt;
+  &lt;p&gt;This is a quotation taken from the Mozilla Developer Center.&lt;/p&gt;
+&lt;/blockquote&gt;
+</pre>
+
+<p>Resultat del codi HTML: :</p>
+
+<blockquote cite="http://developer.mozilla.org">
+<p>This is a quotation taken from the Mozilla Developer Center.</p>
+</blockquote>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-blockquote-element', '&lt;blockquote&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-blockquote-element', '&lt;blockquote&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '&lt;blockquote&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes">Notes</h2>
+
+<p>Per canviar el sagnat de <code>&lt;blockquote&gt;</code>, s'utilitza la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("margin")}}.</p>
+
+<p>Per cites curtes s'utilitza l'element<code> </code>{{HTMLElement("q")}}.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element {{HTMLElement("q")}} per a les cites en línia.</li>
+ <li>L'element {{HTMLElement("cite")}} per a cites de les fonts.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/body/index.html b/files/ca/web/html/element/body/index.html
new file mode 100644
index 0000000000..6ed0a3a4c2
--- /dev/null
+++ b/files/ca/web/html/element/body/index.html
@@ -0,0 +1,229 @@
+---
+title: <body>
+slug: Web/HTML/Element/body
+tags:
+  - Element
+  - HTML
+  - Referencia
+  - Sections
+  - Web
+translation_of: Web/HTML/Element/body
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'element <strong>HTML <code>&lt;body&gt;</code> </strong>representa el contingut de un document HTML. Solament pot haver-hi un element <code>&lt;body&gt;</code> en un document.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_roots">Seccionament arrel</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut de Flux</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>
+    <p>L'etiqueta d'inici es pot ometre si el primer concepte no és un caràcter espai,  comentari, element {{HTMLElement("script")}} o element {{HTMLElement("style")}}. L'etiqueta final es pot ometre si l'element body té continguts o té una etiqueta d'inici, i no és seguit per un comentari.</p>
+   </td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Ha de ser</span> <span>el segon</span> <span>element</span> <span>d'un element</span></span> {{HTMLElement("html")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLBodyElement")}}
+    <ul>
+     <li>T'element <code>&lt;body&gt;</code> exposa la interfície {{domxref("HTMLBodyElement")}}.</li>
+     <li><span id="result_box" lang="ca"><span class="alt-edited">Es pot accedir a l'element body a través de l'atribut</span></span> {{domxref("document.body")}}.</li>
+    </ul>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("alink")}} {{obsolete_inline}}</dt>
+ <dd>Color del text dels hipervínculos quan se selecciona. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} en conjunció amb la pseudo-classe {{cssxref(":active")}}.</em></dd>
+ <dt>{{htmlattrdef("background")}} {{obsolete_inline}}</dt>
+ <dd>URI d'una imatge per utilitzar com a fons. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS background en l'element.</em></dd>
+ <dt>{{htmlattrdef("bgcolor")}} {{obsolete_inline}}</dt>
+ <dd>Color de fons del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("background-color")}} en l'element.</em></dd>
+ <dt>{{htmlattrdef("bottommargin")}} {{obsolete_inline}}</dt>
+ <dd>El marge de la part inferior del cos del document.  <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-bottom")}} en l'element.</em></dd>
+ <dt>{{htmlattrdef("leftmargin")}} {{obsolete_inline}}</dt>
+ <dd>El marge de l'esquerra del cos del document.  <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-left")}} en l'element.</em></dd>
+ <dt>{{htmlattrdef("link")}} {{obsolete_inline}}</dt>
+ <dd>El color del text per als enllaços d'hipertext no visitats.  <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} juntament amb la pseudo-classe la: {{cssxref(":link")}}.</em></dd>
+ <dt>{{htmlattrdef("onafterprint")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>després que</span> <span>l'usuari ha</span> <span>imprès el</span> <span>document.</span></span></dd>
+ <dt>{{htmlattrdef("onbeforeprint")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan l'usuari</span> <span>sol·licita</span> <span>la impressió del</span> <span>document.</span></span></dd>
+ <dt>{{htmlattrdef("onbeforeunload")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan</span> <span>el document</span> <span>està</span> <span>a punt de ser</span> <span>descarregat.</span></span></dd>
+ <dt>{{htmlattrdef("onblur")}}</dt>
+ <dd>Funció a cridar quan el document <span id="result_box" lang="ca"><span class="alt-edited">perd el focus.</span></span></dd>
+ <dt>{{htmlattrdef("onerror")}}</dt>
+ <dd><span id="result_box" lang="ca"><span class="alt-edited">Funció a cridar quan el document no es carrega correctament.</span></span></dd>
+ <dt>{{htmlattrdef("onfocus")}}</dt>
+ <dd><span id="result_box" lang="ca"><span class="alt-edited">Funció a cridar quan el document rep el focus.</span></span></dd>
+ <dt>{{htmlattrdef("onhashchange")}}</dt>
+ <dd>Funció a cridar quan part del identificador del fragment (a partir del caràcter comodí ("#") ) de la direcció actual del document ha canviat.</dd>
+ <dt>{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}</dt>
+ <dd>Funció a cridar quan els idiomes preferits han canviat.</dd>
+ <dt>{{htmlattrdef("onload")}}</dt>
+ <dd>Funció a cridar quan el document hagi acabat de carregar.</dd>
+ <dt>{{htmlattrdef("onmessage")}}</dt>
+ <dd>Funció a cridar quan el document ha rebut un missatge.</dd>
+ <dt>{{htmlattrdef("onoffline")}}</dt>
+ <dd>Funció a cridar quan la comunicació de xarxa ha fallat.</dd>
+ <dt>{{htmlattrdef("ononline")}}</dt>
+ <dd>Funció a cridar quan la comunicació de xarxa s'ha restaurat.</dd>
+ <dt>{{htmlattrdef("onpopstate")}}</dt>
+ <dd>Funció a cridar quan l'usuari ha navegat per el historial de la sessió.</dd>
+ <dt>{{htmlattrdef("onredo")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan</span> <span>l'usuari s'ha</span> <span>mogut</span> <span>cap</span> <span>endavant en</span> <span>l'historial</span> <span>de transaccions de</span> <span>desfer</span></span>.</dd>
+ <dt>{{htmlattrdef("onresize")}}</dt>
+ <dd>Funció a cridar quan el document ha estat redimensionat.</dd>
+ <dt>{{htmlattrdef("onstorage")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan l'àrea</span> <span>d'emmagatzematge</span> <span>ha canviat.</span></span></dd>
+ <dt>{{htmlattrdef("onundo")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan</span> <span>l'usuari s'ha</span> <span>mogut</span> <span>cap enrere en</span> <span>l'historial</span> <span>de transaccions</span> <span>de desfer.</span></span></dd>
+ <dt>{{htmlattrdef("onunload")}}</dt>
+ <dd>Funció a cridar quan el document vagi a desaparèixer.</dd>
+ <dt>{{htmlattrdef("rightmargin")}} {{obsolete_inline}}</dt>
+ <dd>El marge de la dreta del cos del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-right")}} en l'element.</em></dd>
+ <dt>{{htmlattrdef("text")}} {{obsolete_inline}}</dt>
+ <dd>Color de primer pla del text. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} en l'element.</em></dd>
+ <dt>{{htmlattrdef("topmargin")}} {{obsolete_inline}}</dt>
+ <dd>El marge de la part superior del cos del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-top")}} en l'element.</em></dd>
+ <dt>{{htmlattrdef("vlink")}} {{obsolete_inline}}</dt>
+ <dd>Color del text per als enllaços d'hipertext visitats. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} en conjunció amb la pseudo-classe {{cssxref(":visited")}}.</em></dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td><span id="result_box" lang="ca"><span>S'ha</span> <span>canviat</span> <span>la llista</span> <span>de característiques no</span> <span>conformes.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Obsolets els atributs anteriorment en desús. Defineix el comportament dels no conformes i no estandarditzats <code>margintop</code>, <code>marginleft</code>, <code>marginright</code> i <code>marginbottom</code>. S'ha afegit en els atributs el *.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '&lt;body&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Desaprovats els atributs <code>alink</code>, <code>background</code>, <code>bgcolor</code>, <code>link</code>, <code>text</code> i <code>vlink</code>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>onlanguagechange</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("32")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("35")}} [1]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>onlanguagechange</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("32")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("35")}} [1]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Abans només comptava amb el suport en Quirk Mode.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("html")}}</li>
+ <li>{{HTMLElement("head")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/br/index.html b/files/ca/web/html/element/br/index.html
new file mode 100644
index 0000000000..94aedec757
--- /dev/null
+++ b/files/ca/web/html/element/br/index.html
@@ -0,0 +1,136 @@
+---
+title: <br>
+slug: Web/HTML/Element/br
+translation_of: Web/HTML/Element/br
+---
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>L'element <strong>HTML <code>&lt;br&gt;</code> </strong> (de l'Anglès<em> </em><em>Line Break</em>) produeix un salt de línia en el text (carriage-return). És útil per escriure un poema o una adreça, on la divisió de línies és significatiu.</p>
+
+<p>No s'ha de fer servir <code>&lt;br&gt;</code> per augmentar la distància entre línies de text; sinó la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref('margin')}} o l'element {{HTMLElement("p")}} .</p>
+
+<ul class="htmlelt">
+ <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</li>
+ <li><dfn>Contingut permès</dfn> Cap, és un  {{Glossary("empty element")}}.</li>
+ <li><dfn>Omissió de l'etiqueta </dfn> Ha de tenir una etiqueta d'entrada, i cap de sortida. En els documents XHTML, s'ha d'escriure aquest element com a <code>&lt;br /&gt;</code>.</li>
+ <li><dfn>Elements pares permesos</dfn> Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</li>
+ <li><dfn>Interfície DOM</dfn> {{domxref("HTMLBRElement")}}</li>
+</ul>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p><span style="line-height: 21px;">Aquest element inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("clear")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>Indica on comença la següent línia després del salt de línia<em> .</em>
+ <div class="note">
+ <p><strong>Nota d'ús: </strong>Aquest atribut és obsolet en {{HTMLVersionInline(5)}} i <strong>no s'hauria de fer servir per desenvolupadors</strong>. Es pot fer servir la propietat CSS {{CSSxref('clear')}}  per això.</p>
+ </div>
+ </dd>
+</dl>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<pre class="brush: html">Mozilla Foundation&lt;br&gt;
+1981 Landings Drive&lt;br&gt;
+Building K&lt;br&gt;
+Mountain View, CA 94043-0801&lt;br&gt;
+USA
+</pre>
+
+<p>L'HTML de dalt mostra:</p>
+
+<p>Mozilla Foundation<br>
+ 1981 Landings Drive<br>
+ Building K<br>
+ Mountain View, CA 94043-0801<br>
+ USA</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-br-element', '&lt;br&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-br-element', '&lt;br&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.3.2.1', '&lt;br&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Comptabilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{HTMLElement("address")}} element</li>
+ <li>{{HTMLElement("p")}} element</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/button/index.html b/files/ca/web/html/element/button/index.html
new file mode 100644
index 0000000000..40567f0bc4
--- /dev/null
+++ b/files/ca/web/html/element/button/index.html
@@ -0,0 +1,345 @@
+---
+title: <button>
+slug: Web/HTML/Element/button
+translation_of: Web/HTML/Element/button
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <code>&lt;button&gt;</code> representa un botó que es premi.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de Flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, <a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">Contingut interactiu</a>, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetables</a>, i <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">enviament formularis associats</a> element, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}} </td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLButtonElement")}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Tipus d'element</th>
+   <td>En línia</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("autofocus")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut booleà permet especificar que el botó ha de tenir un focus d'entrada quan es carrega la pàgina, llevat que l'usuari els redefineixi, per exemple escrivint en un control diferent. Només un element form-associated a un document pot tenir aquest atribut especificat.</dd>
+ <dt>{{htmlattrdef("autocomplete")}} {{non-standard_inline}}</dt>
+ <dd>L'ús d'aquest atribut en un {{HTMLElement("button")}} no és estàndard i específic de Firefox. Per defecte, a diferència d'altres navegadors, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">Firefox persisteix l'estat dinàmic desactivat</a> d'un {{HTMLElement("button")}} a través de càrregues de pàgina. Establir el valor d'aquest atribut en <code>off</code> (i.e. <code>autocomplete = "off"</code>) desactiva aquesta funció. Vegeu {{bug(654072)}}.</dd>
+ <dt>{{htmlattrdef("disabled")}}</dt>
+ <dd>
+ <p>Aquest atribut booleà indica que l'usuari no pot interactuar amb el botó. Si no s'especifica aquest atribut, el botó hereta la seva configuració des de l'element que el conté, per exemple {{HTMLElement("fieldset")}} ; si no hi ha cap element que contingui l'atribut <strong>disabled</strong>, llavors el botó està activat.</p>
+
+ <p>Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persisteixi l'estat dinàmica desactivat</a> d'un {{HTMLElement("button")}} a través de càrregues de pàgina. Utilitzeu l'atribut {{htmlattrxref("autocomplete","button")}} per a controlar aquesta funció.</p>
+ </dd>
+ <dt>{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>L'element form que el botó està associat amb (<em>el propietari del formulari</em>). El valor de l'atribut ha de ser l'atribut id d'un element {{HTMLElement("form")}} en el mateix document. Si no s'especifica aquest atribut, l'element <code>&lt;button&gt;</code> s'associa a un ancestre element {{HTMLElement("form")}}, si és que existeix. Aquest atribut permet associar elements <code>&lt;button&gt;</code> a elements {{HTMLElement("form")}} en qualsevol lloc dins d'un document, no només com descendents dels elements {{HTMLElement("form")}}.</dd>
+ <dt>{{htmlattrdef("formaction")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>L'URI d'un programa que processa la informació presentada pel botó. Si s'especifica, s'anul·la l'atribut {{htmlattrxref("action","form")}} del propietari del formulari del botó.</dd>
+ <dt>{{htmlattrdef("formenctype")}} {{HTMLVersionInline(5)}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Si</span> <span>el botó</span> <span>és</span> <span>un botó</span> <span>d'enviament,</span> <span>aquest</span> <span>atribut</span> <span>especifica</span> <span>el tipus</span> <span>de contingut</span> <span>que s'utilitza</span> <span>per enviar el</span> <span>formulari al</span> <span>servidor.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span>
+ <ul>
+  <li><code>application/x-www-form-urlencoded</code>: <span id="result_box" lang="ca"><span>El valor</span> <span>per defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li>
+  <li><code>multipart/form-data</code>: Utilitzeu aquest valor si està utilitzant un element {{HTMLElement("input")}} amb l'atribut {{htmlattrxref("type","input")}} establert en l<code>'arxiu</code>.</li>
+  <li><code>text/plain</code></li>
+ </ul>
+
+ <p>Si s'especifica aquest atribut, s'anul·la l'atribut {{htmlattrxref("enctype","form")}} del propietari del formulari dels botons.</p>
+ </dd>
+ <dt>{{htmlattrdef("formmethod")}} {{HTMLVersionInline(5)}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Si</span> <span>el botó</span> <span>és</span> <span>un botó</span> <span>d'enviament,</span> <span>aquest</span> <span>atribut</span> <span>especifica el</span> <span>mètode</span> <span>HTTP</span> <span>que el navegador</span> <span>utilitza</span> <span>per enviar el</span> <span>formulari.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span>
+ <ul>
+  <li><code>post</code>: Les dades del formulari s'incloent en el cos del formulari i s'envia al servidor.</li>
+  <li><code>get</code>: Les dades del formulari s'afegeixen a l'atribut de formulari URI, amb un '?' com a separador, i l'URI resultant s'envia al servidor. Utilitzeu aquest mètode quan el formulari no té efectes secundaris i conté només caràcters ASCII.</li>
+ </ul>
+
+ <p>Si s'especifica, aquest atribut reemplaça l'atribut {{htmlattrxref("method","form")}} del propietari del formulari del botó.</p>
+ </dd>
+ <dt>{{htmlattrdef("formnovalidate")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Si el botó és un botó d'enviament, aquest atribut booleà especifica que el formulari no ha de ser validat quan es presenti. Si s'especifica aquest atribut, s'anul·la l'atribut {{htmlattrxref("novalidate","form")}} del propietari del formulari del botó.</dd>
+ <dt>{{htmlattrdef("formtarget")}} {{HTMLVersionInline(5)}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Si</span> <span>el botó</span> <span>és</span> <span>un botó</span> <span>d'enviament,</span> <span>aquest</span> <span>atribut</span> <span>és</span> <span>un nom</span> <span>o una paraula</span> <span>clau que</span> <span>indica on</span> <span>s'ha de mostrar</span> <span>la resposta que</span> <span>es</span> <span>rep</span> <span>després d'enviar</span> <span>el formulari.</span> <span>Es</span> <span>tracta</span> <span>d'un nom de</span><span>,</span> <span>o una paraula</span> <span>clau</span> <span>per a un</span> <span>context</span> <span>de navegació</span> <span>(</span><span>per</span> <span>exemple</span><span>, pestanya</span><span>, finestra</span> <span>o</span> <span>marc en</span> <span>línia</span><span>)</span><span>.</span> <span>Si s'especifica</span> <span>aquest</span> <span>atribut</span><span>, </span></span> reemplaça l'atribut de destinació <span lang="ca"> <span>del propietari del</span> <span>formulari</span> <span>del botó.</span> <span>Les</span> <span>següents</span> <span>paraules</span> <span>clau</span> <span>tenen</span> <span>un significat</span> <span>especial</span><span>:</span></span></dd>
+ <dd>
+ <ul>
+  <li><code>_self</code>: Càrrega la resposta en el mateix context de navegació com l'actual. Aquest valor és el valor per defecte si no s'especifica l'atribut.</li>
+  <li><code>_blank</code>: Càrrega la resposta en un nou context de navegació sense nom.</li>
+  <li><code>_parent</code>: Càrrega la resposta en el context de navegació dels pares de l'actual. Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li>
+  <li><code>_top</code>: Càrrega la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que<code> _self</code>.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El nom del</span> <span>botó</span><span>, que es presenta</span> <span>amb</span> <span>les dades del</span> <span>formulari.</span></span></dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Tipus</span> <span>de botó.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span>
+ <ul>
+  <li><code>submit</code>: El botó envia les dades del formulari al servidor. Aquest és el valor per defecte si no s'especifica l'atribut, o si l'atribut es canviat dinàmicament a un valor buit o no vàlid.</li>
+  <li><code>reset</code>: Rstableix tots els controls als seus valors inicials</li>
+  <li><code>button</code>: El botó no té cap comportament predeterminat. Pot tenir seqüències d'ordres del costat del client, relacionats amb els events de l'element, que s'activen quan es produeixen els events.</li>
+  <li>menu: El botó obre un menú emergent definit pel seu element {{HTMLElement("menu")}} designat.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("value")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El valor inicial</span> <span>del botó.</span> <span>Defineix</span> <span>el valor associat</span> <span>amb</span> <span>el botó que</span> <span>es presenta</span> <span>amb</span> <span>les dades del</span> <span>formulari.</span> <span>Aquest</span> <span>valor</span> <span>es passa al</span> <span>servidor</span> <span>en</span> <span>params</span> <span>quan</span> <span>s'envia el</span> <span>formulari.</span></span></dd>
+</dl>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<pre class="brush:html">&lt;button name="button"&gt;Click me&lt;/button&gt;
+</pre>
+
+<p>{{ EmbedLiveSample('Example', 200, 64) }}</p>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Recordeu que</span> <span>aquest</span> <span>botó</span> <span>s'ha</span> <span>aplicat</span> <span>CSS.</span></span></p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-button-element', '&lt;button&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-button-element', '&lt;button&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.5', '&lt;button&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>formaction</code></td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>formenctype</code></td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>10.6</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>formmethod</code></td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>autofocus</code></td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>9.6</td>
+   <td>5.0</td>
+  </tr>
+  <tr>
+   <td>atribut <code>menu</code> value for <code>type</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>formaction</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>formenctype</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>formmethod</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>menu</code> value for <code>type</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Gecko no implementa aquesta funció fins el moment. Veure {{bug("1241353")}}.</p>
+
+<h3 id="En_fer_clic_i_enfocament"><span class="short_text" id="result_box" lang="ca"><span>En fer</span> <span>clic i</span> <span>enfocament</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">Si fem clic a un </span></span>{{HTMLElement("button")}}<span lang="ca"><span class="alt-edited"> fa que (per defecte) aquest es converteixi en el focus i varïi segons el navegador i sistema operatiu. Els resultats de </span></span>{{HTMLElement("input")}}<span lang="ca"><span class="alt-edited"> de <code>type="button"</code> i <code>type="submit"</code> son els mateixos.</span></span></p>
+
+<table>
+ <caption>Fer clic en un {{HTMLElement("button")}} donar-li el focus?</caption>
+ <tbody>
+  <tr>
+   <td>Desktop Browsers</td>
+   <th>Windows 8.1</th>
+   <th>OS X 10.9</th>
+  </tr>
+  <tr>
+   <th>Firefox 30.0</th>
+   <td style="background-color: LawnGreen;">Yes</td>
+   <td style="background-color: red;">No (even with a <code>tabindex</code>)</td>
+  </tr>
+  <tr>
+   <th>Chrome 35</th>
+   <td style="background-color: LawnGreen;">Yes</td>
+   <td style="background-color: LawnGreen;">Yes</td>
+  </tr>
+  <tr>
+   <th>Safari 7.0.5</th>
+   <td style="background-color: silver;">N/A</td>
+   <td style="background-color: red;">No (even with a <code>tabindex</code>)</td>
+  </tr>
+  <tr>
+   <th>Internet Explorer 11</th>
+   <td style="background-color: LawnGreen;">Yes</td>
+   <td style="background-color: silver;">N/A</td>
+  </tr>
+  <tr>
+   <th>Presto (Opera 12)</th>
+   <td style="background-color: LawnGreen;">Yes</td>
+   <td style="background-color: LawnGreen;">Yes</td>
+  </tr>
+ </tbody>
+</table>
+
+<table>
+ <caption>Fer un toc en un {{HTMLElement("button")}} donar-li el focus?</caption>
+ <tbody>
+  <tr>
+   <td>Navagadors Mòvils</td>
+   <th>iOS 7.1.2</th>
+   <th>Android 4.4.4</th>
+  </tr>
+  <tr>
+   <th>Safari Mobile</th>
+   <td style="background-color: red;">No (even with a <code>tabindex</code>)</td>
+   <td style="background-color: silver;">N/A</td>
+  </tr>
+  <tr>
+   <th>Chrome 35</th>
+   <td style="background-color: red;">No (even with a <code>tabindex</code>)</td>
+   <td style="background-color: LawnGreen;">Yes</td>
+  </tr>
+  <tr>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Notes">Notes</h2>
+
+<p>Els elements <code>&lt;button&gt;</code> són molt més fàcil de donar estil que els elements {{HTMLElement("input")}}. Podeu afegir contingut HTML intern (com <code>&lt;em&gt;, &lt;strong&gt;</code> o fins i tot <code>&lt;img&gt;</code>), i fer ús dels pseudo-elements  {{Cssxref(":after")}} i {{Cssxref(":before")}}  per aconseguir la generació d'elements complexos, mentre que {{HTMLElement("input")}} només accepta un atribut de valor de text.</p>
+
+<p>Internet Explorer 7 té un error pel qual l'enviar un formulari amb <code>&lt;button type="submit" name="myButton" value="foo"&gt;Click me&lt;/button&gt;</code>, les dades POST enviats donarà com  a  resultat <code>myButton=Click</code> <code>me</code> en lloc de <code>myButton=foo</code>. IE6 té un error encara pitjor quan s'envia un formulari a través d'un botó, presentarà tots els botons del formulari, amb el mateix error com IE7.Aquest error s'ha corregit en IE8.</p>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">Firefox afegirà, amb fins d'accessibilitat, una petita vora de punts en un botó que té el focus. Aquesta frontera es declara a través de CSS, en el full d'estil del navegador, però pot substituir-lo en cas necessari, afegin el seu propi estil en el botó enfocat</span></span><code> {{cssxref("::-moz-focus-inner")}} { }.</code></p>
+
+<p>Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persisteixi l'estat desactivat dinàmica</a> d'un {{HTMLElement("button")}} a través de càrregues de pàgina. En establir el valor de l'atribut {{htmlattrxref("autocomplete","button")}} en <code>off</code> desactiva aquesta funció. Vegeu {{bug(654072)}}.</p>
+
+<p>Firefox &lt;35 per Android estableix per defecte un gradient {{ cssxref("background-image") }} en tots els botons (veure {{bug(763671)}}). Això es pot desactivar usant <code>background-image: none</code>.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<p><span id="result_box" lang="ca"><span>Altres elements</span> <span>que s'utilitzen</span> <span>per a la</span> <span>creació</span> <span>de formularis</span></span> : {{HTMLElement("form")}}, {{HTMLElement("datalist")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("input")}},{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}}, {{HTMLElement("meter")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}}.</p>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/canvas/index.html b/files/ca/web/html/element/canvas/index.html
new file mode 100644
index 0000000000..69e61baec9
--- /dev/null
+++ b/files/ca/web/html/element/canvas/index.html
@@ -0,0 +1,192 @@
+---
+title: <canvas>
+slug: Web/HTML/Element/canvas
+tags:
+  - Canvas
+  - Element
+  - HTML
+  - HTML scripting
+  - HTML5
+  - Referencia
+  - Web
+translation_of: Web/HTML/Element/canvas
+---
+<p>L'<strong>element HTML &lt;canvas&gt;</strong> es pot utilitzar per dibuixar gràfics a través de seqüències d'ordres (normalment <a href="/en-US/docs/Web/JavaScript">JavaScript</a>). Per exemple, es pot utilitzar per dibuixar gràfics, fer composicions de fotos o fins i tot realitzar animacions. Pots (i has de) proporcionar contingut alternatiu dins del bloc <code>&lt;canvas&gt;</code>. Aquest contingut es representarà tant en navegadors antics que no suporten canvas com en navegadors amb  JavaScript desactivat.</p>
+
+<p>Per a més articles sobre canvas, vegeu la <a href="/en-US/docs/Web/API/Canvas_API">pàgina del tema canvas</a>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut de Flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Embedded_content">Contingut incrustat</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Transparent, però sense descendents de <a href="/en-US/docs/HTML/Content_categories#Interactive_content">continguts interactius</a> excepte per elements {{HTMLElement("a")}},  elements {{HTMLElement("button")}}, elements {{HTMLElement("input")}} que el seu atribut {{htmlattrxref("type", "input")}}  sigui checkbox, radio, o button.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing_content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLCanvasElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("height")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'alçada</span> <span>de l'espai</span> <span>de coordenades en</span> <span>píxels</span> <span>de CSS.</span> <span>El</span> <span>valor per omissió</span> <span>és</span> <span>150</span><span>.</span></span></dd>
+ <dt>{{htmlattrdef("moz-opaque")}} {{non-standard_inline}}</dt>
+ <dd>Permet el llenç saber si la transparència serà un factor. Si el llenç sap que no hi ha transparència, el rendiment de la pintura pot ser optimitzat.</dd>
+ <dt>{{htmlattrdef("width")}}</dt>
+ <dd>L'amplada de l'espai de coordenades en píxels de CSS. El valor per omissió és 300.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<h3 id="Etiqueta_&lt;canvas>_Requerida">Etiqueta <code>&lt;/canvas&gt;</code> Requerida</h3>
+
+<p><span id="result_box" lang="ca"><span>A diferència</span> <span>de l'element</span> </span>{{HTMLElement("img")}}<span lang="ca"><span>, l'element</span> </span>{{HTMLElement("canvas")}}<span lang="ca"> <span>requereix</span> <span>l'etiqueta</span> <span>de tancament</span> <span>(</span><code><span>&lt;</span><span>/</span> <span>canvas</span><span>&gt;</span></code><span>)</span><span>.</span></span></p>
+
+<h3 id="Dimensionament_del_llenç">Dimensionament del llenç</h3>
+
+<p>La mida que es mostra del llenç es pot canviar fent servir un full d'estil. La imatge ha estat reduïda durant la representació per adaptar-se a la mida de l'estil. Si les seves representacions semblen distorsionades, intenta especificar els atributsdt <code>width</code> i <code>height</code>  de manera explícita en <code>&lt;canvas&gt;</code>, i no l'ús de CSS.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Aquest fragment de codi afegeix un element el llenç del teu document HTML. Un text alternatiu es proporcionat si un navegador és incapaç de representar el lleç, o si no pot llegir un llenç. És útil proporcionar un text alternatiu o sub DOM ajuda a que <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility">el llenç sigui més accessible</a>.</p>
+
+<pre class="brush: html">&lt;canvas id="canvas" width="300" height="300"&gt;
+  An alternative text describing what your canvas displays.
+&lt;/canvas&gt; </pre>
+
+<p>Si el llenç no utilitza la transparència estableix l'atribut moz-opaque a l'etiqueta canvas. Aquesta informació es pot utilitzar internament per optimitzar la representació. Tanmateix, aquest atribut no s'ha estandarditzat i només funciona en motors de renderitzat basats en Mozilla.</p>
+
+<pre class="brush: html">&lt;canvas id="mycanvas" moz-opaque&gt;&lt;/canvas&gt;</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-canvas-element.html#the-canvas-element', '&lt;canvas&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'the-canvas-element.html#the-canvas-element', '&lt;canvas&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.8")}}<sup>[1]</sup><br>
+    {{CompatGeckoDesktop("6.0")}}<sup>[2]</sup><br>
+    {{CompatGeckoDesktop("12.0")}}<sup>[3]</sup></td>
+   <td>9.0</td>
+   <td>9.0<sup>[4]</sup></td>
+   <td>2.0<sup>[5]</sup></td>
+  </tr>
+  <tr>
+   <td><code>moz-opaque</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatGeckoDesktop("1.8")}}<sup>[1]</sup><br>
+    {{CompatGeckoDesktop("6.0")}}<sup>[2]</sup><br>
+    {{CompatGeckoDesktop("12.0")}}<sup>[3]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td><code>moz-opaque</code></td>
+   <td>{{CompatGeckoMobile("1.9.1")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Abans de Gecko 5.0 {{geckoRelease("5.0")}} , l'amplada i l'alçada del llenç eran enters amb signe en lloc d'enters sense signe</p>
+
+<p>[2] Abans de Gecko 6.0 {{geckoRelease("6.0")}} , un element , amb una amplada o l'alçada zero es representava com si tingués dimensions predeterminades.</p>
+
+<p>[3] Abans de Gecko 12.0 {{geckoRelease("6.0")}}, si Javascript estava desactivat, l'element &lt;canvas&gt; es representava en lloc de mostrar el contingut de reserva segons<a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html"> l'especificació</a>. Ara el contingut de reserva es representa en el seu lloc.</p>
+
+<p>[4] Veura <a href="http://www.opera.com/docs/changelogs/windows/900/">la llista de canvis en Opera 9.0</a>.</p>
+
+<p>[5] Tot i que les primeres versions del navegador Safari d'Apple no requerien l'etiqueta de tancament, l'especificació indica que s'exigeix, pel que ha de assegurar-se incloure-la per raons de compatibilitat més àmplia. Les versions de Safari (anteriors a la versió 2.0) podrán representar el contingut del recurs a més de la del pròpi llenç, a menys que utilitzi trucs CSS per emmascarar. Afortunadament, els usuaris d'aquestes versions de Safari són rars avui dia.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Canvas_API">Portal MDN canvas</a></li>
+ <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Tutorial Canvas</a></li>
+ <li><a href="https://simon.html5.org/dump/html5-canvas-cheat-sheet.html">Full resum de Canvas</a></li>
+ <li><a href="/en-US/demos/tag/tech:canvas">Demostracions relacionades amb Canvas</a></li>
+ <li><a href="https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/Introduction/Introduction.html">Introducció de Canvas per Apple</a></li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/caption/index.html b/files/ca/web/html/element/caption/index.html
new file mode 100644
index 0000000000..9544eff043
--- /dev/null
+++ b/files/ca/web/html/element/caption/index.html
@@ -0,0 +1,159 @@
+---
+title: <caption>
+slug: Web/HTML/Element/caption
+tags:
+  - Element
+  - HTML
+  - HTML dades tabulades
+  - Referencia
+  - Taules
+  - Web
+translation_of: Web/HTML/Element/caption
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p><strong>L'element HTML <code>&lt;caption&gt;</code></strong>  (o <em>Element HTML llegenda de la taula</em>) representa el títol d'una taula. Tot i que sempre és el primer descendent d'un element {{HTMLElement("table")}}, el seu disseny, utilitzant CSS, podrà col·locar-la en altres llocs, en relació amb la taula.</p>
+
+<div class="note">Nota d'ús: Quan l'element {{HTMLElement("table")}} que és el pare d'aquesta {{HTMLElement("caption")}} és l'únic descendent d'un element {{HTMLElement("figure")}} , utilitzeu l'element {{HTMLElement("figcaption")}} en el seu lloc..</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un element {{HTMLElement("table")}}, <span class="short_text" id="result_box" lang="ca"><span> com el seu</span> <span>primer descendent</span><span>.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLTableCaptionElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>
+ <p>Aquest atribut enumerat indica com la llegenda ha d'alinear-se respecte a la taula. Pot tenir els següents valors:</p>
+ </dd>
+ <dd>
+ <ul>
+  <li><code>left</code>, mostrat a l'esquerra de la taula</li>
+  <li><code>top</code>, mostrat sobre la taula</li>
+  <li><code>right</code>, mostrat a la dreta de la taula</li>
+  <li><code>bottom</code>, mostrat sota la taula</li>
+ </ul>
+
+ <div class="note"><strong>Nota d'ús</strong>: No utilitzeu aquest atribut, ja que ha quedat en desús: l'element {{HTMLElement("caption")}} s'hauri de donar estil amb <a href="/en-US/docs/CSS">CSS</a>. Per donar un efecte similar a l'atribut align, utilitzeu les propietats <a href="/en-US/docs/CSS">CSS</a> {{cssxref("caption-side")}} i {{cssxref("text-align")}}.</div>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p><span id="result_box" lang="ca"><span>Si us plau</span><span>, consulteu</span> <span>la </span></span><span lang="ca"><span>pàgina</span> </span>{{HTMLElement("table")}}<span lang="ca"> <span>per</span> <span>exemples</span> <span>de</span> </span>{{HTMLElement("caption")}}.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'tabular-data.html#the-caption-element', '&lt;caption&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'tabular-data.html#the-caption-element', '&lt;caption&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/tables.html#h-11.2.2', '&lt;caption&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements HTML relacionats amb taula: {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li>
+ <li>Propietats CSS que poden ser especialment útils per estilitzar l'element {{HTMLElement("caption")}}:
+  <ul>
+   <li>{{cssxref("text-align")}}, {{cssxref("caption-side")}}.</li>
+  </ul>
+ </li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/center/index.html b/files/ca/web/html/element/center/index.html
new file mode 100644
index 0000000000..f4bad49b75
--- /dev/null
+++ b/files/ca/web/html/element/center/index.html
@@ -0,0 +1,57 @@
+---
+title: <center>
+slug: Web/HTML/Element/center
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/center
+---
+<div>{{deprecated_header()}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML Centre (<code>&lt;center&gt;</code>) és un <a href="https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements">element a nivell de bloc</a> que pot contenir paràgrafs i altres elements a nivell de bloc i en línia. Tot el contingut d'aquest element és centrat horitzontalment dins del seu element contenidor (en general, {{HTMLElement("body")}}).</p>
+
+<p>Aquest etiqueta s'ha desaprovat en HTML 4 (i XHTML 1) en favor de la propietat <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" title="/en-US/docs/Web/CSS">CSS</a> {{Cssxref("text-align")}}, la qual es pot aplicar a l'element {{HTMLElement ("div")}} o a un individu {{HTMLElement ("p")}}. Per centrar blocs, utilitzar altres propietats CSS com {{Cssxref("margin-left")}} i {{Cssxref("margin-right")}} ajustant-los a <code>auto</code> (o posar {{Cssxref("margin")}} <code>auto</code> a 0).</p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref("HTMLElement")}}.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació:</strong> Fins Gecko 1.9.2 inclos, Firefox implementa per aquest element la interfície {{domxref("HTMLSpanElement")}}.</p>
+</div>
+
+<h2 id="Example_1" name="Example_1">Exemple 1</h2>
+
+<pre class="brush: html">&lt;center&gt;This text will be centered.
+&lt;p&gt;So will this paragraph.&lt;/p&gt;&lt;/center&gt;
+</pre>
+
+<h2 id="Example_2" name="Example_2">Exemple 2 (CSS alternatiu)</h2>
+
+<pre class="brush: html">&lt;div style="text-align:center"&gt;This text will be centered.
+&lt;p&gt;So will this paragraph.&lt;/p&gt;&lt;/div&gt;
+</pre>
+
+<h2 id="Example_3" name="Example_3">Exemple 3 (CSS alternatiu)</h2>
+
+<pre class="brush: html">&lt;p style="text-align:center"&gt;This line will be centered.&lt;br&gt;
+And so will this line.&lt;/p&gt;
+</pre>
+
+<h2 id="Notes" name="Notes">Nota</h2>
+
+<p>Aplicant {{Cssxref("text-align")}}: <code>center</code> a un element {{HTMLElement ("div")}} o {{HTMLElement ("p")}} se centra el <em>contingut</em> d'aquests elements, deixant el seu conjunt de dimensions sense canvis.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{Cssxref("text-align")}}</li>
+ <li>{{Cssxref("display")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/cite/index.html b/files/ca/web/html/element/cite/index.html
new file mode 100644
index 0000000000..eb62993b69
--- /dev/null
+++ b/files/ca/web/html/element/cite/index.html
@@ -0,0 +1,152 @@
+---
+title: <cite>
+slug: Web/HTML/Element/cite
+tags:
+  - Element
+  - HTML
+  - Referencia
+  - Web
+translation_of: Web/HTML/Element/cite
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML de citació</em> (<strong>&lt;cite&gt;</strong>) representa una referència a un treball creatiu. Haurà de constar del títol d'una obra o una referència d'URL, que pot ser en forma abreujada d'acord amb les convencions que s'utilitzen per a l'addició de metadades citació.</p>
+
+<div class="note">
+<p><strong>Notes d'ús:</strong></p>
+
+<ul>
+ <li>Un treball creatiu pot incloure un llibre, un paper, un assaig, un poema, una partitura, una cançó, un guió, una pel·lícula, un programa de televisió, un joc, una escultura, una pintura, una obra de teatre, una obra, una òpera, un musical, una exposició, un informe jurídic d'un cas, un programa informàtic, un lloc web, una pàgina web, una entrada de blog o comentari, un missatge en el fòrum o comentari, un tweet, una declaració oral o escrita, etc.</li>
+ <li><span id="result_box" lang="ca"><span>L'especificació</span> <span>del W3C</span> <span>estableix que una</span> <span>referència a un</span> <span>treball creatiu</span> <span>pot incloure el</span> <span>nom de l'autor</span><span>, mentre que</span> <span>WHATWG</span> <span>ha declarat que no</span> <span>pot</span> <span>incloure</span> <span>el nom d'una</span> <span>persona sota</span> <span>cap circumstància.</span></span></li>
+ <li><span id="result_box" lang="ca"><span>Utilitzeu</span> <span>l'atribut</span> </span>{{htmlattrxref("cite", "blockquote")}}<span lang="ca"><span> en</span> <span>un element</span> </span>{{HTMLElement("blockquote")}}<span lang="ca"> <span>o</span> </span>{{HTMLElement("q")}}<span lang="ca"> <span>per fer</span> <span>referència a un</span> <span>recurs</span> <span>en línia</span> <span>per a una</span> <span>font.</span></span></li>
+</ul>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) <span id="result_box" lang="ca"><span>inclosos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span> </span> {{domxref("HTMLSpanElement")}} <span id="result_box" lang="ca"><span>per a aquest</span> <span>element.</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">More information can be found in &lt;cite&gt;[ISO-0000]&lt;/cite&gt;.</pre>
+
+<p>Resultat del codi HTML:</p>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Més</span> <span>informació</span> <span>es</span> <span>pot trobar a</span></span> la <cite>[ISO-0000].</cite></p>
+
+<h2 id="Notes">Notes</h2>
+
+<p>Per evitar el ús de l'estil cursiva per defecte per l'element &lt;cite&gt; utilitzar la propietat <a href="/en-US/docs/CSS">CSS</a> {{cssxref("font-style")}}.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-cite-element', '&lt;cite&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-cite-element', '&lt;cite&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '&lt;cite&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span>L'element</span></span> {{HTMLElement("blockquote")}} <span id="result_box" lang="ca"><span>per a cites</span> <span>llargues.</span></span> .</li>
+ <li><span id="result_box" lang="ca"><span>L'element</span></span> {{HTMLElement("q")}} <span id="result_box" lang="ca"><span>per a les</span> <span>cites</span> <span>en línia</span></span> .</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/code/index.html b/files/ca/web/html/element/code/index.html
new file mode 100644
index 0000000000..89c903851b
--- /dev/null
+++ b/files/ca/web/html/element/code/index.html
@@ -0,0 +1,143 @@
+---
+title: <code>
+slug: Web/HTML/Element/code
+tags:
+  - Element
+  - HTML
+  - Referencia
+  - Web
+translation_of: Web/HTML/Element/code
+---
+<p id="Summary">L'<em>Element de Codi HTML</em> (<strong>&lt;code&gt;</strong>) representa un fragment de codi informàtic. Per defecte, es visualitza en els navegador en el tipus de lletra per defecte d'espai sencill.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) <span id="result_box" lang="ca"> <span>inclosos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span></span> {{domxref("HTMLSpanElement")}} <span id="result_box" lang="ca"><span>per a aquest</span> <span>element.</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs global</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;p&gt;Regular text. &lt;code&gt;This is code.&lt;/code&gt; Regular text.&lt;/p&gt;
+</pre>
+
+<h3 id="Result" name="Result">Resultat</h3>
+
+<p>Regular text. <code>This is code.</code> Regular text.</p>
+
+<h2 id="Nota">Nota</h2>
+
+<p>Es pot definir una regla CSS perquè el selector <code>code</code> reemplaci el tipus de font per defecte del navegador. Les preferències establertes per l'usuari poden tenir prioritat sobre la CSS especificat.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-code-element', '&lt;code&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-code-element', '&lt;code&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '&lt;code&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("samp")}}</li>
+ <li>{{HTMLElement("kbd")}}</li>
+ <li>{{HTMLElement("command")}} (en desús)</li>
+ <li>{{HTMLElement("var")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/col/index.html b/files/ca/web/html/element/col/index.html
new file mode 100644
index 0000000000..a6925864de
--- /dev/null
+++ b/files/ca/web/html/element/col/index.html
@@ -0,0 +1,326 @@
+---
+title: <col>
+slug: Web/HTML/Element/col
+tags:
+  - Element
+  - HTML
+  - HTML tabular data
+  - Referencia
+  - Tables
+  - Web
+translation_of: Web/HTML/Element/col
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'<em>Element HTML taula de columna</em> (<strong>&lt;col&gt;</strong>) defineix una columna d'una taula i s'utilitza per definir la semàntica comú en totes les cèl·lules comunes. En general es troba dins d'un element {{HTMLElement("colgroup")}}.</p>
+
+<p>Aquest element permet columnes d'estil usant CSS,  però només alguns atributs tindran un efecte en la columna (<a href="http://www.w3.org/TR/CSS21/tables.html#columns">vegeu l'especificació de CSS 2.1 </a>llistat).</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Cap</span><span>, és un</span></span> {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>L'etiqueta</span> <span>d'inici és</span> <span>obligatoria,</span> <span>però</span><span>,</span> <span>ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>està prohibit l'ús</span> <span>d'una etiqueta</span> <span>de tancament.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Només {{HTMLElement("colgroup")}}, encara que pot estar implícitament definida com la seva etiqueta d'inici no és obligatòria. El {{HTMLElement("colgroup")}} no ha de tenir un atribut {{htmlattrxref("span", "colgroup")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLTableColElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("align")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
+ <dd>Aquest atribut enumerat especifica com es gestionarà l'alineació horitzontal del contingut de cada cel·la de la columna. Els valors possibles són:
+ <ul>
+  <li><code>left</code>, alineació del contingut a l'esquerra de la cel·la</li>
+  <li><code>center</code>, centrar el contingut en la cel·la</li>
+  <li><code>right</code>, alineació del contingut a la dreta de la cel·la</li>
+  <li><code>justify</code>, inserció d'espais en el contingut textual de manera que el contingut es justifica en la cel·la</li>
+  <li><code>char</code>,alineació del contingut textual d'un caràcter especial amb un desplaçament mínim, definit pels atributs {{htmlattrxref("char", "col")}} i {{htmlattrxref("charoff", "col")}} {{unimplemented_inline(2212)}}.</li>
+ </ul>
+
+ <p>Si aquest atribut no està definit, el seu valor s'hereta d'{{htmlattrxref("align", "colgroup")}} de l'element {{HTMLElement("colgroup")}} i en el qual també pertany l'element <code>&lt;col&gt;</code>. Si no n'hi ha, s'assumeix el valor de l'esquerra.</p>
+
+ <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard.
+
+ <ul>
+  <li>Per aconseguir el mateix efecte qu'els valors <code>left</code>, <code>center</code>, <code>right</code> or <code>justify</code> :
+
+   <ul>
+    <li>No tracteu d'establir la propietat {{HTMLElement("col")}} en un selector aplicant-ho a un element {{HTMLElement("col")}}. Perquè els elements {{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("col")}}, ells no heretaran.</li>
+    <li>Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} , utilitzeu el selector CSS <code>td:nth-child(an+b)</code>  on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("text-align")}} es pot utilitzar.</li>
+    <li>Si la taula fa ús d'un atribut {{htmlattrxref("colspan", "td")}}, l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com<code> [colspan = n]</code>, encara que això no és trivial</li>
+   </ul>
+  </li>
+  <li>Per aconseguir el mateix efecte que el valor {{htmlattrxref("char", "col")}}, en CSS3, pot utilitzar el valor de char com el valor de la propietat {{cssxref("text-align")}} property {{unimplemented_inline}}.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt>
+ <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi  de 6 dígits hexadecimal definits en <a class="external" href="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, precedit per un '#'.<br>
+ Una de les setze cadenes de color predefinides que es poden utilitzar:
+ <table style="width: 80%;">
+  <tbody>
+   <tr>
+    <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>black</code> = "#000000"</td>
+    <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>green</code> = "#008000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>silver</code> = "#C0C0C0"</td>
+    <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>lime</code> = "#00FF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>gray</code> = "#808080"</td>
+    <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>olive</code> = "#808000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>white</code> = "#FFFFFF"</td>
+    <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>yellow</code> = "#FFFF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>maroon</code> = "#800000"</td>
+    <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>navy</code> = "#000080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>red</code> = "#FF0000"</td>
+    <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>blue</code> = "#0000FF"</td>
+   </tr>
+   <tr>
+    <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>purple</code> = "#800080"</td>
+    <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>teal</code> = "#008080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>fuchsia</code> = "#FF00FF"</td>
+    <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>aqua</code> = "#00FFFF"</td>
+   </tr>
+  </tbody>
+ </table>
+
+ <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que no és estàndard i només implementat en algunes versions de Microsoft Internet Explorer: l'element {{HTMLElement("col")}} ha de ser d'estil amb <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Per donar un efecte similar a l'atribut bgcolor, utilitzeu la propietat <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> {{cssxref("background-color")}}, en els elements {{HTMLElement("td")}} pertinents.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("char")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
+ <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna a. Els valors típics d'això inclouen un punt (.) en intentar alinear números o valors monetaris. Si no s'estableix {{htmlattrxref("align", "col")}} a char, aquest atribut s'ignora.
+ <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard. Per aconseguir el mateix efecte com el {{htmlattrxref("char", "col")}}, en CSS3, pots utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "col")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
+ <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters per compensar les dades de la columna dels caràcters d'alineació especificat per l'atribut char.
+ <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("span")}}</dt>
+ <dd>Aquest atribut conté un enter positiu que indica el nombre de columnes consecutives que abasta l'element &lt;col&gt;. Si no hi és, el seu valor per defecte és 1.</dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("valign")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>l'alineació</span> <span>vertical del</span> <span>text</span> <span>dins de cada</span> <span>cel·la de la</span> <span>columna.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>per</span> <span>aquest atribut</span> <span>són</span><span>:</span></span>
+ <ul>
+  <li><code>baseline</code>, posarà el text tan a prop del fons de la cel·la com sigui possible, però alineant-ho sobre la <a class="external" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">baseline</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <code>bottom</code> .</li>
+  <li><code>bottom</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible.</li>
+  <li><code>middle</code>, centrarà el text en la <span id="result_box" lang="ca"><span>cel·la.</span></span></li>
+  <li>and <code>top</code>, posarà el text tan com sigui possible a la part superior de la cel·la.</li>
+ </ul>
+
+ <div class="note"><strong>Nota: </strong> <span id="result_box" lang="ca"><span>No utilitzeu</span> <span>aquest</span> <span>atribut,</span> <span>ja</span> <span>que és</span> <span>obsolet</span> <span>(</span><span>i no</span> <span>és compatible</span><span>)</span> <span>en l'últim</span> <span>estàndard</span><span>:</span></span>
+
+ <ul>
+  <li>No tracteu d'establir la propietat {{cssxref("vertical-align")}} en un selector aplicant-ho a un element {{HTMLElement("col")}} Perquè els elements {{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("col")}}, ells no heretaran.</li>
+  <li>Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} , utilitzeu el selector CSS <code>td:nth-child(an+b)</code> on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("vertical-align")}} es pot utilitzar.</li>
+  <li>Si la taula fa ús d'un atribut {{htmlattrxref("colspan", "td")}}, l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com <code>[colspan=n]</code>, encara que això no és trivialI.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("width")}} {{obsolete_inline("html5")}}</dt>
+ <dd>Aquest atribut especifica una amplada per defecte per a cada columna en el grup de la columna actual. A més dels valors dels píxels i percentatge estàndard, aquest atribut podria prendre la forma especial 0*, el que significa que l'ample de cada columna al grup ha de ser l'ample mínim necessari per mantenir el contingut de la columna. Amplades relatives com ara 0,5* també es poden utilitzar.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p><span id="result_box" lang="ca"><span>Si us plau</span><span>, consulteu</span> <span>la pàgina</span></span> {{HTMLElement("table")}} <span id="result_box" lang="ca"><span>per</span> <span>exemples</span> <span>de</span></span> <code>&lt;col&gt;</code>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'tabular-data.html#the-col-element', '&lt;col&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'tabular-data.html#the-col-element', '&lt;col&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/tables.html#h-11.2.4.2', '&lt;col&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} {{bug(915)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} {{bug(2212)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} {{bug(915)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} {{bug(2212)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>HTML</span> <span>relacionats</span> <span>amb</span> <span>taules</span></span> : {{HTMLElement("caption")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li>
+ <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>i pseudo</span><span>-</span><span>classes</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per a l'estil</span> <span>de l'element</span> <code><span>&lt;</span><span>col</span><span>&gt;</span></code><span>:</span></span>
+  <ul>
+   <li>La propietat {{cssxref("width")}} <span id="result_box" lang="ca"><span>controla</span> <span>l'ample de</span> <span>la columna</span></span> ;</li>
+   <li>La pseudo-classe {{cssxref(":nth-child")}}<span id="result_box" lang="ca"><span> ajusta</span> <span>l'alineació de</span> <span>les</span> <span>cel·les de la</span> <span>columna</span><span>;</span></span></li>
+   <li>La propietat {{cssxref("text-align")}} alinea el contingut de totes les cel·les  en el mateix caràcter, like '.'.</li>
+  </ul>
+ </li>
+</ul>
diff --git a/files/ca/web/html/element/colgroup/index.html b/files/ca/web/html/element/colgroup/index.html
new file mode 100644
index 0000000000..92d26e45de
--- /dev/null
+++ b/files/ca/web/html/element/colgroup/index.html
@@ -0,0 +1,333 @@
+---
+title: <colgroup>
+slug: Web/HTML/Element/colgroup
+tags:
+  - Element
+  - HTML
+  - HTML tabular data
+  - Referencia
+  - Tables
+  - Web
+translation_of: Web/HTML/Element/colgroup
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'Element HTML Grup de columnes de taula  (&lt;colgroup&gt;) defineix un grup de columnes dins d'una taula.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><span id="result_box" lang="ca"><span>Si</span> <span>l'atribut</span> </span>{{htmlattrxref("span", "colgroup")}} <span id="result_box" lang="ca"><span>és present</span></span>: Cap, és un {{Glossary("empty element")}}.<br>
+    <span id="result_box" lang="ca"><span>Si</span> <span>l'atribut</span> <span>no està</span> <span>present</span></span> : <span id="result_box" lang="ca"><span>zero o</span> <span>més</span></span> elements {{HTMLElement("col")}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>L'etiqueta d'inici pot ser omesa, si té un element {{HTMLElement("col")}} com el seu primer fill i si no està precedida per un {{HTMLElement("colgroup")}} <span id="ouHighlight__127_129TO119_128">l'etiqueta</span><span id="noHighlight_0.9717654875284019"> </span><span id="ouHighlight__123_125TO130_134">final</span><span id="noHighlight_0.9545554484982509"> </span><span id="ouHighlight__131_133TO136_137">ha</span><span id="noHighlight_0.23101560550425038"> </span><span class="highlighted" id="ouHighlight__135_138TO139_143">estat</span><span id="noHighlight_0.7466432272455653"> </span><span id="ouHighlight__140_146TO145_148">omesa</span>.<br>
+    L'etiqueta final es pot ometre, si no és seguit per un espai o un comentari.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un element {{HTMLElement("table")}} . El {{HTMLElement("colgroup")}} ha d'aparèixer després de qualsevol element {{HTMLElement("caption")}} <span id="result_box" lang="ca"> <span>opcional</span><span>, però</span> <span>abans</span> <span>de qualsevol</span> element </span>{{HTMLElement("thead")}}, {{HTMLElement("th")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}} i {{HTMLElement("tr")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLTableColElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atribut">Atribut</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("align")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
+ <dd>Aquest atribut enumerat especifica com es gestionarà l'alineació horitzontal del contingut de cada cel·la de la columna. Els valors possibles són:
+ <ul>
+  <li><code>left</code>, alineació del contingut a l'esquerra de la cel·la</li>
+  <li><code>center</code>, centrar el contingut en la cel·la</li>
+  <li><code>right</code>, alineació del contingut a la dreta de la cel·la</li>
+  <li><code>justify</code>, inserció d'espais en el contingut textual de manera que el contingut es justifica en la cel·la</li>
+  <li><code>char</code>, alineació del contingut textual d'un caràcter especial amb un desplaçament mínim, definit pels atributs {{htmlattrxref("char", "col")}} i {{htmlattrxref("charoff", "col")}} {{unimplemented_inline(2212)}}.</li>
+ </ul>
+
+ <p>Si aquest atribut no està establert, s'assumeix el valor d'esquerra. Els elements {{HTMLElement("col")}} descendents podem substituir aquest valor mitjançant el seu propi atribut {{htmlattrxref("align", "col")}}.</p>
+
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard.
+
+ <ul>
+  <li>Per aconseguir el mateix efecte qu'els valors <code>left</code>, <code>center</code>, <code>right</code> or <code>justify</code>:
+
+   <ul>
+    <li>No tracteu d'establir la propietat {{cssxref("text-align")}} en un selector aplicant-ho a un element {{HTMLElement("colgroup")}}. Perquè els elements {{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("colgroup")}} , ells no heretaran.</li>
+    <li>Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} utilitzeu el selector CSS <code>td:nth-child(an+b)</code> on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("text-align")}} es pot utilitzar.</li>
+    <li>Si la taula fa ús d'un atribut {{htmlattrxref("colspan", "td")}} , l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com <code>[colspan=n]</code>, encara que això no és trivial.</li>
+   </ul>
+  </li>
+  <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, pot utilitzar el valor de char {{htmlattrxref("char", "colgroup")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt>
+ <dd>Aquest atribut defineix el color de fons de cada cel·la de las columnes menbres de un column group. És un codi  de 6 dígits hexadecimal definits en <a class="external" href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, precedit per un '#'. Una de les setze cadenes de colors predefinits, com s'esmenta més endavant, es poden fer servir:
+ <table>
+  <tbody>
+   <tr>
+    <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>black</code> = "#000000"</td>
+    <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>green</code> = "#008000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>silver</code> = "#C0C0C0"</td>
+    <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>lime</code> = "#00FF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>gray</code> = "#808080"</td>
+    <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>olive</code> = "#808000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>white</code> = "#FFFFFF"</td>
+    <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>yellow</code> = "#FFFF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>maroon</code> = "#800000"</td>
+    <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>navy</code> = "#000080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>red</code> = "#FF0000"</td>
+    <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>blue</code> = "#0000FF"</td>
+   </tr>
+   <tr>
+    <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>purple</code> = "#800080"</td>
+    <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>teal = "#008080"</code></td>
+   </tr>
+   <tr>
+    <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>fuchsia</code> = "#FF00FF"</td>
+    <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>aqua</code> = "#00FFFF"</td>
+   </tr>
+  </tbody>
+ </table>
+
+ <div class="note"><strong>Not d'ùs: </strong>No utilitzeu aquest atribut, ja que no és estàndard i només implementat en algunes versions de Microsoft Internet Explorer; Els elements {{HTMLElement("colgroup")}} és podem donat estil amb <a href="/en-US/docs/CSS" title="CSS">CSS</a>. Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("background-color")}} en els elements {{HTMLElement("td")}} pertinents.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("char")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
+ <dd>Aquest atribut especifica l'alineació del contingut de un grup de columnas a un caràcter. <span id="result_box" lang="ca"><span>Els</span> <span>valors</span> <span>típics</span> <span>d'això inclouen</span> <span>un punt (.</span><span>)</span> <span>en intentar</span> <span>alinear</span> <span>els números</span> <span>o valors</span> <span>monetaris</span></span> . Si no s'estableix {{htmlattrxref("align", "colgroup")}}<code> </code>a <code>char</code>, aquest atribut s'ignora, tot i que encara s'utilitza com a valor per omissió d' {{htmlattrxref("align", "col")}} de lelement {{HTMLElement("col")}} que són membres d'aquest grup de columnes..
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard. Per aconseguir el mateix efecte com el {{htmlattrxref("char", "colgroup")}}, en CSS3, pots utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "colgroup")}} com el valor de la propietat {{cssxref("text-align")}} property {{unimplemented_inline}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
+ <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters per compensar les dades de la columna dels caràcters d'alineació especificat per l'atribut <strong>char</strong>.
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("span")}}</dt>
+ <dd>Aquest atribut conté un enter positiu que indica el nombre de columnes consecutives que abastan l'element <code>&lt;colgroup&gt;</code>. Si no hi és, el seu valor per defecte és 1.
+ <div class="note"><strong>Note: </strong>Aquest atribut s'aplica sobre els atributs del grup de columna, no té cap efecte sobre les regles d'estil CSS associats a ella o, encara més, a les cel·les dels membres de les columnes del grup.
+ <ul>
+  <li>L'atribut span pot no estar present si hi ha un o més elements <code>&lt;col&gt;</code> dins el <code>&lt;colgroup&gt;</code>.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("valign")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
+ <dd>Aquest atribut especifica l'alineació vertical del text dins de cada cel·la de la columna. Els valors possibles per aquest atribut són:
+ <ul>
+  <li><code>baseline</code>, posarà el text tan a prop del fons de la cel·la com sigui possible, però alineant-ho sobre la <a class="external" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29" title="http://en.wikipedia.org/wiki/Baseline_(typography)">baseline</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <code>bottom</code>.</li>
+  <li><code>bottom</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li>
+  <li><code>middle</code>, centrarà el text en la cel·la;</li>
+  <li>and <code>top</code>, posarà el text tan com sigui possible a la part superior de la cel·la.</li>
+ </ul>
+
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard:
+
+ <ul>
+  <li>No tracteu d'establir la propietat {{cssxref("vertical-align")}} en un selector donant-ho a un element {{HTMLElement("colgroup")}}. Perquè els elements{{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("colgroup")}}, ells no heretaran.</li>
+  <li>Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} attribute, use the <code>td:nth-child(an+b)</code> CSS selector per column, on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("vertical-align")}} es pot utilitzar.</li>
+  <li>Si la taula no fa ús d'un atribut colspan {{htmlattrxref("colspan", "td")}} l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com <code>[colspan=n]</code>, encara que això no és trivial.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("width")}} {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut especifica una amplada per defecte per a cada columna en el grup de la columna actual. A més dels valors dels píxels i percentatge estàndard, aquest atribut podria prendre la forma especial 0*, el que significa que l'ample de cada columna al grup ha de ser l'ample mínim necessari per mantenir els continguts de les columnes. Amplades relatives com ara 0,5* també es poden utilitzar.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Si us plau, consulteu la pàgina {{HTMLElement("table")}} per exemples de <code>&lt;colgroup&gt;</code>.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'tabular-data.html#the-colgroup-element', '&lt;colgroup&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'tabular-data.html#the-colgroup-element', '&lt;colgroup&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'tables.html#edef-COLGROUP', '&lt;colgroup&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} {{bug(915)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} {{bug(2212)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} {{bug(915)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} {{bug(2212)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>HTML</span> <span>relacionats</span> <span>amb</span> <span>taules</span></span> : {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li>
+ <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>i pseudo</span><span>-</span><span>classes</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per a l'estil</span> <span>de l'element</span> </span><code>&lt;col&gt;</code>:
+  <ul>
+   <li>La propietat {{cssxref("width")}} <span class="short_text" id="result_box" lang="ca"><span>controla</span> <span>l'ample de</span> <span>la columna</span><span>;</span></span></li>
+   <li>La pseudo-class {{cssxref(":nth-child")}} <span id="result_box" lang="ca"><span>estableix</span> <span>l'alineació en</span> <span>les</span> <span>cel·les de la</span> <span>columna</span><span>;</span></span></li>
+   <li>La propietat {{cssxref("text-align")}}  alinea tots els continguts de les cel·les en el mateix caràcter, like '.'.</li>
+  </ul>
+ </li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/command/index.html b/files/ca/web/html/element/command/index.html
new file mode 100644
index 0000000000..17614b7e4f
--- /dev/null
+++ b/files/ca/web/html/element/command/index.html
@@ -0,0 +1,156 @@
+---
+title: <command>
+slug: Web/HTML/Element/command
+tags:
+  - HTML
+  - HTML Element Reference
+  - HTML element
+  - HTML5
+translation_of: Web/HTML/Element/command
+---
+<div>{{obsolete_header()}}</div>
+
+<div class="note">
+<p><strong>Nota:</strong> L'element comand s'ha eliminat de {{Gecko("24.0")}} en favor de l'element {{HTMLElement("menuitem")}}. Firefox mai ha donat suport a aquest element comand, i s'ha abandonat la implementació de la interfície DOM {{domxref("HTMLCommandElement")}} existent a <a href="/en-US/docs/Site_Compatibility_for_Firefox_24">Firefox 24</a>.</p>
+</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">L'element <code>comand</code> representa un comando que l'usuari pot invocar.</span></span></p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut de flux</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut metadata.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>L'etiqueta d'inici és obligatori, però, com que és un element buit, l'ús d'una etiqueta final està prohibit.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>només {{HTMLElement("colgroup")}}, encara que  implícitament pot ser definida com la seva etiqueta d'inici però no és obligatòria. La {{HTMLElement("colgroup")}} no ha de tenir un {{HTMLElement("span")}} com a fill.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLCommandElement")}} {{ obsolete_inline(24) }}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("checked")}}</dt>
+ <dd>Indica si comand es seleccionat. S'ha d'ometre llevat que l'atribut <code>type</code> és <code>checkbox </code>o <code>radio</code>.</dd>
+ <dt>{{htmlattrdef("disabled")}}</dt>
+ <dd>Indica que comand no està disponible..</dd>
+ <dt>{{htmlattrdef("icon")}}</dt>
+ <dd>Dóna una imatge que representa el comand.</dd>
+ <dt>{{htmlattrdef("label")}}</dt>
+ <dd>El nom del command tal com es mostra a l'usuari.</dd>
+ <dt>{{htmlattrdef("radiogroup")}}</dt>
+ <dd>Aquest atribut dóna el nom del grup d'ordres, amb un <code>type</code> <code>radio</code>, que es commuta quan s'alterna el propi comandament. S'ha omès aquest atribut llevat que l'atribut <code>type</code> sigui <code>radio</code>.</dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>Aquest atribut indica el tipus de comandt. Això pot ser un dels tres valors.
+ <ul>
+  <li>
+   <p><code>command</code> o buit que és l'estat per defecte, i indica que es tracta d'un comand normal.</p>
+  </li>
+  <li>
+   <p><code>checkbox</code> indica que command s'alterna amb un checkbox.</p>
+  </li>
+  <li>
+   <p><code>radio</code> indica que command s'alterna amb un radiobutton.</p>
+  </li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;command type="command" label="Save" icon="icons/save.png" onclick="save()"&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'commands.html', '&lt;command&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'semantics.html#the-command-element', '&lt;command&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>{{ HTMLRef }}</p>
diff --git a/files/ca/web/html/element/content/index.html b/files/ca/web/html/element/content/index.html
new file mode 100644
index 0000000000..7fc9c0c35b
--- /dev/null
+++ b/files/ca/web/html/element/content/index.html
@@ -0,0 +1,168 @@
+---
+title: <content>
+slug: Web/HTML/Element/content
+tags:
+  - Deprecated
+  - Element
+  - HTML
+  - NeedsContent
+  - Reference
+  - Web
+  - Web Components
+translation_of: Web/HTML/Element/content
+---
+<p>{{Deprecated_header}}</p>
+
+<p>L'element <strong><a href="/en-US/docs/Web/HTML">HTML</a> <code>&lt;content&gt;</code></strong> s'utilitza a l'interior de <a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a> como un {{glossary("insertion point")}}. No està destinat a ser utilitzat en HTML ordinari. S'utilitza amb components <a href="/en-US/docs/Web/Web_Components">Web Components</a>. Ara s'ha reemplaçat per l'element <strong>&lt;slot&gt;</strong>.</p>
+
+<div class="note">
+<p><strong>Nota: </strong><span id="result_box" lang="ca"><span>Encara</span> <span>present</span> <span>en primer</span> <span>esborrany de les</span> <span>especificacions</span> <span>i</span> <span>posat en</span> <span>pràctica</span> <span>en diversos</span> <span>navegadors,</span> <span>aquest</span> <span>element</span> <span>s'ha</span> <span>eliminat en</span> <span>les</span> <span>versions</span> <span>posteriors</span> <span>de l'especificació.</span></span></p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Contingut transparent</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">c</a><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">ontingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span> <span>contingut</span> <span>dinàmic</span></span> .</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLContentElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>select</dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista</span> <span>separada per</span> <span>comes dels</span> <span>selectors.</span> <span>Aquests</span> <span>tenen</span> <span>la mateixa</span> <span>sintaxi</span> <span>que els</span> <span>selectors</span> <span>CSS.</span> <span>Seleccionen</span> <span>el contingut per</span> <span>inserir en</span> <span>lloc de l'element</span></span> <code>&lt;content&gt;</code>.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p><span id="result_box" lang="ca"><span>Aquí és un</span> <span>simple exemple</span> <span>d'ús</span> <span>de l'element</span></span> <code>&lt;content&gt;</code> <span id="result_box" lang="ca"><span>És un arxiu</span> <span>HTML</span> <span>amb tot el necessari</span><span>.</span></span></p>
+
+<div class="note">
+<p><strong>Nota:</strong> Perquè aquest codi funcioni, i es visualitzi en el navegador, ha de ser compatible amb els components web. Veure <a href="/en-US/docs/Web/Web_Components#Enabling_Web_Components_in_Firefox">Habilitació de Components Web en Firefox</a>.</p>
+</div>
+
+<pre class="brush: html">&lt;html&gt;
+  &lt;head&gt;&lt;/head&gt;
+  &lt;body&gt;
+  &lt;!-- The original content accessed by &lt;content&gt; --&gt;
+  &lt;div&gt;
+    &lt;h4&gt;My Content Heading&lt;/h4&gt;
+    &lt;p&gt;My content text&lt;/p&gt;
+  &lt;/div&gt;
+
+  &lt;script&gt;
+  // Get the &lt;div&gt; above.
+  var myContent = document.querySelector('div');
+  // Create a shadow DOM on the &lt;div&gt;
+  var shadowroot = myContent.createShadowRoot();
+  // Insert into the shadow DOM a new heading and
+  // part of the original content: the &lt;p&gt; tag.
+  shadowroot.innerHTML =
+   '&lt;h2&gt;Inserted Heading&lt;/h2&gt; &lt;content select="p"&gt;&lt;/content&gt;';
+  &lt;/script&gt;
+
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p>Si es pot veure en un navegador web, ha de ser similar al següent.</p>
+
+<p><img alt="content example" src="https://mdn.mozillademos.org/files/10077/content-example.png" style="height: 383px; width: 716px;"></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="spec-table standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Shadow DOM', "#the-content-element", "content")}}</td>
+   <td>{{Spec2('Shadow DOM')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>35</td>
+   <td><span style="font-size: 12px; line-height: 18px;">{{CompatGeckoDesktop("28")}}</span> [1]</td>
+   <td>{{CompatNo}}</td>
+   <td>26</td>
+   <td><span style="font-size: 12px; line-height: 18px;">{{CompatNo}}</span></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>37</td>
+   <td>{{CompatGeckoMobile("28")}} [1]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Si Shadow DOM no està activat en Firefox, els elements <code>&lt;content&gt;</code> es comportaran com {{domxref("HTMLUnknownElement")}}. Shadow DOM es va implementar per primera vegada a Firefox 33 i està darrere d'una preferència, <code>dom.webcomponents.enabled</code>, que està desactivada per defecte.</p>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Web_Components">Web Components</a></li>
+ <li>{{HTMLElement("shadow")}}, {{HTMLElement("template")}}, {{HTMLElement("element")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/data/index.html b/files/ca/web/html/element/data/index.html
new file mode 100644
index 0000000000..8e91647d32
--- /dev/null
+++ b/files/ca/web/html/element/data/index.html
@@ -0,0 +1,136 @@
+---
+title: <data>
+slug: Web/HTML/Element/data
+translation_of: Web/HTML/Element/data
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>element HTML <code>&lt;data&gt;</code> </strong>vincula un contingut donat amb una traducció llegible per màquina. Si el contingut és d'hora o relacionat amb dates, heu de fer servir {{HTMLElement("time")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLDataElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("value")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>la traducció</span> <span>llegible</span> <span>per màquina</span> <span>del contingut</span> <span>de l'element.</span></span></dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>El següent exemple no solsament mostra els noms dels productes, sinó que associa cada nom amb el seu codi UPC.</p>
+
+<pre class="brush: html">&lt;p&gt;New Products&lt;/p&gt;
+&lt;ul&gt;
+ &lt;li&gt;&lt;data value="3967381398"&gt;Mini Ketchup&lt;/data&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;data value="3967381399"&gt;Jumbo Ketchup&lt;/data&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;data value="3967381400"&gt;Mega Jumbo Ketchup&lt;/data&gt;&lt;/li&gt;
+&lt;/ul&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-data-element', '&lt;data&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>No change from {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-data-element', '&lt;data&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("22.0")}} {{bug("839371")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element HTML {{HTMLElement("time")}}.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/datalist/index.html b/files/ca/web/html/element/datalist/index.html
new file mode 100644
index 0000000000..ab886f9d08
--- /dev/null
+++ b/files/ca/web/html/element/datalist/index.html
@@ -0,0 +1,150 @@
+---
+title: <datalist>
+slug: Web/HTML/Element/datalist
+translation_of: Web/HTML/Element/datalist
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML Datalist</em> (<strong>&lt;datalist&gt;</strong>) conté un conjunt d'elements {{HTMLElement("option")}} que representen els valors disponibles per a altres controls.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Qualsevol <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a> o zero o més elements {{HTMLElement("option")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLDataListElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element no</span> <span>té altres</span> <span>atributs que els</span></span> <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>, <span id="result_box" lang="ca"><span>comuns a</span> <span>tots</span> <span>els</span> <span>elements.</span></span></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;label&gt;Choose a browser from this list:
+&lt;input list="browsers" name="myBrowser" /&gt;&lt;/label&gt;
+&lt;datalist id="browsers"&gt;
+  &lt;option value="Chrome"&gt;
+  &lt;option value="Firefox"&gt;
+  &lt;option value="Internet Explorer"&gt;
+  &lt;option value="Opera"&gt;
+  &lt;option value="Safari"&gt;
+  &lt;option value="Microsoft Edge"&gt;
+&lt;/datalist&gt;
+</pre>
+
+<h3 id="Resultat" style="line-height: 24px; font-size: 1.71428571428571rem;">Resultat</h3>
+
+<p>{{EmbedLiveSample("Examples")}}</p>
+
+<dl>
+ <dt><span id="result_box" lang="ca"><span>Utilitzant el</span> <span>resultat</span></span></dt>
+</dl>
+
+<p>L'atribut <strong>name</strong> de l'element &lt;input&gt; especifica el nom del control, que es presenta amb les dades del formulari.<strong><code> </code></strong></p>
+
+<p>Aquest formulari de dades passa a estar disponible al servidor de la petició http: String myBrowser = request.getParameter("myBrowser");</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-datalist-element', '&lt;datalist&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-datalist-element', '&lt;datalist&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p><a href="https://github.com/mfranzke/datalist-polyfill">datalist-polyfill</a></p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>20</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>9.5</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>33</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li class="last">L'element {{HTMLElement("input")}}, i més concretament l'atribut {{htmlattrxref("list", "input")}};</li>
+ <li class="last">L'element {{HTMLElement("option")}}.</li>
+</ul>
+
+<p class="last">{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/dd/index.html b/files/ca/web/html/element/dd/index.html
new file mode 100644
index 0000000000..c4c99682d2
--- /dev/null
+++ b/files/ca/web/html/element/dd/index.html
@@ -0,0 +1,133 @@
+---
+title: <dd>
+slug: Web/HTML/Element/dd
+translation_of: Web/HTML/Element/dd
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML &lt;dd&gt;</strong>  (<em>Element de Descripció HTML</em>) indica la descripció d'un terme en una llista de descripció del element ({{HTMLElement("dl")}}) . Aquest element  només pot aparèixer com un element fill d'una llista de descripció i ha de seguir a un element {{HTMLElement("dt")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>Ha de tenir una etiqueta d'inici. L'etiqueta final es pot ometre si aquest element és seguit immediatament per un altre element <code>&lt;dd&gt;</code>, o si no hi ha més contingut en l'element pare.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Després d'un element {{HTMLElement("dt")}} o {{HTMLElement("dd")}}, dins d'un {{HTMLElement("dl")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("nowrap")}} {{Non-standard_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Si</span> <span>el valor d'aquest</span> <span>atribut</span> <span>s'estableix</span> <span>en <code>si</code>, el</span> <span>text</span> <span>de la definició</span> <span>no s'ajustarà</span></span>. <span id="result_box" lang="ca"> <span>El valor</span> <span>per</span> <span>defecte</span> <span>és </span></span><code>no</code>.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Per veure un</span> <span>exemple</span><span>, consulteu</span></span> <a href="/en-US/docs/HTML/Element/dl#examples" title="HTML/Element/dl#examples">&lt;dl&gt; exemples</a>.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-dd-element', '&lt;dd&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-dd-element', '&lt;dd&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '&lt;dd&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Fins a Gecko 1.9.2 (Firefox 4) <span id="result_box" lang="ca"><span>inclosos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span></span> <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per a aquest element.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLELement("dl")}}, {{HTMLElement("dt")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/del/index.html b/files/ca/web/html/element/del/index.html
new file mode 100644
index 0000000000..7b31703c1b
--- /dev/null
+++ b/files/ca/web/html/element/del/index.html
@@ -0,0 +1,125 @@
+---
+title: <del>
+slug: Web/HTML/Element/del
+tags:
+  - Element
+  - HTML
+  - HTML edits
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/del
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML text eliminat</em> (<strong>&lt;del&gt;</strong>) representa un rang de text que ha estat esborrat d'un document. Aquest element és sovint (però no necessàriament) reproduït amb el text ratllat.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a> o <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Transparent</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLModElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("cite")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Un</span> <span>URI</span> <span>d'un recurs que</span> <span>explica el canvi</span> <span>(</span><span>per</span> <span>exemple</span><span>, actes de</span> <span>reunions</span><span>)</span><span>.</span></span></dd>
+ <dt>{{htmlattrdef("datetime")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>indica l'hora</span> <span>i</span> <span>la data</span> <span>del canvi i</span> <span>ha de ser una</span><a href="http://www.w3.org/TR/html5/infrastructure.html#valid-date-string-with-optional-time"> data vàlida amb una cadena de temps opcional</a></span>. <span id="result_box" lang="ca"><span>Si el valor</span> <span>no</span> <span>es</span> <span>pot</span> <span>analitzar</span> <span>com una</span> <span>data</span> <span>amb una cadena</span> <span>de temps</span> <span>opcional</span><span>, l'element</span> <span>no té una</span> <span>marca de temps</span> <span>associada</span></span></dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;p&gt;&lt;del&gt;This text has been deleted&lt;/del&gt;, here is the rest of the paragraph.&lt;/p&gt;
+&lt;del &gt;&lt;p &gt;This paragraph has been deleted.&lt;/p &gt;&lt;/del &gt;</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p><del>Aquest text ha estat eliminta</del>, <span id="result_box" lang="ca"><span>aquí</span> <span>està la resta</span> <span>del paràgraf.</span></span></p>
+
+<p><del>Aquest paràgraf ha estat eliminat.</del></p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'edits.html#the-del-element', '&lt;del&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'edits.html#the-del-element', '&lt;del&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.4', '&lt;del&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("ins")}} <span class="short_text" id="result_box" lang="ca"><span>element</span> <span>per</span> <span>inserir en un</span> <span>text</span></span></li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/details/index.html b/files/ca/web/html/element/details/index.html
new file mode 100644
index 0000000000..3c5617b000
--- /dev/null
+++ b/files/ca/web/html/element/details/index.html
@@ -0,0 +1,152 @@
+---
+title: <details>
+slug: Web/HTML/Element/details
+tags:
+  - Element
+  - HTML
+  - HTML interactive elements
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/details
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'element HTML <code><strong>&lt;details&gt;</strong></code>  s'utilitza com un widget divulgatiu de la qual l'usuari pot recuperar informació addicional.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>,
+    <div class="textArea" id="destText" style="direction: ltr;">
+    <div><span class="highlighted" id="ouHighlight__0_9TO0_11">seccionament</span><span id="noHighlight_0.9403833854781938"> </span><span id="ouHighlight__11_14TO13_17">arrel</span></div>
+    </div>
+    , contingut interactiu, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Un element {{HTMLElement("summary")}} seguit per <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLDetailsElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("open")}}</dt>
+ <dd>Aquest atribut booleà indica si les dades seran mostrades a l'usuari en carregar la pàgina. El valor per defecte és <code>false</code> i per això els detalls estaran ocults.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;details&gt;
+  &lt;summary&gt;Some details&lt;/summary&gt;
+  &lt;p&gt;More info about the details.&lt;/p&gt;
+&lt;/details&gt;
+</pre>
+
+<h3 id="Resultat_directe">Resultat directe</h3>
+
+<p>{{EmbedLiveSample("Example")}}</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Si la mostra en viu no us funciona, mireu {{anch("Browser compatibility")}} per determinar si el vostre navegador és totalment compatible amb aquesta característica.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-details-element', '&lt;details&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', 'semantics.html#the-details-element', '&lt;details&gt;')}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>MS Edge</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>12</td>
+   <td>{{CompatGeckoDesktop("49.0")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td><a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/status/detailssummary?filter=f3f0000bf&amp;search=details">Under consideration</a></td>
+   <td>15</td>
+   <td>6</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.0</td>
+   <td>{{CompatGeckoMobile("49.0")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Aquesta característica està disponible des de Firefox 47 darrere de la preferència <code>dom.details_element.enabled</code>, per defecte a <code>false</code>, excepte en les versions Nightly i Aurora ({{bug(1241750)}}). El suport està activat per defecte, és a dir, la preferència està establerta a <code>true</code>, des de Firefox 49.0 ({{bug("1226455")}}).</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("summary")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/dfn/index.html b/files/ca/web/html/element/dfn/index.html
new file mode 100644
index 0000000000..9d438349e9
--- /dev/null
+++ b/files/ca/web/html/element/dfn/index.html
@@ -0,0 +1,172 @@
+---
+title: <dfn>
+slug: Web/HTML/Element/dfn
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/dfn
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML Definició</em> (&lt;dfn&gt;) representa la instància de definició d'un terme.</p>
+
+<div class="note"><strong>Notes d'ùs en HTML5:</strong>
+
+<ul>
+ <li>L'element &lt;<code>dfn</code>&gt; indica el terme definit; la definició del terme ve determinat  per {{HTMLElement("p")}}, {{HTMLElement("section")}} o grup de llista de definicions circumdant (normalment un parell {{HTMLElement("dt")}}, {{HTMLElement("dd")}}).</li>
+ <li><span id="result_box" lang="ca"><span>El valor</span> <span>exacte del</span> <span>terme que</span> <span>es</span> <span>defineix és</span> <span>determinat</span> <span>per les</span> <span>regles següents:</span></span>
+  <ol>
+   <li>Si l'element &lt;<code>dfn</code>&gt; té un atribut <strong><code>title</code></strong>, llavors el terme és el valor d'aquest atribut.</li>
+   <li>Ara bé, si només conté un element {{HTMLElement("abbr")}} amb un atribut {{htmlattrxref("title", "abbr")}}, llavors el terme és el valor d'aquest atribut.</li>
+   <li>Altrament, el contingut del text de l'element &lt;<code>dnf</code>&gt; és el terme definit.</li>
+  </ol>
+ </li>
+</ul>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>, però cap element {{HTMLElement("dfn")}} ha de ser un descendent.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<p>En HTML5, l'atribut <code>title</code> té un significat especial, com es va assenyalar anteriorment.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Els</span> <span>següents</span> <span>exemples</span> <span>són</span> <span>vàlids</span> <span>en HTML5</span></span>.</p>
+
+<pre class="brush: html">&lt;!-- Define "The Internet" --&gt;
+&lt;p&gt;&lt;dfn id="def-internet"&gt;The Internet&lt;/dfn&gt; is a global system of interconnected networks that use the Internet Protocol Suite (TCP/IP) to serve billions of users worldwide.&lt;/p&gt;
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>A continució</span><span>, en el mateix</span> <span>document</span></span>:</p>
+
+<pre class="brush: html">&lt;dl&gt;
+  &lt;!-- Define "World-Wide Web" and reference definition for "the Internet" --&gt;
+  &lt;dt&gt;
+    &lt;dfn&gt;
+      &lt;abbr title="World-Wide Web"&gt;WWW&lt;/abbr&gt;
+    &lt;/dfn&gt;
+  &lt;/dt&gt;
+  &lt;dd&gt;The World-Wide Web (WWW) is a system of interlinked hypertext documents accessed on &lt;a href="#def-internet"&gt;the Internet&lt;/a&gt;.&lt;/dd&gt;
+&lt;/dl&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{ EmbedLiveSample('Examples', '600', '150', '', 'Web/HTML/Element/dfn') }}</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-dfn-element', '&lt;dfn&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-dfn-element', '&lt;dfn&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '&lt;dfn&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span>Elements</span> <span>relacionats</span>, <span>llistes</span> <span>de definicions</span></span>: {{HTMLElement("dl")}}, {{HTMLElement("dt")}}, {{HTMLElement("dd")}}</li>
+ <li>{{HTMLElement("abbr")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/dialog/index.html b/files/ca/web/html/element/dialog/index.html
new file mode 100644
index 0000000000..27a72bdde4
--- /dev/null
+++ b/files/ca/web/html/element/dialog/index.html
@@ -0,0 +1,208 @@
+---
+title: <dialog>
+slug: Web/HTML/Element/dialog
+tags:
+  - Dialog
+  - Element
+  - Experimental
+  - HTML
+  - HTML interactive elements
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/dialog
+---
+<div>{{SeeCompatTable}}</div>
+
+<p>L'<strong>element HTML &lt;<code>dialog</code>&gt;</strong> representa un quadre de diàleg o un altre component interactiu, tal com un inspector o finestra.  Els elements <code>&lt;form&gt;</code>  poden integrar-se dins d'un diàleg especificant l'atribut <code>method="dialog"</code>. Quan s'envia un formulari, el diàleg es tancat amb un atribut <code>returnValue</code> establert en el valor del botó d'enviament utilitzat.</p>
+
+<p>El pseudo-element CSS {{cssxref('::backdrop')}} es pot utilitzar per donar estil el darrer d'un element <code>&lt;dialog&gt;</code>, per exemple per atenuar un contingut inaccessible mentre que està actiu un quadre de diàleg modal.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_roots">seccionament arrel.</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic.</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic.</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLDialogElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>. <span id="result_box" lang="ca"><span>L'atribut</span> <code><span>tabindex</span></code> <span>no ha de ser</span> <span>utilitzat</span> <span>en l'element</span> <code><span>&lt;</span><span>dialog</span><span>&gt;</span></code><span>.</span></span></p>
+
+<dl>
+ <dt>{{htmlattrdef("open")}}</dt>
+ <dd>Indica que el diàleg és actiu i disponible per a la interacció. Quan l'atribut obert no està establert, no s'ha de mostrar a l'usuari.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Example_1">Example 1</h3>
+
+<pre class="brush: html">&lt;dialog open&gt;
+  &lt;p&gt;Greetings, one and all!&lt;/p&gt;
+&lt;/dialog&gt;
+</pre>
+
+<h3 id="Example_2">Example 2</h3>
+
+<pre class="brush: html">&lt;!-- Simple pop-up dialog box, containing a form --&gt;
+&lt;dialog id="favDialog"&gt;
+  &lt;form method="dialog"&gt;
+    &lt;section&gt;
+      &lt;p&gt;&lt;label for="favAnimal"&gt;Favorite animal:&lt;/label&gt;
+      &lt;select id="favAnimal"&gt;
+        &lt;option&gt;&lt;/option&gt;
+        &lt;option&gt;Brine shrimp&lt;/option&gt;
+        &lt;option&gt;Red panda&lt;/option&gt;
+        &lt;option&gt;Spider monkey&lt;/option&gt;
+      &lt;/select&gt;&lt;/p&gt;
+    &lt;/section&gt;
+    &lt;menu&gt;
+      &lt;button id="cancel" type="reset"&gt;Cancel&lt;/button&gt;
+      &lt;button type="submit"&gt;Confirm&lt;/button&gt;
+    &lt;/menu&gt;
+  &lt;/form&gt;
+&lt;/dialog&gt;
+
+&lt;menu&gt;
+  &lt;button id="updateDetails"&gt;Update details&lt;/button&gt;
+&lt;/menu&gt;
+
+&lt;script&gt;
+  (function() {
+    var updateButton = document.getElementById('updateDetails');
+    var cancelButton = document.getElementById('cancel');
+    var favDialog = document.getElementById('favDialog');
+
+    // Update button opens a modal dialog
+    updateButton.addEventListener('click', function() {
+      favDialog.showModal();
+    });
+
+    // Form cancel button closes the dialog box
+    cancelButton.addEventListener('click', function() {
+      favDialog.close();
+    });
+
+  })();
+&lt;/script&gt;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-dialog-element', '&lt;dialog&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', 'interactive-elements.html#the-dialog-element', '&lt;dialog&gt;')}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>37</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>24</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Punts</span> <span>d'ancoratge</span></span></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>37</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Punts</span> <span>d'ancoratge</span></span></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] See {{bug("840640")}}.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'event {{event("close")}}</li>
+ <li>L'event {{event("cancel")}}</li>
+ <li><a href="/en-US/docs/Web/Guide/HTML/Forms">Guía formularis HTML</a>.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/dir/index.html b/files/ca/web/html/element/dir/index.html
new file mode 100644
index 0000000000..d6569a226e
--- /dev/null
+++ b/files/ca/web/html/element/dir/index.html
@@ -0,0 +1,49 @@
+---
+title: <dir>
+slug: Web/HTML/Element/dir
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/dir
+---
+<div>{{Obsolete_header()}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>element HTML directori</em>  (<code>&lt;dir&gt;</code>) representa un directori, és a dir, una col·lecció de noms d'arxiu.</p>
+
+<div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest element. Encara present en l'especificació HTML inicial, s'ha desaprovat en HTML 4, llavors és obsoleta en <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a>. Utilitzar el {{HTMLElement("ul")}} al seu lloc</div>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref("HTMLDirectoryElement")}}.</p>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>és</span> <span>compatible amb els</span></span> <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("compact")}}</dt>
+ <dd>Aquest atribut booleà aconsella que la llista hauria de traduir-se en un estil compacte. La interpretació d'aquest atribut depèn de l'agent d'usuari i no funciona en tots els navegadors.
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que ha quedat desprovat: l'element {{HTMLElement("dir")}} s'ha de donar estil amb <a href="/en-US/docs/CSS" title="CSS">CSS</a>. Per donar un efecte similar que l'atribut <code>compact</code>, la propietat CSS {{cssxref("line-height")}} es pot utilitzar amb un valor del 80%.</div>
+ </dd>
+</dl>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Altres elements</span> <span>HTML</span> <span>relacionats</span></span>: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}};</li>
+ <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per</span> <span>estilitzar</span> <span>l'element</span> <span>&lt;</span><span>dir&gt;</span><span>:</span></span>
+  <ul>
+   <li>La propietat {{cssxref('list-style')}}, es útil per triar la forma en què es mostra l'ordinal.</li>
+   <li><a href="/en-US/docs/CSS_Counters" title="CSS_Counters">CSS counters</a>, es útil per gestionar llistes niades complexes.</li>
+   <li>La propietat {{Cssxref('line-height')}}, es útil per simular el desús de l'atribut {{htmlattrxref("compact", "dir")}}.</li>
+   <li>La propietat {{cssxref('margin')}}, es útil per controlar la sagnia de la llista.</li>
+  </ul>
+ </li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/div/index.html b/files/ca/web/html/element/div/index.html
new file mode 100644
index 0000000000..4d02665d55
--- /dev/null
+++ b/files/ca/web/html/element/div/index.html
@@ -0,0 +1,138 @@
+---
+title: <div>
+slug: Web/HTML/Element/div
+translation_of: Web/HTML/Element/div
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element</strong> <strong>HTML <code>&lt;div&gt;</code> </strong>(o<em> Element de divisió de document HTML</em>) és un contàiner genèric per contingut dinàmic, el qual no representa res inherentment. Es pot utilitzar per agrupar elements per a fins d'estil (utilitzant els atributs <strong>class</strong> o <strong>id),</strong> o perquè comparteixen valors d'atribut, com ara <strong>lang</strong>. Només s'hauria de fer servir quan cap altre element semàntic (com ara {{HTMLElement("article")}} o {{HTMLElement("nav")}}) sigui apropiat.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permessos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLDivElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<p>L'atribut <strong>align</strong> és obsolet; no el feu servir més.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre class="brush: html">&lt;div&gt;
+  &lt;p&gt;Aquí qualsevol tipus de contingut. Com ara &amp;lt;p&amp;gt;, &amp;lt;table&amp;gt;. El que sigui!&lt;/p&gt;
+&lt;/div&gt;
+</pre>
+
+<h3 id="Result" name="Result">Resultat</h3>
+
+<p>Aquí qualsevol tipus de contingut. Com ara &lt;p&gt;, &lt;table&gt;. El que sigui!</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-div-element', '&lt;div&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Cap canvi des de la última instantània</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-div-element', '&lt;div&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td><strong>align </strong>és obsolet</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.4', '&lt;div&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>Elements de seccionament semàntics:  {{HTMLElement("section")}}, {{HTMLElement("article")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}</li>
+ <li>{{HTMLElement("span")}} element per a l'estil de contingut estàtic.</li>
+</ul>
+
+<div> </div>
diff --git a/files/ca/web/html/element/dl/index.html b/files/ca/web/html/element/dl/index.html
new file mode 100644
index 0000000000..1758b1b63e
--- /dev/null
+++ b/files/ca/web/html/element/dl/index.html
@@ -0,0 +1,214 @@
+---
+title: <dl>
+slug: Web/HTML/Element/dl
+translation_of: Web/HTML/Element/dl
+---
+<p>L'<strong>element HTML &lt;dl&gt;</strong>  (o <em>Element HTML llista de descripcions</em>) tanca una llista de parells de termes i descripcions. Els usos més comuns per a aquest element són per implementa un glossari o per mostrar metadades (una llista de parells clau-valor).</p>
+
+<p>Abans d'HTML5, <code>&lt;dl&gt;</code> es coneixia com una llista de definicions.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>,i si els fills dels elements <code>&lt;dl&gt;</code>  inclouen un parell nom-valor, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Zero o més elements {{HTMLElement("dt")}}, cadascun seguit d'un o més elements {{HTMLElement("dd")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLDListElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("compact")}} {{Non-standard_inline}}</dt>
+ <dd>Obliga a la descripció que aparegui en la mateixa línia que el terme. Aquest atribut no s'admet</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Terme_únic_i_descripció">Terme únic i descripció</h3>
+
+<pre class="brush: html">&lt;dl&gt;
+  &lt;dt&gt;Firefox&lt;/dt&gt;
+  &lt;dd&gt;A free, open source, cross-platform, graphical web browser
+      developed by the Mozilla Corporation and hundreds of volunteers.&lt;/dd&gt;
+
+  &lt;!-- other terms and definitions --&gt;
+&lt;/dl&gt;
+</pre>
+
+<p>Sortida:</p>
+
+<p><img alt="Image:HTML-dl1.png" src="/@api/deki/files/241/=HTML-dl1.png"></p>
+
+<h3 id="Múltiples_termes_descripció_única">Múltiples termes, descripció única</h3>
+
+<pre class="brush: html">&lt;dl&gt;
+  &lt;dt&gt;Firefox&lt;/dt&gt;
+  &lt;dt&gt;Mozilla Firefox&lt;/dt&gt;
+  &lt;dt&gt;Fx&lt;/dt&gt;
+  &lt;dd&gt;A free, open source, cross-platform, graphical web browser
+      developed by the Mozilla Corporation and hundreds of volunteers.&lt;/dd&gt;
+
+  &lt;!-- other terms and definitions --&gt;
+&lt;/dl&gt;
+</pre>
+
+<p>Sortida:</p>
+
+<p><img alt="Image:HTML-dl2.png" src="/@api/deki/files/242/=HTML-dl2.png"></p>
+
+<h3 id="Terme_únic_múltiples_descripcions">Terme únic, múltiples descripcions</h3>
+
+<pre class="brush: html">&lt;dl&gt;
+  &lt;dt&gt;Firefox&lt;/dt&gt;
+  &lt;dd&gt;A free, open source, cross-platform, graphical web browser
+      developed by the Mozilla Corporation and hundreds of volunteers.&lt;/dd&gt;
+  &lt;dd&gt;The Red Panda also known as the Lesser Panda, Wah, Bear Cat or Firefox,
+      is a mostly herbivorous mammal, slightly larger than a domestic cat
+      (60 cm long).&lt;/dd&gt;
+
+  &lt;!-- other terms and definitions --&gt;
+&lt;/dl&gt;
+</pre>
+
+<p>Sortida:</p>
+
+<p><img alt="Image:HTML-dl3.png" src="/@api/deki/files/243/=HTML-dl3.png"></p>
+
+<h3 id="Múltiples_termes_i_descripcions">Múltiples termes i descripcions</h3>
+
+<p>També és possible definir diversos termes amb las definicions múltiples corresponents, mitjançant la combinació dels exemples anteriors.</p>
+
+<h3 id="Metadata">Metadata</h3>
+
+<p>La descripció de les llistes són útils per mostrar les metadades com una llista de parells de clau-valor.</p>
+
+<pre>&lt;dl&gt;
+    &lt;dt&gt;Name&lt;/dt&gt;
+    &lt;dd&gt;Godzilla&lt;/dd&gt;
+    &lt;dt&gt;Born&lt;/dt&gt;
+    &lt;dd&gt;1952&lt;/dd&gt;
+    &lt;dt&gt;Birthplace&lt;/dt&gt;
+    &lt;dd&gt;Japan&lt;/dd&gt;
+    &lt;dt&gt;Color&lt;/dt&gt;
+    &lt;dd&gt;Green&lt;/dd&gt;
+&lt;/dl&gt;
+</pre>
+
+<p>Consell: Pot ser útil per definir un separador clau-valor en CSS3, com ara:</p>
+
+<pre class="brush: css">dt:after {
+  content: ": ";
+}</pre>
+
+<h2 id="Notes">Notes</h2>
+
+<p>No utilitzeu aquest element (ni elements {{HTMLElement("ul")}}) per crear simplement sangrat en una pàgina. Encara que funciona, això és una mala pràctica i enfosqueix el significat de les llistes de definicions.</p>
+
+<p>Per canviar el sangrat de la descripció d'un terme, utilitzeu la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("margin")}}.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-dl-element', '&lt;dl&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-dl-element', '&lt;dl&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '&lt;dl&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element {{HTMLElement("dt")}}</li>
+ <li>L'element {{HTMLElement("dd")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/dt/index.html b/files/ca/web/html/element/dt/index.html
new file mode 100644
index 0000000000..1b3d514c27
--- /dev/null
+++ b/files/ca/web/html/element/dt/index.html
@@ -0,0 +1,131 @@
+---
+title: <dt>
+slug: Web/HTML/Element/dt
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - Reference
+translation_of: Web/HTML/Element/dt
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML &lt;dt&gt;</strong> (o <em>element HTML de definició de Terme</em>) identifica un terme en una llista de definicions. Aquest element pot aparèixer només com un element fill d'un {{HTMLElement("dl")}}. En general és seguida per un element {{HTMLElement("dd")}} ; No obstant això, múltiples elements &lt;dt&gt; en una fila indiquen diversos termes que estan tots definits per l'element immediat següent {{HTMLElement("dd")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Contingut dinàmic, però sense {{HTMLElement("header")}}, {{HTMLElement("footer")}}, seccions de contingut o encapçalament de continguts descendents .</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>Ha de tenir una etiqueta d'inici. L'etiqueta final pot ometre si aquest element és seguida immediatament per un altre element <code>&lt;dd&gt;</code>, o si no hi ha més contingut en l'element pare.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Abans que un element {{HTMLElement("dt")}} o un {{HTMLElement("dd")}}, dins d'un {{HTMLElement("dl")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclossos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per a aquest element.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>Per exemple veure <a href="/en-US/docs/HTML/Element/dl#Examples" title="HTML/Element/dl#Examples">llistes de definicions</a>.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-dt-element', '&lt;dt&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-dt-element', '&lt;dt&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '&lt;dt&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("dd")}}, {{HTMLElement("dl")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/element/index.html b/files/ca/web/html/element/element/index.html
new file mode 100644
index 0000000000..66e51e06e1
--- /dev/null
+++ b/files/ca/web/html/element/element/index.html
@@ -0,0 +1,93 @@
+---
+title: <element>
+slug: Web/HTML/Element/element
+translation_of: Web/HTML/Element/element
+---
+<div class="note">
+<p><strong>Nota:</strong> Aquest element s'ha eliminat de l'especificació. Vegeu <a href="http://lists.w3.org/Archives/Public/public-webapps/2013JulSep/0287.html">això</a> per més informació de l'editor de l'especificació.</p>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>L'<strong>element</strong> <strong><a href="/en-US/docs/Web/HTML">HTML</a>  <code>&lt;element&gt;</code> </strong> s'utilitza per definir nous elements DOM personalitzats.</p>
+
+<ul class="htmlelt">
+ <li><dfn><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content">Contingut transparent</a>.</li>
+ <li><dfn>Contingut permès</dfn> ???</li>
+ <li><dfn>Omissió de l'etiqueta</dfn> {{no_tag_omission}}</li>
+ <li><dfn>Elements pares permessos</dfn> ???</li>
+ <li><dfn>Interfície DOM</dfn> {{domxref("HTMLElement")}}</li>
+</ul>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<p>El text va aquí.</p>
+
+<pre class="brush: html">Més text va aquí.
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<p>L'element <code>&lt;element&gt;</code> es torbava antigament dins d'un esborrany de l'especificació de<a href="http://w3c.github.io/webcomponents/spec/custom/"> Elements personalitzats</a> però s'ha eliminat.</p>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>Components Web: {{HTMLElement("content")}}, {{HTMLElement("shadow")}}, {{HTMLElement("template")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/em/index.html b/files/ca/web/html/element/em/index.html
new file mode 100644
index 0000000000..1cd3921638
--- /dev/null
+++ b/files/ca/web/html/element/em/index.html
@@ -0,0 +1,159 @@
+---
+title: <em>
+slug: Web/HTML/Element/em
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+  - font-style
+translation_of: Web/HTML/Element/em
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML èmfasi <strong>&lt;em&gt;</strong> marca un text perque tingui un accent mes remarcable. L'element <code>&lt;em&gt;</code> es pot superposar-se, amb cada nivell de superposició indicar un major grau d'èmfasi.</p>
+
+<div class="note"><strong>Nota d'ùs:</strong> En general aquest element es mostra en cursiva. No obstant això, no s'ha d'utilitzar simplement per aplicar un estil cursiva, utilitzar l'estil CSS per a aquest propòsit. Utilitzar l'element {{HTMLElement("cite")}}  per marcar el títol d'una obra (llibre, joc cançó, etc.); també l'estil d'aquest és amb lletra cursiva, però té un significat diferent. Utilitzar l'element {{HTMLElement("strong")}} per marcar el text que té una major importància que el circumdant.</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">
+    <p>Interfície DOM</p>
+
+    <p> </p>
+   </th>
+   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclossos, Firefox implementa la interfície {{domxref("HTMLSpanElement")}} per aquest element.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p><span id="result_box" lang="ca"><span>L'element</span> <code><span>&lt;</span><span>em&gt;</span></code> <span>s'utilitza sovint</span> <span>per indicar un</span> <span>contrast</span> <span>implícit</span> <span>o explícit</span><span>.</span></span></p>
+
+<pre class="brush: html">&lt;p&gt;
+  In HTML 5, what was previously called &lt;em&gt;block-level&lt;/em&gt; content is now called &lt;em&gt;flow&lt;/em&gt; content.
+&lt;/p&gt;</pre>
+
+<h3 id="Result" name="Result">Resultat</h3>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">En HTML 5, el que abans es deia contingut en <em>bloc</em> ara es diu contingut <em>dinàmic</em>.</span></span></p>
+
+<h2 id="&lt;i>_vs._&lt;em>">&lt;i&gt; vs. &lt;em&gt;</h2>
+
+<p>Sovint és confús per als nous desenvolupadors per què hi ha tants elements per expressar èmfasi en algun text. <code>&lt;i&gt;</code> i <code>&lt;em&gt;</code> són potser uns dels més comuns. Per què utilitzar <code>&lt;em&gt;&lt;/em&gt;</code> vs <code>&lt;i&gt;&lt;/i</code>&gt; si produeixen exactament el mateix resultat, oi?.</p>
+
+<p>No exactament. El resultat visual és, per defecte, el mateix - dues etiquetes fan el seu contingut en cursiva. Però el significat semàntic és diferent. L'etiqueta &lt;em&gt; representa un accent mes remarcable del seu contingut, mentre que l'etiqueta <code>&lt;i&gt;</code> representa un text que està fora de la prosa normal, tal com el nom d'una pel·lícula o un llibre, una paraula estrangera, o quan el text es refereix a la definició d'una paraula en lloc de representar el seu significat semàntic.</p>
+
+<p>Un exemple de <code>&lt;em&gt;</code> podria ser: "Fes-ho ja!", O: "Vam haver de fer alguna cosa". Una persona o un programari, llegint el text pronunciaria les paraules en cursiva amb èmfasi.</p>
+
+<p>Un exemple de <code>&lt;i&gt;</code> podria ser: "El <em>Queen Mary</em> va navegar ahir a la nit". Aquí, no hi ha èmfasi afegit o la importància de la paraula "Queen Mary". Merament s'indica que l'objecte en qüestió no és una reina anomenada Mary, sinó un vaixell anomenat <em>Queen Mary</em>. Un altre exemple de <code>&lt;i&gt;</code> podria ser: "La paraula la és un article".</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-em-element', '&lt;em&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-em-element', '&lt;em&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '&lt;em&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("i")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/embed/index.html b/files/ca/web/html/element/embed/index.html
new file mode 100644
index 0000000000..52ad4b3062
--- /dev/null
+++ b/files/ca/web/html/element/embed/index.html
@@ -0,0 +1,127 @@
+---
+title: <embed>
+slug: Web/HTML/Element/embed
+tags:
+  - Element
+  - HTML
+  - HTML embedded content
+  - HTML5
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/embed
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>Element HTML <code>&lt;embed&gt;</code></strong> representa un punt d'integració per a una aplicació externa o contingut interactiu (en altres paraules, un plug-in).</p>
+
+<div class="note">
+<p>Nota ("Aquest tema només documenta l'element que es defineix com a part d'HTML5. No es refereix a una implementació anterior, no estandarditzada de l'element.")</p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut incrustat, contingut interactiu, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta</span> <span>d'inici,</span> <span>i</span> <span>no ha de tenir</span> <span>una etiqueta</span> <span>de tancament</span></span>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti contingut incrustat.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLEmbedElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("height")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'alçada</span> <span>mostrada</span> <span>del recurs,</span> <span>en píxels</span> <span>CSS.</span></span></dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'adreça URL</span> <span>del recurs</span> <span>que s'ha</span> <span>incrusta</span><span>.</span></span></dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>El tipus MIME a utilitzar per seleccionar el plug-in per crear una instància.</dd>
+ <dt>{{htmlattrdef("width")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'amplada</span> <span>mostrada</span> <span>del recurs,</span> <span>en píxels</span> <span>CSS.</span></span></dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;embed type="video/quicktime" src="movie.mov" width="640" height="480"&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-embed-element', '&lt;embed&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-embed-element', '&lt;embed&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div class="note">
+<p><strong>Nota</strong>: Actualment existeix una diferència d'implementació entre els navegadors. Mentre Blink (Chrome, Opera) mostrarà el contingut del recurs HTML, Firefox mostrarà un missatge genèric dient que el contingut necessita un plug-in (veure {{Bug ("730.768")}}). Es recomana utilitzar l'element &lt;object&gt; o &lt;iframe&gt;</p>
+</div>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements que s'utilitzen per incrustar continguts de diversos tipus, inclouen {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{MathMLElement("math")}}, {{HTMLElement("object")}}, {{SVGElement("svg")}}, and {{HTMLElement("video")}}.</li>
+</ul>
+
+<p>{{ HTMLRef }}</p>
diff --git a/files/ca/web/html/element/fieldset/index.html b/files/ca/web/html/element/fieldset/index.html
new file mode 100644
index 0000000000..d9e30d9974
--- /dev/null
+++ b/files/ca/web/html/element/fieldset/index.html
@@ -0,0 +1,414 @@
+---
+title: <fieldset>
+slug: Web/HTML/Element/fieldset
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - Intermediate
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/fieldset
+---
+<div>{{HTMLRef}}</div>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">L'<strong>element HTML <code>&lt;fieldset&gt;</code></strong> s'utilitza per agrupar diversos controls així com etiquetes ({{HTMLElement("label")}}) dins d'un formulari web.</span></span></p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#sectioning_root">secció arrel</a>, <a href="/en-US/docs/HTML/Content_categories#form_listed">llistat</a>, element <a href="/en-US/docs/HTML/Content_categories#form-associated_content">associat a formulari  </a> , contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Un element {{HTMLElement("legend")}}  opcional, seguit de contingut dinàmic.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLFieldSetElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="note">
+<p><strong>Nota:</strong> a diferència de gairebé qualsevol altre element, l'especificació de representació WHATWG HTML suggereix  <code>{{cssxref("min-width")}}: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/width#Values">min-content</a></code>  com a part de l'estil predeterminat per a {{HTMLElement("fieldset")}}, molts navegadors implementan aquest estil (o alguna cosa aproximada).</p>
+</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("disabled")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Si aquest atribut booleà està establert, els controls de formulari que són els seus descendents, amb excepció dels descendents del seu primer element opcional {{HTMLElement("legend")}}, estan desactivats, és a dir, no es poden editar. Ells no rebran cap event de navegació, com clics del ratolí o els relacionats amb el focus. Sovint els navegadors mostran aquests controls amb gris</dd>
+ <dt>{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut té el valor de l'atribut <strong>id</strong> de l'element {{HTMLElement("form")}} que està relacionat amb. El seu valor per defecte és l'<strong>id</strong> de l'element {{HTMLElement("form")}} més proper, que és un descendent de.</dd>
+ <dt>{{htmlattrdef("name")}} {{HTMLVersionInline(5)}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El nom</span> <span>associat</span> <span>amb</span> <span>el grup.</span></span>
+ <div class="note">L'etiqueta per al conjunt del camp ve donada pel primer element {{HTMLElement("legend")}} que és un fill d'aquest conjunt de camp.</div>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_1_Formulari_amb_fieldset_legend_i_label">Exemple #1: Formulari amb fieldset, legend i label</h3>
+
+<pre class="brush: html">&lt;form action="test.php" method="post"&gt;
+  &lt;fieldset&gt;
+    &lt;legend&gt;Title&lt;/legend&gt;
+    &lt;input type="radio" id="radio"&gt; &lt;label for="radio"&gt;Click me&lt;/label&gt;
+  &lt;/fieldset&gt;
+&lt;/form&gt;</pre>
+
+<h3 id="Exemple_2_Simulant_un_editable_HTMLElement(select)_a_través_d'un_fieldset_radioboxes_i_textboxes*">Exemple #2: Simulant un editable {{HTMLElement("select")}} a través d'un <code>fieldset</code>, <a href="/en-US/docs/HTML/Element/Input">radioboxes</a> i <a href="/en-US/docs/HTML/Element/Input">textboxes</a>*</h3>
+
+<p>El següent exemple està fet amb pur HTML i CSS. No hi ha cap codi JavaScript.</p>
+
+<p><strong>S'adverteix</strong> que els lectors de pantalles i dispositius d'assistència no interpretaran correctament el següent formulari; aquest exemple seria HTML vàlid si s'utilitzessin els elements correctes.</p>
+
+<pre class="brush: html">&lt;!doctype html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
+&lt;title&gt;Editable [pseudo]select&lt;/title&gt;
+&lt;style type="text/css"&gt;
+
+/* Generic form fields */
+
+fieldset.elist, input[type="text"], textarea, select, option, fieldset.elist ul, fieldset.elist &gt; legend, fieldset.elist input[type="text"], fieldset.elist &gt; legend:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+input[type="text"] {
+  padding: 0 20px;
+}
+
+textarea {
+  width: 500px;
+  height: 200px;
+  padding: 20px;
+}
+
+textarea, input[type="text"], fieldset.elist ul, select, fieldset.elist &gt; legend {
+  border: 2px #cccccc solid;
+  border-radius: 10px;
+}
+
+input[type="text"], fieldset.elist, select, fieldset.elist &gt; legend {
+  height: 32px;
+  font-family: Tahoma;
+  font-size: 14px;
+}
+
+input[type="text"]:hover, textarea:hover, select:hover, fieldset.elist:hover &gt; legend {
+  background-color: #ddddff;
+}
+
+select {
+  padding: 4px 20px;
+}
+
+option {
+  height: 30px;
+  padding: 5px 4px;
+}
+
+option:not(:checked), textarea:focus {
+  background-color: #ffcccc;
+}
+
+fieldset.elist &gt; legend:after, fieldset.elist label {
+  height: 28px;
+}
+
+input[type="text"], fieldset.elist {
+  width: 316px;
+}
+
+input[type="text"]:focus {
+  background: #ffcccc url("data:image/gif;base64,R0lGODlhEAAQANU5APnoxuvr6+uxPdvb2+rq6ri4uO7qxunp6dPT06SHV+/rx8vLy+nezLO0sbe3t9Ksas+qaaCEV8rKyp2dnf39/QAAAK6ursifZHFxcc/Qzu3mxYyMjExCJnV1dc6maO7u7o+Pj2tXNoaGhtfDpKCDVu3lxM+tcaKEV9bW1qOFVWNjY8KrisTExNra2nBbObGxsby8vO/mu7Kyso9ZAuzs7MSgAIiKhf///8zMzP///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADkALAAAAAAQABAAAAaXwJxwSCwOYzWkMpkkZmoAqDQaJdpqAqw2m53NRjlboAarFczomcE0C99o8DgNMVM8Tm3bbYDr9x11DwkzDG5yc2oQJIRCenx/MxoeETM2Q3pxATMlF4MYlo17OAsdLispMyAioIY0BzMcITMTKBasjgssFTMqGxItMjYUoTQBBAQHxgE0wZcfMtDRMi/QrA022NnaNg1CQQA7") no-repeat 2px center !important;
+}
+
+input[type="text"]:focus, textarea:focus, select:focus, fieldset.elist &gt; legend {
+  border: 2px #ccaaaa solid;
+}
+
+fieldset {
+  border: 2px #af3333 solid;
+  border-radius: 10px;
+}
+
+/* Editable [pseudo]select (i.e. fieldsets with [class=elist]) */
+
+fieldset.elist {
+  display: inline-block;
+  position: relative;
+  vertical-align: middle;
+  overflow: visible;
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+
+fieldset.elist ul {
+  position: absolute;
+  width: 100%;
+  max-height: 320px;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  background-color: transparent;
+}
+
+fieldset.elist:hover ul {
+  background-color: #ffffff;
+  border: 2px #af3333 solid;
+  left: 2px;
+  overflow: auto;
+}
+
+fieldset.elist ul &gt; li {
+  list-style-type: none;
+  background-color: transparent;
+}
+
+fieldset.elist label {
+  display: none;
+  width: 100%;
+}
+
+fieldset.elist input[type="text"] {
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+  border: none;
+  background-color: transparent;
+  border-radius: 0;
+}
+
+fieldset.elist &gt; legend {
+  display: block;
+  margin: 0;
+  padding: 0 0 0 5px;
+  position: absolute;
+  width: 100%;
+  cursor: default;
+  background-color: #ccffcc;
+  line-height: 30px;
+  font-style: italic;
+}
+
+fieldset.elist:hover &gt; legend {
+  position: relative;
+  overflow: hidden;
+}
+
+fieldset.elist &gt; legend:after {
+  width: 20px;
+  content: "\2335";
+  float: right;
+  text-align: center;
+  border-left: 2px #cccccc solid;
+  font-style: normal;
+  cursor: default;
+}
+
+fieldset.elist:hover &gt; legend:after {
+  background-color: #99ff99;
+}
+
+fieldset.elist ul input[type="radio"] {
+  display: none;
+}
+
+fieldset.elist input[type="radio"]:checked ~ label {
+  display: block;
+  width: 292px;
+  background-color: #ffffff;
+}
+
+fieldset.elist:hover input[type="radio"]:checked ~ label {
+  width: 100%;
+}
+
+fieldset.elist:hover label {
+  display: block;
+  height: 100%;
+}
+
+fieldset.elist label:hover {
+  background-color: #3333ff !important;
+}
+
+fieldset.elist:hover input[type="radio"]:checked ~ label {
+  background-color: #aaaaaa;
+}
+
+&lt;/style&gt;
+
+&lt;/head&gt;
+&lt;body&gt;
+
+&lt;form method="get" action="test.php"&gt;
+
+&lt;fieldset&gt;
+    &lt;legend&gt;Order a T-Shirt&lt;/legend&gt;
+    &lt;p&gt;Write your name (simple textbox): &lt;input type="text" /&gt;&lt;/p&gt;
+    &lt;p&gt;Choose your size (simple select):
+    &lt;select&gt;
+        &lt;option value="s"&gt;Small&lt;/option&gt;
+        &lt;option value="m"&gt;Medium&lt;/option&gt;
+        &lt;option value="l"&gt;Large&lt;/option&gt;
+        &lt;option value="xl"&gt;Extra Large&lt;/option&gt;
+    &lt;/select&gt;&lt;/p&gt;
+    &lt;div&gt;What address do you want to use? (editable pseudoselect)
+    &lt;fieldset class="elist"&gt;
+        &lt;legend&gt;Address&amp;hellip;&lt;/legend&gt;
+        &lt;ul&gt;
+            &lt;li&gt;&lt;input type="radio" value="1" id="address-switch_1" checked /&gt;&lt;label for="address-switch_1"&gt;&lt;input type="text" value="19 Quaker Ridge Rd. Bethel CT 06801" /&gt;&lt;/label&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;input type="radio" value="2" id="address-switch_2" /&gt;&lt;label for="address-switch_2"&gt;&lt;input type="text" value="1000 Coney Island Ave. Brooklyn NY 11230" /&gt;&lt;/label&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;input type="radio" value="3" id="address-switch_3" /&gt;&lt;label for="address-switch_3"&gt;&lt;input type="text" value="2962 Dunedin Cv. Germantown TN 38138" /&gt;&lt;/label&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;input type="radio" value="4" id="address-switch_4" /&gt;&lt;label for="address-switch_4"&gt;&lt;input type="text" value="915 E 7th St. Apt 6L. Brooklyn NY 11230" /&gt;&lt;/label&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/fieldset&gt;
+    &lt;/div&gt;
+    &lt;p&gt;Write a comment:&lt;br /&gt;
+    &lt;textarea&gt;&lt;/textarea&gt;&lt;/p&gt;
+    &lt;p&gt;&lt;input type="reset" value="Reset" /&gt; &lt;input type="submit" value="Send!" /&gt;&lt;/p&gt;
+&lt;/fieldset&gt;
+
+&lt;/form&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p><a href="/files/4563/editable_select.html">Veure aquest exemple en acció</a></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-fieldset-element', '&lt;fieldset&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Definició de l'element <code>fieldset</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'rendering.html#the-fieldset-and-legend-elements')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td><span id="result_box" lang="ca"><span>Suggerit la</span> <span>representació per</span> <span>defecte dels</span> <span>elements</span> <code><span>fieldset</span></code> <span>i</span> <code><span>legend</span></code></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-fieldset-element', '&lt;fieldset&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.10', '&lt;fieldset&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>disabled</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>12</td>
+   <td>6</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>disabled</code></td>
+   <td>4.4</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>6.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] No tots els descendents del control de formulari d'un fieldset desactivat es desactiven correctament en IE11; veure <a href="https://connect.microsoft.com/IE/feedbackdetail/view/817488">IE bug 817488: <code>input[type="file"]</code> not disabled inside disabled <code>fieldset</code></a> i <a href="https://connect.microsoft.com/IE/feedbackdetail/view/962368/can-still-edit-input-type-text-within-fieldset-disabled">IE bug 962368: Can still edit <code>input[type="text"]</code> within <code>fieldset[disabled]</code></a>.</p>
+
+<h2 id="Errors">Errors</h2>
+
+<ul>
+ <li>{{Bug(504622)}} - Els fieldsets mai s'encongeixen per sota del seu ample <code>min-intrinsic</code></li>
+ <li><a href="https://bugs.webkit.org/show_bug.cgi?id=123507">WebKit bug 123507</a> - <code>min-width: {{cssxref("-webkit-min-content")}}</code> en fieldset</li>
+ <li><a href="http://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content">StackOverflow discussió amb solucions per als errors anteriors.</a></li>
+</ul>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>relacionats</span> <span>amb</span> <span>formularis</span></span> : {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li>
+</ul>
diff --git a/files/ca/web/html/element/figcaption/index.html b/files/ca/web/html/element/figcaption/index.html
new file mode 100644
index 0000000000..f43e692154
--- /dev/null
+++ b/files/ca/web/html/element/figcaption/index.html
@@ -0,0 +1,126 @@
+---
+title: <figcaption>
+slug: Web/HTML/Element/figcaption
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - Reference
+translation_of: Web/HTML/Element/figcaption
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML <code>&lt;figcaption&gt;</code></strong> representa una llegenda o una llegenda associada a una figura o una il·lustració descrit per la resta de les dades de l'element {{HTMLElement("figure")}} que és el seu ancestra immediat, el que significa que <code>&lt;figcaption&gt;</code> pot ser el primer o l'últim element dins d'un bloc {{HTMLElement("figure")}}. A més, l'<em>element HTML figcaption</em>  és opcional; si no es proporciona, l'element figure pare no tindrà cap llegenda.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>En un element {{HTMLElement("figure")}}; l'element <code>&lt;figcaption&gt;</code> <span id="result_box" lang="ca"><span>ha de ser el</span> <span>primer o</span> <span>l'últim</span> <span>fill.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Si us plau, veure el pàgina {{HTMLElement("figure")}} per exemples de <code>&lt;figcaption&gt;</code>.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-figcaption-element', '&lt;figcaption&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-figcaption-element', '&lt;figcaption&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>8</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>5.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>3.0</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>5.1 (iOS 5.0)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element {{HTMLElement("figure")}}.</li>
+</ul>
diff --git a/files/ca/web/html/element/figure/index.html b/files/ca/web/html/element/figure/index.html
new file mode 100644
index 0000000000..6e9f0fb424
--- /dev/null
+++ b/files/ca/web/html/element/figure/index.html
@@ -0,0 +1,219 @@
+---
+title: <figure>
+slug: Web/HTML/Element/figure
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - Reference
+translation_of: Web/HTML/Element/figure
+---
+<p>{{HTMLRef}}</p>
+
+<p><strong>L'element HTML <code>&lt;figure&gt;</code></strong> representa un contingut autònom, sovint amb una llegenda ({{HTMLElement("figcaption")}}), i normalment es fa referència com una sola unitat. Si bé es relaciona amb el flux principal, la seva posició és independent del corrent principal. Normalment això és una imatge, una il·lustració, un diagrama, un fragment de codi o un esquema que es fa referència en el text principal, però que es poden moure a una altra pàgina o un apèndix sense afectar el flux principal.</p>
+
+<div class="note"><strong>Notes d'ùs: </strong>
+
+<ul>
+ <li>Sent una <a href="https://developer.mozilla.org/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#Sectioning_root">arrel de seccionament</a>, el contorn del contingut de l'element <code>&lt;figure&gt;</code> s'exclou de l'esquema principal del document.</li>
+ <li>Una llegenda pot ser associada amb l'element <code>&lt;figure&gt;</code> introduint dins d'aquest un {{HTMLElement("figcaption")}} (com el primer o l'últim fill).</li>
+</ul>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#Sectioning_root" title="Sections and Outlines of an HTML5 document#Sectioning root">seccionament arrel</a>, contigut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Permitted content</th>
+   <td>Un element {{HTMLElement("figcaption")}}, seguit per <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>; or contingut dinàmic seguit per un element  {{HTMLElement("figcaption")}}; o contingut dinàmic.</td>
+  </tr>
+  <tr>
+   <th scope="row">Tag omission</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Permitted parent elements</th>
+   <td>Qualsevol element que accepti<a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content"> contingut dinàmic.</a></td>
+  </tr>
+  <tr>
+   <th scope="row">DOM interface</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_1">Exemple 1</h3>
+
+<pre class="brush: html">&lt;!-- Just a figure --&gt;
+&lt;figure&gt;
+  &lt;img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="An awesome picture"&gt;
+&lt;/figure&gt;
+&lt;p&gt;&lt;/p&gt;
+&lt;!-- Figure with figcaption --&gt;
+&lt;figure&gt;
+  &lt;img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="An awesome picture"&gt;
+  &lt;figcaption&gt;Fig1. MDN Logo&lt;/figcaption&gt;
+&lt;/figure&gt;
+&lt;p&gt;&lt;/p&gt;
+</pre>
+
+
+<figure><img alt="MDN Logo" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></figure>
+
+<p> </p>
+
+
+<figure><img alt="MDN Logo" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png">
+<figcaption>Fig1. MDN Logo</figcaption>
+</figure>
+
+<p> </p>
+
+<h3 id="Exemple_2">Exemple 2</h3>
+
+<pre class="brush: html">&lt;figure&gt;
+  &lt;figcaption&gt;Get browser details using navigator&lt;/figcaption&gt;
+  &lt;pre&gt;
+function NavigatorExample() {
+  var txt;
+  txt = "Browser CodeName: " + navigator.appCodeName;
+  txt+= "Browser Name: " + navigator.appName;
+  txt+= "Browser Version: " + navigator.appVersion ;
+  txt+= "Cookies Enabled: " + navigator.cookieEnabled;
+  txt+= "Platform: " + navigator.platform;
+  txt+= "User-agent header: " + navigator.userAgent;
+}
+  &lt;/pre&gt;
+&lt;/figure&gt;
+</pre>
+
+<figure>
+<figcaption><span id="result_box" lang="ca"><span>Obtenir informació</span> <span>del navegador utilitzant</span></span> navigator</figcaption>
+
+<pre class="brush: js">function NavigatorExample() {
+  var txt;
+  txt = "Browser CodeName: " + navigator.appCodeName;
+  txt+= "Browser Name: " + navigator.appName;
+  txt+= "Browser Version: " + navigator.appVersion ;
+  txt+= "Cookies Enabled: " + navigator.cookieEnabled;
+  txt+= "Platform: " + navigator.platform;
+  txt+= "User-agent header: " + navigator.userAgent;
+}</pre>
+</figure>
+
+<h3 id="Exemple_3">Exemple 3</h3>
+
+<pre class="brush: html">&lt;figure&gt;
+  &lt;figcaption&gt;&lt;cite&gt;Edsger Dijkstra :-&lt;/cite&gt;&lt;/figcaption&gt;
+  &lt;p&gt;"If debugging is the process of removing software bugs, &lt;br /&gt; then programming must be the process of putting them in"&lt;/p&gt;
+&lt;/figure&gt;
+</pre>
+
+<figure>
+<figcaption><cite>Edsger Dijkstra :-</cite></figcaption>
+
+<p>"Si la depuració és el procés d'eliminació d'errors del programari, la programació ha de ser el procés de posada en"</p>
+
+<h3 id="Exemple_4">Exemple 4</h3>
+
+<p>L'element <code>&lt;figure&gt;</code> es podria utilitzar per al marcatge d'un poema.</p>
+
+<pre class="brush: html">&lt;figure&gt;
+ &lt;p&gt;
+  Depression is running through my head,&lt;br&gt;
+  These thoughts make me think of death,&lt;br&gt;
+  A darkness which blanks my mind,&lt;br&gt;
+  A walk through the graveyard, what can I find?....
+ &lt;/p&gt;
+ &lt;figcaption&gt;&lt;cite&gt;Depression&lt;/cite&gt;. By: Darren Harris&lt;/figcaption&gt;
+&lt;/figure&gt;</pre>
+</figure>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-figure-element', '&lt;figure&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-figure-element', '&lt;figure&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>8</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>5.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>3.0</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>5.1 (iOS 5.0)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element {{HTMLElement("figcaption")}}.</li>
+</ul>
diff --git a/files/ca/web/html/element/font/index.html b/files/ca/web/html/element/font/index.html
new file mode 100644
index 0000000000..95c7b9d8c3
--- /dev/null
+++ b/files/ca/web/html/element/font/index.html
@@ -0,0 +1,53 @@
+---
+title: <font>
+slug: Web/HTML/Element/font
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/font
+---
+<div>{{obsolete_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">L'<em>Element HTML Font</em> (<code>&lt;font&gt;</code>) defineix la mida de font, color i cara del seu contingut.</span></span></p>
+
+<div class="note">
+<p><em>Nota d'ùs: </em></p>
+
+<p><strong>No utilitzeu aquest element!</strong> Encara que una vegada normalitzat en HTML 3.2, va ser desaprovat en HTML 4.01, al mateix temps que tots els elements relacionats només amb l'estil , llavors obsolets en HTML5.</p>
+
+<p>A partir d'HTML 4, HTML no transmet més informació d'estil (fora de l'element {{HTMLElement("style")}}} o l'atribut <strong>style</strong> de cada element). Per a qualsevol nou desenvolupament de la web, l'estil ha de ser escrit utilitzant només <a href="https://developer.mozilla.org/en-US/docs/CSS" title="CSS">CSS</a> .</p>
+
+<p>El comportament anterior de l'element {{HTMLElement("font")}} es pot aconseguir, i fins i tot millorar el control, mitjançant les propietats CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts">CSS Fonts</a> .</p>
+</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Com tots els altres elements HTML, aquest element és compatible amb el  <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a> .</p>
+
+<dl>
+ <dt>{{htmlattrdef("color")}}</dt>
+ <dd>Aquest atribut estableix el color del text utilitzant un color amb un nom o un color especificat en el format hexadecimal #RRGGBB.</dd>
+ <dt>{{htmlattrdef("face")}}</dt>
+ <dd>Aquest atribut conté una llista separada per comes d'un o més noms de tipus de lletra. L'estil per defect en el text del document es representa amb el primer tipus de lletra que és compatible amb el navegador del client. Si no hi ha tipus de lletra que figuri instal·lat en el sistema local, el navegador utilitza per defecte una font proporcional o d'amplada fixa per aquest sistema.</dd>
+ <dt>{{htmlattrdef("size")}}</dt>
+ <dd>Aquest atribut especifica la mida de la font, ja sigui com un valor numèric o relatiu. Els valors numèrics s'estenen d'<code>1</code> a <code>7</code> sent <code>1</code> el més petit i <code>3</code> el valor predeterminat. Es pot definir l'ús d'un valor relatiu, com <code>2</code> o <code>-3</code>, que s'estableix en relació amb el valor de l'atribut  {{htmlattrxref("size", "basefont")}} de l'element  {{HTMLElement("basefont")}}, o relatiu a <code>3</code>, el valor per defecte, si no n'hi ha cap.</dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la Interfície {{domxref("HTMLFontElement")}}.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<h3 id="Notes_de_Gecko">Notes de Gecko</h3>
+
+<p>Abans de Gecko 15,0 {{geckoRelease ("15.0")}}, Gecko no sabia gestionar correctament els valors fora de límits de l'atribut <code>size</code> ; no acceptava cap valor fora de límits per mides relatives. Ara trunca correctament aquests en el rang de -10 a +10.</p>
+
+<p>Gecko 15,0 elimina també el suport als atributs <code>font-weight</code> i <code>point-size</code>  en l'element <code>&lt;font&gt;</code>; aquests eren no-estàndard i Gecko era l'únic motor que els donava suport</p>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/footer/index.html b/files/ca/web/html/element/footer/index.html
new file mode 100644
index 0000000000..9bae8e6d60
--- /dev/null
+++ b/files/ca/web/html/element/footer/index.html
@@ -0,0 +1,140 @@
+---
+title: <footer>
+slug: Web/HTML/Element/footer
+tags:
+  - Element
+  - HTML
+  - HTML sections
+  - Reference
+translation_of: Web/HTML/Element/footer
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML <code>&lt;footer&gt;</code></strong> representa un peu de pàgina en la <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document#Defining_Sections_in_HTML5">seva secció de contingut</a> més proper o la <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_root">secció de l'element arrel.</a> Un peu de pàgina sol contenir informació sobre l'autor de la secció, les dades de drets d'autor o enllaços a documents relacionats.</p>
+
+<div class="note">
+<p><strong>Notes d'ùs:</strong></p>
+
+<ul>
+ <li>la informació que s'inclou sobre l'autor en un element {{HTMLElement("address")}} també es pot incloure en un element<br>
+  <code>&lt;footer&gt;</code>.</li>
+ <li>L'element <code>&lt;footer&gt;</code> no es un secció de contingut i, per tant, no introdueix una nova secció en l'<a href="https://developer.mozilla.org/en-US/docs/Sections_and_Outlines_of_an_HTML5_document">esquema (outline)</a>.</li>
+</ul>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, però no amb <code>&lt;footer&gt;</code> o descendents {{HTMLElement("header")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>. Recordeu que un element <code>&lt;footer&gt;</code> no ha de ser un descendent d'un element {{HTMLElement("address")}}, {{HTMLElement("header")}} o un altre <code>&lt;footer&gt;</code></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;footer&gt;
+  Some copyright info or perhaps some author info for an &amp;lt;article&amp;gt;?
+&lt;/footer&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'sections.html#the-footer-element', '&lt;footer&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'sections.html#the-footer-element', '&lt;footer&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>5</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>4.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.2</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>5.0 (iOS 4.2)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements de secció relacionats: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}};</li>
+ <li class="last"><a href="/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i esquemas d'un document HTML5</a>.</li>
+</ul>
diff --git a/files/ca/web/html/element/form/index.html b/files/ca/web/html/element/form/index.html
new file mode 100644
index 0000000000..268e05bb2b
--- /dev/null
+++ b/files/ca/web/html/element/form/index.html
@@ -0,0 +1,252 @@
+---
+title: <form>
+slug: Web/HTML/Element/form
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - Intermediate
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/form
+---
+<div>{{HTMLRef}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <code>&lt;form&gt;</code> representa una secció del document que conté controls interactius per presentar informació a un servidor web.</p>
+
+<p>És possible utilitzar les pseudo-classes CSS {{cssxref(':valid')}} i {{cssxref(':invalid')}} per aplicar estil a un element <code>&lt;form&gt;</code>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <span class="short_text" id="result_box" lang="ca"><span>però que</span> <span>no contingui</span> <span>elements</span></span> <code>&lt;form&gt;</code></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLFormElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("accept")}} {{HTMLVersionInline(4)}} {{obsolete_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista separada</span> <span>per comes</span> <span>dels tipus</span> <span>de contingut que</span> <span>admet el</span> <span>servidor</span></span> .
+ <div class="note"><strong>Nota d'ùs:</strong> Aquest atribut s'ha eliminat en HTML5 i ja no ha de ser utilitzat. En el seu lloc, utilitzeu l'atribut {{htmlattrxref("accept", "input")}} específic de l'element {{HTMLElement("input")}}.</div>
+ </dd>
+ <dt>{{htmlattrdef("accept-charset")}}</dt>
+ <dd>Una llista amb espais o delimitat per comes de codificació de caràcters que accepta el servidor. El navegador els utilitza en l'ordre en què apareixen. El valor per defecte, la cadena reservada "UNKNOWN", indica la mateixa codificació que la del document que conté l'element de formulari.<br>
+ En versions anteriors d'HTML, les diferents codificacions de caràcters podien estar delimitats per espais o comes. En HTML5, només es permeten espais com delimitadors.</dd>
+ <dt>{{htmlattrdef("action")}}</dt>
+ <dd>L'URI d'un programa que processa la informació del formulari. Aquest valor es pot reemplaçar per l'atribut {{htmlattrxref("formaction", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}.</dd>
+ <dt>{{htmlattrdef("autocapitalize")}} {{non-standard_inline}}</dt>
+ <dd>Aquest és un atribut no estàndard utilitzat per iOS Safari mòbil el qual  controla si i com el valor de text per als descendents d'un control de formulari de text es pot possar en majúscula automàticament a mesura que s'introdueix /s'edita per l'usuari. Si l'atribut <code>autocapitalize</code> s'especifica en un control de formulari individual descendent, <code>autocapitalize</code> es sobreposa a la configuració de tot el formulari . Els valors no en desús estan disponibles en  a IOS 5 i posteriors. El valor per defecte és <code>sentences</code>. Els valors possibles són::
+ <ul>
+  <li><code>none</code>: Deshabilitar completament l'establiment automàtic de majúscules</li>
+  <li><code>sentences</code>: Posa automàticament en majúscula la primera lletra d'una oració.</li>
+  <li><code>words</code>: Posa automàticament en majúscula la primera lletra de les paraules.</li>
+  <li><code>characters</code>: Posa automàticament en majúscula tots els caràcters.</li>
+  <li><code>on</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li>
+  <li><code>off</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("autocomplete")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Indica si els elements d'entrada per defecte poden tenir els seus valors emplenats automàticament pel navegador. Aquest ajust es pot reemplaçar per un atribut <code>autocomplete</code> en un element que pertany al formulari. Els valors possibles són::
+ <ul>
+  <li><code>off</code>: L'usuari ha d'introduir explícitament un valor en cada camp per a cada ús, o el document proporciona el seu propi mètode d'auto-completar; el navegador no completa automàticament les entrades</li>
+  <li><code>on</code>: El navegador pot completar automàticament els valors en base als valors que l'usuari ha introduït prèviament en la formulari..</li>
+ </ul>
+ Per a navegadors més moderns (incloent Firefox 38+, Google Chrome 34+, 11+ IE) establir l'atribut autocomplete no impedeix que l'administrador de contrasenyes d'un navegador demani a l'usuari si desitja emmagatzemar els camps d 'accés (nom d'usuari i contrasenya), si l'usuari permet emmagatzemar, el navegador s'encarregarà d'autocompletar la propera vegada l'inici de la sessió de la pàgina que visita l'usuari. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields">L'atribut autocomplete i els camps d'inici de sessió</a>.</dd>
+ <dd>
+ <div class="note">
+ <p><strong>Nota: </strong>Si <code>autocomplete</code> s'estableix en <code>off</code> en una formulari perquè el document proporciona el seu pròpi auto-completat, llavors també hauria d'establir <code>autocomplete</code> a <code>off</code> per a cada un dels elements d'entrada del formulari que el document és capaç de auto-completar. Per a més detalls, vegeu les <a href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/form$translate#Google_Chrome_notes">notes de Google Chrome</a>.</p>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("enctype")}}</dt>
+ <dd>Quan el valor de l'atribut <code>method</code> és <code>post</code>, enctype és el <a href="http://en.wikipedia.org/wiki/Mime_type">tipus MIME</a> del contingut que s'utilitza per enviar el formulari al servidor. Els valors possibles són:
+ <ul>
+  <li><code>application/x-www-form-urlencoded</code>: <span class="short_text" id="result_box" lang="ca"><span>El valor</span> <span>per defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li>
+  <li><code>multipart/form-data</code>: El valor que s'utilitza per a un element {{HTMLElement("input")}} amb l'atribut <code>type</code> definit com "file".</li>
+  <li><code>text/plain (HTML5)</code></li>
+ </ul>
+
+ <p>Aquest valor es pot reemplaçar per l'atribut {{htmlattrxref("formenctype", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}.</p>
+ </dd>
+ <dt>{{htmlattrdef("method")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El mètode</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP">HTTP</a> <span>que el navegador</span> <span>utilitza</span> <span>per enviar el</span> <span>formulari.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span>
+ <ul>
+  <li><code>post</code>: Es correspon amb el <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.5">mètode POST</a> HTTP; les dades del formulari s'inclouen en el cos del formulari i s'envien al servidor.</li>
+  <li><code>get</code>: Es correspon amb el <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3">mètode GET</a> HTTP; les dades del formulari s'annexen a l'acció de l'atribut URI amb un '?' com a separador, i l'URI resultant s'envia al servidor. Utilitzeu aquest mètode quan el formulari no té efectes secundaris i conté únicament caràcters ASCII.</li>
+ </ul>
+
+ <p>Aquest valor es pot reemplaçar per l'atribut {{htmlattrxref("formmethod", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}.</p>
+ </dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd>El nom del formulari. En HTML 4, el seu ús està obsolet (utilitzar en el seu lloc <code>id</code>). Ha de ser únic entre els formularis d'un document i no només una cadena buida en HTML 5.</dd>
+ <dt>{{htmlattrdef("novalidate")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut booleà indica que el formulari no ha de ser validat quan es presenti. Si aquest atribut no s'especifica  (el formulari es validat), aquesta configuració per defecte pot canviar-se per l'atribut {{htmlattrxref("formnovalidate", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}} que pertanyi al formulari.</dd>
+ <dt>{{htmlattrdef("target")}}</dt>
+ <dd>Un nom o una paraula clau que indica on s'ha de mostrar la resposta que es rep després d'enviar el formulari. En HTML 4, és el nom/paraula clau per a un marc. En HTML5, és un nom/paraula clau per a un <em>context de navegació</em> (per exemple, pestanya, finestra o marc en línia). Les següents paraules clau tenen un significat especial:
+ <ul>
+  <li><code>_self</code>: Càrrega la resposta en el mateix marc HTML 4 (o HTML5 contexte de navegació ) com l'actual. Aquest valor és el valor per defecte si no s'especifica l'atribut.</li>
+  <li><code>_blank</code>: Carregar la resposta en una nova finestra sense nom en HTML 4 o en el context de navegació HTML5.</li>
+  <li><code>_parent</code>: Carregar la resposta en el conjunt de marcs del pare del marc actual en HTML 4 , o HTML5 en el context de navegació dels pares de l'actual. Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li>
+  <li><code>_top</code>: HTML 4: Carregar la resposta sencera a la finestra original, i cancel·lar tots els altres marcs. HTML 5: Carregar la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li>
+  <li><em>iframename</em>: <span id="result_box" lang="ca"><span>La resposta</span> <span>es</span> <span>mostra en un</span> <span>anomenat</span></span> {{HTMLElement("iframe")}}.</li>
+ </ul>
+
+ <p>HTML5: Aquest valor pot ser reemplaçat per l' atribut {{htmlattrxref("formtarget", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}</p>
+ </dd>
+</dl>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Contingut_HTML">Contingut HTML</h3>
+
+<pre class="brush: html">&lt;!-- Simple form which will send a GET request --&gt;
+&lt;form action=""&gt;
+  &lt;label for="GET-name"&gt;Name:&lt;/label&gt;
+  &lt;input id="GET-name" type="text"&gt;
+  &lt;input type="submit" value="Save"&gt;
+&lt;/form&gt;
+
+&lt;!-- Simple form which will send a POST request --&gt;
+&lt;form action="" method="post"&gt;
+  &lt;label for="POST-name"&gt;Name:&lt;/label&gt;
+  &lt;input id="POST-name" type="text"&gt;
+  &lt;input type="submit" value="Save"&gt;
+&lt;/form&gt;
+
+&lt;!-- Form with fieldset, legend, and label --&gt;
+&lt;form action="" method="post"&gt;
+  &lt;fieldset&gt;
+    &lt;legend&gt;Title&lt;/legend&gt;
+    &lt;input type="radio" id="radio"&gt; &lt;label for="radio"&gt;Click me&lt;/label&gt;
+  &lt;/fieldset&gt;
+&lt;/form&gt;
+</pre>
+
+<p>{{ EmbedLiveSample('Examples', '100%', 110) }}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-form-element', '&lt;form&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-form-element', '&lt;form&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.3', '&lt;form&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Initial definition</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0<sup>[1]</sup></td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>novalidate</code></td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>novalidate</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p><a id="Google_Chrome_notes" name="Google_Chrome_notes"></a>[1] En la interfície d'Usuari de Google Chrome la sol·licitud per autocompletar varia depenent de si <code>autocomplete</code> s'estableix en <code>off</code> en elements d'entrada, així com el seu formulari. Concretament, quan una formulari té <code>autocomplete</code> en <code>off</code> i el camp d'<code>autocomplete</code> del seu element d'entrada no està definit, llavors si l'usuari demana suggeriments d'autocompletar per a l'element d'entrada, Chrome és possible que mostri un missatge que digui "autocomplete s'ha desactivat per a aquest formulari". D'altra banda, si el formulari i l'element d'entrada tenen <code>autocomplete</code> en <code>off</code>, el navegador no mostrarà aquest missatge. Per aquesta raó, s'ha d'establir <code>autocomplete</code> en <code>off</code> per a cada entrada que té el autocompletat personalitzat.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Guide/HTML/Forms">Guia de formularis HTML</a></li>
+ <li>Altres elements utilitzats per la creació de formularis: {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("input")}},{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}}, {{HTMLElement("meter")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}}.</li>
+</ul>
diff --git a/files/ca/web/html/element/frame/index.html b/files/ca/web/html/element/frame/index.html
new file mode 100644
index 0000000000..79201174e0
--- /dev/null
+++ b/files/ca/web/html/element/frame/index.html
@@ -0,0 +1,56 @@
+---
+title: <frame>
+slug: Web/HTML/Element/frame
+tags:
+  - Deprecated
+  - Element
+  - HTML
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/frame
+---
+<div>{{Deprecated_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p><code>&lt;frame&gt;</code> és un element HTML que defineix una àrea particular en la qual es pot visualitzar un altre document HTML. Un marc s'ha d'utilitzar dins d'un {{HTMLElement("frameset")}}.</p>
+
+<p>No s'estimula l'utilització de l'element <code>&lt;frame&gt;</code> a causa de certes desavantatges com ara  el rendiment i falta d'accessibilitat per als usuaris amb lectors de pantalla. En lloc de l'element <code>&lt;frame&gt;</code>, es preferible {{HTMLElement("iframe")}}.</p>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span class="alt-edited">Com tots els altres elements HTML, aquest element és compatible amb e</span></span>ls <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd>En aquest atribut s'especifica el document que serà representat en el marc.</dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd>Aquest atribut s'utilitza per etiquetar els marcs. Sense etiquetar, tots els enllaços s'obriran en el marc que es troben.</dd>
+ <dt>{{htmlattrdef("noresize")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>evitar el canvi</span> <span>de mida</span> <span>dels</span> <span>marcs dels</span> <span>usuaris.</span></span></dd>
+ <dt>{{htmlattrdef("scrolling")}}</dt>
+ <dd>Aquest atribut defineix l'existència de la barra de desplaçament. Si no s'utilitza aquest atribut, el navegador li possarà una barra de desplaçament quan calgui. Hi ha dues opcions; "Sí" per mostrar una barra de desplaçament, fins i tot quan no cal i "no" per no mostrar una barra de desplaçament, fins i tot quan és necessari.</dd>
+ <dt>{{htmlattrdef("marginheight")}}</dt>
+ <dd>Aquest atribut defineix com d'alt serà el marge entre els marcs.</dd>
+ <dt>{{htmlattrdef("marginwidth")}}</dt>
+ <dd>Aquest atribut defineix com d'ample serà el marge entre els marcs.</dd>
+ <dt>{{htmlattrdef("frameborder")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>li permet posar</span> <span>vores</span> <span>per als</span> <span>marcs.</span></span></dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;frameset cols="50%,50%"&gt;
+  &lt;frame src="https://developer.mozilla.org/en/HTML/Element/iframe" /&gt;
+  &lt;frame src="https://developer.mozilla.org/en/HTML/Element/frame" /&gt;
+&lt;/frameset&gt;
+</pre>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("frameset")}}</li>
+ <li>{{HTMLElement("iframe")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/frameset/index.html b/files/ca/web/html/element/frameset/index.html
new file mode 100644
index 0000000000..a85298fbc8
--- /dev/null
+++ b/files/ca/web/html/element/frameset/index.html
@@ -0,0 +1,45 @@
+---
+title: <frameset>
+slug: Web/HTML/Element/frameset
+tags:
+  - Deprecated
+  - Element
+  - HTML
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/frameset
+---
+<div>{{Deprecated_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <code>&lt;frameset&gt;</code> es un contenidor d'elements {{HTMLElement ("frame")}}.</p>
+
+<div class="note">A causa de que l'ús de marcs està desaconsellat a favor de la utilització {{HTMLElement ("iframe")}}, aquest element no s'utilitza generalment pels llocs web moderns.</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Com tots els altres elements HTML, aquest element és compatible amb els <a href="/en-US/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("cols")}}</dt>
+ <dd>Aquest atribut especifica el nombre i grandària dels espais horitzontals en un conjunt de marcs.</dd>
+ <dt>{{htmlattrdef("rows")}}</dt>
+ <dd>Aquest atribut especifica el nombre i grandària dels espais verticals en un conjunt de marcs.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush:html">&lt;frameset cols="50%,50%"&gt;
+  &lt;frame src="https://developer.mozilla.org/en/HTML/Element/frameset" /&gt;
+  &lt;frame src="https://developer.mozilla.org/en/HTML/Element/frame" /&gt;
+&lt;/frameset&gt;</pre>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("frame")}}</li>
+ <li>{{HTMLElement("iframe")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/head/index.html b/files/ca/web/html/element/head/index.html
new file mode 100644
index 0000000000..b8de050dda
--- /dev/null
+++ b/files/ca/web/html/element/head/index.html
@@ -0,0 +1,147 @@
+---
+title: <head>
+slug: Web/HTML/Element/head
+tags:
+  - Element
+  - HTML
+  - HTML document metadata
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/head
+---
+<div>{{HTMLRef}}</div>
+
+<p><span id="result_box" lang="ca"><span>L'<strong>element</strong></span><strong> <span>HTML</span> <code><span>&lt;</span><span>head</span><span>&gt;</span></code></strong> <span>proporciona informació</span> <span>general</span> <span>(</span><span>metadades</span><span>)</span> <span>sobre el document</span><span>, incloent</span> <span>el seu títol</span> <span>i</span> <span>enllaços als seus</span> <span>scripts i</span> <span>fulls</span> <span>d'estil.</span></span></p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contigut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th>Contingut permès</th>
+   <td>Si és un l'element {{HTMLElement("iframe")}} {{htmlattrxref("srcdoc", "iframe")}}, o si la informació del títol està disponible a partir d'un protocol de nivell superior, zero o més elements de contingut de metadades. Altrament, un o més elements de contingut de metadades en els quals un és exactament un element {{HTMLElement("title")}}.</td>
+  </tr>
+  <tr>
+   <th>Omissió de l'etiqueta</th>
+   <td>L'etiqueta d'inici es pot ometre si la primera cosa dins l'element head és un element.<br>
+    L'etiqueta final es pot ometre si la primera cosa que segueix a l'element head no és un caràcter d'espai o un comentari.</td>
+  </tr>
+  <tr>
+   <th>Elements pares permesos</th>
+   <td>Un element {{HTMLElement("html")}}, com el seu primer fill.</td>
+  </tr>
+  <tr>
+   <th>Interfície DOM</th>
+   <td>{{domxref("HTMLHeadElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("profile")}} {{obsolete_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Els</span> <span>URI</span> <span>d'un o</span> <span>més</span> <span>perfils</span> <span>de metadades</span><span>, separades</span> <span>per un</span> <span>espai</span> <span>en blanc</span></span>.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;Document title&lt;/title&gt;
+  &lt;/head&gt;
+&lt;/html&gt;
+</pre>
+
+<h2 id="Notes">Notes</h2>
+
+<p>En navegadors moderns, compatibles amb HTML5, automàticament construeixen un element <code>&lt;head&gt;</code> si s'ometen les etiquetes en el marcat. <a href="http://www.stevesouders.com/blog/2010/05/12/autohead-my-first-browserscope-user-test/">Aquest comportament no es pot garantir en navegadors antics</a>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-head-element', '&lt;head&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha</span> <span>canvi des de </span> <span>l'última</span> <span>presentació</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-head-element', '&lt;head&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td><code>profile </code>Obsolet</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.1', '&lt;head&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span>Elements que</span> <span>es</span> <span>poden</span> <span>utilitzar dins</span> <span>d'un</span> <span>element</span> <span>&lt;</span><span>head</span><span>&gt;</span></span>: {{HTMLElement("title")}}, {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("style")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("noscript")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/header/index.html b/files/ca/web/html/element/header/index.html
new file mode 100644
index 0000000000..22ba3190b9
--- /dev/null
+++ b/files/ca/web/html/element/header/index.html
@@ -0,0 +1,141 @@
+---
+title: <header>
+slug: Web/HTML/Element/header
+tags:
+  - Element
+  - HTML
+  - HTML sections
+  - Reference
+translation_of: Web/HTML/Element/header
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'<strong>element HTML <code>&lt;header&gt;</code></strong> representa un grup d'introducció o d'ajudes a la navegació. Pot contenir alguns elements de capçalera, però també altres elements com un logotip, capçaleres de secció embolicats, un formulari de recerca, i així successivament.</p>
+
+<div class="note">
+<p><strong>Nota d'ùs:</strong> L'element &lt;header&gt; no es un contingut de secció i, per tant, no introdueix una nova secció en l'<a href="https://developer.mozilla.org/en-US/docs/Sections_and_Outlines_of_an_HTML5_document">estructura</a>.</p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, però no amb <code>&lt;header&gt;</code> o un descendent {{HTMLElement("footer")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>. Tingueu en compte que un element &lt;header&gt; no ha de ser un descendent d'un element {{HTMLElement("address")}} , {{HTMLElement("footer")}} o un altre element {{HTMLElement("header")}} .</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element nomé sinclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;header&gt;
+  &lt;h1&gt;Main Page Title&lt;/h1&gt;
+  &lt;img src="mdn-logo-sm.png" alt="MDN logo"&gt;
+&lt;/header&gt;
+</pre>
+
+<h1 id="Specifications" name="Specifications">Títol Pàgina Principal</h1>
+
+<h2 id="Specifications" name="Specifications"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></h2>
+
+<h2 id="Specifications" name="Specifications"> </h2>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'sections.html#the-header-element', '&lt;header&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'sections.html#the-header-element', '&lt;header&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>5</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>4.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.2</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements de secció relacionats: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}}.</li>
+ <li class="last"><a class="deki-ns current" href="/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i esquemes d'un document HTML 5</a>.</li>
+</ul>
diff --git a/files/ca/web/html/element/heading_elements/index.html b/files/ca/web/html/element/heading_elements/index.html
new file mode 100644
index 0000000000..f1f281cfcc
--- /dev/null
+++ b/files/ca/web/html/element/heading_elements/index.html
@@ -0,0 +1,183 @@
+---
+title: Heading elements
+slug: Web/HTML/Element/Heading_Elements
+tags:
+  - Element
+  - HTML
+  - HTML sections
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/Heading_Elements
+---
+<p id="Summary">Els elements d'<strong>encapçalament</strong> implementen sis nivells de capçaleres del document, <code>&lt;h1&gt;</code> és el més important i <code>&lt;h6&gt;</code> és el menys important. Un element de capçalera descriu breument el tema de la secció que introdueix. La informació de capçalera pot ser utilitzada pels agents usuaris, per exemple, per construir una taula de contingut d'un document de forma automàtica.</p>
+
+<div class="note">
+<p><strong>Nota d'ùs:</strong></p>
+
+<ul>
+ <li>No utilitzeu nivells més baixos per disminuir la mida de la font de la capçalera: utilitzeu la propietat CSS {{cssxref ("font-size")}}.</li>
+ <li>Eviteu saltar-se els nivells d'encapaçalament: sempre heu de començar des de &lt;h1&gt;, el següent &lt;h2&gt; i així successivament.</li>
+ <li>Amb l'element {{HTMLElement("section")}}, s'ha de considerar evitar l'ús de <code>&lt;h1&gt;</code> més d'una vegada per pàgina; per convenció, s'utilitza per al títol mostrat en la pàgina, venint a continuació tots els encapçalaments començant per <code>&lt;h2&gt;</code>. Quan treballem amb seccions, s'ha d'utilitzar un <code>&lt;h1&gt;</code> per secció. Veure {{SectionOnPage("/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines", "Defining sections")}} per a més informació.</li>
+</ul>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut encapçalament, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Contingut textual</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>; no feu servir com a fill un element {{HTMLElement("hgroup")}}, ara és obsolet.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLHeadingElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>L'atribut</span> <code><span>align</span></code> <span>és</span> <span>obsole</span><span>;</span> <span>no el</span><span> feu servi</span></span></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Totes_les_capçaleres">Totes les <span id="result_box" lang="ca"><span>capçaleres</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span>El codi</span> <span>següent</span> <span>mostra</span> <span>tots</span> <span>els</span> <span>nivells</span> <span>de capçaleres,</span> <span>en ús.</span></span></p>
+
+<pre class="brush: html">&lt;h1&gt;Heading level 1&lt;/h1&gt;
+&lt;h2&gt;Heading level 2&lt;/h2&gt;
+&lt;h3&gt;Heading level 3&lt;/h3&gt;
+&lt;h4&gt;Heading level 4&lt;/h4&gt;
+&lt;h5&gt;Heading level 5&lt;/h5&gt;
+&lt;h6&gt;Heading level 6&lt;/h6&gt;
+</pre>
+
+<p>Aquest és el resultat del codi:</p>
+
+<p>{{ EmbedLiveSample('All_headings', '280', '300', '') }}</p>
+
+<h3 id="Pàgina_d'exemple_page">Pàgina d'exemple page</h3>
+
+<p>El següent codi mostra alguns encapçalaments amb continguts sota d'ells.</p>
+
+<pre class="brush: html">&lt;h1&gt;Heading elements&lt;/h1&gt;
+&lt;h2&gt;Summary&lt;/h2&gt;
+&lt;p&gt;Some text here...&lt;/p&gt;
+
+&lt;h2&gt;Examples&lt;/h2&gt;
+&lt;h3&gt;Example 1&lt;/h3&gt;
+&lt;p&gt;Some text here...&lt;/p&gt;
+
+&lt;h3&gt;Example 2&lt;/h3&gt;
+&lt;p&gt;Some text here...&lt;/p&gt;
+
+&lt;h2&gt;See also&lt;/h2&gt;
+&lt;p&gt;Some text here...&lt;/p&gt;
+</pre>
+
+<p>Aquest és el resultat del codi:</p>
+
+<p>{{ EmbedLiveSample('Example_page', '280', '480', '') }}</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '&lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, and &lt;h6&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '&lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, and &lt;h6&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.5', '&lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, and &lt;h6&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("p")}}</li>
+ <li>{{HTMLElement("div")}}</li>
+ <li>{{HTMLElement("section")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/hgroup/index.html b/files/ca/web/html/element/hgroup/index.html
new file mode 100644
index 0000000000..e39de3af84
--- /dev/null
+++ b/files/ca/web/html/element/hgroup/index.html
@@ -0,0 +1,120 @@
+---
+title: <hgroup>
+slug: Web/HTML/Element/hgroup
+tags:
+  - Element
+  - Experimental
+  - HTML
+  - HTML sections
+  - HTML5
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/hgroup
+---
+<div>{{HTMLRef}}{{seeCompatTable}}</div>
+
+<div> </div>
+
+<div class="note">
+<p><strong>Nota d'ùs: </strong>Aquest element s'ha eliminat de l'especificació d'HTML 5 (W3C), però encara està en la versió d'HTML WHATWG. Està parcialment implementada en la majoria de navegadors, però, tot i així és poc probable que desaparegui. A mesura que l'algoritme d'esquema no s'implementa en qualsevol navegador, la semàntica de &lt;hgroup&gt; és en la pràctica només teòric. La especificació HTML 5 (W3C) ofereix consells sobre com marcar els <a href="http://www.w3.org/TR/html5/common-idioms.html#sub-head">Subtítols, subtítols, títols i lemes alternatius</a>.</p>
+</div>
+
+<p>L'<strong>Element HTML <code>&lt;hgroup&gt;</code></strong> (Element HTML Encapçalaments de Grup) representa l'encapçalament d'una secció. Defineix un sol títol que participa en l'esquema del document com l'encapçalament de la secció implícit o explícit, a la qual pertany.</p>
+
+<p>El seu <em>tex</em>t, per l'algoritme d'esquema, és el text del primer Element HTML d'encapçalament de rang més alt (és a dir, el primer {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}} o {{HTMLElement("h6")}} amb el nombre més petit entre els seus descendents) i el <em>rang</em> és el rang d'aquest mateix element HTML d'encapçalament.</p>
+
+<p>Per tant, aquest element agrupa diversos encapçalaments, i només un representa el principal amb l'esquema del document. Permet associar títols secundaris, com subtítols, títols alternatius, o fins i tot lemes, amb el encapçalament principal, sense contaminar l'esquema del document.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, contingut d'encapçalament, continut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Un o més {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, i/o {{HTMLElement("h6")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;hgroup&gt;
+  &lt;h1&gt;Main title&lt;/h1&gt;
+  &lt;h2&gt;Secondary title&lt;/h2&gt;
+&lt;/hgroup&gt;
+</pre>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>5</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>4.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.2</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements de secció relacionats: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li>
+ <li><a class="deki-ns current" href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i esquemes d'un document HTML5</a>.</li>
+</ul>
diff --git a/files/ca/web/html/element/hr/index.html b/files/ca/web/html/element/hr/index.html
new file mode 100644
index 0000000000..ca17db66e9
--- /dev/null
+++ b/files/ca/web/html/element/hr/index.html
@@ -0,0 +1,167 @@
+---
+title: <hr>
+slug: Web/HTML/Element/hr
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - Reference
+translation_of: Web/HTML/Element/hr
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML <code>&lt;hr&gt;</code></strong> representa un trencament temàtic entre els elements a nivell de paràgraf (per exemple, un canvi d'escena en una història, o un canvi de tema amb una secció). En versions prèvies d'HTML, es representava amb una regla horitzontal. Encara es pot mostrar com una regla horitzontal en els navegadors visuals, però ara es defineix en termes semàntics, en lloc de termes de presentació.</p>
+
+<div class="note">
+<p><span id="result_box" lang="ca"><span>Per canviar</span> <span>l'aspecte de la</span> <span>regla o</span> <span>buits</span> <span>entre ell</span> <span>i els</span> <span>paràgrafs</span><span>, utilitzeu</span> <span>els <a href="https://developer.mozilla.org/en-US/docs/CSS">fulls d'estil en cascada</a></span><a href="https://developer.mozilla.org/en-US/docs/CSS"> </a> <span>(</span><span>CSS</span><span>)</span><span>.</span></span></p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ha de tenir</span> <span>una etiqueta</span> <span>d'inici,</span> <span>però</span> <span>no </span><span>una etiqueta</span> <span>de tancament</span></span> .</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLHRElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("align")}} {{deprecated_inline}}</dt>
+ <dd>Defineix l'alineació de la regla a la pàgina. Si no s'especifica cap valor, el valor per defecte es <code>left</code>.</dd>
+ <dt>{{htmlattrdef("color")}} {{Non-standard_inline}}</dt>
+ <dd>Defineix el color de la regla mitjançant el nom del color o el valor hexadecimal.</dd>
+ <dt>{{htmlattrdef("noshade")}} {{deprecated_inline}}</dt>
+ <dd><span class="short_text" id="result_box" lang="ca"><span>Estableix que</span> <span>la regla no</span> <span>té</span> <span>ombrejat</span></span>.</dd>
+ <dt>{{htmlattrdef("size")}} {{deprecated_inline}}</dt>
+ <dd>Estableix l'alçada de la regla en píxels.</dd>
+ <dt>{{htmlattrdef("width")}} {{deprecated_inline}}</dt>
+ <dd>Defineix la longitud de la regla a la pàgina mitjançant un valor en píxels o percentatge.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;p&gt;This is the first paragraph of text. This is the first paragraph of text.
+  This is the first paragraph of text. This is the first paragraph of text.&lt;/p&gt;
+
+&lt;hr&gt;
+
+&lt;p&gt;This is second paragraph of text. This is second paragraph of text.
+  This is second paragraph of text. This is second paragraph of text.&lt;/p&gt;
+</pre>
+
+<p>Sortida del codi HTML anterior:</p>
+
+<p>This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text.</p>
+
+<hr>
+<p>This is second paragraph of text. This is second paragraph of text. This is second paragraph of text. This is second paragraph of text.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-hr-element', '&lt;hr&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Definició</span> <span>de l'element</span> <code><span>hr</span></code></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'rendering.html#the-hr-element-0')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Suggerit la representació per defecte de l'element <code>hr</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-hr-element', '&lt;hr&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.3', '&lt;hr&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Els atributs <code>align</code>, <code>noshade</code>, <code>size</code> i <code>width</code> estan desaprovats</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement('p')}}</li>
+</ul>
diff --git a/files/ca/web/html/element/html/index.html b/files/ca/web/html/element/html/index.html
new file mode 100644
index 0000000000..5b8ac621f8
--- /dev/null
+++ b/files/ca/web/html/element/html/index.html
@@ -0,0 +1,168 @@
+---
+title: <html>
+slug: Web/HTML/Element/html
+tags:
+  - Element
+  - HTML
+  - HTML Root Element
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/html
+---
+<p>{{HTMLRef}}</p>
+
+<p><strong>L'element HTML <code>&lt;html&gt;</code></strong> (o element arrel HTML) representa l'arrel d'un document HTML. Tots els altres elements han de ser descendents d'aquest element.</p>
+
+<p>Donat que l'element <code>&lt;html&gt;</code> és el primer en un document i que no és un comentari, se li nomena element arrel. Tot i que aquesta etiqueta pot ser implícita, o no necessària, amb {{glossary("HTML")}}, és obligada a ser oberta i tancada en {{glossary("XHTML")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th>Contingut permès</th>
+   <td>Un element {{HTMLElement("head")}}, seguit d'un element {{HTMLElement("body")}}.</td>
+  </tr>
+  <tr>
+   <th>Omissió de l'etiqueta</th>
+   <td>L'etiqueta d'inici es pot ometre si el primer dins de l'element <code>&lt;html&gt;</code> no es un comentari.<br>
+    L'etiqueta final es pot ometre si l'element <code>&lt;html&gt;</code> no va precedit immediatament per un comentari, i conté un element {HTMLElement("body")}}, o bé no està buit o l'etiqueta d'inici està present.</td>
+  </tr>
+  <tr>
+   <th>Elements pares permesos</th>
+   <td>Com l'element arrel d'un document, o on es permeti un fragment de un subdocument en un document compost..</td>
+  </tr>
+  <tr>
+   <th>Interfície DOM</th>
+   <td>{{domxref("HTMLHtmlElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("manifest")}} {{obsolete_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Especifica</span> <span>l'adreça URL</span> <span>d'un</span> <span>manifest</span> <span>de recursos que</span> <span>indica els</span> <span>recursos</span> <span>que han de ser</span> <span>emmagatzemats a la</span> <span>memòria cau</span> <span>local.</span> <span>Consulteu</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache">Ús de la memòria cau de l'aplicació</a><span> per</span> <span>obtenir</span> <span>més</span> <span>informació</span></span></dd>
+ <dt>{{htmlattrdef("version")}} {{obsolete_inline}}</dt>
+ <dd>Especifica la versió de l'HTML {{glossary("DTD", "Document Type Definition")}} que regeix el document actual. Aquest atribut no és necessari, perquè és redundant amb la informació de la versió a la declaració del tipus del document.</dd>
+ <dt>{{htmlattrdef("xmlns")}} </dt>
+ <dd><span id="result_box" lang="ca"><span>Especifica</span> <span>l'espai de</span> <span>noms</span> <span>XML</span> <span>del document.</span> <span>El valor</span> <span>per defecte</span> <span>és</span> <code><span>"</span><span>http://www.w3.org/1999/xhtml</span><span>"</span></code><span>.</span> <span>Això</span> <span>és necessari en</span> <span>XHTML,</span> <span>i opcional</span> <span>en HTML.</span></span></dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p><span id="result_box" lang="ca"><span>El</span> <span>DOCTYPE</span> <span>utilitzat en</span> <span>l'exemple</span> <span>següent indica</span> <span>que és HTML5.</span></span></p>
+
+<pre class="brush: html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;...&lt;/head&gt;
+  &lt;body&gt;...&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-html-element', '&lt;html&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>No ha canviat des de  l'última presentació.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'semantics.html#the-html-element', '&lt;html&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>S'ha afegit suport per a l'atribut <code>manifest</code> (desaprovat més tard).Obsolet l'atribut <code>version</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.3', '&lt;html&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Desaprovat l'atribut <code>version</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>manifest</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>manifest</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>MathML <span id="result_box" lang="ca"><span>element</span> <span>de nivell</span> <span>superior</span></span> : {{MathMLElement("math")}}</li>
+ <li>SVG <span id="result_box" lang="ca"><span>element</span> <span>de nivell</span> <span>superior</span></span> : {{SVGElement("svg")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/i/index.html b/files/ca/web/html/element/i/index.html
new file mode 100644
index 0000000000..40f4380bd4
--- /dev/null
+++ b/files/ca/web/html/element/i/index.html
@@ -0,0 +1,157 @@
+---
+title: <i>
+slug: Web/HTML/Element/i
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+  - em
+  - font-style
+translation_of: Web/HTML/Element/i
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>Element HTML <code>&lt;i&gt;</code></strong> representa un rang de text que es desvia del text normal, per alguna raó, per exemple, termes tècnics, frases en llengües estrangeres, o pensaments de personatges de ficció. En general es mostra en cursiva</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Permitted content</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Tag omission</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Permitted parent elements</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">DOM interface</th>
+   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclòs, Firefox implementa per aquest element la {{domxref("HTMLSpanElement")}} interfície.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;p&gt;The Latin phrase &lt;i&gt;Veni, vidi, vici&lt;/i&gt; is often mentioned in music, art, and literature&lt;/p&gt;
+</pre>
+
+<h3 id="Result" name="Result">Resultat</h3>
+
+<p>The Latin phrase <em>Veni, vidi, vici</em> is often mentioned in music, art, and literature</p>
+
+<h2 id="Notes">Notes</h2>
+
+<p>En versions anteriors de l'especificació HTML, l'etiqueta <code>&lt;i&gt;</code> era merament un element de presentació utilitzada per mostrar text en cursiva, igual que l'etiqueta <code>&lt;b&gt;</code> s'utilitza per mostrar text en negreta. Això ja no és així, ja que aquestes etiquetes ara defineixen la semàntica més que l'aparença tipogràfica. L'etiqueta <code>&lt;i&gt;</code> ha de representar un rang de text amb un significat semàntic diferent a la representació tipogràfica típica en cursiva. Això significa que un navegador continuarà tot i així mostrant el seu contingut en lletra cursiva, però per definició ja no cal.</p>
+
+<p><span id="result_box" lang="ca"><span>Utilitzeu</span> <span>aquest</span> <span>element</span> <span>només quan</span> <span>no hi ha un</span> <span>element</span> <span>semàntic</span> <span>més</span> <span>apropiat.</span> <span>Per exemple:</span></span></p>
+
+<ul>
+ <li>Utilitza {{HTMLElement("em")}} per indicar èmfasi o accent remarcable.</li>
+ <li>Utilitza {{HTMLElement("strong")}} per indicar importància.</li>
+ <li>Utilitza {{HTMLElement("mark")}} per indicar rellevància.</li>
+ <li>Utilitza {{HTMLElement("cite")}} per marcar el nom d'una obra, com un llibre, joc o una cançó.</li>
+ <li>Utilitza {{HTMLElement("dfn")}} per marcar la instància definitòria d'un terme.</li>
+</ul>
+
+<p>És una bona idea l'ùs de l'atribut <strong>class</strong> per identificar per què s'utilitza l'element, de manera que si la presentació ha de canviar en una data posterior, es pugui fer de forma selectiva amb els fulls d'estil.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-i-element', '&lt;i&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-i-element', '&lt;i&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '&lt;b&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>{{HTMLRef}}</p>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("em")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/iframe/index.html b/files/ca/web/html/element/iframe/index.html
new file mode 100644
index 0000000000..0dc95e860d
--- /dev/null
+++ b/files/ca/web/html/element/iframe/index.html
@@ -0,0 +1,471 @@
+---
+title: <iframe>
+slug: Web/HTML/Element/iframe
+tags:
+  - Content
+  - Element
+  - HTML
+  - Reference
+  - Web
+  - embedded
+translation_of: Web/HTML/Element/iframe
+---
+<div>{{HTMLRef}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML Marc en Línia (<code>&lt;iframe&gt;</code>) representa un context de navegació imbricada, la incrustació efectiva d'una altra pàgina HTML a la pàgina actual. En HTML 4.01, un document pot contenir un <code>head</code> i un <code>body</code> o un <code>head</code> i un conjunt de marcs, però no tots dos un <code>body</code> i un conjunt de marcs.  No obstant això, un<code> &lt;iframe</code>&gt; es pot utilitzar dins  del cos d'un document normal. Cada context de navegació té el seu propi historial de sessió i document actiu. El context de navegació que conté el contingut incrustat es diu context de navegació dels pares. El context de navegació de nivell superior (que no té pare) és normalment la finestra del navegador.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut incrustat, contingut interactiu, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Especial</span><span>, veure</span> <span>la prova</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti  contingut incrustat.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLIFrameElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("align")}} {{deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'alineació</span> <span>d'aquest</span> <span>element respecte</span> <span>al context que</span> <span>l'envolta.</span></span></dd>
+ <dt>{{htmlattrdef("allowfullscreen")}}</dt>
+ <dd>Aquest atribut es pot establir en <code>true</code> si el marc ha de ser col·locat en mode de pantalla completa cridant al seu mètode {{domxref("Element.requestFullScreen()")}}. Si no està establert, no es pot col·locar l'element en mode de pantalla completa.</dd>
+ <dt>{{htmlattrdef("frameborder")}} {{HTMLVersionInline(4)}} only</dt>
+ <dd>El valor 1 (per defecte) li diu al navegador que traci una vora entre aquest marc i per cada marc existent. El valor 0 indica el navegador no dibuixar cap vora entre aquest marc i d'altres marcs.</dd>
+ <dt>{{htmlattrdef("height")}}</dt>
+ <dd>
+ <p>Indica l'alçada del marc {{HTMLVersionInline(5)}} en píxels CSS, o {{HTMLVersionInline(4.01)}} en píxels o com a percentatge.</p>
+ </dd>
+ <dt>{{htmlattrdef("longdesc")}} {{HTMLVersionInline(4)}} only</dt>
+ <dd>Un URI a una descripció llarga del marc. A causa del mal ús generalitzat, això no és útil per als navegadors no visuals.</dd>
+ <dt>{{htmlattrdef("marginheight")}} {{HTMLVersionInline(4)}} only</dt>
+ <dd>
+ <p>La quantitat d'espai en píxels entre el contingut del marc i els seus marges superior i inferior.</p>
+ </dd>
+ <dt>{{htmlattrdef("marginwidth")}} {{HTMLVersionInline(4)}} only</dt>
+ <dd>La quantitat d'espai en píxels entre el contingut del marc i els seus marges esquerre i dret.</dd>
+ <dt>{{htmlattrdef("mozallowfullscreen")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
+ <dd>Utilitzeu en el seu lloc <strong><code>allowfullscreen</code></strong>. En Gecko 9.0 o posterior, aquest atribut es pot establir en true si es permet al marc col·locar-ho en mode de pantalla completa cridant el seu mètode {{domxref("element.mozRequestFullScreen()")}}. Si això no s'ha establert, l'element no es pot posar en mode de pantalla completa.</dd>
+ <dt>{{htmlattrdef("webkitallowfullscreen")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
+ <dd>Utilitzeu en el seu lloc <code><strong>allowfullscreen</strong></code>. En Chrome 17 o posterior (i potser abans), aquest atribut es pot establir en true si es permet al marc col·locar-ho en mode de pantalla completa cridant el seu mètode {{domxref("element.webkitRequestFullScreen()")}}. Si això no s'ha establert, l'element no es pot posar en mode de pantalla completa.</dd>
+ <dt>{{htmlattrdef("mozapp")}} {{non-standard_inline}}</dt>
+ <dd>Per als marcs d'allotjament d'una <a href="https://developer.mozilla.org/en-US/docs/Apps">aplicació web de codi obert</a>, això especifica l'URL del <a href="https://developer.mozilla.org/en-US/docs/Apps/Manifest">manifest d'aplicació</a>. Això assegura que l'aplicació es carrega amb els permisos adequats. Consulteu <a href="https://developer.mozilla.org/en-US/docs/DOM/Using_the_Browser_API">Ús de l'API del Navegador</a> per a més informació. Disponible en Gecko 13.0 i posteriors.</dd>
+ <dt>{{htmlattrdef("mozbrowser")}} {{non-standard_inline}}</dt>
+ <dd>Indica que el marc aparegui com una finestra de l'explorador de nivell superior per al contingut incrustat. Això vol dir que {{domxref("window.top")}}, {{domxref("window.parent")}}, {{domxref("window.frameElement")}}, etc., no reflectirà la jerarquia del marc. Això permet a un navegador web UI ser implementat en la seva totalitat amb la tecnologia web, donat els permisos adequats. Consulteu Ús de l'API del Navegador per a més informació. Disponible en Gecko 13.0 i posteriors.</dd>
+ <dt id="name-attribute">{{htmlattrdef("name")}}</dt>
+ <dd>Un nom per al context de navegació incrustat (o marc). Això pot ser usat com el valor de l'atribut <code><strong>target</strong></code> d'un element {{HTMLElement("a")}} o {{HTMLElement("form")}}, o l'atribut formtarget d'un element {{HTMLElement("input")}} o {{HTMLElement("button")}}.</dd>
+ <dt id="attr-referrer">{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt>
+ <dd>Una cadena que indica la referéncia a utilitzar quan s'està obtenint el recurs:
+ <ul>
+  <li><code>"no-referrer"</code> significa que del <code>Referer</code>: no s'enviarà la capçalera.</li>
+  <li>"<code>no-referrer-when-downgrade</code>" significa que no hi ha <code>Referer</code>: la capçalera serà enviada al navegar a un origen sense TLS (HTTPS). Aquest és el comportament per defecte d'un agent d'usuari, si no hi ha política que especifiqui el contrari.</li>
+  <li><code>"origin"</code> significa que la referéncia serà l'origen de la pàgina, que és més o menys l'esquema, el host i el port.</li>
+  <li>"origin-when-cross-origin" significa que les navegacions d'altres orígens es limitarà a l'esquema, el host i el port, mentre que les navegacions en el mateix origen inclouran el camí de les referéncies.</li>
+  <li><code>"unsafe-url"</code> significa que la referéncia inclourà l'origen i la ruta d'accés (però no el fragment, la contrasenya o nom d'usuari). Aquest cas no és segur, ja que pot filtrar-se orígens i trajectòries dels recursos protegits-TLS a orígens insegurs</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("remote")}} {{non-standard_inline}}</dt>
+ <dd>Carrega la pàgina del marc en un procés de contingut independent.</dd>
+ <dt>{{htmlattrdef("scrolling")}} {{HTMLVersionInline(4)}} only</dt>
+ <dd>Atribut enumerat indicant quan el navegador ha de proporcionar una barra de desplaçament (o un altre dispositiu de desplaçament) per a el marc:
+ <ul>
+  <li><code>auto</code>: Només quan sigui necessari.</li>
+  <li><code>yes</code>: Sempre proporciona una barra de desplaçament.</li>
+  <li><code>no</code>: Mai proporciona una barra de desplaçament.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("sandbox")}} {{HTMLVersionInline(5)}} only</dt>
+ <dd>Si s'especifica com una cadena buida, aquest atribut permet restriccions addicionals en el contingut que pugui aparèixer en el marc en línia. El valor de l'atribut pot ser una cadena buida (s'apliquen totes les restriccions), o una llista separada per espais d'identificadors que aixequen restriccions particulars. Els identificadors vàlids són:
+ <ul>
+  <li><code>allow-forms</code>: Permet al context de navegació incrustat enviar formularis. Si no s'utilitza aquesta paraula clau, no es permet aquesta operació.</li>
+  <li><code>allow-modals</code>: Permet al context de navegació incrustat obrir finestres modals.</li>
+  <li><code>allow-orientation-lock</code>: Permet al context de navegació incrustat desactivar la capacitat de bloquejar l'orientació de la pantalla.</li>
+  <li><code>allow-pointer-lock</code>: Permet al context de navegació incrustat utilitzar l'<a href="https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock">API de bloqueig del punter</a> ( <a href="https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock">Pointer Lock API</a> ).</li>
+  <li><code>allow-popups</code>: Permet finestres emergents (com <code>window.open, target="_blank", showModalDialog</code>). Si no s'utilitza aquesta paraula clau, aquesta funcionalitat fallarà sense avisar.</li>
+  <li><code>allow-popups-to-escape-sandbox</code>:  Permet a un document en espai aïllat (sandbox) obrir noves finestres sense forçar les senyals d'espai aïllat sobre ellas. Això permetrà, per exemple, una publicitat de tercers, per ser un espai aïllat de seguretat  sense forçar les mateixes restriccions en una pàgina de destinació.</li>
+  <li><code>allow-presentation</code>: Permet als incrustats tenir control sobre si un iframe pot iniciar una sessió de presentació.</li>
+  <li><code>allow-same-origin</code>: Permet que el contingut sigui tractat com a tal des del seu origen normal. Si no s'utilitza aquesta paraula clau, el contingut incrustat es tracta com d'un origen únic.</li>
+  <li><code>allow-scripts</code>: Permet al context de navegació incrustat executar scripts (però no crear finestres emergents). Si no s'utilitza aquesta paraula clau, no es permet aquesta operació.</li>
+  <li><code>allow-top-navigation</code>: Permet al context de navegació incrustat navegar pel contingut (càrrega) del context de navegació de nivell superior. Si no s'utilitza aquesta paraula clau, no es permet aquesta operació.</li>
+ </ul>
+
+ <div class="note">
+ <p><strong>Nota:</strong></p>
+
+ <ul>
+  <li>Quan el document incrustat té el mateix origen que la pàgina principal, no és recomanable utilitzar al mateix temps<code> tant allow-scripts</code> i <code>allow-same-origin</code>, lo que permet que en el document incrustat mitjançant programació poguer eliminar l'atribut sandbox. Encara que s'accepta, aquest cas no és més segur que no fer servir l'atribut sandbox.</li>
+  <li>El espai aïllat (Sandboxing), en general, és només una ajuda mínima si l'atacant pot organitzar el contingut potencialment hostil que es mostrarà en el navegador de l'usuari fora d'un <code>iframe</code> d'espai aïllat. Es recomana que aquest contingut ha de servir-se de un<em> domini dedicat separat,</em> per limitar el dany potencial.</li>
+  <li>L'atribut<code> sandbox</code> no és compatible amb Internet Explorer 9 i versions anteriors.</li>
+ </ul>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd><span class="short_text" id="result_box" lang="ca"><span>La URL</span> <span>de la pàgina per</span> <span>incrustar</span></span>.</dd>
+ <dt>{{htmlattrdef("srcdoc")}} {{HTMLVersionInline(5)}} only</dt>
+ <dd>El contingut de la pàgina que conté el context integrat. S'espera que aquest atribut sigui generalment usat junt amb l'atribut <code>sandbox</code>. Si un navegador suporta l'atribut srcdoc, anul·larà el contingut especificat en l'atribut <code>src</code> (si està present). Si un navegador NO suporta l'atribut <code>srcdoc</code>, es mostrarà el fitxer especificat per l'atribut <code>src</code> en el seu lloc (si està present). Recordeu que si el contingut de l'atribut conté una etiqueta script, serà necessaria una etiqueta script de tancament  per a l'execució del script, fins i tot sinó es produeix res mes després del script</dd>
+ <dt>{{htmlattrdef("width")}}</dt>
+ <dd>Indica l'amplada del marc {{HTMLVersionInline(5)}} en píxels CSS, o {{HTMLVersionInline(4.01)}} en píxels o com a percentatg</dd>
+</dl>
+
+<h2 id="Scripting">Scripting</h2>
+
+<p>Els marcs en línia, com a elements de {{HTMLElement ("frame")}}, introduïu el pseudo-array {{domxref("window.frames")}}.</p>
+
+<p>Des de l'element <code>iframe</code> DOM, els scripts poden acedir al objecte {{domxref("window")}} inclòs en la pàgina HTML mitjançant la propietat <code>contentWindow</code>. La propietat <code>contentDocument</code> es refereix a l'element del document dins del <code>iframe</code> (és equivalent a <code>contentWindow.document</code>), però no és compatible amb les versions d'Internet Explorer anteriors a IE8.</p>
+
+<p><span id="result_box" lang="ca"><span>Des de l'interior</span> <span>d'un</span> <span>marc, un</span> <span>script</span> <span>pot</span> <span>obtenir</span> <span>una referència a la</span> <span>finestra</span> <span>pare a través</span> <span>de</span> <span>{</span><span>{</span><span>domxref</span> <span>(</span><span>"</span><span>Window.parent</span><span>"</span><span>)</span><span>}</span><span>}</span></span> .</p>
+
+<p>Els scripts que tracten d'accedir al contingut d'un marc estan subjectes a la <a href="https://developer.mozilla.org/en-US/docs/Same_origin_policy_for_JavaScript">política del mateix origen</a>, i no poden accedir a la majoria de les propietats en l'altre objecte finestra si estigués carregada des d'un domini diferent. Això també s'aplica a un script dins d'un marc, d'intentar accedir a la seva finestra pare. La comunicació entre dominis encara es pot aconseguir amb {{domxref("Window.postMessage()")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p><span id="result_box" lang="ca"><span>Aquí hi ha</span> <span>alguns</span> <span>exemples que</span> <span>demostren l'ús</span> <span>de l'element</span> <code><span>&lt;</span><span>iframe</span><span>&gt;</span></code></span>.</p>
+
+<h3 id="Example1" name="Example1">Un simple <code>&lt;iframe&gt;</code></h3>
+
+<p><span id="result_box" lang="ca"><span>Aquest</span> <span>és</span> <span>un exemple</span> <span>bàsic d'un</span> <code><span>&lt;</span><span>iframe</span><span>&gt;</span></code> <span>en acció.</span> <span>Després</span> <span>de crear el marc</span><span>, quan l'usuari</span> <span>fa</span> <span>clic a</span> <span>un botó</span><span>, el seu títol</span> <span>es recupera</span> <span>i</span> <span>es mostra en</span> <span>un avís</span><span>.</span></span></p>
+
+<h4 id="HTML">HTML</h4>
+
+<div id="htmlOutputWrapper">
+<pre class="brush: html">&lt;iframe src="https://mdn-samples.mozilla.org/snippets/html/iframe-simple-contents.html" width="400" height="300"&gt;
+  &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
+&lt;/iframe&gt;</pre>
+</div>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>{{ EmbedLiveSample('Example1', '', '', '', 'Web/HTML/Element/iframe') }}</p>
+
+<h3 id="Example2" name="Example2"><span id="result_box" lang="ca"><span>Obrir un enllaç</span> <span>en un</span> <span>&lt;</span><span>iframe</span><span>&gt;</span> <span>en una altra</span> <span>pestanya</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span>En aquest</span> <span>exemple, un</span> <span>mapa de</span> <span>Google</span> <span>es</span> <span>mostrarà en un</span> <span>marc</span><span>;</span></span></p>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;base target="_blank"&gt;
+&lt;iframe id="Example2"
+    name="Example2"
+    title="Example2"
+    width="400"
+    height="300"
+    frameborder="0"
+    scrolling="no"
+    marginheight="0"
+    marginwidth="0"
+    src="https://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=es-419&amp;amp;geocode=&amp;amp;q=buenos+aires&amp;amp;sll=37.0625,-95.677068&amp;amp;sspn=38.638819,80.859375&amp;amp;t=h&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Buenos+Aires,+Argentina&amp;amp;z=11&amp;amp;ll=-34.603723,-58.381593&amp;amp;output=embed"&gt;
+&lt;/iframe&gt;
+
+&lt;br&gt;
+&lt;small&gt;
+  &lt;a href="https://maps.google.com/maps?f=q&amp;amp;source=embed&amp;amp;hl=es-419&amp;amp;geocode=&amp;amp;q=buenos+aires&amp;amp;sll=37.0625,-95.677068&amp;amp;sspn=38.638819,80.859375&amp;amp;t=h&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Buenos+Aires,+Argentina&amp;amp;z=11&amp;amp;ll=-34.603723,-58.381593" style="color:#0000FF;text-align:left"&gt; See bigger map &lt;/a&gt;
+&lt;/small&gt;</pre>
+
+<h4 id="Resultat_2">Resultat</h4>
+
+<p>{{ EmbedLiveSample('Example2', '', '', '', 'Web/HTML/Element/iframe') }}</p>
+
+<h4 id="Resultat_3">Resultat</h4>
+
+<p><a href="http://jsfiddle.net/pablofiumara/mCfAe/">Exemple viu</a></p>
+
+<h2 id="Notes">Notes</h2>
+
+<div class="note">
+<p>A partir d'{{Gecko ("6.0")}}, la representació de marcs en línia respecta correctament les vores del seu element contenidor quan estan arrodonides usant {{cssxref("border-radius")}}.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrerpolicy attribute')}}</td>
+   <td>{{Spec2('Referrer Policy')}}</td>
+   <td>Afegeix l'atribut <code>referrerpolicy</code>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-iframe-element', '&lt;iframe&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-iframe-element', '&lt;iframe&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'present/frames.html#h-16.5', '&lt;iframe&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('Screen Orientation')}}</td>
+   <td>{{Spec2('Screen Orientation')}}</td>
+   <td>Afegeix <code>allow-orientation-lock</code> a l'atribut <code>sandbox</code>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('Presentation','#sandboxing-and-the-allow-presentation-keyword','allow-presentation')}}</td>
+   <td>{{Spec2('Presentation')}}</td>
+   <td>Afegeix <code>allow-presentation</code> a l'atribut <code>sandbox</code>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(1.0)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}[1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}[2]</td>
+  </tr>
+  <tr>
+   <td><code>sandbox</code></td>
+   <td>{{CompatChrome(4.0)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("17.0")}}</td>
+   <td>10</td>
+   <td>15</td>
+   <td>5</td>
+  </tr>
+  <tr>
+   <td><code>srcdoc</code></td>
+   <td>{{CompatChrome(20.0)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("25.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>15</td>
+   <td>6</td>
+  </tr>
+  <tr>
+   <td><code>allowfullscreen</code></td>
+   <td>{{CompatChrome(17.0)}} {{property_prefix("webkit")}}<br>
+    {{CompatChrome(27.0)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("9.0")}} {{property_prefix("moz")}}<br>
+    {{CompatGeckoDesktop("18.0")}}</td>
+   <td>
+    <p>11 {{property_prefix("ms")}}</p>
+   </td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}} {{property_prefix("webkit")}}<br>
+    7</td>
+  </tr>
+  <tr>
+   <td><code>sandbox="allow-popups"</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("28.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>sandbox="allow-popups-to-escape-sandbox"</code></td>
+   <td>{{CompatChrome(46.0)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("49.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>32</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>sandbox="allow-modals"</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("49.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>referrerpolicy</code></td>
+   <td>{{CompatChrome(51.0)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("50.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>sandbox="allow-presentation"</code></td>
+   <td>{{CompatChrome(53.0)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>
+    <p>{{CompatOpera(40)}}</p>
+   </td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>
+    <p>{{CompatVersionUnknown}}</p>
+   </td>
+   <td>{{CompatVersionUnknown}}[1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>
+    <p>{{CompatVersionUnknown}}</p>
+   </td>
+  </tr>
+  <tr>
+   <td><code>sandbox</code></td>
+   <td>2.2</td>
+   <td>
+    <p>{{CompatVersionUnknown}}</p>
+   </td>
+   <td>{{CompatGeckoMobile("17.0")}}</td>
+   <td>10</td>
+   <td>{{CompatNo}}</td>
+   <td>4.2</td>
+   <td>
+    <p>{{CompatVersionUnknown}}</p>
+   </td>
+  </tr>
+  <tr>
+   <td><code>srcdoc</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("25.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>allowfullscreen</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("9.0")}} {{property_prefix("moz")}}<br>
+    {{CompatGeckoMobile("18.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}} {{property_prefix("webkit")}}<br>
+    7</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>sandbox="allow-popups"</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("27.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>sandbox="allow-popups-to-escape-sandbox"</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(46)}}</td>
+   <td>{{CompatGeckoMobile("49.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>32</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(46.0)}}</td>
+  </tr>
+  <tr>
+   <td><code>sandbox="allow-modals"</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("49.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>referrerpolicy</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(51.0)}}</td>
+   <td>{{CompatGeckoMobile("50.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(51.0)}}</td>
+  </tr>
+  <tr>
+   <td><code>sandbox="allow-presentation"</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>
+    <p>{{CompatOperaMobile(40)}}</p>
+   </td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(53.0)}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] La propietat CSS {{cssxref("resize")}} no té cap efecte sobre aquest element a causa del {{bug("680823")}}.</p>
+
+<p>[2] Safari té un <a href="http://www.quirksmode.org/bugreports/archives/2005/02/hidden_iframes.html">error</a> conegut que impedeix que es carregui iframes si l'element iframe s'oculta quan s'afegeix a la pàgina. iframeElement.src = iframeElement.src ha de fer que es carregui el iframe.</p>
diff --git a/files/ca/web/html/element/image/index.html b/files/ca/web/html/element/image/index.html
new file mode 100644
index 0000000000..000153ffc0
--- /dev/null
+++ b/files/ca/web/html/element/image/index.html
@@ -0,0 +1,19 @@
+---
+title: <image>
+slug: Web/HTML/Element/image
+tags:
+  - HTML
+  - Non-standard
+translation_of: Web/HTML/Element/image
+---
+<div>{{non-standard_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <code>&lt;image&gt;</code> era un element experimental dissenyat per mostrar les imatges. Mai es va aplicar i la norma es la utilització del element {{HTMLElement("img")}}.</p>
+
+<div class="note">
+<p><strong>No utilitzeu aquest!</strong> Per tal de mostrar les imatges, utilitzeu l'estàndard de l'element {{HTMLElement("img")}}.</p>
+</div>
+
+<p>Recordeu que fins Firefox 22, encara que no suportat, un element <code>&lt;image&gt;</code> es va associar amb un {{domxref("HTMLSpanElement")}}. Després es va corregir i ara s'associa amb un {{domxref("HTMLElement")}} per requeriment de l'especificació.</p>
diff --git a/files/ca/web/html/element/img/index.html b/files/ca/web/html/element/img/index.html
new file mode 100644
index 0000000000..405f8d9eb4
--- /dev/null
+++ b/files/ca/web/html/element/img/index.html
@@ -0,0 +1,359 @@
+---
+title: '<img>: element Imatge Incrustada'
+slug: Web/HTML/Element/img
+tags:
+  - Contingut
+  - Element
+  - Gràfics
+  - HTML
+  - Imatge
+  - Multimedia
+  - Referencia
+  - Web
+  - embedded
+translation_of: Web/HTML/Element/img
+---
+<h2 id="Sumari">Sumari</h2>
+
+<div>{{HTMLRef}}</div>
+
+<p><strong>L'element HTML <code>&lt;img&gt;</code></strong> representa una imatge en el document.</p>
+
+<div class="note">
+<p>Els navegadors no sempre mostren la imatge referenciada per l'element. Aquest és el cas dels navegadors no gràfics (inclosos els utilitzats per les persones amb problemes de visió), o si l'usuari opta per no mostrar imatges, o si el navegador no pot mostrar la imatge, ja que no és vàlid o un <a href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/img$translate#Supported_image_formats">tipus no suportat.</a> En aquests casos, el navegador pot reemplaçar la imatge amb el text definit en l'atribut <code>alt</code> d'aquest element. Ha de, per aquestes i altres raons, proporcionar un valor útil sempre que sigui possible.</p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut incrustat,  contingut palpable. Si l'element té un atribut {{htmlattrxref("usemap", "img")}}, o sinó que també és una part de la categoria de contingut interactiu.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta d'inici</span> <span>i</span> <span>no </span><span>una etiqueta</span> <span>de tancament.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti contingut incrustat.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLImageElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atribust globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}} </dt>
+ <dd>L'alineació de la imatge respecte al seu context circumdant. En HTML5, utilitzeu les propietats CSS {{cssxref('float')}} i/o {{cssxref('vertical-align')}} en el seu lloc.</dd>
+ <dt>{{htmlattrdef("alt")}}</dt>
+ <dd>Aquest atribut defineix el text alternatiu que descriu la imatge. Els usuaris veuran aquest text apareixer si l'URL de la imatge està malament, o la imatge no es troba en un dels formats compatibles, o si la imatge no es descarrega.
+ <div class="note">
+ <p>L'omissió d'aquest atribut en conjunt indica que la imatge és una part clau del contingut, i no té un equivalent textual disponible. En establir aquest atribut en una cadena buida (<code>alt=""</code>) indica que aquesta imatge no és una part clau del contingut, i que els navegadors no visuals poden ometre la seva representació.</p>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>L'ample d'una vora al voltant de la imatge. En HTML5, utilitzeu en el seu lloc la propietat CSS {{cssxref('border')}}.</dd>
+ <dt>{{htmlattrdef("crossorigin")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut enumerat indica si l'obtenció de la imatge relacionada ha de fer-se utilitzant CORS o no. En CORS habilitat, les imatges poden ser reutilitzades amb l'element {{HTMLElement("canvas")}} sense ser "corrompudes". Els valors permesos són:</dd>
+ <dd>
+ <dl>
+  <dt><code>anonymous</code></dt>
+  <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>origen:</code> capçalera HTTP) es porta a terme. Però no s'envian credencials (és a dir, no hi ha cap galeta, no hi ha cap certificat X.509, i no s'envia l'autenticació bàsica HTTP ). Si el servidor no dóna credencials al lloc d'origen (si no s'estableix l'<code>Access-Control-Allow-Origin:</code> capçalera HTTP ), la imatge serà contaminada i el seu ús restringit.</dd>
+  <dt><code>use-credentials</code></dt>
+  <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>Origin:</code> capçalera HTTP) realitzat amb credencial és enviat (és a dir, una galeta, un certificat i l'autenticació bàsica HTTP es realitza). Si el servidor no dóna credencials al lloc d'origen (a través d' <code>Access-Control-Allow-Credentials</code>: capçalera HTTP), la imatge serà contaminada i el seu ús restringit.</dd>
+ </dl>
+ Quan no està present, el recurs es recupera sense una sol·licitud CORS (és a dir, sense necessitat d'enviar <code>Origin:</code> capçalera HTTP), evitant el seu ús no contamina elements {{HTMLElement('canvas')}}. Si no és vàlid, es tractada com si s'utilitzés la paraula clau enumerada <strong>anonymous</strong>. Veure <a href="https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes">configuració atributs CORS</a> per obtenir informació addicional.</dd>
+ <dt>{{htmlattrdef("height")}}</dt>
+ <dd>L'alçada intrínseca de la imatge en píxels. En {{HTMLVersionInline(4)}}, l'alçada es podria definir en píxels o com a percentatge. En {{HTMLVersionInline(5)}}, però, el valor ha d'estar en píxels.</dd>
+ <dt>{{htmlattrdef("hspace")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>El nombre de píxels d'espai en blanc per inserir a l'esquerra i dreta de la imatge. En HTML5, utilitzeu en al seu lloc la propietat CSS {{cssxref('margin')}}  .</dd>
+ <dt>{{htmlattrdef("ismap")}}</dt>
+ <dd>Aquest atribut booleà indica que la imatge és part d'un mapa del costat del servidor. Si és així, les coordenades exactes d'un clic son enviades al servidor.
+ <div class="note">
+ <p>Aquest atribut només és permès si l'element <code>&lt;img&gt;</code> és un descendent d'un element {{htmlelement("a")}} amb un atribut vàlid {{htmlattrxref("href","a")}}</p>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("longdesc")}}</dt>
+ <dd>Un enllaç a una descripció més detallada de la imatge. Els valors possibles són un URL o un element id.</dd>
+ <dt>{{htmlattrdef("name")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>Un nom per l'element. És suportat en {{HTMLVersionInline(4)}} només per compatibilitat amb versions anteriors. Utilitzeu en el seu lloc l'atribut <code>id</code>.</dd>
+ <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt>
+ <dd>Una cadena que indica la referència a utilitzar per recuperar el recurs:
+ <ul>
+  <li><code>no-referrer:</code>  <span class="short_text" id="result_box" lang="ca"><span>la capçalera</span><code> <span>Referer</span></code> <span>no s'enviarà</span></span> .</li>
+  <li><code>no-referrer-when-downgrade:</code> Cap encapçalat <code>Referer</code> s'enviarà quan es navega a un origen sense TLS (HTTPS). Es tracta d'un comportament per defecte de l'agent d'usuari si no hi ha una política que especifiqui lo contrari.</li>
+  <li><code>origin:</code> L'encapçalat <code>Referer</code> inclourà la pàgina de l'esquema d'origen, el host i el port.</li>
+  <li><code>origin-when-cross-origin:</code> navegant a altres orígens es limitarà les dades de referència incloses en l'esquema, el host i el port, mentre que la navegació des del mateix origen inclourà la ruta completa de las referèncias.</li>
+  <li><code>unsafe-url: </code>El <code>Referal header</code> inclourà l'origen i la ruta d'accés, però no el fragment, contrasenya o nom d'usuari. Aquest cas no és segur, ja que pot filtrar-se orígens i trajectòries dels recursos protegits-TLS a orígens insegurs.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("sizes")}}{{HTMLVersionInline(5)}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista</span> <span>d'una o</span> <span>més cadenes</span> <span>separades per</span> <span>comes que</span> <span>indiquen un</span> <span>conjunt</span> <span>de mides de</span> <span>fonts</span><span>.</span> <span>Cada mida</span> <span>de font</span> <span>es</span> <span>compon de:</span></span>
+ <ol>
+  <li>una condició de mitjans. Això ha de ser omès per a l'últim element.</li>
+  <li>un valor de mida de font.</li>
+ </ol>
+
+ <p>Els valors de mida de la Font especifiquen la mida de la pantalla desitjada de la imatge. Els agents d'usuari utilitzen la mida de la font actual per seleccionar una de les fonts subministrades per l'atribut <code>srcset</code>, quan aquestes fonts es descriuen utilitzant descriptors de l'amplada ('<code>w</code>'). La mida de la font seleccionada afecta la mida de la imatge (mida de visualització de la imatge si no s'aplica un estil CSS). Si l'atribut srcset està absent, o no conté valors amb un descriptor d'amplada (<code>w</code>), llavors l'atribut <code>sizes</code> no té cap efecte.</p>
+ </dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd>L'URL de la imatge. Aquest atribut és obligatori per a l'element <code>&lt;img&gt;</code>. En els navegadors amb suport <code>srcset</code>, <code>src</code> és tractat com un candidat de la imatge amb un descriptor de densitat de píxel 1 x llevat que una imatge amb aquest descriptor de densitat de píxels ja estigui definit en <code>srcset</code> o a meys que <code>srcset</code> contingui descriptors '<code>w</code>'.</dd>
+ <dt>{{htmlattrdef("srcset")}}{{HTMLVersionInline(5)}}</dt>
+ <dd>Una llista d'una o més cadenes separades per comes que indiquen un conjunt de fonts d'imatge possibles per a l'agent d'usuari per al seu ús. Cada cadena es compon de:
+ <ol>
+  <li><span id="result_box" lang="ca"><span>un URL</span> <span>a</span> <span>una imatge,</span></span> ,</li>
+  <li><span id="result_box" lang="ca"><span>opcionalment</span><span>, espai</span> <span>en blanc</span> <span>seguit</span> <span>per</span> <span>u</span></span>n:
+   <ul>
+    <li>un descriptor d'amplada, o un enter positiu seguit directament per '<code>w</code>'. El descriptor d'amplada es divideix per la mida de la font donada en l'atribut <code>sizes</code> per calcular la densitat de píxels efectius.</li>
+    <li>un descriptor de densitat de píxels, que és un nombre de coma flotant positiva seguit directament per '<code>x</code>'.</li>
+   </ul>
+  </li>
+ </ol>
+
+ <p><span id="result_box" lang="ca"><span>Si</span> <span>no s'especifica un</span> <span>descriptor</span><span>, la font</span> <span>s'assigna el</span> <span>descriptor</span> <span>per defecte</span><span>:</span> <span>1x</span><span>.</span></span></p>
+
+ <p>No és correcte barrejar descriptors d'amplada i descriptors de densitat de píxels en el mateix atribut <code>srcset</code>. Descriptors duplicats (per exemple, dues fonts en la mateixa <code>srcset</code> que estan tots dos descrits amb '2x') tampoc no són vàlids.</p>
+
+ <p><span id="result_box" lang="ca"><span>L'agent</span> <span>d'usuari</span> <span>selecciona una de les</span> <span>fonts</span> <span>disponibles</span> <span>a la seva discreció</span><span>.</span> <span>Això</span> <span>els proporciona un</span> <span>marge</span> <span>significatiu</span> <span>per adaptar la seva</span> <span>selecció en</span> <span>funció</span> <span>de coses</span> <span>com</span> <span>les</span> <span>preferències de l'</span><span>usuari o</span> <span>les</span> <span>condicions</span> <span>d'ample de</span> <span>banda.</span></span></p>
+ </dd>
+ <dt>{{htmlattrdef("width")}}</dt>
+ <dd>L'amplada intrínseca de la imatge en píxels. En {{HTMLVersionInline(4)}}, un percentatge o píxels són valors acceptables. En {{HTMLVersionInline(5)}}, però, només els píxels són acceptables.</dd>
+ <dt>{{htmlattrdef("usemap")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'adreça URL</span> <span>parcial</span> <span>(</span><span>que comença</span> <span>amb '</span><span>#'</span><span>)</span> <span>d'un mapa</span> <span>d'imatge</span> <span>associada</span> <span>amb l'element</span><span>.</span></span>
+ <div class="note">
+ <p><strong>Nota d'ùs: </strong>No es pot fer servir aquest atribut si l'element <code>&lt;img&gt;</code> és un descendent d'un element {{htmlelement("a")}} o {{HTMLElement("button")}}.</p>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("vspace")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>El nombre de píxels d'espai en blanc per inserir dalt i sota de la imatge. En HTML5, utilitzeu en el seu lloc la propietat CSS {{cssxref('margin')}}..</dd>
+</dl>
+
+<h2 id="Formats_d'imatge_suportats"><span class="short_text" id="result_box" lang="ca"><span>Formats d'imatge suportats</span></span></h2>
+
+<p>L'estàndard d'HTML no dóna una llista de formats d'imatge que ha de ser admès, així que cada agent d'usuari dóna suport a un conjunt diferent de formats. Gecko és compatible am:</p>
+
+<ul>
+ <li><a class="external" href="http://en.wikipedia.org/wiki/JPEG">JPEG</a></li>
+ <li><a class="external" href="http://en.wikipedia.org/wiki/Graphics_Interchange_Format">GIF</a>, <span class="short_text" id="result_box" lang="ca"><span>incloent</span> <span>GIFs</span> <span>animats</span></span></li>
+ <li><a class="external" href="http://en.wikipedia.org/wiki/Portable_Network_Graphics">PNG</a></li>
+ <li><a href="/en-US/docs/Animated_PNG_graphics">APNG</a> {{gecko_minversion_inline("1.9.2")}}</li>
+ <li><a href="/en-US/docs/SVG">SVG</a> {{gecko_minversion_inline("2.0")}}</li>
+ <li><a class="external" href="http://en.wikipedia.org/wiki/BMP_file_format">BMP</a></li>
+ <li><a class="external" href="http://en.wikipedia.org/wiki/ICO_%28file_format%29">BMP ICO</a></li>
+ <li><a class="external" href="http://en.wikipedia.org/wiki/ICO_%28file_format%29">PNG ICO</a> {{gecko_minversion_inline("9.0")}}</li>
+</ul>
+
+<h2 id="Interacció_amb_CSS">Interacció amb CSS</h2>
+
+<p>Pel que fa a CSS, <code>&lt;img&gt;</code> és un element reemplaçat. No té cap base, de manera que quan les imatges s'utilitzen en un context de format en línia amb {{cssxref ("vertical-align")}}: <code>baseline</code>, es col·loca la part inferior de la imatge en la base del contenidor.</p>
+
+<p><span id="result_box" lang="ca"><span>Depenent</span> <span>del seu tipus</span><span>, una imatge</span> <span>pot tenir una</span> <span>amplada</span> <span>i alçada</span> <span>intrínseca.</span> <span>Per alguns</span> <span>tipus d'</span><span>imatge</span><span>, però,</span> <span>dimensions</span> <span>intrínseques</span> <span>no són</span> <span>necessaries.</span> <span>Les imatges</span> <span>SVG,</span> <span>per exemple, no</span> <span>tenen</span> <span>dimensions</span> <span>intrínseques.</span></span></p>
+
+<h2 id="Errors">Errors</h2>
+
+<p>Si es produeix un error en intentar carregar o processar una imatge, i un controlador d'esdeveniments {{htmlattrxref("onerror")}} ha estat configurat per controlar l'esdeveniment {{event("error")}}, aquest controlador d'esdeveniment serà cridat. Això pot ocórrer en diverses situacions, incloent:</p>
+
+<ul>
+ <li>El atribut {{htmlattrxref("src", "img")}} està buit o és <code>null</code>.</li>
+ <li>La URL especificada en <code>src</code> és la mateixa que la URL de la pàgina que l'usuari es troba actualment.</li>
+ <li>La imatge especificada està danyada d'alguna manera que evita que sigui carregada.</li>
+ <li>Les metadades de la imatge especificada està danyada de tal manera que és impossible recuperar les seves dimensions, i aquestes  dimensions no van ser especificades en els atributs de l'element <code>&lt;img&gt;</code>.</li>
+ <li>La imatge especificada està en un format no suportat pel {{Glossary("user agent")}}.</li>
+</ul>
+
+<h2 id="Exemple_1_Text_alternatiu">Exemple 1:  Text alternatiu</h2>
+
+<pre class="brush: html">&lt;img src="mdn-logo-sm.png" alt="MDN"&gt;
+</pre>
+
+<p><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></p>
+
+<h2 id="Exemple_2_Enllaç_d'imatge">Exemple 2: <span class="short_text" id="result_box" lang="ca"><span>Enllaç</span> <span>d'imatge</span></span></h2>
+
+<pre class="brush: html">&lt;a href="https://developer.mozilla.org/"&gt;MDN&lt;img src="mdn-logo-sm.png" alt="MDN"&gt;&lt;/a&gt;</pre>
+
+<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></a></p>
+
+<h2 id="Exemple_3_Ús_de_l'atribut_srcset">Exemple 3: Ús de l'atribut <code>srcset</code></h2>
+
+<p>L'atribut <code>src</code> és un candidat 1x en agents d'usuari que suporten <code>srcset</code>.</p>
+
+<pre class="brush: html"> &lt;img src="mdn-logo-sm.png"
+      alt="MDN"
+      srcset="mdn-logo-HD.png 2x"&gt;</pre>
+
+<h2 id="Exemple_4_Ús_dels_atributs_srcset_i_sizes">Exemple 4: Ús dels atributs <code>srcset</code> i <code>sizes</code></h2>
+
+<p>S'ignora l'atribut <code>src</code> en agents d'usuari que donen suport a <code>srcset</code> utilitzant descriptors '<code>w</code>'. Quan les (<code>min-width</code>: 600px) condicions del suport coincideixen, la imatge serà 200px d'amplada, en cas contrari serà 50vw d'amplada (50% de l'amplada de la finestra gràfica).</p>
+
+<pre class="brush: html"> &lt;img src="clock-demo-thumb-200.png"
+      alt="Clock"
+      srcset="clock-demo-thumb-200.png 200w, clock-demo-thumb-400.png 400w"
+      sizes="(min-width: 600px) 200px, 50vw"&gt;</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrer attribute')}}</td>
+   <td>{{Spec2('Referrer Policy')}}</td>
+   <td>Afegeix l'atribut <code>referrerpolicy</code>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'embedded-content.html#the-img-element', '&lt;img&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-img-element', '&lt;img&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.2', '&lt;img&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>srcset</code></td>
+   <td>{{CompatChrome(34.0)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("32.0")}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera(21)}}</td>
+   <td>{{CompatSafari(7.1)}}</td>
+  </tr>
+  <tr>
+   <td><code>referrerpolicy</code></td>
+   <td>{{CompatChrome(46.0)}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("50.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>onerror</code> event handler</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop(51)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>srcset</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(34.0)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>21</td>
+   <td>iOS 8</td>
+   <td>{{CompatChrome(34.0)}}</td>
+  </tr>
+  <tr>
+   <td><code>referrerpolicy</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(46.0)}} [1]</td>
+   <td>{{CompatGeckoMobile("50.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(46.0)}}<sup>[1]</sup></td>
+  </tr>
+  <tr>
+   <td><code>onerror</code> event handler</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile(51)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Implementad com <code>referrerpolicy</code> <span id="result_box" lang="ca"> <span>i darrere</span> <span>d'una bandera.</span></span> .</p>
+
+<p>[2] <span id="result_box" lang="ca"><span>Implementat</span> <span>darrere</span> <span>d'una</span> <span>preferència.</span></span></p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Els elements {{HTMLElement("picture")}}, {{HTMLElement("object")}} i {{HTMLElement("embed")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/index.html b/files/ca/web/html/element/index.html
new file mode 100644
index 0000000000..962038b3fe
--- /dev/null
+++ b/files/ca/web/html/element/index.html
@@ -0,0 +1,94 @@
+---
+title: HTML element reference
+slug: Web/HTML/Element
+tags:
+  - Basic
+  - Element
+  - HTML
+  - NeedsTranslation
+  - Refrència
+  - TopicStub
+  - Web
+translation_of: Web/HTML/Element
+---
+<p>{{HTMLSidebar("Elements")}}</p>
+
+<p><span id="result_box" lang="ca"><span>Aquesta</span> <span>pàgina</span> <span>mostra</span> <span>tots els</span></span><span class="seoSummary"> {{Glossary("HTML")}} {{Glossary("Element","elements")}}.</span> <span id="result_box" lang="ca"><span>S'agrupen</span> <span>per funcions</span> <span>per ajudar a trobar</span> <span>el que tens en</span> <span>ment</span> <span>amb</span> <span>facilitat.</span> <span>Tot i que aquesta</span> <span>guia</span> <span>està escrita</span> <span>per a aquells que</span> <span>són nous</span> en<span> la</span> <span>codificació,</span> <span>es</span> <span>pretén que</span> <span>sigui útil</span> <span>per a qualsevol</span> <span>persona.</span></span></p>
+
+<h2 id="Elements_Basics">Elements Basics</h2>
+
+<p><span id="result_box" lang="ca"><span>Els</span> <span>elements</span> <span>bàsics</span> <span>són la columna</span> <span>vertebral de qualsevol</span> <span>document HTML.</span> <span>Veures</span> <span>aquests</span> <span>elements</span> <span>en el codi</span> <span>font</span> <span>de totes</span> <span>les pàgines</span> <span>web després de la</span> <span>declaració</span> <span>de tipus</span> <span>de document en</span> <span>la primera línia</span> <span>de la pàgina.</span> <span>El tipus de</span> <span>document especifica</span> <span>la versió de</span> <span>(</span><span>X</span><span>)</span> <span>HTML</span> <span>que la pàgina</span> <span>està</span> <span>utilitzant</span><span>.</span> <span>Els</span> <span>elements</span> <span>de pàgina</span> <span>es col·loquen entre</span> <span>l'obertura</span> <span>&lt;</span><span>html</span><span>&gt;</span> <span>i</span> <span>de tancament</span> <span>&lt;</span><span>/</span> <span>html</span><span>&gt;</span><span>, també anomenat</span> <span>l'element</span> <span>arrel.</span></span></p>
+
+<p>{{HTMLRefTable("HTML root element")}}</p>
+
+<h2 id="Les_metadades_de_document" style="line-height: 30px; font-size: 2.14285714285714rem;">L<span id="result_box" lang="ca"><span>es metadades</span> <span>de document</span></span></h2>
+
+<p><span id="result_box" lang="ca"><span>Les Metadades</span> <span>contenen informació</span> <span>sobre</span> <span>la pàgina.</span> <span>Això</span> <span>inclou</span> <span>informació</span> <span>sobre</span> <span>estils</span><span>, scripts</span> <span>i</span> <span>dades per ajudar</span> el <span>us del programari</span> </span> ({{Glossary("search engine", "search engines")}}, {{Glossary("Browser","browsers")}}, etc.) <span lang="ca"><span>en la representació de</span> <span>la pàgina.</span> <span>Les Metadades</span> <span>d'estils</span> <span>i</span> <span>scripts</span> <span>es</span> <span>podem definir en la mateixa</span> <span>pàgina o mitjançan un</span> <span>enllaç a un altre</span> <span>arxiu que</span> <span>conté</span> <span>la informació.</span></span></p>
+
+<p>{{HTMLRefTable("HTML document metadata")}}</p>
+
+<h2 id="Seccionament_del_contingut" style="line-height: 30px; font-size: 2.14285714285714rem;">Seccionament del contingut</h2>
+
+<p><span id="result_box" lang="ca"><span>Els elements</span> <span>de seccionament </span></span><span lang="ca"><span>de contingut</span> ens <span>permet organitzar</span> <span>el contingut del</span> <span>document</span> <span>en parts</span> <span>lògiques.</span> <span>Utilitzeu els</span> <span>elements</span> <span>de seccionament</span> <span>per crear un</span> <span>esquema general</span> <span>sobre el</span> <span>contingut de la</span> <span>pàgina</span><span>, incloent la</span> <span>capçalera</span> <span>i el peu</span> <span>de pàgina</span> <span>de navegació,</span> <span>i</span> <span>els</span> <span>elements</span> <span>d'encapçalament</span> <span>per</span> <span>identificar</span> <span>seccions</span> <span>de contingut.</span></span>  </p>
+
+<p>{{HTMLRefTable("HTML sections")}}</p>
+
+<h2 id="El_contingut_del_Texte" style="line-height: 30px; font-size: 2.14285714285714rem;">El contingut del Texte</h2>
+
+<p><span id="result_box" lang="ca"><span>Utilitzeu els</span> <span>elements</span> <span>de contingut</span> <span>de text</span> <span>HTML per</span> <span>organitzar</span> <span>blocs</span> <span>o seccions</span> <span>de contingut</span> <span>col·locats</span> <span>entre les etiquetes d'obertura</span> <span>&lt;</span><span>body</span><span>&gt;</span> <span>i</span> <span>tancament</span> <span>&lt;</span><span>/</span> <span>body</span><span>&gt;</span><span>.</span> Es <span>Important</span> <span>per</span> </span>{{Glossary("accessibility")}} and {{Glossary("SEO")}}<span lang="ca"><span>, aquests</span> <span>elements</span> <span>s'identifiquen</span> <span>amb</span> <span>el propòsit o</span> <span>l'estructura d'aquest</span> <span>contingut.</span></span>    </p>
+
+<p>{{HTMLRefTable("HTML grouping content")}}</p>
+
+<h2 id="Semàntica_de_text_en_línia" style="line-height: 30px; font-size: 2.14285714285714rem;">Semàntica de text en línia</h2>
+
+<p><span id="result_box" lang="ca"><span>Utilitzeu</span> <span>la semàntica</span> <span>de text en</span> <span>línia</span> <span>HTML</span> <span>per definir el</span> <span>significat,</span> <span>l'estructura</span> <span>o l'estil</span> <span>d'una</span> <span>paraula</span><span>, línia</span> <span>o porció</span> <span>de text.</span></span></p>
+
+<p>{{HTMLRefTable("HTML text-level semantics")}}</p>
+
+<h2 id="Imatge_i_multimèdia" style="line-height: 30px; font-size: 2.14285714285714rem;">I<span id="result_box" lang="ca"><span>matge</span> <span>i</span> <span>multimèdia</span></span></h2>
+
+<p><span id="result_box" lang="ca"><span>HTML</span> <span>permet</span> <span>utilitzar diversos</span> <span>recursos</span> <span>multimèdia,</span> <span>com</span> <span>imatges</span><span>, àudio</span> <span>i vídeo.</span></span></p>
+
+<p>{{HTMLRefTable("multimedia")}}</p>
+
+<h2 id="Contingut_incrustat" style="line-height: 30px; font-size: 2.14285714285714rem;">Contingut incrustat</h2>
+
+<p><span id="result_box" lang="ca"><span>Més</span> <span>enllà dels</span> <span>continguts</span> <span>multimèdia</span> <span>HTML,</span> <span>es pot</span> <span>incloure</span> <span>moltes</span> <span>altres continguts</span><span>, encara que no</span> <span>sempre</span> <span>és</span> <span>fàcil</span> <span>d'interactuar</span> <span>amb</span> <span>ells</span><span>.</span></span></p>
+
+<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>
+
+<h2 id="Scripts" style="line-height: 30px; font-size: 2.14285714285714rem;">Scripts</h2>
+
+<p>{{HTMLRefTable("HTML scripting")}}</p>
+
+<h2 id="Edits" style="line-height: 30px; font-size: 2.14285714285714rem;">Edits</h2>
+
+<p>{{HTMLRefTable("HTML edits")}}</p>
+
+<h2 id="Contingut_de_la_Taula" style="line-height: 30px; font-size: 2.14285714285714rem;">Contingut de la Taula</h2>
+
+<p><span id="result_box" lang="ca"><span>Son un </span><span>conjunt</span> <span>d'elements</span> <span>que estàn fets</span> <span>específicament</span> <span>per manejar</span> <span>dades</span> <span>tabulars.</span></span></p>
+
+<p>{{HTMLRefTable("HTML tabular data")}}</p>
+
+<h2 id="Formularis" style="line-height: 30px; font-size: 2.14285714285714rem;">Formularis</h2>
+
+<p>{{HTMLRefTable("HTML forms")}}</p>
+
+<h2 id="Elements_Interactius" style="line-height: 30px; font-size: 2.14285714285714rem;">Elements Interactius</h2>
+
+<p>{{HTMLRefTable("HTML interactive elements")}}</p>
+
+<h2 id="Components_Web" style="line-height: 30px; font-size: 2.14285714285714rem;">Components Web</h2>
+
+<div class="note"><strong>Aquests </strong>elements es defineixen en la {{Glossary("W3C","World Wide Web Consortium")}} (W3C) <a href="http://www.w3.org/TR/components-intro/" title="http://www.w3.org/TR/components-intro/">Collecció d'especificacions Components Web</a> en lloc de l'especificació HTML.</div>
+
+<p>{{HTMLRefTable({"include":["Web Components"],"elements":["decorator","shadow"]})}}</p>
+
+<h2 id="Elements_Obsolets_y_desaprovats" style="line-height: 30px; font-size: 2.14285714285714rem;">Elements Obsolets y desaprovats</h2>
+
+<div class="warning" style="font-size: 14px;">
+<p>Alguns vells elements HTML van ser desaprovats i el seu ús està totalment desaconsellat. Mai els ha d'utilitzar per un nou projecte i canviar-los en vells projectes. S'enumeren aquí, unicament, per informació.</p>
+</div>
+
+<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>
diff --git a/files/ca/web/html/element/input/index.html b/files/ca/web/html/element/input/index.html
new file mode 100644
index 0000000000..7bcb9e749a
--- /dev/null
+++ b/files/ca/web/html/element/input/index.html
@@ -0,0 +1,1532 @@
+---
+title: <input>
+slug: Web/HTML/Element/input
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - HTML input tag
+  - MakeBrowserAgnostic
+  - NeedsBrowserCompatibility
+  - NeedsMobileBrowserCompatibility
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/input
+---
+<div>{{HTMLRef}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <code>&lt;input&gt;</code> s'utilitza per crear controls interactius per als formularis basats en la web per tal d'acceptar dades de l'usuari. Com un funciona <code>un &lt;input&gt;</code> varia considerablement en funció del valor del seu atribut <code>type</code>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, catalogable, enviable, reajustable, element associat a un formulari, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>. Si el {{htmlattrxref("type", "input")}} no és <code>hidden</code>, llavors l'element és etiquetable, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta d'inici</span> <span>i</span> <span>no ha de tenir</span> <span>una etiqueta</span> <span>de tancament</span></span>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLInputElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>, i els següents.</p>
+
+<dl>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>El tipus de control que es vol veure. El tipus predeterminat és text, si no s'especifica aquest atribut. Els valors possibles són:
+ <ul>
+  <li><code>button</code>: <span class="short_text" id="result_box" lang="ca"><span>Un</span> <span>polsador</span> <span>amb</span> <span>cap comportament</span> <span>predeterminat</span></span> .</li>
+  <li><code>checkbox</code>: Una casella de verificació. Ha d'utilitzar l'atribut <strong>value</strong> per definir el valor presentat per aquest concepte. Utilitzeu l'atribut <strong>checked</strong> per indicar si aquest element està seleccionat. També pot utilitzar l'atribut <strong>indeterminate</strong> (que només es pot establir mitjançant programació) per indicar que la casella de verificació es troba en un estat indeterminat (en la majoria de plataformes, això dibuixa una línia horitzontal a través de la casella de verificació).</li>
+  <li><code>color</code>: {{HTMLVersionInline("5")}} Un control per especificar un color. Una interfície d'usuari de selector de color no té característiques requerides per acceptar altres colors simples com text (<a href="http://www.w3.org/TR/html5/forms.html#color-state-(type=color)">més informació</a>).</li>
+  <li><code>date</code>: {{HTMLVersionInline("5")}} <span id="result_box" lang="ca"><span>Un control</span> <span>per</span> <span>introduir una</span> <span>data</span> <span>(</span><span>any, mes</span> <span>i dia,</span> <span>sense</span> <span>temps</span><span>)</span></span>.</li>
+  <li><code>datetime</code>: {{HTMLVersionInline("5")}} {{deprecated_inline}} {{obsolete_inline}} <span id="result_box" lang="ca"><span>Un control</span> <span>per</span> <span>introduir una</span> <span>data</span> <span>i hora</span> <span>(</span><span>hora</span><span>, minut</span><span>, segon i</span> <span>fracció</span> <span>de segon</span><span>)</span> <span>segons la zona</span> <span>horària</span> <span>UTC</span><span>.</span> <strong><span>Aquesta característica</span> </strong><a href="https://github.com/whatwg/html/issues/336">s'ha tret de WHATWG HTML</a></span>.</li>
+  <li><code>datetime-local</code>: {{HTMLVersionInline("5")}} <span id="result_box" lang="ca"><span class="alt-edited">Un control per introduir una data i hora, sense zona horària.</span></span></li>
+  <li><code>email</code>: {{HTMLVersionInline("5")}} Un camp per a l'edició d'una adreça de correu electrònic. El valor d'entrada es valida per contenir una cadena buida o una única adreça vàlida de correu electrònic abans d'enviar. Les pseudo-classes CSS  {{cssxref(":valid")}} i {{cssxref(":invalid")}} s'aplicaran, segons escaigui.</li>
+  <li><code>file</code>: Un control que permet a l'usuari seleccionar un arxiu. Utilitzeu l'atribut <strong>accept</strong> per definir els tipus d'arxius que el control pot seleccionar.</li>
+  <li><code>hidden</code>: Un control que no es mostra, però el valor s'envia al servidor..</li>
+  <li><code>image</code>: Gràfic d'un botó d'enviament. Ha d'utilitzar l'atribut <strong>src</strong> per definir l'origen de la imatge i l'atribut <strong>alt</strong> per definir un text alternatiu. Podeu utilitzar els atributs <strong>height</strong> i <strong>width</strong>  per definir la mida de la imatge en píxels.</li>
+  <li><code>month</code>: {{HTMLVersionInline("5")}} <span id="result_box" lang="ca"><span>Un control</span> <span>per a la</span> <span>introducció d'un</span> <span>mes i</span> <span>any,</span> <span>sense</span> <span>zona</span> <span>horària</span></span>.</li>
+  <li><code>number</code>: {{HTMLVersionInline("5")}} <span id="result_box" lang="ca"><span>Un control</span> <span>per introduir un</span> <span>nombre</span> <span>de coma</span> <span>flotant.</span></span></li>
+  <li><code>password</code>: Un camp de text d'una sola línia el valor de la qual està enfosquida. Utilitzeu l'atribut <strong>maxlength</strong> per especificar la longitud màxima del valor que es pot introduir.</li>
+  <li><code>radio</code>: Un botó radio. Ha d'utilitzar l'atribut <strong>value</strong> per definir el valor presentat per aquest concepte. Utilitzeu l'atribut <strong>checked</strong> per indicar si l'element està seleccionat per defecte. Els botons radio que tenen el mateix valor per l'atribut <strong>name</strong> estan en el mateix "grup de botons radio". Només un botó radio en un grup pot ser seleccionat alhora.</li>
+  <li><code>range</code>: {{HTMLVersionInline("5")}} Un control per a la introducció d'un nombre el valor exacte no és important.Aquest tipus de control utilitza els següents valors per defecte si no s'especifiquen els atributs corresponents:
+   <ul>
+    <li><code>min</code>: 0</li>
+    <li><code>max</code>: 100</li>
+    <li><code>value</code>: <code>min</code> + (<code>max -</code> <code>min</code>) / 2, o <code>min</code> si <code>max</code> es més petit que <code>min</code></li>
+    <li><code>step</code>: 1</li>
+   </ul>
+  </li>
+  <li><code>reset</code>: Un botó que restableix el contingut del formulari als valors predeterminats.</li>
+  <li><code>search</code>: {{HTMLVersionInline("5")}} Un camp de text d'una sola línia per introduir cadenes de cerca. Els salts de línia s'eliminen automàticament del valor d'entrada.</li>
+  <li><code>submit</code>: <span class="short_text" id="result_box" lang="ca"><span>Un botó</span> <span>que envia</span> <span>el formulari.</span></span></li>
+  <li><code>tel</code>: {{HTMLVersionInline("5")}} Un control per introduir un número de telèfon. Els salts de línia s'eliminen automàticament del valor d'entrada, però cap altra sintaxi es obligatoria. Podeu utilitzar els atributs com <strong>pattern</strong> i <strong>maxlength</strong> per restringir els valors introduïts en el control. Les pseudo-classes CSS  {{cssxref(":valid")}} i {{cssxref(":invalid")}} s'aplicaran, segons escaigui.</li>
+  <li><code>text</code>: Un camp de text d'una sola línia. Els salts de línia s'eliminen automàticament del valor d'entrada.</li>
+  <li><code>time</code>: {{HTMLVersionInline("5")}} Un control per introduir un valor de temps sense zona horària.</li>
+  <li><code>url</code>: {{HTMLVersionInline("5")}} Un camp per l'edició d'una adreça URL. El valor d'entrada es valida per contenir una cadena buida o una adreça URL absoluta vàlida abans d'enviar. Els salts de línia i espais en blanc inicials o finals s'eliminen automàticament del valor d'entrada. Podeu utilitzar els atributs <strong>pattern</strong> i <strong>maxlength</strong> per restringir els valors introduïts en el control. Les pseudo-classes CSS {{cssxref(":valid")}} and {{cssxref(":invalid")}} s'aplicaran, segons escaigui.</li>
+  <li><code>week</code>: {{HTMLVersionInline("5")}} Un control per a la introducció d'una data que consta d'un nombre de setmana-any i un nombre de setmana sense zona horària.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("accept")}}</dt>
+ <dd>Si el valor de l'atribut <strong>type</strong> és <code>file</code>, llavors aquest atribut indica els tipus d'arxius que accepta el servidor, en cas contrari s'ignorarà. El valor ha de ser una llista separada per comes d'especificadors de tipus de contingut únic:
+ <ul>
+  <li>Una extensió d'arxiu que comença amb el caràcter STOP (U+002E). (Per exemple.: ".jpg, .png, .doc")</li>
+  <li>Un tipus MIME vàlid sense extensions</li>
+  <li><code>audio/*</code> representa arxius de so {{HTMLVersionInline("5")}}</li>
+  <li><code>video/*</code> represent arxius de vídeo {{HTMLVersionInline("5")}}</li>
+  <li><code>image/*</code> representa arxius d'imatge {{HTMLVersionInline("5")}}</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("accesskey")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline", "HTML5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Un únic</span> <span>caràcter</span> <span>que l'usuari pot</span> <span>pressionar</span> <span>per canviar</span> <span>el focus</span> <span>d'entrada al</span> <span>control.</span> <span>Aquest</span> <span>atribut</span> <span>és global</span> <span>en HTML5.</span></span></dd>
+ <dt>{{htmlattrdef("mozactionhint")}} {{non-standard_inline}}</dt>
+ <dd>Especifica una "acció suggerida" que s'utilitza per determinar com etiquetar la tecla enter en dispositius mòbils amb teclats virtuals. Els valors admesos són <code>go</code>, <code>done</code>, <code>next</code>, <code>search</code>, i <code>send</code>. Aquests queden automàticament assignats a la cadena apropiada i són sensibles a majúscules.</dd>
+ <dt>{{htmlattrdef("autocapitalize")}} {{non-standard_inline}}</dt>
+ <dd>Aquest és un atribut no estàndard usat <a href="https://developers.google.com/web/updates/2015/04/autocapitalize">per Chrome</a> i Safari mòbil iOS, que controla si i com el valor de text ha de ser amb majúscula automàticament a mesura que s'introdueix/edita per l'usuari. Els valors ja no estan disponibles en iOS 5 i posterior. Els valors possibles són:
+ <ul>
+  <li><code>none</code>: Desactiva completament l'establiment automàtic en majúscules</li>
+  <li><code>sentences</code>: Posa automàticament en majúscula la primera lletra d'una oració.</li>
+  <li><code>words</code>: Posa automàticament en majúscula la primera lletra de les paraules.</li>
+  <li><code>characters</code>: Posa automàticament en majúscula tots els caràcters.</li>
+  <li><code>on</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li>
+  <li><code>off</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li>
+ </ul>
+ <a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html#//apple_ref/doc/uid/TP40008058-autocapitalize">documentació <code>autocapitalize</code> Referència HTML Safari</a></dd>
+ <dt>{{htmlattrdef("autocomplete")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut indica si el valor del control pot ser completar automàticament pel navegador.</dd>
+ <dd><span class="short_text" id="result_box" lang="ca"><span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span></span>:
+ <ul>
+  <li><code>off</code>: L'usuari ha d'introduir explícitament un valor en aquest camp per a cada ús, o el document proporciona el seu propi mètode d'autocompletat. El navegador no completa automàticament l'entrada.</li>
+  <li><code>on</code>: Es permet que el navegador completi automàticament el valor basat en valors que l'usuari hi hagi entrat en usos anteriors, però no obstant això no proporciona cap altra informació sobre quins tipus de dades es podria esperar que l'usuari entrés.</li>
+  <li><code>name</code>:  <span class="short_text" id="result_box" lang="ca"><span>Nom complet</span></span></li>
+  <li><code>honorific-prefix: </code>Prefix or title (e.g. "Mr.", "Ms.", "Dr.", "Mlle")</li>
+  <li><code>given-name </code>(nom)</li>
+  <li><code>additional-name</code></li>
+  <li><code>family-name</code></li>
+  <li><code>honorific-suffix</code>: Suffix (e.g. "Jr.", "B.Sc.", "MBASW", "II")</li>
+  <li><code>nickname</code></li>
+  <li><code>email</code></li>
+  <li><code>username</code></li>
+  <li><code>new-password</code>: Una nova contrasenya (per exemple, en crear un compte o canviar una contrasenya)</li>
+  <li><code>current-password</code></li>
+  <li><code>organization-title</code>: Càrrec del lloc de treball (e.g. "Software Engineer", "Senior Vice President", "Deputy Managing Director")</li>
+  <li><code>organization</code></li>
+  <li><code>street-address</code></li>
+  <li><code>address-line1</code>, <code>address-line2</code>, <code>address-line3</code>, <code>address-level4</code>, <code>address-level3</code>, <code>address-level2</code>, <code>address-level1</code></li>
+  <li><code>country</code></li>
+  <li><code>country-name</code></li>
+  <li><code>postal-code</code></li>
+  <li><code>cc-name</code>: Nom complet, tal com figura en l'instrument de pagament</li>
+  <li><code>cc-given-name</code></li>
+  <li><code>cc-additional-name</code></li>
+  <li><code>cc-family-name</code></li>
+  <li><code>cc-number</code>:  <span id="result_box" lang="ca"><span>Codi que</span> <span>identifica</span> <span>l'instrument de</span> <span>pagament</span> <span>(</span><span>per exemple, el</span> <span>número de targeta de</span> <span>crèdit</span><span>)</span></span></li>
+  <li><code>cc-exp:</code> Data de caducitat <span id="result_box" lang="ca"><span>de l'instrument de</span> <span>pagament</span></span></li>
+  <li><code>cc-exp-month</code></li>
+  <li><code>cc-exp-year</code></li>
+  <li><code>cc-csc</code>: Codi de seguretat <span id="result_box" lang="ca"><span>de l'instrument de</span> <span>pagament</span></span></li>
+  <li><code>cc-type</code>: Tipy d'<span id="result_box" lang="ca"><span>instrument de</span> <span>pagament</span></span> (e.g. Visa)</li>
+  <li><code>transaction-currency</code></li>
+  <li><code>transaction-amount</code></li>
+  <li><code>language</code>:  <span class="short_text" id="result_box" lang="ca"><span>Idioma preferit;</span> <span>Vàlid</span> l'<span>etiqueta</span> <span>d'idioma</span> <span>BCP</span> <span>47</span></span></li>
+  <li><code>bday</code></li>
+  <li><code>bday-day</code></li>
+  <li><code>bday-month</code></li>
+  <li><code>bday-year</code></li>
+  <li><code>sex</code>:  <span id="result_box" lang="ca"><span>La identitat</span> <span>de gènere</span> <span>(</span><span>per</span> <span>exemple</span> <span>femella</span><span>,</span> <span>fa'afafine</span><span>)</span><span>;</span> <span>Text</span> <span>lliure</span><span>, no hi ha</span> <span>salts</span> <span>de línia</span></span></li>
+  <li><code>tel</code></li>
+  <li><code>url</code>: Pàgina d'inici o altra pàgina web corresponent a l'empresa, persona, adreça, o informació de contacte en els altres camps relacionats amb aquest camp</li>
+  <li><code>photo</code>: Fotografia, icona, o una altra imatge que corresponguia a l'empresa, persona, adreça, o informació de contacte en els altres camps relacionats amb aquest camp</li>
+ </ul>
+
+ <p>Veure <a href="https://html.spec.whatwg.org/multipage/forms.html#autofill">WHATWG Standard</a> per informació més detallada.</p>
+
+ <p>Si l'atribut <strong>autocomplete</strong> no s'especifica en un element d'entrada, llavors el navegador utilitza el valor de l'atribut <strong>autocomplete</strong> de l'element <code>&lt;input&gt;</code> propietari del formulari. El propietari del formulari és o bé l'element <code>form</code> en que l'element <code>&lt;input&gt;</code> és un descendent, o l'element form en que el <strong>id</strong> és especificat per l'atribut <strong>form</strong> de l'element input. Per obtenir més informació, consulteu l'attribute {{htmlattrxref("autocomplete", "form")}} en {{HTMLElement("form")}}.</p>
+
+ <p>L'atribut <strong>autocomple</strong> també controla si Firefox, a diferència d'altres navegadors, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persisteix l'estat dinàmic deshabilitat i (si escau) checkedness dinàmic</a> d'un <code>&lt;input&gt;</code> a través de les càrregues de pàgines. La funció de persistència està activat per defecte. En establir el valor de l'atribut <strong>autocomplete</strong> a <code>off</code> desactiva aquesta. Això funciona fins i tot quan l'atribut <strong>autocomplete</strong> preferis que no s'apliques normalment en el <code>&lt;input&gt;</code> en virtut del seu <strong>type</strong>. Veure{{bug(654072)}}.</p>
+ Per a la majoria dels navegadors moderns (incloent Firefox 38+, Google Chrome 34+, 11+ IE) establir l'atribut <strong>autocomplete</strong> <em>no</em> impedirà que l'administrador de contrasenyes del navegador preguntar a l'usuari si desitja emmagatzemar els camps d'inici de sessió (nom d'usuari i contrasenya) i, si estan d'acord, de fer-ho de forma automàtica a l'inici de sessió de la propera vegada que l'usuari visiti la pàgina. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields">L'atribut autocomplete i els camps d'inici de sessió</a>.</dd>
+ <dt>{{htmlattrdef("autocorrect")}} {{non-standard_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span class="alt-edited">Aquest és un atribut no estàndard amb el suport de Safari que s'utilitza per controlar si s'ha d'habilitar la correcció automàtica quan l'usuari està entrant/editan el valor de text del &lt;input&gt;. Els posibles valors del atribut son:</span></span>
+ <ul>
+  <li><code>on</code>: Activar la correcció automàtica</li>
+  <li><code>off</code>: Desactivar la correcció automàtica</li>
+ </ul>
+ <a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html#//apple_ref/doc/uid/TP40008058-autocorrect"><code>documentació autocorrect</code> Referència HTML Safari</a></dd>
+ <dt>{{htmlattrdef("autofocus")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut booleà permet especificar que un control de formulari ha de tenir el focus d'entrada quan es carrega la pàgina, llevat que l'usuari el redefineixi, per exemple escrivint en un control diferent. Només un element de formulari en un document pot tenir l'atribut <strong>autofocus</strong>, el qual és un valor booleà. No es pot aplicar si l'atribut <strong>type</strong> està configurat com ocult (és a dir, no es pot establir automàticament el focus a un control ocult). Recordeu que l'enfocament del control pot ocórrer abans de l'activació de <a href="https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded">l'event DOMContentLoaded.</a></dd>
+ <dt>{{htmlattrdef("capture")}}</dt>
+ <dd>
+ <p>Quan el valor de l'atribut type és <code>file</code>, la presència d'aquest atribut booleà indica que la captura dels medis és fa directament des de l'entorn del dispositiu mitjançant un <a href="https://www.w3.org/TR/html-media-capture/#dfn-media-capture-mechanism">mecanisme de captura dels medis</a> preferits.</p>
+ </dd>
+ <dt>{{htmlattrdef("checked")}}</dt>
+ <dd>
+ <p>Quan el valor de l'atribut <strong>type</strong> és <code>radio</code> o <code>checkbox</code>, la presència d'aquest atribut booleà indica que el control està seleccionat per defecte, altrament s'ignora.</p>
+
+ <p>Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persistirà la comprovació dinàmica de l'estat</a> d'un <code>&lt;input&gt;</code> a través de les càrregues de les pàgines. Utilitzar l'atribut {{htmlattrxref("autocomplete","input")}} per controlar aquesta funció.</p>
+ </dd>
+ <dt>{{htmlattrdef("disabled")}}</dt>
+ <dd>
+ <p>Aquest atribut booleà indica que el control de formulari no està disponible per a la interacció. En particular, l'event <code>click</code> <a href="https://html.spec.whatwg.org/multipage/forms.html#enabling-and-disabling-form-controls:-the-disabled-attribute">no serà enviat</a> en els controls deshabilitats. A més, el valor d'un control deshabilitat no s'envia amb el formulari.</p>
+
+ <p>Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persisteixi l'estat dinàmic desactivat</a> d'un <code>&lt;input&gt;</code> a través de les càrregues de les pàgines. Utilitzar l'atribut {{htmlattrxref("autocomplete","input")}}  per controlar aquesta funció.</p>
+ </dd>
+ <dt>{{htmlattrdef("form")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>L'element formulari al que està associat amb un element input (el seu <em>propietari de formulari</em>). El valor de l'atribut ha de ser un <strong>id</strong> d'un element {{HTMLElement ( "form")}} del mateix document. Si no s'especifica aquest atribut, aquest element <code>&lt;input&gt;</code> ha de ser un descendent d'un element {{HTMLElement ( "form")}}. Aquest atribut li permet col·locar elements <code>&lt;input&gt;</code> en qualsevol part d'un document, no només com a descendents dels seus elements de formulari. Una entrada només pot associar-se a un formulari.</dd>
+ <dt>{{htmlattrdef("formaction")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>L'URI d'un programa que processa la informació presentada per l'element input, si es tracta d'un botó d'enviament o una imatge. Si s'especifica, reemplaça l'atribut {{htmlattrxref ( "action", "form")}} propietari del formulari de l'element.</dd>
+ <dt>{{htmlattrdef("formenctype")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Si l'element d'entrada és un botó d'enviament o imatge, aquest atribut especifica el tipus de contingut que s'utilitza per enviar el formulari al servidor. Els valors possibles són:
+ <ul>
+  <li><code>application/x-www-form-urlencoded</code>: El valor per defecte si no s'especifica l'atribut.</li>
+  <li><code>multipart/form-data</code>: Utilitzeu aquest valor si està utilitzant un element <code>&lt;input&gt;</code> amb l'atribut {{htmlattrxref("type","input")}} establert a <code>file</code>.</li>
+  <li><code>tex/pla</code></li>
+ </ul>
+
+ <p>Si s'especifica aquest atribut, anul·la l'atribut {{htmlattrxref("enctype","form")}}  del propietari del formulario de l'element..</p>
+ </dd>
+ <dt>{{htmlattrdef("formmethod")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Si l'element d'entrada és un botó d'enviament o la imatge, aquest atribut especifica el mètode HTTP que el navegador utilitza per enviar el formulari. Els valors possibles són:
+ <ul>
+  <li><code>post</code>: Les dades del formulari s'inclouen en el cos del formulari i s'envia al servidor.</li>
+  <li><code>get</code>: Les dades del formulari s'adjuntan a l'atribut URI, amb un '?' com un separador, i l'URI resultant s'envia al servidor. Utilitzeu aquest mètode quan el formulari no té efectes secundaris i conté només caràcters ASCII.</li>
+ </ul>
+
+ <p>Si s'especifica, aquest atribut anul·la l'atribut {{htmlattrxref("method","form")}} del propietari del formulario de l'element.</p>
+ </dd>
+ <dt>{{htmlattrdef("formnovalidate")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>
+ <p>Si l'element input és un botó d'enviament o imatge, aquest atribut booleà especifica que el formulari no ha de ser validat quan s'envïi. Si no s'especifica aquest atribut, s'anul·la l'atribut {{htmlattrxref("novalidate","form")}} del propietari del formulario de l'element.</p>
+ </dd>
+ <dt>{{htmlattrdef("formtarget")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Si l'element input és un botó d'enviament o imatge, aquest atribut és un nom o una paraula clau que indica on s'ha de mostrar la resposta que es rep després d'enviar el formulari. Es tracta d'un nom, o una paraula clau per a un <em>context de navegació</em> (per exemple, pestanya, finestra o marc en línia). Si no s'especifica aquest atribut, s'anul·la l'atribut {{htmlattrxref("target", "form")}}  del propietari del formulario dels elements. Les següents paraules clau tenen un significat especial:
+ <ul>
+  <li>_<code>self</code>: Carregar la resposta en el mateix context de navegació com l'actual. Aquest valor és el valor per defecte si no s'especifica l'atribut.</li>
+  <li><code>_blank</code>: Carregar la resposta en un nou context de navegació sense nom.</li>
+  <li><code>_parent</code>: Carregar la resposta en el context de navegació del pare de l'actual. Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li>
+  <li><code>_top</code>: Carregar la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("height")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Si el valor de l'atribut <strong>type</strong> és <code>image</code>, aquest atribut defineix l'altura de la imatge mostrada per al botó.</dd>
+ <dt>{{htmlattrdef("incremental")}} {{non-standard_inline}}</dt>
+ <dd>Aquest és un atribut no estàndard amb el suport de WebKit (Safari) i Blink (Chrome) que només s'aplica quan <strong>type</strong> és <code>serach</code>. Si l'atribut és present, sense importar quin és el seu valor, els elements <code>&lt;input&gt;</code> desencadena esdeveniments <a href="/en-US/docs/Web/Events/search"><code>search</code></a> que l'usuari edita el valor de text. L'esdeveniment només s'activa després d'un temps d'espera definit per la implementació que ha transcorregut des de l'última pulsació de tecla; noves pulsacions de tecles restableixen el temps d'espera. En altres paraules, l'activació de l'esdeveniment es retornat. Si l'atribut està absent, l'esdeveniment <a href="/en-US/docs/Web/Events/search"><code>search</code></a> només s'activa quan l'usuari inicia una recerca explícita (per exemple, prement la tecla Retorn mentre es trobin dins el camp). <a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html#//apple_ref/doc/uid/TP40008058-incremental"> documentation <code>incremental</code> HTML Reference Safari.</a></dd>
+ <dt>{{htmlattrdef("inputmode")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Un suggeriment per al navegador per a quin teclat es mostrarà. Aquest atribut s'aplica quan el valor de l'atribut <strong>type</strong> és text, password, email o url. Els valors possibles són:
+ <ul>
+  <li><code>verbatim</code>: Alfanumèric, contingut que no sigui amb prosa com noms d'usuari i contrasenyes.</li>
+  <li><code>latin</code>: Entrada amb alfabet <em>llatí</em> en l'idioma preferit de l'usuari amb ajudes a escriure com activar la predicció de text. Per a la comunicació de persona a ordinador, com ara quadres de cerca.</li>
+  <li><code>latin-name</code>: Com <em>llatí</em>, però per als noms humans.</li>
+  <li><code>latin-prose</code>: Com <em>llatí,</em> però amb ajudes d'escriptura molt més agressives. Per comunicació humà a humà com la missatgeria instantània o correu electrònic.</li>
+  <li><code>full-width-latin</code>: Com prosa <em>llatí</em>, però per a les llengües secundàries de l'usuari.</li>
+  <li><code>kana</code>: Entrada Kana o  romaji, entrada típicament hiragana, utilitzant caràcters d'ample complet, amb suport per a la conversió a kanji. Destinat a l'entrada de text japonès.</li>
+  <li><code>katakana</code>: Entrada Katakana, utilitzant caràcters d'ample complet, amb suport per a la conversió a kanji. Destinat a l'entrada de text japonès.</li>
+  <li><code>numeric</code>: Entrada d'un número, incloent tecles per als dígits 0 a 9, el caràcter separador de milers preferit de l'usuari, i el caràcter per indicar nombres negatius. Destinat als codis numèrics, per exemple, números de targetes de crèdit. Per als nombres reals, prefereixen utilitzar &lt;input type="number"&gt;.</li>
+  <li><code>tel</code>: Entrada de telèfon, incloent l'asterisc i la tecla numeral. Utilitzeu en el seu lloc si és possible &lt;input type = "tel"&gt;.</li>
+  <li><code>email</code>: Entrada de correu electrònic. Utilitzeu en el seu lloc si és possible &lt;input type = "email"&gt;.</li>
+  <li><code>url</code>: Entrada d'URL. Utilitzeu en el seu lloc si és possible &lt;input type = "url"&gt;.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("list")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Identifica una llista d'opcions predefinides per suggerir a l'usuari. El valor ha de ser l'<strong>id</strong> d'un element {{HTMLElement("datalist")}} en el mateix document. El navegador mostra únicament les opcions que són valors vàlids per a aquest element d'entrada. Aquest atribut s'ignora quan els valors de l'atribut type son <code>hidden</code>, <code>checkbox</code>, <code>radio</code>, <code>file</code>, o un tipus button.</dd>
+ <dt>{{htmlattrdef("max")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>El valor màxim (numèric o de data i hora) per a aquest element, que no ha de ser inferior al seu valor mínim (atribut <strong>min</strong>).</dd>
+ <dt>{{htmlattrdef("maxlength")}}</dt>
+ <dd>Si el valor de l'atribut <strong>type</strong> és  <code>text</code>, <code>email</code>, <code>search</code>, <code>password</code>, <code>tel</code> o <code>url</code>, aquest atribut especifica el nombre màxim de caràcters (en punts de codi Unicode) que l'usuari pot entrar; per a altres tipus de control, s'ignora. Es pot excedir el valor de l'atribut <strong>size</strong>. Si no s'especifica, l'usuari pot introduir un nombre il·limitat de caràcters. Especificar un nombre negatiu dóna com resultat el comportament predeterminat; és a dir, l'usuari pot introduir un nombre il·limitat de caràcters. La restricció s'avalua només quan s'ha canviat el valor de l'atribut.</dd>
+ <dt>{{htmlattrdef("min")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>El valor mínim (numèric o de data i hora) per a aquest element, que no ha de ser superior al seu valor màxim (atribut <strong>max</strong>).</dd>
+ <dt>{{htmlattrdef("minlength")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>i el valor de l'atribut <strong>type</strong> és <code>text</code>, <code>email</code>,<code> search</code>, <code>password</code>, <code>tel</code>, or <code>url,</code> aquest atribut especifica el nombre mínim de caràcters (en punts de codi Unicode) que l'usuari pot entrar; per a altres tipus de control, s'ignora.</dd>
+ <dt>{{htmlattrdef("multiple")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut booleà indica si l'usuari pot introduir més d'un valor. Aquest atribut s'aplica quan l'atribut <strong>type</strong> s'estableix en <code>email</code> o <code>file</code>; en cas contrari, s'ignora.</dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El nom</span> <span>del control,</span> <span>que es presenta</span> <span>amb</span> <span>les dades del</span> <span>formulari.</span></span></dd>
+ <dt>{{htmlattrdef("pattern")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Una expressió regular en que el valor del control es compara. El patró ha de coincidir amb la totalitat del valor, i no només un subconjunt. Utilitzeu l'atribut <strong>title</strong> per descriure el patró per ajudar l'usuari. Aquest atribut s'aplica quan el valor de l'atribut <strong>type</strong> és <code>search</code>, <code>tel</code>, <code>url</code>, <code>email</code> o <code>password</code>; en cas contrari, s'ignora. El llenguatge d'expressions regulars és el mateix que l'algoritme de JavaScript {{jsxref("RegExp")}}, amb el paràmetre <code>'u'</code> que fa que sigui tractar el patró com una seqüència de punts de codi Unicode. El patró no està envoltat per barres inclinades.</dd>
+ <dt>{{htmlattrdef("placeholder")}} {{HTMLVersionInline("5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Un suggeriment</span> <span>a l'usuari</span> <span>del que</span> <span>pot ser introduït</span> <span>en el control.</span> <span>El text del</span> <span>marcador</span> <span>no ha de contenir</span> <span>retorns</span> <span>de carro</span> <span>o</span> <span>salts</span> <span>de líni.</span></span>
+ <div class="note"><strong>Nota:</strong> No utilitzeu el atribut marcador de posició en lloc d'un element {{HTMLElement("label")}}. Els seus propòsits són diferents: l'atribut  {{HTMLElement("label")}} descriu el paper de l'element de formulari; és a dir, que indica quin tipus d'informació s'espera, l'atribut de marcador de posició és una pista sobre el format del contingut que ha de prendre. Hi ha casos en què l'atribut marcador de posició no es mostra a l'usuari, pel que el formulari ha de ser comprensible sense ell.</div>
+ </dd>
+ <dt>{{htmlattrdef("readonly")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut indica que l'usuari no pot modificar el valor del control. El valor de l'atribut és irrellevant. Si necessita accés de lectura i escriptura al valor d'entrada, <em>no</em> afegiu l'atribut "<strong>readonly</strong>". S'ignora si el valor de l'atribut <strong>type</strong> és <code>hidden</code>, <code>range</code>, <code>color</code>, <code>checkbox</code>, <code>radi</code>o, file o un type button (així com <code>button</code> o <code>submit</code>).</dd>
+ <dt>{{htmlattrdef("required")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut especifica que l'usuari ha d'omplir un valor abans d'enviar un formulari. No es pot utilitzar quan l'atribut<strong> type</strong> és <code>hidden</code>, <code>image</code> o un type button (<code>submit</code>, <code>reset</code>, o <code>button</code>). Les pseudo-classes CSS {{cssxref(":optional")}} i {{cssxref(":required")}} s'aplicaran al camp segons correspongui.</dd>
+ <dt>{{htmlattrdef("results")}} {{non-standard_inline}}</dt>
+ <dd>Aquest és un atribut no estàndard amb el suport de Safari que només s'aplica quan <strong>type</strong> és <code>search</code>. S'utilitza per controlar el nombre màxim d'entrades que han de mostrar-se en la llista desplegable nadiva de <code>&lt;input&gt;</code> de les consultes de cerca anteriors.El seu valor ha de ser un enter decimal no negatiu.</dd>
+ <dt>{{htmlattrdef("selectionDirection")}} {{HTMLVersionInline("5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span class="alt-edited">La direcció en què es va produir la selecció. Això és "</span></span>forward<span lang="ca"><span class="alt-edited">" (cap endevant) si la selecció es va fer d'esquerra a dreta en una configuració regional LTR o de dreta a esquerra en un local RTL, o "</span></span>backward<span lang="ca"><span class="alt-edited">" (</span></span><span id="result_box" lang="ca"><span class="alt-edited">cap enrere</span></span>) <span lang="ca"><span class="alt-edited">si la selecció es va fer en la direcció oposada. Això pot ser "</span></span>none<span lang="ca"><span class="alt-edited">" (cap) si la direcció de selecció és desconeguda.</span></span></dd>
+ <dt>{{htmlattrdef("selectionEnd")}}</dt>
+ <dd>El desplaçament en el contingut de text de l'element de l'últim caràcter seleccionat. Si no hi ha selecció, aquest valor indica el desplaçament al caràcter següent a la posició actual del cursor d'entrada de text (és a dir, la posició que ocuparia del següent caràcter teclejat).</dd>
+ <dt>{{htmlattrdef("selectionStart")}}</dt>
+ <dd>El desplaçament en el contingut de text de l'element del caràcter seleccionat en primer lloc. Si no hi ha selecció, aquest valor indica el desplaçament al caràcter següent a la posició actual del cursor d'entrada de text (és a dir, la posició que ocuparia del següent caràcter teclejat).</dd>
+ <dt>{{htmlattrdef("size")}}</dt>
+ <dd>La mida inicial del control. Aquest valor és en píxels llevat que el valor de l'atribut <strong>type</strong> és <code>text</code> o <code>password</code>, en aquest cas, és un nombre enter de caràcters. A partir d'HTML5, aquest atribut s'aplica només quan l'atribut <strong>type</strong> s'estableix en <code>text</code>, <code>search</code>, <code>tel</code>, <code>url</code>, <code>email</code> o <code>password</code>; en cas contrari, s'ignora. A més, la mida ha de ser més gran que zero. Si no s'especifica una mida, s'utilitza un valor predeterminat de 20. HTML5 es limita a establir "l'agent d'usuari ha d'assegurar que almenys molts caràcters siguin visibles", però diferents caràcters poden tenir diferents amplades en certes fonts; en alguns navegadors, una determinada cadena de caràcters <em>x</em> no serà completament visible, fins i tot si es defineix la mida d'almenys en <em>x</em>.</dd>
+ <dt>{{htmlattrdef("spellcheck")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Establir el valor d'aquest atribut en <code>true</code> indica que l'element ha de tenir la seva ortografia i gramàtica comprovada. El valor per omissió indica que l'element té que actuar d'acord amb un comportament predeterminat, possiblement basat en el propi valor <code>spellcheck</code> de l'element pare . El valor <code>false</code> indica que l'element no ha de ser comprovat</dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd>Si el valor de l'atribut <strong>type</strong> es <code>image</code>, aquest atribut especifica una URI per a la ubicació d'una imatge que es mostrarà en el botó gràfic d'enviament; en cas contrari, s'ignora.</dd>
+ <dt>{{htmlattrdef("step")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Treballa amb dels atributs <strong>mín</strong> i <strong>max</strong> per limitar els increments en la qual es pot establir un valor numèric o de data i hora. Pot ser una cadena qualsevol o d'un nombre de coma flotant positiva. Si aquest atribut no està establert a qualsevol, el control només accepta valors en múltiples del valor de pas major que el mínim.</dd>
+ <dt>{{htmlattrdef("tabindex")}} element-specific in {{HTMLVersionInline(4)}}, global in {{HTMLVersionInline("5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>La posició</span> <span>de l'element</span> <span>en l'ordre</span> <span>de navegació</span> <span>de pestanyes</span> <span>del document</span> <span>actual.</span></span></dd>
+ <dt>{{htmlattrdef("usemap")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline", "HTML5")}}</dt>
+ <dd>
+ <p>El nom d'un element {{HTMLElement("map")}} que s'utilitzarà com un mapa d'imatge.</p>
+ </dd>
+ <dt>{{htmlattrdef("value")}}</dt>
+ <dd>El valor inicial del control. Aquest atribut és opcional, excepte quan el valor de l'atribut <strong>type</strong> és <code>radio</code> o <code>checkbox</code><br>
+ Recordeu que en tornar a carregar la pàgina, Gecko i IE <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=46845#c186">ignoraran el valor especificat en el codi HTML</a>, si el valor va ser canviat abans de la recàrrega</dd>
+ <dt>{{htmlattrdef("webkitdirectory")}} {{non-standard_inline}}</dt>
+ <dd>Aquest atribut booleà indica si el selector s'utilitza quan l'atribut <strong>type</strong> és <code>file</code> per permetre la selecció de només directoris.</dd>
+ <dt>{{htmlattrdef("width")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Si el valor de l'atribut <strong>type</strong> és <code>image</code>, aquest atribut defineix l'amplada de la imatge visualitzada per al botó.</dd>
+ <dt>{{htmlattrdef("x-moz-errormessage")}} {{non-standard_inline}}</dt>
+ <dd>Aquesta extensió de Mozilla li permet especificar el missatge d'error que es mostrarà quan un camp no és valida correctament.</dd>
+</dl>
+
+<h2 id="Notes">Notes</h2>
+
+<h3 id="Entrades_d'arxius">E<span class="short_text" id="result_box" lang="ca"><span>ntrades</span> <span>d'arxius</span></span></h3>
+
+<div class="note">
+<p><strong>Not:</strong> A partir de {{Gecko("2.0")}}, cridar al mètode click() en un element <code>&lt;input&gt;</code> de type "file" obre el selector d'arxius i permet a l'usuari seleccionar arxius. Consulti <a href="https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications">Ús d'arxius d'aplicacions web</a> per obtenir un exemple i més detalls.</p>
+</div>
+
+<p>No es pot establir el valor d'un selector de fitxers a partir d'un script; fer alguna cosa com el següent no té efecte:</p>
+
+<pre class="brush: js">var e = getElementById("someFileInputElement");
+e.value = "foo";
+</pre>
+
+<h3 id="Missatges_d'error">Missatges d'error</h3>
+
+<p>Si voleu que Firefox presenti un missatge d'error personalitzat quan un camp no pot validar, podeu utilitzar l'atribut <code>x-moz-errormessage</code> per fer-ho:</p>
+
+<pre class="brush: html">&lt;input type="email" x-moz-errormessage="Please specify a valid email address."&gt;
+</pre>
+
+<p>Tingueu en compte, però, que això no és estàndard i no tindrà efecte sobre altres navegadors.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h2 id="Exemple_1_Caixa_d'entrada_senzilla">Exemple 1; <span class="short_text" id="result_box" lang="ca"><span>Caixa</span> <span>d'entrada</span> <span>senzilla</span></span></h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;A basic input&lt;/p&gt;
+&lt;input type="text" value="Type here"&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{ EmbedLiveSample('Example_1_Simple_input_box', '', '100', '', 'Web/HTML/Element/input') }}</p>
+
+<h2 id="Exemple_2_Escenari_de_cas_d'ùs_comú">Exemple 2; Escenari de cas d'ùs comú</h2>
+
+<h3 id="HTML_2">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;A common form that includes input tags&lt;/p&gt;
+&lt;form action="getform.php" method="get"&gt;
+    &lt;label&gt;First name: &lt;input type="text"&gt;&lt;/label&gt;&lt;br&gt;
+     &lt;label&gt;Last name: &lt;input type="text"&gt;&lt;/label&gt;&lt;br&gt;
+        &lt;label&gt;E-mail: &lt;input type="email"&gt;&lt;/label&gt;&lt;br&gt;
+&lt;input type="submit" value="Submit"&gt;
+&lt;/form&gt;
+</pre>
+
+<h3 id="Resultat_2">Resultat</h3>
+
+<p>{{ EmbedLiveSample('Example_2_Common_use-case_scenario', '', '200', '', 'Web/HTML/Element/input') }}</p>
+
+<h3 id="Ús_de_mozactionhint_en_Firefox_mòbil">Ús de mozactionhint en Firefox mòbil</h3>
+
+<p>Es pot utilitzar l'atribut {{htmlattrxref("mozactionhint", "input")}} per especificar el text de l'etiqueta de la tecla Retorn al teclat virtual quan el formulari es representa a Firefox mòbil. Per exemple, per tenir una etiqueta a "Següent", pot fer això:</p>
+
+<pre class="brush: html">&lt;input type="text" mozactionhint="next"&gt;
+</pre>
+
+<p>El resultat és:</p>
+
+<p><a href="/@api/deki/files/4970/=mozactionhint.png"><img alt="mozactionhint.png" class="default internal" src="/@api/deki/files/4970/=mozactionhint.png?size=webview" style="border: 1px solid black; height: 350px; width: 210px;"></a></p>
+
+<h2 id="Localització">Localització</h2>
+
+<p>Les entrades permeses per a certs tipus &lt;input&gt; depenen de la configuració regional. En algunes localitats, 1,000.00 és un nombre vàlid, mentre que en altres localitats la forma vàlida d'ingressar aquest nombre és 1.000,00.</p>
+
+<p>Firefox utilitza la següent heurística per determinar la configuració regional per validar l'entrada de l'usuari (almenys per <code>type</code> = <code>"number"</code>):</p>
+
+<ul>
+ <li>Prova l'idioma especificat per un atribut <code>lang/xml:lang</code> en l'element o qualsevol dels seus pares;</li>
+ <li>Prova l'idioma especificat per qualsevol capçalera HTTP Content-Language o</li>
+ <li>Si no s'especifica cap, utilitzeu la configuració regional del navegador.</li>
+</ul>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-input-element', '&lt;input&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML Media Capture', '#the-capture-attribute','&lt;input capture&gt;')}}</td>
+   <td>{{Spec2('HTML Media Capture')}}</td>
+   <td>Afegeix l'element <code>capture</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-input-element', '&lt;input&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.4', '&lt;form&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)<sup>[28]</sup></th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=button</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>3</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=checkbox</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}<br>
+    {{CompatGeckoDesktop("1.9.2")}}<sup>[2]</sup></td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=color</td>
+   <td>21.0</td>
+   <td>{{CompatGeckoDesktop("29.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>11.01</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>type=date</td>
+   <td>5.0<sup>[24]</sup></td>
+   <td>{{CompatNo}}<sup>[3]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[4]</sup></td>
+  </tr>
+  <tr>
+   <td>type=datetime</td>
+   <td>{{CompatNo}}<sup>[4]</sup></td>
+   <td>{{CompatNo}}<sup>[3]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[4]</sup></td>
+  </tr>
+  <tr>
+   <td>type=datetime-local</td>
+   <td>5.0</td>
+   <td>{{CompatNo}}<sup>[3]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[4]</sup></td>
+  </tr>
+  <tr>
+   <td>type=email</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=file</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>3.02</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=hidden</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=image</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}<sup>[5]</sup></td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=month</td>
+   <td>5.0</td>
+   <td>{{CompatNo}}<sup>[6]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[4]</sup></td>
+  </tr>
+  <tr>
+   <td>type=number</td>
+   <td>6.0<sup>[7]</sup></td>
+   <td>{{CompatGeckoDesktop("29.0")}}</td>
+   <td>10<sup>[4]</sup></td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=password</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=radio</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}<br>
+    {{CompatGeckoDesktop("1.9.2")}}<sup>[2]</sup></td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=range</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("23.0")}}</td>
+   <td>10</td>
+   <td>10.62<sup>[8]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=reset</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=search</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>11.01</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=submit</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=tel</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>11.01</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=text</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>type=time</td>
+   <td>5.0</td>
+   <td>{{CompatNo}}<sup>[3]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[4]</sup></td>
+  </tr>
+  <tr>
+   <td>type=url</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=week</td>
+   <td>5.0</td>
+   <td>{{CompatNo}}<sup>[3]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[4]</sup></td>
+  </tr>
+  <tr>
+   <td>accept=[file extension]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>accept=[MIME type]</td>
+   <td>8.0</td>
+   <td>{{CompatGeckoDesktop("16.0")}}</td>
+   <td>10</td>
+   <td>10</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>accept=audio/*</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}<sup>[9]</sup></td>
+   <td>10</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>accept=video/*</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}<sup>[10]</sup></td>
+   <td>10</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>accept=image/*</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}<sup>[11]</sup></td>
+   <td>10</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>accept=[. + ext]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("37.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>accesskey</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>6</td>
+   <td>1.0</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>mozactionhint</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>autocapitalize</td>
+   <td>43</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>autocomplete</td>
+   <td>17.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>5</td>
+   <td>9.6</td>
+   <td>5.2</td>
+  </tr>
+  <tr>
+   <td>autofocus</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>9.6</td>
+   <td>5.0</td>
+  </tr>
+  <tr>
+   <td>capture</td>
+   <td>Chrome for Android (0.16)</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>checked</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>disabled</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}<sup>[25]</sup></td>
+   <td>6</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>form</td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>formaction</td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>10.62</td>
+   <td>5.2</td>
+  </tr>
+  <tr>
+   <td>formenctype</td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>formmethod</td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>10.62</td>
+   <td>5.2</td>
+  </tr>
+  <tr>
+   <td>formnovalidate</td>
+   <td>5.0<sup>[12]</sup></td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>formtarget</td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>10.62</td>
+   <td>5.2</td>
+  </tr>
+  <tr>
+   <td>height</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("16.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>1.0</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>incremental</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>inputmode</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>list</td>
+   <td>20.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>9.6</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>max</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("16.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>maxlength</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>min</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("16.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>minlength</td>
+   <td>40.0</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>multiple</td>
+   <td>1.0<sup>[13]</sup></td>
+   <td>{{CompatGeckoDesktop("1.9.2")}}<sup>[14]</sup><br>
+    {{CompatVersionUnknown}}<sup>[15]</sup></td>
+   <td>10</td>
+   <td>1.0<br>
+    10.62<sup>[14]</sup><br>
+    11.01<sup>[15]</sup></td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>name</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>pattern</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>9.6</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>placeholder</td>
+   <td>10.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>11.00</td>
+   <td>5.0</td>
+  </tr>
+  <tr>
+   <td>readonly</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>6<sup>[16] </sup></td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>required</td>
+   <td>5.0<br>
+    10<sup>[17]</sup></td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>9.6</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>size</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>spellcheck</td>
+   <td>10.0</td>
+   <td>{{CompatGeckoDesktop("1.9.2")}}</td>
+   <td>10</td>
+   <td>11.0</td>
+   <td>4.0</td>
+  </tr>
+  <tr>
+   <td>src</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>2</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>step</td>
+   <td>6.0</td>
+   <td>{{CompatGeckoDesktop("16.0")}}</td>
+   <td>10</td>
+   <td>10.62</td>
+   <td>5.0</td>
+  </tr>
+  <tr>
+   <td>tabindex</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>6<sup>[18]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>webkitdirectory</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("49.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>width</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("16.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>1.0</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=button</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[27]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=checkbox</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=color</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("27.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=date</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>5.0<sup>[23]</sup></td>
+  </tr>
+  <tr>
+   <td>type=datetime</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[23]</sup></td>
+  </tr>
+  <tr>
+   <td>type=datetime-local</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[23]</sup></td>
+  </tr>
+  <tr>
+   <td>type=email</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>3.1<sup>[19]</sup></td>
+  </tr>
+  <tr>
+   <td>type=file</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}<sup>[27]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[21]</sup></td>
+  </tr>
+  <tr>
+   <td>type=hidden</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=image</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=month</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[23]</sup></td>
+  </tr>
+  <tr>
+   <td>type=number</td>
+   <td>2.3</td>
+   <td>{{CompatGeckoMobile("29.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>4.0<sup>[19]</sup></td>
+  </tr>
+  <tr>
+   <td>type=password</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[22]</sup></td>
+  </tr>
+  <tr>
+   <td>type=radio</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=range</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>5.0</td>
+  </tr>
+  <tr>
+   <td>type=reset</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=search</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>4.0<sup>[22]</sup></td>
+  </tr>
+  <tr>
+   <td>type=submit</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[27]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>type=tel</td>
+   <td>2.3</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>3.1<sup>[22]</sup></td>
+  </tr>
+  <tr>
+   <td>type=text</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[27]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[22]</sup></td>
+  </tr>
+  <tr>
+   <td>type=time</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}<sup>[23]</sup></td>
+  </tr>
+  <tr>
+   <td>type=url</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>3.1<sup>[19]</sup></td>
+  </tr>
+  <tr>
+   <td>type=week</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>10.62</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>accept=[MIME type]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>accept=audio/*</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>accept=image/*</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}<sup>[26]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>accept=video/*</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>accept=[. + ext]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("37.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>accesskey</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>autocomplete</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>autofocus</td>
+   <td>3.2</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>capture</td>
+   <td>3.0</td>
+   <td>{{CompatGeckoMobile("10.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>6.0</td>
+  </tr>
+  <tr>
+   <td>checked</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>disabled</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>form</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>formaction</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>5.0</td>
+  </tr>
+  <tr>
+   <td>formenctype</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>formmethod</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>5.0</td>
+  </tr>
+  <tr>
+   <td>formnovalidate</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>formtarget</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>5.0</td>
+  </tr>
+  <tr>
+   <td>height</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("16.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>list</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>max</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("16.0")}}<sup>[20]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>maxlength</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>min</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("16.0")}}<sup>[20]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>minlength</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>27.0</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>multiple</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>name</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>pattern</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>placeholder</td>
+   <td>2.3</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>11.10</td>
+   <td>4</td>
+  </tr>
+  <tr>
+   <td>readonly</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>required</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>size</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>spellcheck</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>11.0</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>src</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>step</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("16.0")}}<sup>[20]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.62</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>tabindex</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>webkitdirectory</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("49.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>width</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("16.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <span id="result_box" lang="ca"><span>Això</span> <span>es va implementar</span> <span>en la versió 2</span> <span>o</span> <span>anterior.</span></span></p>
+
+<p>[2] <span id="result_box" lang="ca"><span>Implementat</span> <span>pel valor</span> </span><code>indeterminate</code>.</p>
+
+<p>[3] <span id="result_box" lang="ca"><span>Aquesta</span> <span>funció no</span> <span>està implementada</span> <span>encara</span></span> . Veure {{bug("825294")}}.</p>
+
+<p>[4] <span id="result_box" lang="ca"><span>És</span> <span>reconegut</span> <span>però no hi ha</span> <span>cap interfície</span> <span>d'usuari.</span></span></p>
+
+<p>[5] <span id="result_box" lang="ca"><span>Gecko</span> <span>2.0</span> <span>{</span><span>{</span><span>geckoRelease</span> <span>(</span><span>"</span><span>2.0</span><span>"</span><span>)</span><span>}</span><span>}</span> <span>només envia</span> <span>coordenades X</span> <span>i Y</span> <span>quan</span> <span>es</span> <span>fa clic,</span> <span>ja</span> <span>no és el nom</span> <span>/</span> <span>valor de l'element</span><span>.</span></span></p>
+
+<p>[6] <span id="result_box" lang="ca"><span>Aquesta</span> <span>funció no</span> <span>està implementada</span> <span>encara</span></span> . Veure {{bug("888320")}}.</p>
+
+<p>[7] <span id="result_box" lang="ca"><span>L</span><span>ocalització en</span> <span>Chrome</span> <span>11</span><span>.</span></span></p>
+
+<p>[8] Opera 11.01 <span id="result_box" lang="ca"><span>afegeix suport</span> <span>per a un</span> <span>valor</span> <span>predeterminat.</span></span></p>
+
+<p>[9] <span id="result_box" lang="ca"><span>Filtres</span> <span>per a les</span> <span>següents</span> <span>extensions</span> <span>d'arxiu</span> <span>d'àudio</span></span> : .aac, .aif, .flac, .iff, .m4a, .m4b, .mid, .midi, .mp3, .mpa, .mpc, .oga, .ogg, .ra, .ram, .snd, .wav, .wma.</p>
+
+<p>[10] <span id="result_box" lang="ca"><span>Filtres</span> <span>per a les</span> <span>següents</span> <span>extensions</span> <span>d'arxiu</span> <span>de video</span></span> : .avi, .divx, .flv, .m4v, .mkv, .mov, .mp4, .mpeg, .mpg, .ogm, .ogv, .ogx, .rm, .rmvb, .smil, .webm, .wmv, .xvid</p>
+
+<p>[11] <span id="result_box" lang="ca"><span>Filtres</span> <span>per a les</span> <span>següents</span> <span>extensions</span> <span>d'arxiu</span> <span>d'imatge</span></span>: .jpe, .jpg, .jpeg, .gif, .png, .bmp, .ico, .svg, .svgz, .tif, .tiff, .ai, .drw, .pct, .psp, .xcf, .psd, .raw</p>
+
+<p>[12] En 6.0 només funcionava amb el tipus de document HTML 5, el suport de validació en 7.0 va ser desactivat i tornat a habilitar en 10.0.</p>
+
+<p>[13] Suportat per <code>type="file"</code> i <code>type="email"</code> des de la versió 5.0.</p>
+
+<p>[14] Suportat per <code>type="file"</code>.</p>
+
+<p>[15] Suportat per <code>type="email"</code>.</p>
+
+<p>[16] Desaparegut per <code>type="checkbox"</code> and <code>type="radio"</code>.</p>
+
+<p>[17] Suportat per l'element {{HTMLElement("select")}} .</p>
+
+<p>[18] Els elements amb <code>tabindex</code> &gt; <code>0</code> no son navegables.</p>
+
+<p>[19] Safari Mobile per iOS s'aplica un estil predeterminat de {{cssxref("opacity")}}: 0.4 a elements <code>&lt;input&gt;</code> de text desactivats.  Altres navegadors més importants actualment no comparteixen aquest estil particular per defecte en</p>
+
+<p>[20] UI podria romandre sense aplicar-se.</p>
+
+<p>[21] <a href="http://blog.uploadcare.com/post/97884147203/you-cannot-upload-files-to-a-server-using-mobile-safari">La càrrega d'arxius es van trencar</a> a Mobile Safari per iOS 8.0 i 8.0.1. L'error es va corregir en iOS 8.0.2.</p>
+
+<p>[22] Safari Mobile per iOS s'aplica un estil predeterminat de {{cssxref("opacity")}}: 0.4 a elements &lt;input&gt; de text desactivats.  Altres navegadors més importants actualment no comparteixen aquest estil particular per defecte en</p>
+
+<p>[23] En Safari Mobile per iOS, l'establiment de <code>{{cssxref("display")}}: block</code> en un <code>&lt;input&gt;</code> de <code>type="date"</code>, <code>type="time"</code>, <code>type="datetime"</code>, <code>type="datetime-local"</code>, o <code>type="month"</code> fa que el text dins de l'etiqueta <code>&lt;input&gt;</code> perdi l'alineació vertical. Veure {{webkitbug("139848")}}.</p>
+
+<p>[24] A partir def Chrome v39, un <code>&lt;input&gt;</code> de <code>type="date"</code> amb un estil <code>{{cssxref("display")}}: table-cell; {{cssxref("width")}}: 100%;</code> tindrà un {{cssxref("min-width")}} imposat per Chrome i no pot arribar a ser més estreta que aquesta amplada mínima. Vegeu <a href="https://code.google.com/p/chromium/issues/detail?id=346051">Chromium bug #346051</a>.</p>
+
+<p>[25] Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/q/5985839/432681">persisteixi l'estat dinàmic desactivat i (si escau) la validació dinàmica</a> d'un <code>&lt;input&gt;</code> a través de càrregues de pàgines. Establir el valor de l'atribut {{htmlattrxref("autocomplete","input")}} a <code>off</code> per desactiva aquesta funció; això funciona fins i tot quan l'atribut {{htmlattrxref("autocomplete","input")}} normalment no s'apliqués als elements <code>&lt;input&gt;</code> en virtut del seu {{htmlattrxref("type","input")}}. Veure {{bug(654072)}}.</p>
+
+<p>[26] A partir de Gecko 9.0 {{geckoRelease ("9.0")}}, Firefox per Android permet als usuaris capturar imatges utilitzant la seva càmera i pujar-los, sense haver de sortir del navegador. Els desenvolupadors web poden implementar aquesta funció, simplement definint el valor de l'atribut <code>accept</code> a <code>image/*</code> en el seu <code>&lt;input&gt;</code> of <code>type="file"</code> d'entrada.</p>
+
+<p>[27] Firefox per a Android es estableix per omissió {{cssxref("background-image")}} en totes les entrades de <code>type="file</code>". Això es pot desactivar usant <code>background-image:none</code>;. També s'estableix com a predeterminat {{cssxref("border")}} en ells.</p>
+
+<p>[28] Abans del Firefox 51, <code>selectionStart</code> i <code>selectionEnd</code> retornaven 0 quan no hi havia cap selecció. Ara bé, aquests retornen correctament el desplaçament del caràcter immediatament després de la posició del cursor d'entrada del text actual; que és on es col·locarà el següent caràcter introduït.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Other form-related elements: {{HTMLElement("form")}}, {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("select")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li>
+ <li><a class="external" href="http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text">Marcados de posició de text, entre navegadors HTML 5</a></li>
+</ul>
diff --git a/files/ca/web/html/element/ins/index.html b/files/ca/web/html/element/ins/index.html
new file mode 100644
index 0000000000..b8d452a7b0
--- /dev/null
+++ b/files/ca/web/html/element/ins/index.html
@@ -0,0 +1,122 @@
+---
+title: <ins>
+slug: Web/HTML/Element/ins
+tags:
+  - Element
+  - HTML
+  - HTML edits
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/ins
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>Element HTML &lt;ins&gt;</strong> (o HTML <em>inserit text</em>)  HTML representa un rang de text que s'ha afegit a un document.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a> o <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Transparent</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLModElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("cite")}}</dt>
+ <dd>Aquest atribut defineix l'URI d'un recurs que explica la modificació, com un enllaç a alguna reunió o un bitllet en un sistema de depuració.</dd>
+ <dt>{{htmlattrdef("datetime")}}</dt>
+ <dd>Aquest atribut indica l'hora i la data de la modificació i ha de ser una <a href="http://www.w3.org/TR/2011/WD-html5-20110525/common-microsyntaxes.html#valid-date-string-with-optional-time">data vàlida amb una cadena de temps opcional</a>. Si el valor no es pot analitzar com una data amb una cadena de temps opcional, l'element no té una marca de temps associada.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;ins&gt;This text has been inserted&lt;/ins&gt;</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p><ins>This text has been inserted</ins></p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'edits.html#the-ins-element', '&lt;ins&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'edits.html#the-ins-element', '&lt;ins&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.4', '&lt;ins&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("del")}} element per marcar la seva eliminació en un document.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/isindex/index.html b/files/ca/web/html/element/isindex/index.html
new file mode 100644
index 0000000000..4ff02f4a16
--- /dev/null
+++ b/files/ca/web/html/element/isindex/index.html
@@ -0,0 +1,64 @@
+---
+title: <isindex>
+slug: Web/HTML/Element/isindex
+tags:
+  - Deprecated
+  - Element
+  - HTML
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/isindex
+---
+<div>{{Deprecated_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p><strong>&lt;Isindex&gt;</strong> és un element HTML obsolet que posa un camp de text en una pàgina per consultar el document. <code>&lt;Isindex&gt;</code> proporcionava una sola entrada de text de línia per ingressar una cadena de consulta. Quan s'envia, el servidor retorna una llista de pàgines que coincideixin amb la consulta. El suport depenia tant del navegador com del servidor per respondre a la consulta.</p>
+
+<p><code>&lt;isindex&gt;</code> <span id="result_box" lang="ca"><span>està </span><span>desaprovat</span> en <span>HTML</span> <span>4.01</span><span>, ja que</span> <span>el mateix comportament</span> <span>es</span> <span>pot aconseguir</span> <span>amb</span> <span>un formulari</span> <span>HTML</span><span>.</span></span></p>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>accepta</span> <span>els</span></span> <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("prompt")}}</dt>
+ <dd>Aquest atribut agrega el seu valor com un indicador de camp de text.</dd>
+ <dt>{{htmlattrdef("action")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>es</span> <span>pot utilitzar</span> <span>per enviar la</span> <span>consulta</span> <span>a</span> <span>un URL</span> <span>diferent.</span> <span>L'acció no</span> <span>es</span> <span>defineix</span> <span>pel W3C.</span></span></dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;head&gt;
+  &lt;isindex prompt="Search Document... " /&gt;
+&lt;/head&gt;</pre>
+
+<h2 id="Historia">Historia</h2>
+
+<p><span id="result_box" lang="ca"><span>Al juny de</span> <span>1992</span> <span>Dan</span> <span>Connolly</span> <span>preferiria</span> <span>un tipus</span> <span>d'ancoratge</span> <span>diferent</span> <span>en lloc de</span> <span>isindex</span><span>.</span></span></p>
+
+<p>Al novembre de 1992, els <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/thread.html#31">índexs com a enllaços en lloc de documents</a> iniciats per Dan Connolly impulsa la idea que els índexs són més enllaços que documents. En aquest fil, es proposen diferents tipus de solucions. La pregunta dels formularis per fer consultes <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0039.html">s'esmenta</a> en referència al navegador de Dynatext: "El navegador mostra botons alternatius, camps de text, etc. L'usuari emplena els camps, fa clic a Acceptar i els resultats de la consulta apareixen en la finestra de la taula de contingut."</p>
+
+<p>En una aproximació sobre <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/thread.html#42">isindex</a> al novembre de 1992, Kevin Hoadley va <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0042.html">qüestionar</a> la necessitat d'un element isindex i va proposar abandonar-ho. En canvi va proposar tenir un element <a href="https://developer.mozilla.org/wiki/HTML/Elements/input">d'entrada</a> (idea <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0053.html">recolzada</a> per Steve Putz). Tim Berners-Lee <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0044.html">explica</a> la finalitat resultant de isindex en resultats de cerca agregada. Kevin <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0048.html">respon</a> que ell no li agrada la naturalesa booleana de isindex i preferiria un sistema on tot és cerca i proposa estendre el marc actual WWW amb una configuració httpd específica i definir que algunes URI de mapeig crein les consultes de cerca.</p>
+
+<p><span id="result_box" lang="ca"><span>En</span> <span>2016</span><span>, s'ha proposat</span> <span>per</span></span> <a href="https://github.com/w3c/html/issues/240">elimnar <code>isindex</code> de l'especificació</a>.</p>
+
+<h2 id="Referència_HTML">Referència HTML</h2>
+
+<ul>
+ <li><a class="external text" href="http://www.w3.org/TR/html5" rel="nofollow">HTML5</a> la classifica com una <a class="external text" href="http://www.w3.org/TR/html5/obsolete.html#obsolete" rel="nofollow">característica no conforme</a>.</li>
+ <li><a class="external text" href="http://www.w3.org/TR/html401/interact/forms.html#h-17.8" rel="nofollow">ISINDEX</a> element desaprovat en <a class="external text" href="http://www.w3.org/TR/html401/" rel="nofollow">HTML 4.01</a></li>
+ <li><a class="external text" href="http://www.w3.org/TR/REC-html32#isindex" rel="nofollow">ISINDEX</a> en <a class="external text" href="http://www.w3.org/TR/REC-html32" rel="nofollow">HTML 3.2</a></li>
+ <li><a class="external text" href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.2.3" rel="nofollow">ISINDEX</a> en <a class="external text" href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html" rel="nofollow">HTML 2.0</a> <span class="short_text" id="result_box" lang="ca"><span>així</span> <span>com la descripció</span> <span>del comportament en</span></span> <a class="external text" href="http://www.w3.org/MarkUp/html-spec/html-spec_7.html#SEC7.5" rel="nofollow">Queries i Indexes</a> (HTML 2.0)</li>
+ <li><a class="external text" href="http://www.w3.org/MarkUp/HTMLPlus/htmlplus_51.html" rel="nofollow">ISINDEX</a> en <a class="external text" href="http://www.w3.org/MarkUp/HTMLPlus/htmlplus_1.html" rel="nofollow">HTML+</a></li>
+</ul>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("input")}}</li>
+ <li>{{HTMLElement("form")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/kbd/index.html b/files/ca/web/html/element/kbd/index.html
new file mode 100644
index 0000000000..19277878bc
--- /dev/null
+++ b/files/ca/web/html/element/kbd/index.html
@@ -0,0 +1,150 @@
+---
+title: <kbd>
+slug: Web/HTML/Element/kbd
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/kbd
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>element d'entrada de teclat HTML</em> (<strong>&lt;kbd&gt;</strong>) , representa l'entrada de l'usuari i produeix un element en línia que apareix per defecte com a font d'espai senzill (monspace) en el navegador.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclos, Firefox implementa la interfície {{domxref("HTMLSpanElement")}} per aquest element.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;p&gt;Type the following in the Run dialog: &lt;kbd&gt;cmd&lt;/kbd&gt;&lt;br /&gt;Then click the OK button.&lt;/p&gt;
+
+&lt;p&gt;Save the document by pressing &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;S&lt;/kbd&gt;&lt;/p&gt;</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{ EmbedLiveSample('Examples', 350, 120) }}</p>
+
+<h2 id="Nota">Nota</h2>
+
+<p>Es pot definir una regla CSS perquè el selector de <code>kbd</code> reemplaci la cara de font predeterminada del navegador. Les preferències establertes per l'usuari poden tenir prioritat sobre el CSS especificat.</p>
+
+<p>Quan l'element <code>&lt;kbd&gt;</code> està niat dins d'un element <code>&lt;samp&gt;</code>, representa l'entrada tal com va ser repetida pel sistema.</p>
+
+<p>Quan l'element <code>&lt;kbd&gt;</code> <em>conté</em> un element <code>&lt;samp&gt;</code>, representa una entrada basada en la sortida del sistema, per exemple, la invocació d'un element de menú.</p>
+
+<p>Quan l'element <code>&lt;kbd&gt;</code> està niat dins d'un altre element <code>&lt;kbd&gt;</code>, representa una clau real o una altra unitat única d'entrada segons sigui apropiat per al mecanisme d'entrada.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-kbd-element', '&lt;kbd&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-kbd-element', '&lt;kbd&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td><span id="result_box" lang="ca"><span>Expandit</span> <span>per</span> <span>incloure qualsevol</span> <span>entrada de l'usuari</span><span>, igual</span> <span>que l'entrada</span> <span>de veu</span> <span>i</span> <span>pulsacions de</span> <span>tecles</span> <span>individuals.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '&lt;kbd&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{htmlelement("code")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/keygen/index.html b/files/ca/web/html/element/keygen/index.html
new file mode 100644
index 0000000000..aa7b7245d6
--- /dev/null
+++ b/files/ca/web/html/element/keygen/index.html
@@ -0,0 +1,189 @@
+---
+title: <keygen>
+slug: Web/HTML/Element/keygen
+tags:
+  - Deprecated
+  - Element
+  - HTML
+  - HTML forms
+  - HTML5
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/keygen
+---
+<p>{{deprecated_header}}</p>
+
+<p>L'element HTML <code>&lt;keygen&gt;</code> existeix per facilitar la generació de material clau, i la presentació de la clau pública com a part d'un <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms">formulari HTML</a>. Aquest mecanisme està dissenyat per funcionar amb sistemes de gestió de certificats basats en web. S'espera que l'element <code>&lt;keygen&gt;</code> s'utilitzi en un formulari HTML juntament amb una altra informació necessària per construir una sol·licitud de certificat, i que el resultat del procés serà un certificat signat.</p>
+
+<div class="note">
+<p>En l'actualitat existeix el debat entre els fabricants de navegadors web, si mantenir aquesta característica o no. Fins que s'arribi a una decisió, és millor segui considerant aquesta característica com desaprovada i desapareguda.</p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de continguts</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut interactiu, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerta</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetable</a>, <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">presentable</a>, <a href="/en-US/docs/HTML/Content_categories#Form_resettable" title="HTML/Content categories#Form resettable">reajustable</a>  <a href="/en-US/docs/HTML/Content_categories#Form-associated_content" title="HTML/Content categories#Form-associated content">element associat a formulari</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta d'inici</span> <span>i</span> <span>no </span><span> una</span> <span>etiqueta </span></span><span lang="ca"><span>de tancament</span></span>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLKeygenElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("autofocus")}}</dt>
+ <dd>Aquest atribut booleà permet especificar que el control ha de tenir el focus d'entrada quan es carrega la pàgina, llevat que l'usuari ho anul·li, per exemple escrivint en un control diferent. Només un element de formulari en un document pot tenir l'atribut <code>autofocus</code>, el qual és un valor booleà.</dd>
+ <dt>{{htmlattrdef("challenge")}}</dt>
+ <dd>Una cadena de repte que s'envia juntament amb la clau pública. El valor per omissió és una cadena buida si no s'especifica.</dd>
+ <dt>{{htmlattrdef("disabled")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>booleà</span> <span>indica</span> <span>que el control</span> <span>de formulari</span> <span>no està</span> <span>disponible per a la</span> <span>interacció.</span></span></dd>
+ <dt>{{htmlattrdef("form")}}</dt>
+ <dd>L'element formulari al que està associat aquest element (el seu <em>propietari de formulari</em>). El valor de l'atribut ha de ser un <code>id</code> d'un element {{HTMLElement("form")}} en el mateix document. Si no s'especifica aquest atribut, aquest element ha de ser un descendent d'un element {{HTMLElement("form")}}. Aquest atribut li permet dipositar elements <code>&lt;keygen&gt;</code> en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari</dd>
+ <dt>{{htmlattrdef("keytype")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El tipus</span> <span>de clau</span> <span>generada.</span> <span>El valor</span> <span>per defecte</span> <span>és</span> <span>RSA.</span></span></dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El</span> <span>nom</span> <span>del control,</span> <span>que es presenta</span> <span>amb</span> <span>les dades del</span> <span>formulari.</span></span></dd>
+</dl>
+
+<p><span id="result_box" lang="ca"><span>L'element</span> <span>s'escriu</span> <span>així:</span></span></p>
+
+<pre class="brush: html">&lt;keygen name="<var>name</var>" challenge="<var>challenge string</var>" keytype="<var>type</var>" keyparams="<var>pqg-params</var>"&gt;</pre>
+
+<p>El paràmetre <code>keytype</code> s'utilitza per especificar quin tipus de clau es generarà. Els valors vàlids són "RSA", que és el valor per defecte, "DSA" i "CE". El <code>name</code> i els atributs <code>challenge</code> són necessaris en tots els casos. L'atribut <code>keytype</code> és opcional per a la generació de claus RSA i  necessària per a la generació de claus DSA i CE. L'atribut  <code>keyparams</code> és necessari per a la generació de claus DSA i CE i ignorat per a la generació de claus RSA. PQG és sinònim de <code>keyparams</code>. És a dir, es pot especificar <code>keyparams= "pqg-params"</code> o <code>pqg="pqg-params"</code>.</p>
+
+<p>Per a les claus RSA, el paràmetre <code>keyparams</code> no s'utilitza (s'ignora si està present). L'usuari pot tenir una opció dels nivells de qualitat de la clau RSA. Actualment, l'usuari ha de triar entre nivell de qualitat "high" (2048 bits) i nivell de qualitat "medium" (1024 bits).</p>
+
+<p>Per a les claus DSA, el paràmetre <code>keyparams</code> especifica els paràmetres DSA PQG que es van a utilitzar en el procés keygen. El valor del paràmetre <code>pqg</code> és BASE64 codificat, DER codificat DSS-Parms com s'especifica en IETF <a href="ftp://ftp.rfc-editor.org/in-notes/rfc3279.txt">RFC 3279</a>. L'usuari pot tenir una varietat de mides de clau DSA, el que permet a l'usuari triar una de les mides definides en l'estàndard DSA.</p>
+
+<p>Per a les claus CE, el paràmetre <code>keyparams</code> especifica el nom de la corba el·líptica en la qual es genera la clau. Normalment és una cadena de la taula <a href="http://mxr.mozilla.org/mozilla-central/source/security/manager/ssl/src/nsKeygenHandler.cpp?mark=179-185,187-206,208-227,229-256#177">nsKeygenHandler.cpp</a>. (Tingui en compte que només un subconjunt de les corbes nomenades allí pot ser suportat en qualsevol navegador en particular.) Si la cadena de paràmetres keyparams no és una cadena de nom de corba reconeixible, es tria una corba d'acord amb la qualitat de la clau triada per l'usuari (baixa, mitja , alta), utilitzant la corba anomenada <code>"secp384r1"</code> per a les claus altes, i la corba anomenada <code>"secp256r1"</code> per a les claus mitjanes. (Nota: Per determinar el nombre de claus de qualitat, els valors per defecte per a cada nivell de qualitat, i la interfície d'usuari mitjançant la qual s'ofereix a l'usuari una elecció, es troben fora de l'abast d'aquesta especificació.)</p>
+
+<p>L'element <code>&lt;keygen&gt;</code> només és vàlida dins d'un formulari HTML. Això causarà algun tipus de selecció que es presenta a l'usuari per a la selecció de mida de la clau. La interfície d'usuari per a la selecció pot ser un menú, botons de radi, possiblement una altra cosa. El navegador presenta diverses claus de qualitat possibles. En l'actualitat, dos nivells de qualitat s'ofereixen, mitja i alta. Si el navegador de l'usuari està configurat per suportar maquinari criptogràfic (per exemple, les "targetes intel·ligents") l'usuari també es pot donar l'opció d'on generar la clau, és a dir, en una targeta intel·ligent o en el programari i emmagatzemar-la en el disc.</p>
+
+<p>Quan es prem el botó d'enviar, es genera un parell de claus de la mida seleccionada. La clau privada es xifra i s'emmagatzema a la base de dades de claus local.</p>
+
+<pre>   PublicKeyAndChallenge ::= SEQUENCE {
+       spki SubjectPublicKeyInfo,
+       challenge IA5STRING
+   }
+   SignedPublicKeyAndChallenge ::= SEQUENCE {
+       publicKeyAndChallenge PublicKeyAndChallenge,
+       signatureAlgorithm AlgorithmIdentifier,
+       signature BIT STRING
+   }</pre>
+
+<p>La clau pública i la cadena de repte són DER codificades com <code>PublicKeyAndChallenge</code>, i a continuació, signades digitalment amb la clau privada per produir <code>SignedPublicKeyAndChallenge</code>. El <code>SignedPublicKeyAndChallenge</code> és {{Glossary("Base64")}} codificada, i les dades ASCII finalment s'envia al servidor com el valor d'un parell de nom / valor de formulari, on el nom és el <em>name</em> especificat per l'atribut <em>name</em> de l' element <code>keygen</code>. Si no es proporciona cap cadena de repte, llavors es codificarà com una <code>IA5STRING</code> de longitud zero.</p>
+
+<p>Heus aquí un exemple d'enviament de formularis, ja que seria lliurat a un programa CGI pel servidor HTTP:</p>
+
+<pre>   commonname=John+Doe&amp;email=doe@foo.com&amp;org=Foobar+Computing+Corp.&amp;
+   orgunit=Bureau+of+Bureaucracy&amp;locality=Anytown&amp;state=California&amp;country=US&amp;
+   key=MIHFMHEwXDANBgkqhkiG9w0BAQEFAANLADBIAkEAnX0TILJrOMUue%2BPtwBRE6XfV%0AWtKQbsshxk5ZhcUwcwyvcnIq9b82QhJdoACdD34rqfCAIND46fXKQUnb0mvKzQID%0AAQABFhFNb3ppbGxhSXNNeUZyaWVuZDANBgkqhkiG9w0BAQQFAANBAAKv2Eex2n%2FS%0Ar%2F7iJNroWlSzSMtTiQTEB%2BADWHGj9u1xrUrOilq%2Fo2cuQxIfZcNZkYAkWP4DubqW%0Ai0%2F%2FrgBvmco%3D</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<ul>
+ <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=380749" title="https://bugzilla.mozilla.org/attachment.cgi?id=380749">Exemple de formulari amb l'element RSA KEYGEN</a></li>
+ <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=380750" title="https://bugzilla.mozilla.org/attachment.cgi?id=380750">Exemple de formulari amb l'element DSA KEYGEN i paràmetres PQG</a></li>
+ <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=380751" title="https://bugzilla.mozilla.org/attachment.cgi?id=380751">Exemple de formulari amb l'element DSA KEYGEN però sense paràmetres PQG</a></li>
+ <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=380752" title="https://bugzilla.mozilla.org/attachment.cgi?id=380752">Exemple de formulari amb l'element EC KEYGEN </a></li>
+</ul>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-keygen-element', '&lt;keygen&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-keygen-element', '&lt;keygen&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>uport bàsic</td>
+   <td>{{compatChrome(1.0)}} [1]</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>3.0</td>
+   <td>1.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>uport bàsic</td>
+   <td>2.3</td>
+   <td>{{CompatVersionUnknown}} [1]</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}} [1]</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Desaprovat en Chrome 49.</p>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/label/index.html b/files/ca/web/html/element/label/index.html
new file mode 100644
index 0000000000..b1ad6b5f51
--- /dev/null
+++ b/files/ca/web/html/element/label/index.html
@@ -0,0 +1,169 @@
+---
+title: <label>
+slug: Web/HTML/Element/label
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/label
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'<em>Element HTML Label</em> (<code><strong>&lt;label&gt;</strong></code>) representa un títol en una interfície d'usuari. Pot estar associat amb un control o bé col·locant l'element de control a l'interior de l'element <code>&lt;label&gt;</code>, o mitjançant l'ús de l'atribut {{htmlattrxref("for")}}. Aquest control es diu el <em>control labeled</em> de l'element etiqueta. Una entrada pot estar associada amb diverses etiquetes.</p>
+
+<p>Val la pena assenyalar, però, que les etiquetes no estan directament associats amb els formularis. S'associen indirectament amb els formularis a través dels controls amb els quals estan associats.</p>
+
+<div class="note">
+<p>Abans de la <a href="https://github.com/whatwg/html/pull/1120">revisió de l'especificació HTML</a> realitzada el 28 d'abril de 2016, l'atribut {{htmlattrxref("form")}} de l'element <code>&lt;label&gt;</code> permetía associar directament les etiquetes amb els formularis.</p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Interactive_content">contingut interactiu</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Form-associated_content">element associat a formulari</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>, no té elements d'etiqueta descendent. No es permeten elements etiquetables que no siguin el control labeled.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLLabelElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("for")}}</dt>
+ <dd>L'ID d'un element <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Form_labelable">etiquetable (labelable)</a> relacionat amb el formulari en el mateix document que l'element d'etiqueta. El primer d'aquests elements en el document amb un ID que coincideixi amb el valor de l'atribut for és el <em>control labeled</em> per a aquest element d'etiqueta.</dd>
+ <dd>
+ <div class="note">Un element d'etiqueta pot tenir un atribut for i un element de control contingut, sempre que l'atribut <code>for</code> assenyali a l'element de control contingut.</div>
+ </dd>
+ <dt>{{htmlattrdef("form")}} {{HTMLVersionInline("5")}} {{obsolete_inline}}</dt>
+ <dd>L'element de formulari amb el qual l'etiqueta està associada (el seu propietari de formulari). Si s'especifica, el valor de l'atribut és l'ID d'un element {{HTMLElement("form")}} en el mateix document. Això li permet col·locar elements etiqueta en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari.</dd>
+ <dd>
+ <div class="note">Aquest atribut content va ser <a href="https://github.com/whatwg/html/pull/1120">eliminat de l'especificació HTML</a>, el 28 d'abril de 2016. No obstant això, els scripts segueixen tenint accés a un atribut read-only (sol lectura) {{domxref("HTMLLabelElement.form")}} ; el retorn al formulari del control associat de l'etiqueta és un membre, o null si l'etiqueta no està associada amb un control o el control no és part d'un formulari.</div>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_etiqueta_senzilla">Exemple etiqueta senzilla</h3>
+
+<pre class="brush: html">&lt;label&gt;Click me &lt;input type="text"&gt;&lt;/label&gt;</pre>
+
+<p>{{EmbedLiveSample('Simple_label_example', '200', '50', '')}}</p>
+
+<h3 id="Ùs_de_l'attribut_for">Ùs de l'attribut "for"</h3>
+
+<pre class="brush: html">&lt;label for="username"&gt;Click me&lt;/label&gt;
+&lt;input type="text" id="username"&gt;</pre>
+
+<p>{{EmbedLiveSample('Using_the_for_attribute', '200', '50', '')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-label-element', '&lt;label&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-label-element', '&lt;label&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.9.1', '&lt;label&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] A partir de Gecko 8.0 {{geckoRelease ("8.0")}}, un esdeveniment clic desencadena la propagació de més d'un <code>&lt;label&gt;</code>, i l'esdeveniment clic sintètic no pot desencadenar <code>&lt;label&gt;</code>s addicionals. En Gecko, un esdeveniment clic encara apareixerà més enllà d'un <code>&lt;label&gt;</code>, mentre que en WebKit o Internet Explorer l'esdeveniment clic s'aturarà en el <code>&lt;label&gt;</code>.  El comportament anterior a Gecko 8.0 (el desencadenament de multiples <code>&lt;label&gt;</code>s) va fer que Firefox deixés de respondre (veure {{bug(646157)}}).</p>
+
+<p>[2] L'especificació d'HTML es va actualitzar a l'abril de 2016 per desaprovar l'atribut {{htmlattrxref("form")}}. Encara està disponible des de script, però la seva definició ha canviat: ara retorna el formulari del control associat, o null si no hi ha un control associat (és a dir, si {{domxref("HTMLLabelElement.control")}} és nul). Veure {{domxref("HTMLLabelElement.form")}}.</p>
+
+<p><span id="result_box" lang="ca"><span>Aquest canvi</span> <span>s'ha implementat</span><span> en</span></span> Firefox 49.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements relacionats amb formularis: {{HTMLElement("form")}}, {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("legend")}}, {{HTMLElement("select")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li>
+</ul>
diff --git a/files/ca/web/html/element/legend/index.html b/files/ca/web/html/element/legend/index.html
new file mode 100644
index 0000000000..fb389fc2db
--- /dev/null
+++ b/files/ca/web/html/element/legend/index.html
@@ -0,0 +1,138 @@
+---
+title: <legend>
+slug: Web/HTML/Element/legend
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/legend
+---
+<p>L'<strong>Element HTML <code>&lt;legend&gt;</code></strong> (o <em>HTML llegenda element de camp</em>) representa un títol per al contingut del se element principal  {{HTMLElement("fieldset")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>En un {{HTMLElement ("fieldset")}} el primer fill és aquest element <code>&lt;legend&gt;</code></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLLegendElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element nomès inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Veure {{HTMLElement("form")}} exemples sobre <code>&lt;legend&gt;</code>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("HTML WHATWG", "forms.html#the-legend-element", "&lt;legend&gt;")}}</td>
+   <td>{{Spec2("HTML WHATWG")}}</td>
+   <td>Definició d'un element <code>legend</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName("HTML WHATWG", "rendering.html#the-fieldset-and-legend-elements")}}</td>
+   <td>{{Spec2("HTML WHATWG")}}</td>
+   <td><span id="result_box" lang="ca"><span>Suggerit la</span> <span>presentació per</span> <span>omissió dels</span> <span>elements</span> <code><span>fieldset</span></code> <span>i</span> <code><span>legend</span></code></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName("HTML5 W3C", "forms.html#the-legend-element", "&lt;legend&gt;")}}</td>
+   <td>{{Spec2("HTML5 W3C")}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName("HTML4.01", "interact/forms.html#h-17.10", "&lt;legend&gt;")}}</td>
+   <td>{{Spec2("HTML4.01")}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements relacionats amb formularis: {{HTMLElement("form")}}, {{HTMLElement("option")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/li/index.html b/files/ca/web/html/element/li/index.html
new file mode 100644
index 0000000000..39cd6ce0b5
--- /dev/null
+++ b/files/ca/web/html/element/li/index.html
@@ -0,0 +1,210 @@
+---
+title: <li>
+slug: Web/HTML/Element/li
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - Reference
+translation_of: Web/HTML/Element/li
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML <code>&lt;li&gt;</code></strong> (o <em>Element HTML Llista d'elements</em> ) s'utilitza per representar un element d'una llista. Ha d'estar contingut en un element pare: una llista ordenada ({{HTMLElement("ol")}}), una llista desordenada ({{HTMLElement("ul")}}), o un menú ({{HTMLElement("menu")}}). En els menús i les llistes desordenades, els elements de la llista es mostren normalment amb vinyetes. En les llistes ordenades, en general es mostren amb un comptador ascendent a l'esquerra, com ara un número o una lletra.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>L'etiqueta final es pot ometre si l'element de la llista és seguida immediatament per un altre element {{HTMLElement ("li")}}, o si no hi ha més contingut en el seu element pare.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un {{HTMLElement("ul")}}, {{HTMLElement("ol")}}, o un element {{HTMLElement("menu")}}. Tot i que no és un ús conforme, el obsolet {{HTMLElement ("dir")}} també pot ser un pare.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLLIElement")}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Element type</th>
+   <td>Block</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("value")}}</dt>
+ <dd>Aquest atribut enter indica el valor ordinal actual de l'element de la llista definida per l'element {{HTMLElement("ol")}} . L'únic valor permès per a aquest atribut és un nombre, fins i tot si la llista es visualitza amb números o lletres romanes. Els element de la llista que segueixen a aquest continuen la numeració des del conjunt de valors. L'atribut <strong>value</strong> no té sentit per a llistes desordenades ({{HTMLElement("ul")}}) o per menús ({{HTMLElement("menu")}}).
+ <div class="note"><strong>Nota</strong>: Aquest atribut es va desaprovar en HTML 4, però es va tornar a introduir en HTML5.</div>
+
+ <div class="note">
+ <p><strong>Nota:</strong> Abans de {{Gecko ("9.0")}}, els valors negatius es convertien incorrectament a 0. A partir de {{Gecko ("9.0")}} tots els valors enters s'analitzen correctament.</p>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("type")}} {{Deprecated_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>de caràcter</span> <span>indica el tipus</span> <span>de numeració</span></span>:
+ <ul>
+  <li><code>a</code>: lletres minúscules</li>
+  <li><code>A</code>: lletres majúscules</li>
+  <li><code>i</code>: Nombres romans en minúscules</li>
+  <li><code>I</code>: Nombres romans en majúscules</li>
+  <li><code>1</code>: nombres</li>
+ </ul>
+ Aquest tipus anul·la la utilitzada per el seu element matriu  {{HTMLElement("ol")}}, si n'hi ha.
+
+ <div class="note"><strong>Nota d'ùs:</strong> Aquest atribut ha estat desaprovat: utilitzar la propietat CSS {{cssxref("list-style-type")}} en el seu lloc.</div>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;ol&gt;
+    &lt;li&gt;first item&lt;/li&gt;
+    &lt;li&gt;second item&lt;/li&gt;
+    &lt;li&gt;third item&lt;/li&gt;
+&lt;/ol&gt;
+</pre>
+
+<p>El HTML anterior es mostrarà:</p>
+
+<ol>
+ <li>first item</li>
+ <li>second item</li>
+ <li>third item</li>
+</ol>
+
+<pre class="brush: html">&lt;ol type="I"&gt;
+    &lt;li value="3"&gt;third item&lt;/li&gt;
+    &lt;li&gt;fourth item&lt;/li&gt;
+    &lt;li&gt;fifth item&lt;/li&gt;
+&lt;/ol&gt;
+</pre>
+
+<p>El HTML anterior es mostrarà:</p>
+
+<ol start="3" style="list-style-type: upper-roman;">
+ <li>third item</li>
+ <li>fourth item</li>
+ <li>fifth item</li>
+</ol>
+
+<pre class="brush: html">&lt;ul&gt;
+    &lt;li&gt;first item&lt;/li&gt;
+    &lt;li&gt;second item&lt;/li&gt;
+    &lt;li&gt;third item&lt;/li&gt;
+&lt;/ul&gt;</pre>
+
+<ul>
+ <li>first item</li>
+ <li>second item</li>
+ <li>third item</li>
+</ul>
+
+<p><span id="result_box" lang="ca"><span>Per</span> <span>obtenir</span> <span>exemples</span> <span>més</span> <span>detallats</span><span>, consulteu</span><span> les pàgines</span></span> <a href="/en-US/docs/Web/HTML/Element/ol#Examples">&lt;ol&gt;</a> i <a href="/en-US/docs/Web/HTML/Element/ul#Examples">&lt;ul&gt;</a>.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-li-element', '&lt;li&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-li-element', '&lt;li&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'lists.html#h-10.2', '&lt;li&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>L'atribut <code>type</code> està desaprovat.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Altres elements</span> <span>HTML</span> <span>relacionats amb</span> <span>llistes</span></span> : {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}}, i el obsolet {{HTMLElement("dir")}};</li>
+ <li>Propietats CSS que poden ser especialment útils per donar estil l'element <code>&lt;li&gt;</code>:
+  <ul>
+   <li>La propietat {{cssxref("list-style")}}, per a triar la forma de visualització de l'ordinal,</li>
+   <li><a href="/Web/Guide/CSS/Counters">Comptadors CSS</a>, per gestionar llistes niades complexes,</li>
+   <li>la propietat {{cssxref("margin")}}, per controlar la sagnia de l'element de la llista..</li>
+  </ul>
+ </li>
+</ul>
+
+<div> </div>
diff --git a/files/ca/web/html/element/link/index.html b/files/ca/web/html/element/link/index.html
new file mode 100644
index 0000000000..abadadd86c
--- /dev/null
+++ b/files/ca/web/html/element/link/index.html
@@ -0,0 +1,428 @@
+---
+title: <link>
+slug: Web/HTML/Element/link
+tags:
+  - Element
+  - HTML
+  - HTML document metadata
+  - Reference
+  - Web
+  - metadata
+translation_of: Web/HTML/Element/link
+---
+<p id="Summary">{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML <code>&lt;link&gt;</code></strong> especifica les relacions entre el document actual i un recurs extern. Els possibles usos d'aquest element inclouen la definició d'un marc relacional per a la navegació. Aquest element és el més utilitzat per vincular els fulls d'estil.</p>
+
+<div class="note">
+<p>El {{htmlattrxref ("rel", "link")}} es pot establir a una gran quantitat de diferents valors. S'enumeren en una pàgina separada.</p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Contingut metadata. Si {{htmlattrxref("itemprop", "link")}} està present: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a> i <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a></td>
+  </tr>
+  <tr>
+   <th>Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th>Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>l'etiqueta</span> <span>d'inici</span> <span>ha d'estar present</span> <span>i</span> <span>l'etiqueta</span> <span>final</span> <span>no ha d'estar</span> <span>present</span></span></td>
+  </tr>
+  <tr>
+   <th>Elements pares permesos</th>
+   <td>Qualsevol element que accepti elements metadata. Si {{htmlattrxref("itemprop", "link")}} està present: qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th>Interfície DOM</th>
+   <td>{{domxref("HTMLLinkElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs global</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("charset")}}{{obsolete_inline}}</dt>
+ <dd>Aquest atribut defineix la codificació de caràcters del recurs vinculat. El valor és una llista d'espai i/o separada per comes dels jocs de caràcters tal com es defineix en el {{rfc(2045)}}. El valor per defecte és <code>ISO-8859-1</code>.
+ <div class="note"><strong>Nota d'ùs:</strong> <span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>és</span> <span>obsolet</span> <span>i no</span> <span>ha de ser utilitzat</span> <span>pels autors.</span> <span>Per aconseguir el seu</span> <span>efecte</span><span>, utilitzar</span> <span>la capçalera</span> <span>HTTP</span> <span>Content</span><span>-</span><span>Type</span> <span>en el recurs</span> <span>vinculat</span><span>.</span></span></div>
+ </dd>
+ <dt>{{htmlattrdef("crossorigin")}}</dt>
+ <dd>Aquest atribut enumerat indica si CORS s'ha d'utilitzar en recuperar la imatge relacionada. Les <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_Enabled_Image">imatges habilitades per CORS</a> poden ser reutilitzades en l'element {{HTMLElement("canvas")}} sense ser contaminades. Els valors permesos són:
+ <dl>
+  <dt><code>"anonymous"</code></dt>
+  <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>Origin</code>: capçalera HTTP) es porta a terme. Però no s'envia credencials (és a dir, no hi ha cap galeta, no hi ha cap certificat X.509 i no s'envia l'autenticació HTTP bàsica). Si el servidor no dóna credencials al lloc d'origen (si no s'estableix <code>Access-Control-Allow-Origin</code> : capçalera HTTP) la imatge serà <em>contaminada</em> i el seu ús restringit.</dd>
+  <dt><code>"use-credentials"</code></dt>
+  <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>Origin</code>: capçalera HTTP) es realitza amb la credencial enviada (és a dir, una galeta, un certificat i es porta a terme l'autenticacióHTTP bàsica). Si el servidor no dóna credencials al lloc d'origen (a través <code>Access-Control-Allow-Credencials</code>: capçalera HTTP), la imatge serà <em>contaminada</em> i el seu ús restringit.</dd>
+ </dl>
+ Quan no està present, el recurs es recupera sense una sol·licitud CORS (és a dir, sense necessitat d'enviar l'<code>Origin</code>: capçalera HTTP), impedint la seva contaminació utilitzada en els elements {{HTMLElement('canvas')}} . Si no és vàlid, es maneja com si s'usés la paraula clau enumerada <strong>anonymous</strong>. Consulteu els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes">atributs de configuració de CORS</a> per obtenir informació addicional.</dd>
+ <dt>{{htmlattrdef("disabled")}} {{Non-standard_inline}}</dt>
+ <dd>Aquest atribut s'utilitza per deshabilitar una relació d'enllaços. En conjunció amb scripts, aquest atribut podria ser utilitzat per activar i desactivar diverses relacions de fulles d'estil.
+ <div class="note">
+ <p><strong>Nota: </strong>Si bé no hi ha cap atribut <code>disabled</code> en l'estàndard HTML, <strong>hi ha</strong> un atribut <code>disabled</code> en l'objecte DOM <code>HTMLLinkElement</code> .</p>
+
+ <p>L'ús de <code>disabled</code> com un atribut HTML no és estàndard i només és utilitzat per alguns navegadors (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27677">W3 #27677</a>). <strong>No ho feu servir</strong>. Per aconseguir un efecte similar, utilitzeu una de les següents tècniques:</p>
+
+ <ul>
+  <li>Si l'atribut <code>disabled</code> s'ha afegit directament a l'element de la pàgina, no no inclogueu l'element {{HTMLElement ("link")}} en el seu lloc;</li>
+  <li>Establir la <strong>propietat</strong> <code>disabled</code> de l'objecte DOM <code>stylesheet</code> a través de scripts.</li>
+ </ul>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("href")}}</dt>
+ <dd>Aquest atribut especifica el {{glossary("URL")}} del recurs vinculat. Un URL pot ser absoluta o relativa.</dd>
+ <dt>{{htmlattrdef("hreflang")}}</dt>
+ <dd>Aquest atribut indica l'idioma del recurs vinculat. És merament consultiu. Els valors permesos són determinats per <a href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a>. Utilitzeu aquest atribut només si el atribut {{htmlattrxref ("href", "a")}} és present.</dd>
+ <dt>{{htmlattrdef("integrity")}} {{experimental_inline}}</dt>
+ <dd>Conté metadades en línia, un hash criptogràfic codificat en base 64 d'un recurs (file) que li diu al navegador que ho ha d'obtenir, per a què un agent d'usuari el pugui utilitzar per verificar que el recurs obtingut ha estat entregat lliure de manipulacións inesperades. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity">Integritat de Sub-recursos</a>.</dd>
+ <dt>{{htmlattrdef("media")}}</dt>
+ <dd>Aquest atribut especifica els mitjans als quals s'aplica el recurs vinculat. El seu valor ha de ser una <a href="https://developer.mozilla.org/en-US/docs/CSS/Media_queries">consulta de mitjans</a>. Aquest atribut és útil principalment quan s'enllaça a fulls d'estil externs en permetre que l'agent d'usuari triï el millor adaptat per al dispositiu en el qual s'executa.
+ <div class="note"><strong>Nota d'ù: </strong>
+ <ul>
+  <li>En HTML 4, això només pot ser una simple llista separada per espais en blanc de la descripció de mitjans literals, és a dir, <a href="https://developer.mozilla.org/en-US/docs/CSS/@media">els tipus de mitjans i grups</a>, on es defineixen i permeten valors per a aquest atribut, com ara print, screen, aural, braille. HTML5 va estendre això a qualsevol tipus de <a href="https://developer.mozilla.org/en-US/docs/CSS/Media_queries">consultes de mitjans (media queries)</a>, que són un superconjunto dels valors permesos d'HTML 4.</li>
+  <li>Els navegadors que no suporten el <a href="https://developer.mozilla.org/en-US/docs/CSS/Media_queries">Consultes de mitjans (Media Queries) CSS3</a>  no reconeixeran necessàriament l'enllaç adequat; No oblidi establir enllaços alternatius, el conjunt restringit de consultes de mitjans definides en HTML 4.</li>
+ </ul>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("methods")}} {{Non-standard_inline}}</dt>
+ <dd>El valor d'aquest atribut proporciona informació sobre les funcions que poden ser realitzades en un objecte. Els valors es donen generalment pel protocol HTTP quan s'utilitza, però podria (per les mateixes raons que l'atribut title) ser útil incloure informació d'assessorament per avançat a l'enllaç. Per exemple, el navegador pot triar un altre tipus de processament d'un enllaç en funció dels mètodes especificats; alguna cosa que sigui consultable podria obtenir una icona diferent, o un enllaç extern podria representar-se amb una indicació d'abandonar el lloc actual. Aquest atribut no és ben comprès ni recolzat, fins i tot per la definició del navegador, Internet Explorer 4. Vegeu els mètodes de la propietat (MSDN).</dd>
+ <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt>
+ <dd>Una cadena que indica quina referència utilitzar en recuperar el recurs::
+ <ul>
+  <li><code>'no-referrer'</code>  significa que no s'enviarà la capçalera {{HTTPHeader("Referer")}}.</li>
+  <li><code>'no-referrer-when-downgrade'</code> significa que la capçalera {{HTTPHeader ("Referer")}} serà enviada al navegar a un origen sense TLS (HTTPS). Aquest és el comportament per defecte d'un agent d'usuari, Si no s'especifica una altra política.</li>
+  <li><code>'origin'</code> significa que la referència serà l'origen de la pàgina, que és més o menys l'esquema, el host i el port.</li>
+  <li><code>'origin-when-cross-origin'</code> significa que la navegació a altres orígens estarà limitada a l'esquema, el host i el port, mentre que navegar en el mateix origen inclourà el camí  de la referència. </li>
+  <li><code>'unsafe-url'</code> significa que l'URL de referència inclourà l'origen i la ruta d'accés (però no el fragment, la contrasenya o nom d'usuari). Aquest cas no és segur, ja que pot filtrar-se orígens i trajectòries dels recursos protegits-TLS a orígens insegurs.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("rel")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>nomena una</span> <span>relació del</span> <span>document</span> <span>vinculat al</span> <span>document actual.</span> <span>L'atribut</span> <span>ha de ser una</span> <span>llista</span> <span>separada per</span> <span>espais dels</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors dels tipus d'enllaços.</a> <span>L'ús més</span> <span>comú d'aquest</span> <span>atribut</span> <span>és especificar</span> <span>un enllaç</span> <span>a un full</span> <span>d'estils extern</span><span>:</span> <span>l'atribut</span> <span>rel</span> <span>s'estableix</span> <span>en fulls</span> <span>d'estil,</span> <span>i</span> <span>l'atribut</span> <span>href</span> <span>s'estableix</span> <span>en l'adreça URL</span> <span>d'un full</span> <span>d'estils extern</span> <span>per</span> <span>donar format a</span> <span>la pàgina.</span> <span>WebTV</span> <span>també</span> <span>és compatible</span> <span>amb</span> <span>l'ús del valor</span> <span>pròxim</span> <span>a rel</span> <span>per</span> <span>carregar prèviament</span> <span>la pàgina</span> <span>següent</span> <span>en una sèrie</span> <span>de documents.</span></span></dd>
+ <dt>{{htmlattrdef("rev")}}{{obsolete_inline}}</dt>
+ <dd>El valor d'aquest atribut mostra la relació del document actual en el document vinculat, definit per l'atribut {{htmlattrxref ("href", "link")}} . Així doncs, l'atribut defineix la relació inversa en comparació amb el valor de l'atribut rel. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">Els valors dels tipus d'enllaç</a> per a l'atribut són similars als possibles valors per {{htmlattrxref ("rel", "link")}}.
+ <div class="note"><strong>Nota d'ùs: </strong>Aquest atribut és obsolet en HTML5. <strong>No ho feu servir</strong>. Per aconseguir el seu efecte, utilitzar l'atribut {{htmlattrxref ("rel", "link")}}  amb els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors dels tipus d'enllaç</a> oposats, per exemple, <code>made</code> ha de ser reemplaçat per <code>author</code>. També aquest atribut no vol dir <em>revisió</em> i no ha de ser utilitzat amb un nombre de versió, que és per desgràcia el cas en nombrosos llocs.</div>
+ </dd>
+ <dt>{{htmlattrdef("sizes")}}</dt>
+ <dd>Aquest atribut defineix la mida de les icones per els mitjans visuals continguts en el recurs. Ha d'estar present només si el {{htmlattrxref ("rel", "link")}} conté el <code>icon</code> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valor de tipus d'enllaç</a>. Pot tenir els següents valors:
+ <ul>
+  <li>qualsevol, el que significa que la icona es pot escalar a qualsevol mida, ja que està en un format vectorial, com <code>image/svg+xml</code>.</li>
+  <li>una llista de mides separades amb espais en blanc, cadascun amb el format <span style="font-family: courier new;"><em>&lt;width in pixels&gt;</em>x<em>&lt;height in pixels&gt;</em></span> o <span style="font-family: courier new;"><em>&lt;width in pixels&gt;</em>X<em>&lt;height in pixels&gt;</em></span>. Cadascun d'aquestes mides han d'estar contingudes en el recurs</li>
+ </ul>
+
+ <div class="note"><strong>Nota d'ùs: </strong>
+
+ <ul>
+  <li>La majoria de format d'icones només són capaços d'emmagatzemar un sol icona; Per tant, la majoria de les vegades el {{htmlattrxref("sizes")}} conté una sola entrada. El format ICO de MS, així com ICNS d'Apple. Sent ICO el més estès, és el que teniu què utilitzar.</li>
+  <li>El Apple's iOS no admet aquest atribut, per tant, Apple's iPhone i iPad utilitzen <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors de tipus d'enllaç</a> especials i no estàndard per definir la icona que s'utilitzarà com a element de clip Web o d'inici:  <span style="font-family: courier new;">apple-touch-icon</span> and <span style="font-family: courier new;">apple-touch-startup-icon</span>.</li>
+ </ul>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("target")}}{{Non-standard_inline}}</dt>
+ <dd>Defineix el nom de marc o finestra que té la relació d'enllaç definida o que mostrarà la representació de qualsevol recurs vinculat.</dd>
+ <dt>{{htmlattrdef("title")}}</dt>
+ <dd>L'atribut <code>title</code> té una semàntica especial en l'element <code>&lt;link&gt;</code>. Quan s'utilitza en un <code>&lt;link rel="stylesheet"&gt;</code> defineix una <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">fulla d'estil preferida o alternativa</a>. Si ho utilitza incorrectament, pot fer que <a href="https://developer.mozilla.org/en-US/docs/Correctly_Using_Titles_With_External_Stylesheets">s'ignori la fulla d'estils.</a></dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>Aquest atribut s'utilitza per definir el tipus de contingut vinculat. El valor de l'atribut ha de ser un tipus MIME com ara <strong>text/html</strong>, <strong>text/css</strong>, i així successivament. L'ús comú d'aquest atribut és definir el tipus de fulla d'estils vinculada i el valor actual més comú és <strong>text/css</strong>, el que indica un format de full d'estil en cascada.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Inclusió_d'un_full_d'estil">I<span class="short_text" id="result_box" lang="ca"><span>nclusió</span> <span>d'un full</span> <span>d'estil</span></span></h3>
+
+<p>Per incloure un full d'estil en una pàgina, utilitzeu la següent sintaxi:</p>
+
+<pre class="brush: html">&lt;link href="style.css" rel="stylesheet"&gt;
+</pre>
+
+<h3 id="Proporcionar_fulls_d'estil_alternatius"><span class="short_text" id="result_box" lang="ca"><span>Proporcionar</span> <span>fulls</span> <span>d'estil</span> <span>alternatius</span></span></h3>
+
+<p><span id="result_box" lang="ca"><span>També podeu especificar</span> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">fulls d'estil alternatius</a></span>.</p>
+
+<p>L'usuari pot triar la fulla d'estil que desitja usar seleccionant-la en el menú Veure&gt;Estil de pàgina. Això proporciona un mètode perquè els usuaris puguin veure diverses versions d'una pàgina.</p>
+
+<pre class="brush: html">&lt;link href="default.css" rel="stylesheet" title="Default Style"&gt;
+&lt;link href="fancy.css" rel="alternate stylesheet" title="Fancy"&gt;
+&lt;link href="basic.css" rel="alternate stylesheet" title="Basic"&gt;
+</pre>
+
+<h3 id="Esdeveniments_de_càrrega_de_fulls_d'estil"><span class="short_text" id="result_box" lang="ca"><span>Esdeveniments de</span> <span>càrrega</span> <span>de fulls</span> <span>d'estil</span></span></h3>
+
+<p>Es pot determinar quan un s'ha carregat un full d'estil en observar el disparo d'un esdeveniment <code>load</code>; De la mateixa manera, es pot detectar si s'ha produït un error en processar un full d'estil en observar un esdeveniment <code>error</code>:</p>
+
+<p>
+ </p><pre class="brush: html">&lt;script&gt;
+function sheetLoaded() {
+  // Do something interesting; the sheet has been loaded
+}
+
+function sheetError() {
+  alert("An error occurred loading the stylesheet!");
+}
+&lt;/script&gt;
+
+&lt;link rel="stylesheet" href="mystylesheet.css" onload="sheetLoaded()" onerror="sheetError()"&gt;
+</pre>
+<p></p>
+
+<div class="note"><strong>Nota:</strong> L'esdeveniment <code>load</code> es desencadena una vegada que el full d'estil i tot el seu contingut importat ha estat carregat i analitzat, i immediatament abans què els estils comencin a ser aplicats en els continguts.</div>
+
+<h2 id="Notes">Notes</h2>
+
+<ul>
+ <li>A <code>&lt;link&gt;</code> la etiqueta només pot estar en l'element head; No obstant això, no pot haver múltiples ocurrències de <code>&lt;link&gt;</code>.</li>
+ <li>HTML 3.2 defineix només els atributs <strong>href</strong>, <strong>rel</strong>, <strong>rev</strong> i <strong>title</strong> per a l'element link.</li>
+ <li>HTML 2 defineix els atributs <strong>href</strong>, <strong>methods</strong>, <strong>rel</strong>, <strong>rev</strong>, <strong>title</strong>, i <strong>urn</strong> per l'element <code>&lt;link&gt;</code>. Els atributs <strong>methods</strong> i <strong>urn</strong> posteriorment van ser eliminats de les especificacions.</li>
+ <li><span id="result_box" lang="ca"><span>Les</span> <span>especificacions</span> <span>d'HTML</span> <span>i XHTML</span> <span>defineixen</span> <span>controladors</span> <span>d'esdeveniments</span> <span>per a l'element</span> <code><span>&lt;</span><span>link</span><span>&gt;</span></code><span>, però no estava</span> <span>clar com</span> <span>anaven a ser</span> <span>utilitzats.</span></span></li>
+ <li><span id="result_box" lang="ca"><span>Sota</span> <span>XHTML</span> <span>1.0</span><span>, els</span> <span>elements</span> <span>buits,</span> <span>com</span> <span>&lt;</span><span>link</span><span>&gt;</span> <span>requereixen una</span> <span>barra</span> <span>final</span><span>:</span> </span><code>&lt;link /&gt;</code>.</li>
+</ul>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Subresource Integrity', '#htmlscriptelement', '&lt;script&gt;')}}</td>
+   <td>{{Spec2('Subresource Integrity')}}</td>
+   <td>Afegeix l'atribut <code>integrity</code>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-link-element', '&lt;link&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>
+    <p><span class="short_text" id="result_box" lang="ca"><span>No hi ha canvis</span> <span>des de l'última presentació</span></span></p>
+   </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-link-element', '&lt;link&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Afegeix els atributs <code>crossorigin </code>i <code>sizes</code> ; Els valors estesos de mitjans per a qualsevol consulta de mitjans; afegeix nombrosos nous valors per <code>rel</code>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.3', '&lt;link&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Alternative stylesheets</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>disabled</code> atribut {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><code>methods</code> atribute {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>4.0</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>sizes</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}} {{bug("441770")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><code>load</code> and <code>error</code> events</td>
+   <td>
+    <p>19 (Webkit: 535.23)</p>
+
+    <p>({{webkitbug(38995)}})</p>
+   </td>
+   <td>{{CompatGeckoDesktop("9.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>11.60</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>crossorigin</code></td>
+   <td>{{CompatChrome("25")}}</td>
+   <td>{{CompatGeckoDesktop("18.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOpera("15")}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>integrity</code></td>
+   <td>{{CompatChrome(45.0)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+  </tr>
+  <tr>
+   <td>atribut <code>referrerpolicy</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("50.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Alternative stylesheets</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>disabled</code> atribut {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>methods</code> atribut {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>4.0</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>sizes</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} {{bug("441770")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>load</code> and <code>error</code> events</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("9.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>crossorigin</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("18.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>integrity</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(45.0)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(45.0)}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>referrerpolicy</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("50.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] {{WebKitBug(148363)}} tracks WebKit implementation of Subresource Integrity (which includes the <code>integrity</code> attribute).</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="http://pieisgood.org/test/script-link-events/">Gràfic de compatibilitat d'esdeveniments de node &lt;script&gt; i &lt;link&gt; de Ryan Grove's</a></li>
+</ul>
diff --git a/files/ca/web/html/element/listing/index.html b/files/ca/web/html/element/listing/index.html
new file mode 100644
index 0000000000..f0606bedcb
--- /dev/null
+++ b/files/ca/web/html/element/listing/index.html
@@ -0,0 +1,48 @@
+---
+title: <listing>
+slug: Web/HTML/Element/listing
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/listing
+---
+<div>{{Obsolete_header}}</div>
+
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'<em>Element HTML Llistat</em> (<code>&lt;listing&gt;</code>) processa el text entre les etiquetes d'inici i fi sense interpretar l'HTML entre elles i usar una font monospaced. L'estàndard HTML 2 recomana que les línies no es trenquin quan no superin els 132 caràcters.</p>
+
+<p>
+ </p><div class="note"><strong>Nota: </strong> <span class="short_text" id="result_box" lang="ca"><span>No utilitzeu</span> <span>aquest</span> <span>element</span></span>
+
+ <ul>
+  <li>Està obsolet des d'HTML 3.2 i no ha estat implementat per tots els navegadors, ni de manera coherent. Més encara, està obsolet en HTML5 i pot ser representat pels agents d'usuari conformes com l'element {{HTMLElement("pre")}}, que interpretarà l'HTML intern!</li>
+  <li>En el seu lloc, utilitzi l'element {{HTMLElement("pre")}} o si s'adapta semànticament l'element {{HTMLElement("code")}}, eventualment escapa de l'HTML <code>'&lt;'and'&gt;'</code> perquè no s'interpreti.</li>
+  <li>Una font monoespaciada també es pot obtenir en un element simple {{HTMLElement("div")}}, aplicant un estil <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> adequat usant monospace com el valor de la font genèrica en una propietat {{cssxref("font-family")}}.</li>
+ </ul>
+ </div>
+<p></p>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element no</span> <span>té altres</span> <span>atributs que els</span></span> <a class="new " href="/en-US/docs/Web/HTML/global_attributes" rel="internal" title="HTML/global attributes">atributs globals</a>, <span id="result_box" lang="ca"><span>comuns a</span> <span>tots</span> <span>els</span> <span>elements.</span></span></p>
+
+<h2 id="DOM_interface" name="DOM_interface">Interfície DOM</h2>
+
+<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>implementa la</span></span> interfície {{domxref('HTMLElement')}}.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclosos, Firefox implementa la interfície {{domxref('HTMLSpanElement')}} per aquest element.</p>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>Els elements {{HTMLElement("pre")}} i {{HTMLElement("code")}} <span id="result_box" lang="ca"> <span>per a ser</span> <span>utilitzat</span> <span>al seu lloc.</span></span></li>
+ <li>Els elements {{HTMLElement("plaintext")}} i {{HTMLElement("xmp")}}, similars a {{HTMLElement("listing")}} també estan obsolet.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/main/index.html b/files/ca/web/html/element/main/index.html
new file mode 100644
index 0000000000..ecab39cd8c
--- /dev/null
+++ b/files/ca/web/html/element/main/index.html
@@ -0,0 +1,167 @@
+---
+title: <main>
+slug: Web/HTML/Element/main
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - Reference
+translation_of: Web/HTML/Element/main
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML <code>&lt;main&gt;</code></strong> representa el contingut principal de el {{HTMLElement("body")}} d'un document o aplicació. L'àrea de contingut principal està constituïda per contingut directament relacionat amb el tema central d'un document o amb la funcionalitat central d'una aplicació. Aquest contingut ha de ser exclusiu del document, excloent qualsevol contingut que es repeteixi en un conjunt de documents com a barres laterals, enllaços de navegació, informació sobre drets d'autor, logotips de llocs i formularis de cerca (tret que la funció principal del document sigui un formulari de cerca).</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>Cap; <span id="result_box" lang="ca"><span>tant</span> <span>les</span> <span>etiquetes</span> <span>d'inici i</span> <span>finalització</span> <span>són</span> <span>obligatoris</span></span>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accept <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic.</a></td>
+  </tr>
+  <tr>
+   <th scope="row">
+    <p>Interfície DOM</p>
+   </th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atribust globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;!-- other content --&gt;
+
+&lt;main&gt;
+  &lt;h1&gt;Apples&lt;/h1&gt;
+  &lt;p&gt;The apple is the pomaceous fruit of the apple tree.&lt;/p&gt;
+
+  &lt;article&gt;
+    &lt;h2&gt;Red Delicious&lt;/h2&gt;
+    &lt;p&gt;These bright red apples are the most common found in many
+    supermarkets.&lt;/p&gt;
+    &lt;p&gt;... &lt;/p&gt;
+    &lt;p&gt;... &lt;/p&gt;
+  &lt;/article&gt;
+
+  &lt;article&gt;
+    &lt;h2&gt;Granny Smith&lt;/h2&gt;
+    &lt;p&gt;These juicy, green apples make a great filling for
+    apple pies.&lt;/p&gt;
+    &lt;p&gt;... &lt;/p&gt;
+    &lt;p&gt;... &lt;/p&gt;
+  &lt;/article&gt;
+
+&lt;/main&gt;
+
+&lt;!-- other content --&gt;</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#the-main-element', '&lt;main&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>S'ha eliminat la restricció sobre l'ús de <code>&lt;main&gt;</code> diverses vegades en un document, o com un descendent d'un element {{HTMLElement("article")}}.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', 'grouping-content.html#the-main-element', '&lt;main&gt;')}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Sense canvis</span> <span>des</span></span> de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-main-element', '&lt;main&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>L'element <code>&lt;main&gt;</code> és àmpliament recolzat. Per a Internet Explorer 11 i posteriors, se suggereix que s'afegeixi una funció ària de "main" a l'element <code>&lt;main&gt;</code> per garantir la seva accessibilitat (els lectors de pantalla com JAWS, usats en combinació amb versions anteriors d'Internet Explorer, podran comprendre el significat semàntic de l'element <code>&lt;main&gt;</code> una vegada que aquest atribut <code>role</code> estigui inclòs).</p>
+
+<pre class="brush: html">&lt;main role="main"&gt;
+  ...
+&lt;/main&gt;
+</pre>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>Chrome 26</td>
+   <td>{{ CompatGeckoDesktop("21.0") }}</td>
+   <td>12</td>
+   <td>Opera 16</td>
+   <td>Safari 7</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.4</td>
+   <td>{{ CompatGeckoMobile("21.0") }}</td>
+   <td>{{CompatNo()}}</td>
+   <td>{{CompatNo()}}</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Elements estructurals bàsics: {{HTMLElement("html")}}, {{HTMLElement("head")}}, {{HTMLElement("body")}}</li>
+ <li>Elements de secció relacionats : {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}}, or {{HTMLElement("nav")}}</li>
+</ul>
+
+<p> </p>
diff --git a/files/ca/web/html/element/map/index.html b/files/ca/web/html/element/map/index.html
new file mode 100644
index 0000000000..8bf0ca7665
--- /dev/null
+++ b/files/ca/web/html/element/map/index.html
@@ -0,0 +1,163 @@
+---
+title: <map>
+slug: Web/HTML/Element/map
+tags:
+  - Element
+  - HTML
+  - HTML embedded content
+  - Multimedia
+  - NeedsLiveSample
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/map
+---
+<p>L'<strong>element HTML <code>&lt;map&gt;</code></strong> s'utilitza amb elements {{HTMLElement("area")}}  per definir un mapa d'imatge (un àrea d'enllaç que es pot clicar).</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Qualsevol element <a href="/en-US/docs/HTML/Content_categories#Transparent_content_model">transparent</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">
+    <p>Interfície DOM</p>
+   </th>
+   <td>{{domxref("HTMLMapElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd>L'atribut name li dóna al mapa un nom perquè pugui ser referenciat. L'atribut ha d'estar present i ha de tenir un valor no buit sense caràcters d'espai. El valor de l'atribut name no ha de ser una coincidència de cas de compatibilitat menor per al valor de l'atribut name d'un altre element mapa en el mateix document. Si s'especifica l'atribut id, tots dos atributs han de tenir el mateix valor.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;map name="example-map-1"&gt;
+  &lt;area shape="circle" coords="200,250,25" href="another.htm" /&gt;
+  &lt;area shape="default" /&gt;
+&lt;/map&gt;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-map-element.html#the-map-element', '&lt;map&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-map-element', '&lt;map&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '&lt;map&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop(1.0)}}<sup>[1]</sup><br>
+    {{CompatGeckoDesktop(5.0)}}<sup>[2]</sup><br>
+    {{CompatGeckoDesktop(17.0)}}<sup>[3]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoMobile(1.0)}}<sup>[1]</sup><br>
+    {{CompatGeckoMobile(5.0)}}<sup>[2]</sup><br>
+    {{CompatGeckoMobile(17.0)}}<sup>[3]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] A partir de Gecko 5.0 {{geckoRelease ("5.0")}}, els mapes buits ja no són saltats en favor dels no buits quan coincideixen i estan en la modalitat d'interpretació. Per exemple, considereu el següent HTML:</p>
+
+<pre class="brush: html">&lt;map&gt;&lt;/map&gt;
+&lt;map&gt;
+  &lt;area shape="rect" coords="25,25,75,75" href="#fail"&gt;
+&lt;/map&gt;
+&lt;img usemap="#a" src="image.png"&gt;
+</pre>
+
+<p>[2] Abans de Gecko 5.0, l'element {{HTMLElement ("img")}} hauria coincidit amb el segon mapa no buit. Ara coincideix amb el primer, encara que estigui buit.</p>
+
+<p>[3] A partir del Firefox 17 l'estil per defecte de l'element HTML <code>&lt;map&gt;</code> és <code>display:inline</code>; i no <code>display:block</code>;. Això coincideix amb el comportament d'altres navegadors i el cas que es donava en la modalitat d'interpretació.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("a")}}</li>
+ <li>{{HTMLElement("area")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/mark/index.html b/files/ca/web/html/element/mark/index.html
new file mode 100644
index 0000000000..c04d4a9401
--- /dev/null
+++ b/files/ca/web/html/element/mark/index.html
@@ -0,0 +1,146 @@
+---
+title: <mark>
+slug: Web/HTML/Element/mark
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - HTML5
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/mark
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>element HTML marca</em>  (<code>&lt;mark&gt;</code>) representa el text ressaltat, és a dir, una extensió de text marcat per a finalitats de referència, per la seva <em>rellevància</em> en un context particular. Per exemple, pot utilitzar-se en una pàgina que mostra els resultats de cerca per ressaltar cada instància de la paraula buscada.</p>
+
+<div class="note">
+<p><em>Notes d'ùs: </em></p>
+
+<ul>
+ <li>En una cita o un altre bloc, el text ressaltat sol marcar el text que es fa referència fora de la cita, o marcat per a un escrutini específic encara que l'autor original no ho va considerar important.</li>
+ <li>En el text principal, el text ressaltat sol marcar text que pot ser d'especial rellevància per a l'activitat actual de l'usuari, com els resultats de la cerca..</li>
+ <li>No utilitzeu l'element  <code>&lt;mark&gt;</code> per al ressaltat de sintaxi; utilitzar l'element {{HTMLElement("span")}} per a aquest fi.</li>
+ <li>No s'ha de confondre l'element <code>&lt;mark&gt;</code> amb l'element {{HTMLElement("strong")}}. L'element {{HTMLElement("strong")}} s'utilitza per indicar espais de text d'<em>importància</em> en el context del text, i s'utilitza l'element <code>&lt;mark&gt;</code> per designar espais de text de <em>rellevància</em> per a un context diferent.</li>
+</ul>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;p&gt;The &amp;lt;mark&amp;gt; element is used to &lt;mark&gt;highlight&lt;/mark&gt; text&lt;/p&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>The &lt;mark&gt; element is used to <mark>highlight</mark> text</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-mark-element', '&lt;mark&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-mark-element', '&lt;mark&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres <a href="/en-US/docs/HTML/Text-level_semantics_elements" title="HTML/Text-level semantics elements">elements a nivell de text, semàntica</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("abbr")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("i")}}, {{HTMLElement("b")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/marquee/index.html b/files/ca/web/html/element/marquee/index.html
new file mode 100644
index 0000000000..8a7c52b823
--- /dev/null
+++ b/files/ca/web/html/element/marquee/index.html
@@ -0,0 +1,203 @@
+---
+title: <marquee>
+slug: Web/HTML/Element/marquee
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/marquee
+---
+<div>{{HTMLRef}}</div>
+
+<div>{{obsolete_header}}</div>
+
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'element HTML <code>&lt;marquee&gt;</code> s'utilitza per inserir una àrea de desplaçament de text.</p>
+
+<h2 id="Atributs">Atributs</h2>
+
+<dl>
+ <dt>{{htmlattrdef("behavior")}}</dt>
+ <dd>Estableix com el text es desplaça dins de la marquesina. Els valors possibles són <code>scroll</code>, <code>slide</code> i <code>alternate</code>. Si no s'especifica cap valor, el valor predeterminat és <code>scroll</code>.</dd>
+ <dt>{{htmlattrdef("bgcolor")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Estableix</span> <span>el color de fons</span> <span>a través del nom</span> <span>del color</span> <span>o el valor</span> <span>hexadecimal</span></span>.</dd>
+ <dt>{{htmlattrdef("direction")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Estableix</span> <span>la direcció del moviment</span> <span>en sentit</span> <span>vertical dins</span> <span>de la</span></span> marquesina. <span id="result_box" lang="ca"><span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span></span> <code>left</code>, <code>right</code>, <code>up</code> i <code>down</code>. <span id="result_box" lang="ca"><span>Si</span> <span>no s'especifica</span> <span>cap valor</span><span>,</span> <span>es</span> <span>deixa el</span> <span>valor per</span> <span>defecte</span></span> <code>left</code>.</dd>
+ <dt>{{htmlattrdef("height")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Estableix</span> <span>l'alçada en</span> <span>píxels o</span> <span>en valor</span> <span>percentual</span></span> .</dd>
+ <dt>{{htmlattrdef("hspace")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Defineix el</span> <span>marge</span> <span>horitzontal</span></span>.</dd>
+ <dt>{{htmlattrdef("loop")}}</dt>
+ <dd>Estableix el nombre de vegades que la marquesina es desplaçarà. Si no s'especifica cap valor, el valor predeterminat és -1, el que significa que la marquesina es desplaçarà contínuament.</dd>
+ <dt>{{htmlattrdef("scrollamount")}}</dt>
+ <dd>Estableix la quantitat de desplaçament en cada interval en píxels. El valor per defecte és 6.</dd>
+ <dt>{{htmlattrdef("scrolldelay")}}</dt>
+ <dd>Estableix l'interval entre cada moviment de desplaçament en milisegons. El valor per defecte és 85. Tingueu en compte que qualsevol valor inferior a 60 és ignorat i el valor 60 s'utilitza en el seu lloc, llevat que s'especifiqui <code>trueSpeed</code>.</dd>
+ <dt>{{htmlattrdef("truespeed")}}</dt>
+ <dd>
+ <p>Per defecte, si els valors de <code>scrollDelay</code> estan per sota 60 son ignorats. Si <code>trueSpeed</code> està present, aquests valors no són ignorats.</p>
+ </dd>
+ <dt>{{htmlattrdef("vspace")}}</dt>
+ <dd>Defineix el marge vertical en píxels o percentatge.</dd>
+ <dt>{{htmlattrdef("width")}}</dt>
+ <dd>Estableix l'amplada en píxels o en valor percentual.</dd>
+</dl>
+
+<h2 id="Event_handlers" name="Event_handlers">Controladors d'esdeveniments</h2>
+
+<dl>
+ <dt>{{htmlattrdef("onbounce")}}</dt>
+ <dd>S'activa quan la marquesina ha arribat al final de la seva posició de desplaçament. Només es pot disparar quan l'atribut de comportament està configurat en <code>alternate</code>.</dd>
+ <dt>{{htmlattrdef("onfinish")}}</dt>
+ <dd>S'activa quan la marquesina ha acabat la quantitat de desplaçament que s'estableix en l'atribut loop. Només es pot disparar quan l'atribut loop s'estableix en un nombre que és més gran que 0.</dd>
+ <dt>{{htmlattrdef("onstart")}}</dt>
+ <dd>S'activa quan la marquesina comença a desplaçar-se.</dd>
+</dl>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<dl>
+ <dt>start</dt>
+ <dd><span class="short_text" id="result_box" lang="ca"><span>Inicia</span> el <span>desplaçament de la</span> <span>marquesina.</span></span></dd>
+ <dt>stop</dt>
+ <dd>  <span class="short_text" id="result_box" lang="ca"><span>Atura el </span><span>desplaçament de la</span> <span>marquesina</span></span> .</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;marquee&gt;This text will scroll from right to left&lt;/marquee&gt;
+
+&lt;marquee direction="up"&gt;This text will scroll from bottom to top&lt;/marquee&gt;
+
+&lt;marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"&gt;
+  &lt;marquee behavior="alternate"&gt;
+    This text will bounce
+  &lt;/marquee&gt;
+&lt;/marquee&gt;</pre>
+
+<p>{{EmbedLiveSample("Examples", 600, 450)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'obsolete.html#the-marquee-element-2', '&lt;marquee&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Faci-ho obsolet a favor de CSS, però definiu el seu comportament esperat, per a la compatibilitat amb versions anteriors.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'obsolete.html#the-marquee-element-0', '&lt;marquee&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Faci-ho obsolet a favor de CSS, però definiu el seu comportament esperat, per a la compatibilitat amb versions anteriors.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>2.0</td>
+   <td>7.2</td>
+   <td>1.2</td>
+  </tr>
+  <tr>
+   <td>atribut <code>truespeed</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}</td>
+   <td>4.0</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>hspace/vspace</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>loop</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>truespeed</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut<code>h space/vspace</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>loop</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/html/element/menu/index.html b/files/ca/web/html/element/menu/index.html
new file mode 100644
index 0000000000..e8f358df1f
--- /dev/null
+++ b/files/ca/web/html/element/menu/index.html
@@ -0,0 +1,184 @@
+---
+title: <menu>
+slug: Web/HTML/Element/menu
+translation_of: Web/HTML/Element/menu
+---
+<div>{{HTMLRef}}{{SeeCompatTable}}</div>
+
+<p>L'<strong>element</strong> <strong>HTML <code>&lt;menu&gt;</code></strong> representa un grup d'ordres que l'usuari pot realitzar o activar. Això inclou tant llistes com menús, que poden aparèixer a la part de dalt de la pantalla, com també menús de context, com les que poden aparèixer sota d'un botó després d'haver fet click.</p>
+
+<div class="note"><strong>Nota d'ús: </strong>Els elements {{HTMLElement("menu")}} i {{HTMLElement("ul")}} representen una llista no ordenada d'ítems. La diferència clau es que {{HTMLElement("ul")}} conté principalment ítems per mostrar, mentre que {{HTMLElement("menu")}} està destinat a elements interactius</div>
+
+<p class="note"><strong>Notes: </strong>This element was deprecated in HTML4, però reintroduit en l'HTML5.1 (still working draft).")}}. This document describes current Firefox implementation. Type 'list' is likely to change to 'toolbar' and 'context' to 'popup' according to HTML5.1 working draft.")}}</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>. Additionally, if in the <em>list menu</em> state, palpable content. (<em>list menu</em> is the default state, unless the parent element is a {{HTMLElement("menu")}} in the <em>context menu</em> state.)</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>If the element is in the <em>list menu</em> state: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">flow content</a>, or alternatively, zero or more occurrences of {{HTMLElement("li")}}, {{HTMLElement("script")}}, and {{HTMLElement("template")}}.<br>
+    If the element is in the <em>context menu</em> state: zero or more occurrences, in any order, of {{HTMLElement("menu")}} (<em>context menu</em> state only), {{HTMLElement("menuitem")}}, {{HTMLElement("hr")}}, {{HTMLElement("script")}}, and {{HTMLElement("template")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permessos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLMenuElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("label")}}</dt>
+ <dd>The name of the menu as shown to the user. Used within nested menus, to provide a label through which the submenu can be accessed. Must only be specified when the parent element is a {{HTMLElement("menu")}} in the <em>context menu</em> state.</dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>This attribute indicates the kind of menu being declared, and can be one of two values.
+ <ul>
+  <li><code>context</code>: The <em>context menu</em> state, which represents a group of commands activated through another element. This might be through the {{htmlattrxref("menu", "button")}} attribute of a {{HTMLElement("button")}}, or an element with a <a href="/en-US/docs/HTML/Global_attributes#attr-contextmenu"><code>contextmenu</code></a> attribute. When nesting {{HTMLElement("menu")}} elements directly within one another, this is the missing value default if the parent is already in this state.</li>
+  <li><code>list</code>: The <em>list menu</em> state, which represents a series of commands for user interaction. This is the missing value default, except where the parent element is a {{HTMLElement("menu")}} in the <em>context menu</em> state.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_1">Exemple 1</h3>
+
+<pre class="brush: html">&lt;!-- Un botó, que mostra un menú quan es clica --&gt;
+&lt;button type="menu" menu="dropdown-menu"&gt;
+  Dropdown
+&lt;/button&gt;
+
+&lt;menu type="context" id="dropdown-menu"&gt;
+  &lt;menuitem label="Action"&gt;
+  &lt;menuitem label="Another action"&gt;
+  &lt;hr&gt;
+  &lt;menuitem label="Separated action"&gt;
+&lt;/menu&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example_1', '', '', '', 'Web/HTML/Element/menu')}}</p>
+
+<h3 id="Exemple_2">Exemple 2</h3>
+
+<pre class="brush: html">&lt;!-- un menú de context per a un simple editor, que conté dos botons de menú --&gt;
+&lt;menu&gt;
+  &lt;li&gt;
+    &lt;button type="menu" value="File" menu="file-menu"&gt;
+    &lt;menu type="context" id="file-menu"&gt;
+      &lt;menuitem label="New..." onclick="newFile()"&gt;
+      &lt;menuitem label="Save..." onclick="saveFile()"&gt;
+    &lt;/menu&gt;
+  &lt;/li&gt;
+  &lt;li&gt;
+    &lt;button type="menu" value="Edit" menu="edit-menu"&gt;
+    &lt;menu type="context" id="edit-menu"&gt;
+      &lt;menuitem label="Cut..." onclick="cutEdit()"&gt;
+      &lt;menuitem label="Copy..." onclick="copyEdit()"&gt;
+      &lt;menuitem label="Paste..." onclick="pasteEdit()"&gt;
+    &lt;/menu&gt;
+  &lt;/li&gt;
+&lt;/menu&gt;
+</pre>
+
+<h3 id="Resultat_2">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example_2', '', '', '', 'Web/HTML/Element/menu')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'interactive-elements.html#the-menu-element', '&lt;menu&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', 'interactive-elements.html#the-menu-element', '&lt;menu&gt;')}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Gecko has some implementation, though it is not compatible to the specification. Vegeu <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1100749">error 1100749</a>.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Other list-related HTML Elements: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}} and the obsolete {{HTMLElement("dir")}}.</li>
+ <li>The <a href="/en-US/docs/HTML/Global_attributes#attr-contextmenu"><code>contextmenu</code></a> <a href="/en-US/docs/HTML/Global_attributes">global attribute</a> can be used on an element to refer to the <code>id</code> of a <code>menu</code> with the <code>context</code> {{htmlattrxref("type","menu")}}.</li>
+</ul>
diff --git a/files/ca/web/html/element/menuitem/index.html b/files/ca/web/html/element/menuitem/index.html
new file mode 100644
index 0000000000..d6dae0dfb0
--- /dev/null
+++ b/files/ca/web/html/element/menuitem/index.html
@@ -0,0 +1,192 @@
+---
+title: <menuitem>
+slug: Web/HTML/Element/menuitem
+tags:
+  - Element
+  - Experimental
+  - HTML
+  - HTML interactive elements
+  - HTML5
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/menuitem
+---
+<div>{{HTMLRef}}{{SeeCompatTable}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>element HTML <code>&lt;menuitem&gt;</code></strong> representa un comando que un usuari és capaç d'invocar a través d'un menú emergent. Això inclou menús contextuals, així com menús que es poden adjuntar a un botó de menú.</p>
+
+<p>Un comando es pot definir explícitament, amb una etiqueta textual i una icona opcional per descriure el seu aspecte, o bé com un comando indirecte el comportament del qual és definit per un element separat. Els comandos també poden incloure opcionalment una casella de verificació o estar agrupats per compartir els botons d'opció. (Els elements de menú per a comandos indirectes s'obtenen de caselles de verificació o botons de radi quan es defineixen contra els elements <code>&lt;input type="checkbox"&gt;</code> i <code>&lt;input type="radio"&gt;</code>.)</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta d'inici</span> <span>i</span> <span>no</span><span> etiqueta</span> <span>de tancament</span></span> .</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>L'element {{HTMLElement ( "menu")}}, on aquest element està en l'<em>estat del menú emergent</em>. (Si s'especifica, l'atribut <code>type</code> de l'element {{HTMLElement ( "menu")}} ha de ser <code>popup</code>; si manca, l'element principal de el {{HTMLElement ( "menu")}} ha de ser un {{HTMLElement ( "menu")}} en l'estat del <em>menú emergent</em>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLMenuItemElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs global</a>; en particular <code>title</code> pot ser utilitzat per descriure el comando, o proporcionar suggeriments d'ús.</p>
+
+<dl>
+ <dt>{{htmlattrdef("checked")}}</dt>
+ <dd>Atribut booleà que indica si s'ha seleccionat el comando. Només es pot utilitzar quan l'atribut <code>type</code> és <code>checkbox</code> or <code>radio</code></dd>
+ <dt>{{htmlattrdef("command")}}</dt>
+ <dd>Especifica l'ID d'un element separat, que indica una ordre que s'invoca de manera indirecta. No es pot utilitzar dins d'un element de menú que també inclou els atributs <code>checked</code>, <code>disabled</code>, <code>icon</code>, <code>label</code>, <code>radiogroup</code> o <code>type</code>.</dd>
+ <dt>{{htmlattrdef("default")}}</dt>
+ <dd>Aquest atribut booleà indica l'ús del mateix comando que l'element menu's subjecte (tal com un <code>button</code> o <code>input</code>).</dd>
+ <dt>{{htmlattrdef("disabled")}}</dt>
+ <dd>Atribut booleà que indica que l'ordre no està disponible en l'estat actual. Recordeu que és diferent <code>disabled</code> que <code>hidden</code>; l'atribut <code>disabled</code> és apropiat en qualsevol context on un canvi en les circumstàncies podria fer que el comando fora rellevant.</dd>
+ <dt>{{htmlattrdef("icon")}}</dt>
+ <dd>URL de la imatge, que s'utilitza per proporcionar una imatge per representar el comando.</dd>
+ <dt>{{htmlattrdef("label")}}</dt>
+ <dd>El nom del comando com es mostra a l'usuari. Es requereix quan l'atribut <code>command</code> no està present.</dd>
+ <dt>{{htmlattrdef("radiogroup")}}</dt>
+ <dd>Aquest atribut especifica el nom d'un grup de comandos que s'han d'alternar com a botons d'opció quan se selecciona. Només es pot utilitzar quan l'atribut de tipus és <code>radio</code>.</dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>Aquest atribut indica el tipus de comandament, i pot tenir un dels tres valors.
+ <ul>
+  <li><code>command</code>: Un comando regular amb una acció associada. Aquest és el valor per defecte si falta.</li>
+  <li><code>checkbox</code>: Representa una ordre que es pot commutar entre dos estats diferents.</li>
+  <li><code>radio</code>: Representen una selecció d'un grup de comandes que es poden alternar com botons de radio.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="Contingut_HTML">Contingut HTML</h3>
+
+<pre class="brush: html">&lt;!-- A &lt;div&gt; element with a context menu --&gt;
+&lt;div contextmenu="popup-menu"&gt;
+  Right-click to see the adjusted context menu
+&lt;/div&gt;
+
+&lt;menu type="context" id="popup-menu"&gt;
+  &lt;menuitem type="checkbox" onclick="toggleOption()" checked="true"&gt;Checkbox&lt;/menuitem&gt;
+  &lt;menuitem type="command" label="Command" icon="icon.png" onclick="doSomething()"&gt;Checkbox&lt;/menuitem&gt;
+  &lt;menuitem type="radio" name="group1" onclick="option()" checked="true"&gt;Radio button 1&lt;/menuitem&gt;
+  &lt;menuitem type="radio" name="group1" onclick="option()"&gt;Radio button 2&lt;/menuitem&gt;
+&lt;/menu&gt;
+</pre>
+
+<h3 id="Contingut_CSS">Contingut CSS</h3>
+
+<pre class="brush: css">div {
+  width: 300px;
+  height: 80px;
+  background-color: lightgreen;
+}
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', '300', '80')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-menuitem-element', '&lt;menuitem&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', 'interactive-elements.html#the-menuitem-element', '&lt;menuitem&gt;')}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Edge</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatGeckoDesktop(8)}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[3]</sup></td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile(8)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Això s'implementa darrere de les <em>característiques de la plataforma web experimental</em> de preferència i només és compatible amb <code>type="comand"</code>.</p>
+
+<p>[2] Només funciona per &lt;menuitems&gt; definit dins d'un element {{HTMLElement("menu")}} assignat a un element per mitjà de l'<a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes#attr-contextmenu">atribut contextmenu</a>. A més, l'element requereix una etiqueta de tancament.</p>
+
+<p>[3]  Això s'implementa darrere de les <em>característiques habilitades de la plataforma web experimental</em> de preferència<span lang="ca"><span> i</span> <span>només</span> <span>és compatible</span> <span>amb</span> </span><code>type="comand"</code>.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="https://hacks.mozilla.org/2011/11/html5-context-menus-in-firefox-screencast-and-code/">Menús de context HTML5 en Firefox (Screencast i Codi)</a></li>
+</ul>
diff --git a/files/ca/web/html/element/meta/index.html b/files/ca/web/html/element/meta/index.html
new file mode 100644
index 0000000000..f455e6f77d
--- /dev/null
+++ b/files/ca/web/html/element/meta/index.html
@@ -0,0 +1,481 @@
+---
+title: <meta>
+slug: Web/HTML/Element/meta
+tags:
+  - Document
+  - Element
+  - HTML
+  - HTML document metadata
+  - Reference
+  - Web
+  - metadata
+translation_of: Web/HTML/Element/meta
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'<strong>element HTML <code>&lt;meta&gt;</code></strong> representa qualsevol informació de metadades que no pot ser representat per un dels altres elements meta-relacionats amb l'HTML ({{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} or {{HTMLElement("title")}}).</p>
+
+<p><span id="result_box" lang="ca"><span>Depenent del</span> <span>conjunt</span> <span>d'atributs</span><span>, el tipus</span> <span>de metadades</span> <span>pot</span> <span>ser un dels</span> <span>següents</span><span>:</span></span></p>
+
+<ul>
+ <li>Si {{htmlattrxref("name", "meta")}} està establert, es tracta de <em>metadades a nivell de document</em>, s'aplica a tota la pàgina.</li>
+ <li>Si {{htmlattrxref("http-equiv", "meta")}} està establert, és una directiva pragma, és a dir, informació normalment proporcionada pel servidor web sobre com s'ha de publicar la pàgina web.</li>
+ <li>Si {{htmlattrxref ("charset", "meta")}} està establert, és una declaració de conjunt de caràcters (charset), és a dir, el conjunt de caràcters utilitzat per a la forma serializada de la pàgina web..</li>
+ <li>Si s'estableix {{htmlattrxref("itemprop", "meta")}} , són metadades definides per l'usuari, transparent per a l'usuari-agent, ja que la semàntica de les metadades és específica de l'usuari. {{experimental_inline}}</li>
+</ul>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Contingut metadata. S l'atribut {{htmlattrxref("itemprop", "meta")}} és present: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th>Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th>Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>l'etiqueta</span> <span>d'inici</span> <span>ha d'estar present</span> <span>i</span> <span>l'etiqueta</span> <span>final</span> <span>no ha d'estar</span> <span>present</span></span></td>
+  </tr>
+  <tr>
+   <th>Elements pares permesos</th>
+   <td><code>&lt;meta charset&gt;</code>, <code>&lt;meta http-equiv&gt;</code>: un element {{HTMLElement("head")}}.Si {{htmlattrxref ("http-equiv", "meta")}} no és una declaració de codificació, també pot ser dins d'un element {{HTMLElement("noscript")}}, en si dins d'un element {{HTMLElement("head")}}.</td>
+  </tr>
+  <tr>
+   <th>Interfície DOM</th>
+   <td>{{domxref("HTMLMetaElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<p>Recordeu que el {{htmlattrxref("name", "meta")}} global té una semàntica específica en l'element {{HTMLElement("meta")}} i que la {{htmlattrxref("itemprop", "meta")}} no s'ha d'establir quan una dels {{htmlattrxref("name", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} o {{htmlattrxref("charset", "meta")}} ja s'utilitza.</p>
+
+<dl>
+ <dt>{{htmlattrdef("charset")}}</dt>
+ <dd>Aquest atribut declara la codificació de caràcters utilitzada de la pàgina. Pot ser reemplaçat de forma local mitjançant l'atribut <strong>lang</strong> en qualsevol element. Aquest atribut és una cadena literal i ha de ser un dels <em>noms MIME preferits</em> per a una codificació de caràcters <a href="http://www.iana.org/assignments/character-sets">definits per la IANA</a>. Tot i que la norma no sol·licita una codificació de caràcters específica, dóna algunes recomanacions:
+ <ul>
+  <li><span class="short_text" id="result_box" lang="ca"><span>S'anima els</span> <span>autors</span> <span>a utilitzar</span> <span>UTF</span><span>-8.</span></span></li>
+  <li>Els autors no han d'utilitzar codificacions ASCII incompatibles (és a dir, aquelles que no assignen els punts de codi de 8 bits 0x20 a 0x7I als punts de codi Unicode 0x0020 a 0x007I), ja que representen un risc per a la seguretat: els navegadors que no els suporten poden interpretar contingut benigne com a Elements HTML. Aquest és el cas d'almenys els següents conjunts de caràcters: JIS_C6226-1983, JIS_X0212-1990, HZ-GB-2312, JOHAB , la família de normes ISO-2022, i la família EBCDIC.</li>
+  <li>Els autors no han d'utilitzar CESU-8, UTF-7, BOCU-1 i SCSU, també pertanyents a aquesta categoria i no destinats a ser utilitzats a la web. S'han documentat atacs creuats amb algunes d'aquestes codificacions</li>
+  <li>Els autors no han d'utilitzar UTF-32 perquè no tots els algoritmes de codificació HTML5 poden distingir-ho d'UTF-16.</li>
+ </ul>
+
+ <div class="note"><strong>Notes:</strong>
+
+ <ul>
+  <li>El conjunt de caràcters declarat ha de coincidir amb el de la pàgina. No hi ha cap raó vàlida per declarar un conjunt de caràcters incorrecte.</li>
+  <li>Aquest element {{HTMLElement("meta")}} ha d'estar dins de l'element {{HTMLElement("head")}} i <strong>dins dels 1024 primers bytes</strong> de la pàgina, ja que alguns navegadors només tenen en compte aquests primers bytes abans d'escollir un caràcter fix de la pàgina.</li>
+  <li>Aquest element {{HTMLElement("meta")}} és només una part de <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/parsing.html#encoding-sniffing-algorithm">l'algoritme per determinar el conjunt de caràcters</a> d'una pàgina que s'apliquen els navegadors. La capçalera HTTP Content-Type i qualsevol element BOM tenen prioritat sobre aquest element.</li>
+  <li>És una bona pràctica, i molt recomanable, definir el joc de caràcters que utilitza aquest atribut. Si no hi ha cap joc de caràcters definit per a una pàgina, diverses tècniques de scripts creuats poden ser capaços de perjudicar la pàgina d'usuari, com ara <a href="http://code.google.com/p/doctype-mirror/wiki/ArticleUtf7">la tècnica de reutilització de scripts creuats</a> en UTF-7. Establir sempre aquesta meta protegirà contra aquests riscos.</li>
+  <li>Aquest element {{HTMLElement("meta")}} és un sinònim de la pre-HTML5 <code>&lt;meta http-equiv="Content-Type" content="text/html; charset=<em>IANAcharset</em>"&gt; </code>on <em><code>IANAcharset</code> </em>correspon al valor de l'atribut equivalent {{htmlattrxref("charset", "meta")}}. Aquesta sintaxi es segueix permetent, tot i que obsoleta i ja no es recomana.</li>
+ </ul>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("content")}}</dt>
+ <dd>Aquest atribut proporciona el valor associat a l'atribut {{htmlattrxref("http-equiv", "meta")}} o {{htmlattrxref("name", "meta")}}, depenent del context..</dd>
+ <dt>{{htmlattrdef("http-equiv")}}</dt>
+ <dd>Aquest atribut enumerat defineix el pragma que pot alterar comportament els servidors i agents d'usuari . El valor de pragma es defineix utilitzant la {{htmlattrxref("content", "meta")}} i pot ser un dels següents:
+ <dl>
+  <dt><code>"content-language"</code> {{obsolete_inline}}</dt>
+  <dd>Aquest pragma defineix l'idioma per defecte de la pàgina.
+  <div class="note">No utilitzeu aquest pragma, ja que és obsolet. Utilitzeu l'atribut global <code>lang</code> sobre l'element {{HTMLElement("html")}} al seu lloc.</div>
+  </dd>
+  <dt><code>"Content-Security-Policy"</code></dt>
+  <dd>Aquest valor permet als administradors de llocs web definir polítiques de contingut per als recursos que es proporcionen. Amb unes poques excepcions, les polítiques impliquen principalment especificar els orígens de servidors i punts finals de script. Això ajuda a protegir els atacs de scripts entre llocs.</dd>
+  <dt><code>"content-type"</code> {{obsolete_inline}}</dt>
+  <dd>Aquest atribut defineix el <a href="https://developer.mozilla.org/en-US/docs/MIME">tipus MIME</a> del document, amb el temps, seguit del seu joc de caràcters. Segueix la mateixa sintaxi que el camp d'encapçalat d'entitat HTTP <code>content-type</code> però com és l'interior d'un element HTML, la majoria dels valors no són possibles. Per tant, la sintaxi vàlida per al seu contingut literal és la cadena '<code>text/html</code>' seguit eventualment d'un conjunt de caràcters amb la següent sintaxi:'<code>; charset=</code><em><code>IANAcharset</code></em>' on <code>IANAcharset</code> es el <em>nom MIME preferit</em> per a un conjunt de caràcters <a href="http://www.iana.org/assignments/character-sets">definit per la IANA</a>.
+  <div class="note"><strong>Nota d'ùs:</strong>
+  <ul>
+   <li>No utilitzeu aquest pragma ja què és obsolet. Utilitzar l'atribut {{htmlattrxref("charset", "meta")}} en l'element {{HTMLElement("meta")}} al seu lloc.</li>
+   <li>Com el {{HTMLElement("meta")}} no pot ser utilitzat per canviar el tipus d'un document en un document XHTML, o en un document HTML 5 seguint la sintaxi XHTML, mai posar un tipus MIME a un tipus XHTML MIME d'aquesta manera. Seria incorrecte.</li>
+   <li>Només un document HTML pot utilitzar el tipus de contingut, per la qual cosa la majoria d'ells és redundant: per això ha quedat obsolet i reemplaçat per l'atribut {{htmlattrxref("charset", "meta")}}.</li>
+  </ul>
+  </div>
+  </dd>
+  <dt><code>"default-style"</code></dt>
+  <dd>Aquest pragma especifica el full d'estil preferit per a ser usat en la pàgina. L'atribut {{htmlattrxref("content", "meta")}} ha de contenir el títol d'un element {{HTMLElement ("link")}} que el seu atribut {{htmlattrxref ("href", "link")}} enllaçi a un full d'estil CSS, o el títol d'un element {{HTMLElement("style")}} que conté un full d'estil <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>.</dd>
+  <dt><code>"refresh"</code></dt>
+  <dd>Aquest pragma especifica:
+  <ul>
+   <li>el nombre de segons fins que la pàgina pugui ser recarregada, si l'atribut {{htmlattrxref("content", "meta")}} conté només un nombre enter positiu;</li>
+   <li>el nombre de segons fins que la pàgina sigui redirigida a un altre, si l'atribut {{htmlattrxref("content", "meta")}} conté un nombre enter positiu seguit de la cadena '<code>;url=</code>' i una adreça URL vàlida.</li>
+  </ul>
+  </dd>
+  <dt><code>"set-cookie"</code> {{obsolete_inline}}</dt>
+  <dd>Aquest pragma defineix una <a href="https://developer.mozilla.org/en-US/docs/cookie">cookie</a> per a la pàgina. El seu contingut ha de seguir la sintaxi definida en l'<a href="http://tools.ietf.org/html/draft-ietf-httpstate-cookie-14">especificació de cookie HTTP IETF</a>.
+  <div class="note"><strong>Nota:</strong> No utilitzeu aquest pragma ja qués és obsolet. Utilitzeu la capçalera HTTP set-cookie al seu lloc.</div>
+  </dd>
+ </dl>
+ </dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd>Aquest atribut defineix el nom de metadades a nivell de document. No s'ha d'establir si un dels atributs {{htmlattrxref("itemprop", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} o {{htmlattrxref("charset", "meta")}} també està establert.<br>
+ Aquest nom de metadades a nivell de document s'associa amb un valor, contingut per l'atribut {{htmlattrxref("content", "meta")}}. Els valors possibles per a l'element name són, amb el seu valor associat, emmagatzemat a través de l'atribut {{htmlattrxref("content", "meta")}}:
+ <ul>
+  <li><code>application-name</code>, defineix el nom de l'aplicació web que s'executa a la pàgina web;
+   <div class="note"><strong>Note:</strong>
+   <ul>
+    <li>Els navegadors ho poden usar per identificar l'aplicació. És diferent de l'element {{HTMLElement("title")}}, que en general consisteix en el nom de l'aplicació, però també pot contenir informació específica com el nom del document o un estat;</li>
+    <li>Les pàgines web senzilles no han de definir la meta del nom de l'aplicació.</li>
+   </ul>
+   </div>
+  </li>
+  <li><code>author</code>, defineix, en un format lliure, el nom de l'autor del document;</li>
+  <li><code>description</code>, conté un resum breu i precís del contingut de la pàgina. Diversos navegadors, entre ells Firefox i Opera, utilitzen aquesta meta com la descripció per defecte de la pàgina quan estan marcats;</li>
+  <li><code>generator</code>, conté, en un format lliure, l'identificador per al programari que genera la pàgina;</li>
+  <li><code>keywords</code>, conté, cadenes separades per comes, les paraules rellevants associades amb el contingut de la pàgina;</li>
+  <li><code>referrer</code> {{experimental_inline}} controlar el contingut de la capçalera HTTP <code>referer</code> HTTP unit a qualsevol sol·licitud enviada des d'aquest document:
+   <table class="standard-table">
+    <caption>Els valors per a l'atribut content de &lt;meta name="referrer"&gt;</caption>
+    <thead>
+    </thead>
+    <tbody>
+     <tr>
+      <td><code>no-referrer</code></td>
+      <td>No envia una capçalera HTTP <code>Referer</code>.</td>
+     </tr>
+     <tr>
+      <td><code>origin</code></td>
+      <td>Enviar l'<a href="/en-US/docs/Glossary/Origin">origin</a> del document.</td>
+     </tr>
+     <tr>
+      <td><code>no-referrer-when-downgrade</code></td>
+      <td>Envia l'<a href="/en-US/docs/Glossary/Origin">origin</a> com a referència a una destinació prioritària com a-molt-segur (https-&gt;https), però no envia una referència a una destinació menys segura (https-&gt;http). <span id="result_box" lang="ca"><span>Aquest</span> <span>és el comportament</span> <span>per</span> <span>defecte</span></span>.</td>
+     </tr>
+     <tr>
+      <td><code>origin-when-crossorigin</code></td>
+      <td>Envia un URL sencera (despullada de paràmetres) quan es realitza una sol·licitud del mateix origen, però només enviar l'origen del document per a altres casos.</td>
+     </tr>
+     <tr>
+      <td><code>unsafe-URL</code></td>
+      <td>Envia un URL sencera (despullada de paràmetres) en realitzar una sol·licitud del mateix origen o d'origen creuat.</td>
+     </tr>
+    </tbody>
+   </table>
+
+   <div class="note">
+   <p><strong>Nota: </strong>Alguns navegadors soportan paraules clau per defecte, i mai per referència. Aquests valors estan obsolets.  </p>
+   </div>
+
+   <div class="note">
+   <div class="notes"><strong>Nota:</strong> Inserir dinàmicament <code>&lt;meta name="referrer"&gt;</code> (per document.write o appendChild) crea un no determinisme quan es tracta d'enviar les referéncies o no. Recordeu també que quan es defineixen una sèrie de polítiques en conflicte, s'aplica la política de no-referrer.</div>
+   </div>
+  </li>
+ </ul>
+
+ <p>L'atribut pot tenir també un valor pres de la llista ampliada definida a la pàgina <a href="http://wiki.whatwg.org/wiki/MetaExtensions">WHATWG Wiki MetaExtensions</a>. Tot i que cap ha estat formalment acceptada però, alguns noms d'ús comú són algunes de les propostes:</p>
+
+ <ul>
+  <li><code>creator</code>, defineix, en un format lliure, el nom de l'autor del document. Recordeu que pot ser el nom de la institució. Si hi ha més d'un, s'han d'utilitzar diversos elements {{HTMLElement ("meta")}};</li>
+  <li><code>googlebot</code>, és un sinònim de robots, però només és seguit pel robot de Google, el rastrejador d'indexació de Google;</li>
+  <li><code>publisher</code>, defineix, en un format lliure, el nom de l'editor del document. Recordeu que pot ser el nom de la institució;</li>
+  <li><code>robots</code>, defineix el comportament que els rastrejadors de cooperació han de tenir amb la pàgina. És una llista separada per comes dels valors de la següent llista:
+   <table class="standard-table">
+    <caption>Els valors per content de &lt;meta name="robots"&gt;</caption>
+    <thead>
+     <tr>
+      <th scope="col">Valor</th>
+      <th scope="col">Descripció</th>
+      <th scope="col">Utilizat per</th>
+     </tr>
+    </thead>
+    <tbody>
+     <tr>
+      <td><code>index</code></td>
+      <td>Permet al robot indexar la pàgina</td>
+      <td>Tot</td>
+     </tr>
+     <tr>
+      <td><code>noindex</code></td>
+      <td><span class="short_text" id="result_box" lang="ca"><span>Evita que</span> <span>el robot</span> <span>indexi</span> <span>la pàgina</span></span></td>
+      <td>Tot</td>
+     </tr>
+     <tr>
+      <td><code>follow</code></td>
+      <td><span id="result_box" lang="ca"><span>Permet</span> <span>que el robot</span> <span>segueixi els</span> <span>enllaços de la pàgina</span></span></td>
+      <td>Tot</td>
+     </tr>
+     <tr>
+      <td><code>nofollow</code></td>
+      <td>Evita que el robot segueixi els enllaços de la pàgina</td>
+      <td>Tot</td>
+     </tr>
+     <tr>
+      <td><code>noodp</code></td>
+      <td>Evita l'ús del <a href="http://www.dmoz.org/">Open Directory Project</a>, si escau, com la descripció de la pàgina en la pàgina de resultats del motor de cerca</td>
+      <td>
+       <p><a class="external" href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=79812" title="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=79812">Google</a>, <a class="external" href="http://help.yahoo.com/l/us/yahoo/search/indexing/indexing-11.html;_ylt=Arh3LHnisvRMPJKzQqmJ97JYqCN4" title="http://help.yahoo.com/l/us/yahoo/search/indexing/indexing-11.html;_ylt=Arh3LHnisvRMPJKzQqmJ97JYqCN4">Yahoo</a>, <a class="external" href="http://www.bing.com/toolbox/blogs/webmaster/archive/2008/06/03/robots-exclusion-protocol-joining-together-to-provide-better-documentation.aspx" title="http://www.bing.com/toolbox/blogs/webmaster/archive/2008/06/03/robots-exclusion-protocol-joining-together-to-provide-better-documentation.aspx">Bing</a></p>
+      </td>
+     </tr>
+     <tr>
+      <td><code>noarchive</code></td>
+      <td>Evita que el motor de cerca emmagatzemi en caché el contingut de la pàgina</td>
+      <td><a class="external" href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=79812" title="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=79812">Google</a>, <a class="external" href="http://help.yahoo.com/l/us/yahoo/search/indexing/basics-10.html;_ylt=Aszma_Ly8TfhL7mn_LGWn5RYqCN4" title="http://help.yahoo.com/l/us/yahoo/search/indexing/basics-10.html;_ylt=Aszma_Ly8TfhL7mn_LGWn5RYqCN4">Yahoo</a></td>
+     </tr>
+     <tr>
+      <td><code>nosnippet</code></td>
+      <td>Evita la visualització de qualsevol descripció de la pàgina a la pàgina de resultats del motor de cerca</td>
+      <td><a class="external" href="http://www.google.com/support/webmasters/bin/answer.py?answer=35304" title="http://www.google.com/support/webmasters/bin/answer.py?answer=35304">Google</a></td>
+     </tr>
+     <tr>
+      <td><code>noimageindex</code></td>
+      <td>Evita que aquesta pàgina aparegui com la pàgina de referència d'una imatge indexada</td>
+      <td><a class="external" href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=79812" title="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=79812">Google</a></td>
+     </tr>
+     <tr>
+      <td><code>nocache</code></td>
+      <td>Sinònim de <code>noarchive</code></td>
+      <td><a class="external" href="http://www.bing.com/toolbox/blogs/webmaster/archive/2008/06/03/robots-exclusion-protocol-joining-together-to-provide-better-documentation.aspx" title="http://www.bing.com/toolbox/blogs/webmaster/archive/2008/06/03/robots-exclusion-protocol-joining-together-to-provide-better-documentation.aspx">Bing</a></td>
+     </tr>
+    </tbody>
+   </table>
+
+   <div class="note"><strong>Notes:</strong>
+
+   <ul>
+    <li>Només robots cooperatius seguiran les regles definides pel nom dels robots. No cal esperar per mantenir les recol·lectores de correu electrònic a ratlla amb això.</li>
+    <li>El robot encara ha d'accedir a la pàgina per tal de llegir el valor meta. Si vol mantenir a ratlla, per exemple, per prevenir el consum d'ample de banda, utilitzeu un fitxer robots.txt en el seu lloc (o en el complement).</li>
+    <li>Si voleu treure la pàgina d'un índex, canviant de meta a noindex funcionarà, però només quan el robot visiti la pàgina de nou. Estigueu segurs de no impedir aquest tipus de visites, a través de l'arxiu robots.txt per exemple. Alguns motors de cerca tenen eines de desenvolupadors, el que permet una eliminació ràpida d'alguna pàgina..</li>
+    <li>Alguns valors possibles són mútuament excloents, com l'ús d'<code>index</code> i <code>noindex</code>, o <code>follow</code> i <code>nofollow</code>, al mateix temps. En aquests casos el comportament del robot no està definit, i pot variar d'un a un altre. Per tant evitar aquests casos.</li>
+    <li>Alguns robots rastrejadors de motors de cerca, com els de Google, Yahoo Search o Bing, admeten els mateixos valors en una directiva HTTP, <code>X-Robot-Tags</code>: això els permet utilitzar aquests pragma en documents no HTML, com imatges.</li>
+   </ul>
+   </div>
+  </li>
+  <li><code>slurp</code>, és un sinònim de robots, però només és seguit per Slurp, el rastrejador d'indexació per Yahoo Search;</li>
+ </ul>
+
+ <p><span id="result_box" lang="ca"><span>Finalment alguns</span> <span>noms</span> <span>són</span> <span>d'ús comú</span><span>, encara que no</span> <span>en el procés</span> <span>de normalització</span><span>:</span></span></p>
+
+ <ul>
+  <li><code>viewport</code>, dóna pistes sobre la mida de la mida inicial de {{glossary("viewport")}}. Aquest pragma és utilitzat només per diversos dispositius mòbils.
+
+   <table class="fullwidth-table">
+    <caption>Els valors per content de <code>&lt;meta name="viewport"&gt;</code></caption>
+    <thead>
+     <tr>
+      <th scope="col">Valor</th>
+      <th scope="col">Possibles valors</th>
+      <th scope="col">Descripció</th>
+     </tr>
+    </thead>
+    <tbody>
+     <tr>
+      <td><code>width</code></td>
+      <td>un nombre enter positiu o el literal <code>device-width</code></td>
+      <td><span id="result_box" lang="ca"><span>defineix</span> <span>l'amplada</span><span>,</span> <span>en píxels</span><span>, de la finestra</span> <span>gràfica</span></span></td>
+     </tr>
+     <tr>
+      <td><code>height</code></td>
+      <td>un nombre enter positiu o el literal <code>device-height</code></td>
+      <td><span id="result_box" lang="ca"><span>defineix</span> <span>l'alçada</span><span>,</span> <span>en píxels</span><span>, de la finestra</span> <span>gràfica</span></span></td>
+     </tr>
+     <tr>
+      <td><code>initial-scale</code></td>
+      <td>un nombre positiu entre <code>0.0</code> i <code>10.0</code></td>
+      <td>defineix la relació entre l'amplada del dispositiu (<code>device-width</code> en mode retrat <code>device-height</code> en mode horitzontal) i la mida de la finestra gràfica.</td>
+     </tr>
+     <tr>
+      <td><code>maximum-scale</code></td>
+      <td>un nombre positiu entre <code>0.0</code> i <code>10.0</code></td>
+      <td>defineix el valor màxim del zoom; que ha de ser major o igual que el <code>minimum-scale</code> o el comportament és indeterminat.</td>
+     </tr>
+     <tr>
+      <td><code>minimum-scale</code></td>
+      <td>un nombre positiu entre <code>0.0</code> i <code>10.0</code></td>
+      <td>
+       <p>defineix el valor mínim del zoom; que ha de ser menor o igual que el<code> maximum-scale</code> o el comportament és indeterminat.</p>
+      </td>
+     </tr>
+     <tr>
+      <td><code>user-scalable</code></td>
+      <td>un valor booleà (<code>yes</code> o <code>no</code>)</td>
+      <td>Si s'estableix a <code>no</code>, l'usuari no pot ampliar la pàgina web. El valor per defecte és <code>yes</code>.</td>
+     </tr>
+    </tbody>
+   </table>
+
+   <table class="standard-table">
+    <thead>
+     <tr>
+      <th scope="col">Especificació</th>
+      <th scope="col">Estat</th>
+      <th scope="col">Comentari</th>
+     </tr>
+    </thead>
+    <tbody>
+     <tr>
+      <td>{{SpecName('CSS3 Device', '#viewport-meta', '&lt;meta name="viewport"&gt;')}}</td>
+      <td>{{Spec2('CSS3 Device')}}</td>
+      <td>No normativament descriu l'element META de la finestra gràfica</td>
+     </tr>
+    </tbody>
+   </table>
+
+   <div>Veure: {{cssxref("@viewport")}}</div>
+
+   <div class="note"><strong>Notes:</strong>
+
+   <ul>
+    <li>Encara que no estandarditzat, aquest atribut és utilitzat per diferents navegadors mòbils com Safari Mobile, Firefox for Mobile o Opera Mobile.</li>
+    <li><span id="result_box" lang="ca"><span>Els</span> <span>valors per defecte</span> <span>poden</span> <span>canviar d'un</span> <span>dispositiu</span><span>,</span> <span>i el navegador</span><span>, a un altre</span><span>.</span></span></li>
+    <li>Per aprendre sobre aquest pragma a for Mobile, consulta <a href="https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag">aquest article</a>.</li>
+   </ul>
+   </div>
+  </li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("scheme")}} {{obsolete_inline}}</dt>
+ <dd>Aquest atribut defineix l'esquema en el qual es descriu les metadades. Un esquema és un context que porta a les interpretacions correctes del  valor {{htmlattrxref("content", "meta")}}, com un format.
+ <div class="note"><strong>Nota:</strong> No utilitzeu aquest atribut, ja que és obsolet. No hi ha reemplaçament per a ell ja que no hi havia cap ús real per a això. Ometre completament.</div>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;!-- In HTML5 --&gt;
+&lt;meta charset="utf-8"&gt;
+
+&lt;!-- Defining the charset in HTML4 --&gt;
+&lt;!-- Note: This is invalid in HTML5 --&gt;
+&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
+
+&lt;!-- Redirect page after 3 seconds --&gt;
+&lt;meta http-equiv="refresh" content="3;url=http://www.mozilla.org/"&gt;
+
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-meta', '&lt;meta name="referrer"&gt;')}}</td>
+   <td>{{Spec2('Referrer Policy')}}</td>
+   <td>Defineix valors i semantiques de <code>&lt;meta name="referrer"&gt;</code>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-meta-element', '&lt;meta&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Afegeis l'atribut <code>itemprop</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-meta-element', '&lt;meta&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Afegeis l'atribut <code>charset</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.4.2', '&lt;meta&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>name="referrer"</code></td>
+   <td>{{CompatChrome("17")}}</td>
+   <td>{{CompatGeckoDesktop("36.0")}} [1]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Constrained to values listed under referrer (as specified in the spec.)</td>
+   <td>{{CompatChrome("46.0")}}</td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>name="referrer"</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("36.0")}} [1]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Constrained to values listed under referrer (as specified in the spec.)</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome("46.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome("46.0")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] El valor <code>referrer</code> no es va tenir en compte quan la navegació estava succeint a través d'un menú contextual o botó central fins Firefox 39.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Els</span> <span>altres</span> <span>elements</span> <span>que contenen</span> <span>metadades</span></span> : {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("link")}}, {{HTMLElement("style")}},{{HTMLElement("title")}}.</li>
+</ul>
diff --git a/files/ca/web/html/element/meter/index.html b/files/ca/web/html/element/meter/index.html
new file mode 100644
index 0000000000..2b55b9910a
--- /dev/null
+++ b/files/ca/web/html/element/meter/index.html
@@ -0,0 +1,189 @@
+---
+title: <meter>
+slug: Web/HTML/Element/meter
+tags:
+  - Element
+  - HTML
+  - HTML forms
+  - HTML5
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/meter
+---
+<div>{{HTMLRef}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>Element HTML <code>&lt;meter&gt;</code></strong> representa un valor escalar dins d'un rang conegut o un valor fraccionari.</p>
+
+<div class="note">Llevat que l'atribut <code>value</code> està entre <code>0</code> i <code>1</code> (inclosos), els atributs <code>min</code> i <code>max</code> haurien de definir el rang de manera que el valor de l'atribut <code>value</code> estigui dins d'ell.</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut etiquetable, content, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Phrasing content</a>, però no ha d'haver cap element <code>&lt;meter&gt;</code> entre els seus descendents.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">
+    <p>Interfície DOM</p>
+
+    <p> </p>
+   </th>
+   <td>{{domxref("HTMLMeterElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("value")}}</dt>
+ <dd>El valor numèric actual. Això ha d'estar entre els valors màxim  i mínim (atribut <code>min</code> i atribut <code>max</code>) si s'especifiquen. Si no s'especificat o és incorrecte, el valor és 0. Si s'especifica, però no dins del rang donat per l'atribut <code>min</code> i l'atribut <code>max</code>, el valor és igual a l'extrem més proper del rang.</dd>
+ <dt>{{htmlattrdef("min")}}</dt>
+ <dd>El límit numèric inferior del rang mesurat. Aquest ha de ser menor que el valor màxim (atribut <code>max</code>), si s'especifica. Si no s'especifica, el valor mínim és 0.</dd>
+ <dt>{{htmlattrdef("max")}}</dt>
+ <dd>El límit numèric superior del rang mesurat. Aquest ha de ser major que el valor mínim (atribut <code>min</code>), si s'especifica. Si no s'especifica, el valor mínim és 1.</dd>
+ <dt>{{htmlattrdef("low")}}</dt>
+ <dd>El límit numèric superior de l'extrem inferior del rang de mesurat. Aquest ha de ser més gran que el valor mínim (atribut <code>min</code>), i també ha de ser menor que el valor alt i valor màxim (l'atribut <code>high</code>  i l'atribut <code>max</code>, respectivament), si s'especifica algun. Si no s'especifica, o si és menor que el valor mínim, el valor <code>low</code> és igual al valor mínim.</dd>
+ <dt>{{htmlattrdef("high")}}</dt>
+ <dd>El límit numèric inferior de l'extrem superior del rang de mesurat. Aquest ha de ser més petit que el valor màxim (atribut <code>max</code>), i també ha de ser més gran que el valor baix i valor mínim (l'atribut <code>low</code>  i l'atribut <code>min</code>, respectivament), si s'especifica algun. Si no s'especifica, o si és més gran que el valor màxim, el valor <code>high</code> és igual al valor màxim.</dd>
+ <dt>{{htmlattrdef("optimum")}}</dt>
+ <dd>Aquest atribut indica el valor numèric òptim. Ha d'estar dins del rang (definit per l'atribut <code>min</code> i l'atribut <code>max</code>). Quan s'usa amb l'atribut <code>low</code> i l'atribut <code>high</code>, es dóna una indicació d'on al llarg del rang es considera preferible. Per exemple, si està entre l'atribut <code>min</code> i l'atribut <code>low</code>, llavors el rang inferior es considera preferit.</dd>
+ <dt>{{htmlattrdef("form")}}</dt>
+ <dd>Aquest atribut associa l'element amb un element <code>form</code> que té la propietat de l'element <code>meter</code>. Per exemple, un <code>meter</code> podria estar mostrant un rang corresponent a un element <code>input</code> de <code>type</code> <em>numèric</em>. Aquest atribut s'utilitza únicament si l'element <code>meter</code> està sent utilitzat com un element de formulari associat; fins i tot llavors, pot ser omès si l'element apareix com un descendent d'un element <code>form</code>.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_senzill"><span class="short_text" id="result_box" lang="ca"><span>Exemple</span> <span>senzill</span></span></h3>
+
+<h4 id="Contingut_HTML">Contingut HTML</h4>
+
+<pre class="brush: html">&lt;p&gt;Heat the oven to &lt;meter min="200" max="500" value="350"&gt;350 degrees&lt;/meter&gt;.&lt;/p&gt;
+</pre>
+
+<h4 id="Sortida">Sortida</h4>
+
+<p>{{EmbedLiveSample("Simple_example", 300, 60)}}</p>
+
+<p>  <span id="result_box" lang="ca"><span>A Google</span> <span>Chrome</span><span>, el mesurador</span> <span>resultant</span> <span>s'assembla a</span> <span>això</span><span>:</span></span></p>
+
+<p><img alt="meter1.png" class="default internal" src="/@api/deki/files/4940/=meter1.png"></p>
+
+<h3 id="Exemple_de_rang_High_i_Low">Exemple de rang High i Low</h3>
+
+<p><span id="result_box" lang="ca"><span>Tingueu</span> <span>en compte que en</span> <span>aquest exemple</span> <span>no s'inclou l'atribut</span> <strong><span>min</span></strong><span>;</span> <span>això està</span> <span>permès,</span> <span>ja que el valor</span> <span>de</span> <span>0</span></span></p>
+
+<h4 id="Contingut_HTML_2">Contingut HTML</h4>
+
+<pre class="brush: html">&lt;p&gt;He got a &lt;meter low="69" high="80" max="100" value="84"&gt;B&lt;/meter&gt; on the exam.&lt;/p&gt;
+</pre>
+
+<h4 id="Sortida_2">Sortida</h4>
+
+<p>{{EmbedLiveSample("High_and_Low_range_example", 300, 60)}}</p>
+
+<p><span id="result_box" lang="ca"><span>A Google</span> <span>Chrome</span><span>, el mesurador</span> <span>resultant</span> <span>s'assembla a</span> <span>això</span><span>:</span></span></p>
+
+<p><img alt="meter2.png" class="default internal" src="/@api/deki/files/4941/=meter2.png"></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-meter-element', '&lt;meter&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-meter-element', '&lt;meter&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Edge</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>6.0</td>
+   <td>{{CompatGeckoDesktop("16.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>20<sup>[1]</sup></td>
+   <td>11.0</td>
+   <td>5.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Edge Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("16.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>20<sup>[1]</sup></td>
+   <td>11.0</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Veure la <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/status/meterelement">Pàgina Estat de la Plataforma de Microsoft Edge</a>.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("progress")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/multicol/index.html b/files/ca/web/html/element/multicol/index.html
new file mode 100644
index 0000000000..2f09a6e122
--- /dev/null
+++ b/files/ca/web/html/element/multicol/index.html
@@ -0,0 +1,21 @@
+---
+title: <multicol>
+slug: Web/HTML/Element/multicol
+tags:
+  - Deprecated
+  - Experimental
+  - HTML
+  - Non-standard
+translation_of: Web/HTML/Element/multicol
+---
+<div>{{non-standard_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <code>&lt;multicol&gt;</code> era un element experimental dissenyat per permetre dissenys de diverses columnes. Mai va arribar a tenir un tiratge significatiu i no s'implementa en els navegadors més importants.</p>
+
+<div class="note">
+<p><strong>No utilitzeu aquest!</strong> Per tal d'implementar un disseny de diverses columnes, s'ha de fer ús dels elements HTML regulars, com {{HTMLElement("div")}} en conjunció amb la característica <a href="/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts" title="/en-US/docs/Web/CSS/columns">CSS Column</a>.</p>
+</div>
+
+<p>Recordeu que fins Firefox 22, encara que no suportat, un element <code>&lt;multicol&gt;</code> es va associar amb un {{domxref ("HTMLSpanElement")}}. A continuació, va ser fixat i ara es associat amb un {{domxref("HTMLUnknownElement")}} d'acord al demanat per l'especificació.</p>
diff --git a/files/ca/web/html/element/nav/index.html b/files/ca/web/html/element/nav/index.html
new file mode 100644
index 0000000000..c78bfe8cb3
--- /dev/null
+++ b/files/ca/web/html/element/nav/index.html
@@ -0,0 +1,124 @@
+---
+title: <nav>
+slug: Web/HTML/Element/nav
+translation_of: Web/HTML/Element/nav
+---
+<h2 id="Resum">Resum</h2>
+
+<p>L'<em>element HTML Navigation (</em><code>&lt;nav&gt;</code>) representa una secció de la pàgina que enllaça a altres pàgines o parts dins la pàgina: una secció amb enllaços de navegació.</p>
+
+<div class="note">
+<p><em>Notes d'ús:</em></p>
+
+<ul>
+ <li>No tots els enllaços d'un document han de ser dins l'element <code>&lt;nav&gt;</code>, el qual està destinat només per als principals blocs d'enllaços de navegació; Normalment, l'element {{HTMLElement("footer")}} sovint té un llistat d'enllaços que no necessiten ésser dins l'element {{HTMLElement("nav")}}.</li>
+ <li>Un document pot tenir varis elements {{HTMLElement("nav")}}, per exemple, un per navegar pel web i un alltre per navegar per dins la pàgina.</li>
+ <li>Els agents d'usuari, com ara els lectors de pantalla destinats a usuaris discapacitats, poden utilitzar aquest element per determinar si ometre la prestació inicial d'aquest contingut.</li>
+</ul>
+</div>
+
+<ul class="htmlelt">
+ <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Sectioning_content" title="HTML/Content categories#Sectioning_content">sectioning content</a>, contingut palpable.</li>
+ <li><dfn>Contingut permès</dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>.</li>
+ <li><dfn>Omissió d'etiqueta</dfn> {{no_tag_omission}}</li>
+ <li><dfn>Elements pares permesos</dfn> Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">flow content</a>.</li>
+ <li><dfn>Interfície DOM</dfn> {{domxref("HTMLElement")}}</li>
+</ul>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span style="line-height: 21px;">Aquest element només inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush:xml">&lt;nav&gt;
+  &lt;ul&gt;
+    &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
+  &lt;/ul&gt;
+&lt;/nav&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'sections.html#the-nav-element', '&lt;nav&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'sections.html#the-nav-element', '&lt;nav&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>5</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>4.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>2.2</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>5.0 (iOS 4.2)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Altres elements de secció relacionats: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li>
+ <li class="last"><a class="deki-ns current" href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i contorns d'un document HTML5</a>.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/nextid/index.html b/files/ca/web/html/element/nextid/index.html
new file mode 100644
index 0000000000..430aa00da7
--- /dev/null
+++ b/files/ca/web/html/element/nextid/index.html
@@ -0,0 +1,138 @@
+---
+title: nextid
+slug: Web/HTML/Element/nextid
+tags:
+  - Deprecated
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/nextid
+---
+<div>{{Deprecated_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <strong><code>&lt;nextid&gt;</code></strong> és obsolet, que va servir per habilitar l'eina de disseny web NeXT per generar etiquetes NAME automàtiques per als seus ancoratges. Va ser generat per aquesta eina d'edició web automàticament i no s'havia d'ajustar o introduir manualment. Aquest element té la distinció de ser el primer element en convertir-se en una de les "etiquetes perdudes" en ser eliminat de les DTD oficials de les versions HTML. També és probablement un dels menys entesos de tots els elements HTML primerenque</p>
+
+<dl>
+ <dt>HTML "0.a" - des del principi fins el 10 de Gener de 1991</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquesta</span> <span>etiqueta</span> <span>no s'havia</span> <span>inventat</span> <span>encara,</span> <span>per la qual cosa</span> <span>no es troben</span> <span>exemples</span> <span>d'aquest</span> <span>període.</span></span></dd>
+ <dt>HTML "0.c" - des del 23 Gener 1991 fins el 23 Novembre de 1992</dt>
+ <dd>Aquesta primera versió d'HTML es va introduir <code>&lt;NEXTID&gt;</code> en un format no compatible amb SGML utilitzant simplement el valor numèric com un "atribut".</dd>
+ <dt>HTML "0.d" - des del 26 Novembre de 1992 fins el 24 Maih de 1993</dt>
+ <dd>Durant aquest lapse, NeXT i el DTD supervivent més antic, mostren <code>&lt;NEXTID&gt;</code> per prendre només un nombre per el valor del seu atribut N novament introduït.</dd>
+ <dt>HTML "1.k" - <span class="short_text" id="result_box" lang="ca"><span>Versió</span> <span>1 (</span><span>primera versió</span><span>)</span></span></dt>
+ <dd>En aquest primer esborrany publicat d'HTML, <code>&lt;NEXTID&gt;</code> és el mateix que tindria en HTML 2, permetent finalment l'ús d'un nom en lloc de només un nombre per al valor del seu atribut.</dd>
+ <dt>HTML "1.m" - <span class="short_text" id="result_box" lang="ca"><span>Versió</span> <span>1 (</span><span>segona versió</span><span>)</span></span></dt>
+ <dd>En el següent esborrany publicat d'HTML, <code>&lt;NEXTID&gt; &lt;NEXTID&gt;</code> pot desplegar-se individualment per a la seva visualització amb un simple comando SGML.</dd>
+ <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 2 Nivell 1</dt>
+ <dd>És com el nivell 2 per defecte però exclou tots els elements de formularis, i. e. <code>&lt;FORM&gt;</code>, <code>&lt;INPUT&gt;</code>, <code>&lt;TEXTAREA&gt;</code>, <code>&lt;SELECT&gt;</code> i <code>&lt;OPTION&gt;</code></dd>
+ <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 2 Estricta Nivell 1</dt>
+ <dd>És com el Nivell 1 regular però també exclou aquests elements depreciats,  juntament amb construccions com niar un encapçalat (element <code>&lt;H*&gt;</code>) dins d'un d'enllaç (element <code>&lt;A&gt;</code>).</dd>
+ <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 2 Nivell 2</dt>
+ <dd>Aquest és el valor per defecte, inclou i permet totes les funcions, elements i atributs de Nivell 2 HTML.</dd>
+ <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 2 Estricta Nivell 2</dt>
+ <dd>Exclou aquests elements depreciats i també prohibeix construccions com niar una capçalera (element <code>&lt;H*&gt;</code>) dins d'un enllaç (element <code>&lt;A&gt;</code>), o tenir un element <code>&lt;INPUT&gt;</code> de formualri que no està dins d'un element de nivell de bloc com <code>&lt;P&gt;</code>.</dd>
+ <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 3.2</dt>
+ <dd><code>&lt;NEXTID&gt;</code> <span lang="ca"> <span>ha desaparegut del tot</span><span>, mai</span> <span>es va saber</span> <span>d'ell.</span></span></dd>
+</dl>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>accepta</span> <span>els</span></span> <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("n")}}</dt>
+ <dd>Reference to anchor.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>Diguem, per exemple, que l'usuari introdueix quatre encapçalaments de secció en la Taula de Continguts (i presumiblement també escriu material de paràgraf dins de les seccions). A les capçaleres de cadascuna de les quatre seccions se li assignaria els valors NAME  "z0", "z1", "z2" i "z3" . La primera d'elles produiria una entrada a la taula de contingut com aquesta: <code>&lt;A NAME="z0" HREF="#z4"&gt;FIRST SECTION NAME&lt;/A&gt;</code> i la capçalera de secció en la pròpia secció estaria marcada com això : <code>&lt;H2&gt;&lt;A NAME="z4"&gt;FIRST SECTION NAME&lt;/A&gt;&lt;/H2&gt;</code>. Això continua per a les següents tres seccions, denominades  z5, z6 i z7  (i les entrades de la Taula de contingut denominades z1, z2 i z3), i cadascuna d'elles rep automàticament ancores amb aquests noms. Llavors decideix guardar i tancar el document.NeXT agregaria llavors dins de l'encapçalat del document HTML una etiqueta especial, <code>&lt;NEXTID N="z8"&gt;</code> per informar-se on ha de continuar la seva convenció de nomenclatura per la propera vegada que obri el document. Per tant, imageneu que l'autor de la  web obre el document per a la seva posterior edició. Vol afegir un parell de noves seccions després de la seva segona secció i annexar quatre seccions més al final. Així que obre el document, i l'editor de NeXT troba i llegeix aquesta etiqueta <code>&lt;NEXTID N="z8"&gt;</code> i donant la primera d'aquesta nova secció el nom Z8 afegint-la a la taula de contingut i z14 en el cos del seu contingut. El que té ara, una vegada que es fa de nou i tanca el document podria tenir aquest aspecte:</p>
+
+<pre class="brush: html">&lt;HTML&gt;
+    &lt;HEAD&gt;
+        &lt;TITLE&gt; ... whatever ... &lt;/TITLE&gt;
+        &lt;LINK, META, BASE, etc. as applicable for the head of this document&gt;
+        &lt;NEXTID N="z20"&gt;
+    &lt;/HEAD&gt;
+
+    &lt;BODY&gt;
+        &lt;A NAME="z0" HREF="#z4"&gt;FIRST SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z1" HREF="#z5"&gt;SECOND SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z8" HREF="#z14"&gt;NEWLY INSERTED THIRD SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z9" HREF="#z15"&gt;NEWLY INSERTED FOURTH SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z2" HREF="#z6"&gt;ORIGINAL THIRD (NOW FIFTH) SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z3" HREF="#z7"&gt;ORIGINAL FOURTH (NOW SIXTH) SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z10" HREF="#z16"&gt;SEVENTH SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z11" HREF="#z17"&gt;EIGHTH SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z12" HREF="#z18"&gt;NINTH SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z13" HREF="#z19"&gt;TENTH SECTION HEADING&lt;/A&gt;
+        &lt;H2&gt;&lt;A NAME="z4"&gt;FIRST SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z5"&gt;SECOND SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z14"&gt;NEWLY INSERTED THIRD SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z15"&gt;NEWLY INSERTED FOURTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z6"&gt;ORIGINAL THIRD (NOW FIFTH) SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z7"&gt;ORIGINAL FOURTH (NOW SIXTH) SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z16"&gt;SEVENTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z17"&gt;EIGHTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z18"&gt;NINTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z19"&gt;TENTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+    &lt;/BODY&gt;
+&lt;/HTML&gt;
+</pre>
+
+<p>Després s'envia una còpia d'aquest document al seu amic que també té un editor NeXT, i suprimeix les seccions z7 i z19 i afegeix deu més, des de z20 fins z29, a continuació elimina els paràgrafs z24 i z29. Per tant, el valor NEXTID és z30 quan ho retorna modificat a l'autor original, es veu d'aquesta manera:</p>
+
+<pre class="brush: html">&lt;HTML&gt;
+    &lt;HEAD&gt;
+        &lt;TITLE&gt; ... whatever ... &lt;/TITLE&gt;
+        &lt;LINK, META, BASE, etc. as applicable for the head of this document&gt;
+        &lt;NEXTID N="z30"&gt;
+    &lt;/HEAD&gt;
+
+    &lt;BODY&gt;
+        &lt;A NAME="z0" HREF="#z4"&gt;FIRST SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z1" HREF="#z5"&gt;SECOND SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z8" HREF="#z14"&gt;NEWLY INSERTED THIRD SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z9" HREF="#z15"&gt;NEWLY INSERTED FOURTH SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z2" HREF="#z6"&gt;ORIGINAL THIRD (NOW FIFTH) SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z10" HREF="#z16"&gt;SEVENTH (NOW SIXTH) SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z11" HREF="#z17"&gt;EIGHTH (NOW SEVENTH) SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z12" HREF="#z18"&gt;NINTH (NOW EIGHTH) SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z20" HREF="#z25"&gt;NEW NINTH SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z21" HREF="#z26"&gt;NEW TENTH SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="z22" HREF="#z27"&gt;NEW ELEVENTH SECTION HEADING&lt;/A&gt;
+        &lt;A NAME="e23" HREF="#z28"&gt;NEW TWELFTH SECTION HEADING&lt;/A&gt;
+        &lt;H2&gt;&lt;A NAME="z4"&gt;FIRST SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z5"&gt;SECOND SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z14"&gt;NEWLY INSERTED THIRD SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z15"&gt;NEWLY INSERTED FOURTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z6"&gt;ORIGINAL THIRD (NOW FIFTH) SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z16"&gt;SEVENTH (NOW SIXTH) SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z17"&gt;EIGHTH (NOW SEVENTH) SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z18"&gt;NINTH (NOW EIGHTH) SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z25"&gt;NEW NINTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z26"&gt;NEW TENTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z27"&gt;NEW ELENENTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+        &lt;H2&gt;&lt;A NAME="z28"&gt;NEW TWELFTH SECTION HEADING&lt;/A&gt;&lt;/H1&gt;&lt;P&gt; ... whatever ... &lt;/P&gt;
+    &lt;/BODY&gt;
+&lt;/HTML&gt;
+</pre>
+
+<h2 id="Referència_HTML">Referència HTML</h2>
+
+<ul>
+ <li><a class="external text" href="http://www.the-pope.com/nextid.html" rel="nofollow">Exemple de treball de l'element de la etiqueta NEXTID</a></li>
+ <li><a class="external text" href="https://tools.ietf.org/html/rfc1866#section-5.2.6" rel="nofollow">5.2.6. Next Id: NEXTID</a></li>
+</ul>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("isindex")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/nobr/index.html b/files/ca/web/html/element/nobr/index.html
new file mode 100644
index 0000000000..d9cd58bd03
--- /dev/null
+++ b/files/ca/web/html/element/nobr/index.html
@@ -0,0 +1,30 @@
+---
+title: <nobr>
+slug: Web/HTML/Element/nobr
+tags:
+  - Element
+  - HTML
+  - NeedsCompatTable
+  - Non-standard
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/nobr
+---
+<div>{{non-standard_header}}</div>
+
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'element HTML <code>&lt;nobr&gt;</code> impedeix que un text es trenqui automàticament en una nova línia, per la qual cosa es mostra en una línia llarga i pot ser necessari desplaçar-se. Aquesta etiqueta no és HTML estàndard i no ha d'utilitzar-se. En el seu lloc, utilitzi la propietat CSS {{Cssxref("white-space")}} de la següent manera:</p>
+
+<p>
+ </p><pre class="brush:css">&lt;span style="white-space: nowrap"&gt;Long line with no breaks&lt;/span&gt;</pre>
+<p></p>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>{{Cssxref("white-space")}}</li>
+ <li>{{Cssxref("overflow")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/noembed/index.html b/files/ca/web/html/element/noembed/index.html
new file mode 100644
index 0000000000..b2d420043d
--- /dev/null
+++ b/files/ca/web/html/element/noembed/index.html
@@ -0,0 +1,35 @@
+---
+title: <noembed>
+slug: Web/HTML/Element/noembed
+tags:
+  - Deprecated
+  - HTML
+  - NeedsCompatTable
+  - Non-standard
+  - Reference
+translation_of: Web/HTML/Element/noembed
+---
+<div>{{HTMLRef}}{{Non-standard_header}}{{deprecated_header}}</div>
+
+<p>L'element <code>&lt;noembed&gt;</code> és una forma obsoleta i no estàndard per proporcionar contingut alternatiu o de "reserva" per als navegadors que no suporten l'element {{HTMLElement("embed")}} o no són compatibles amb <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Embedded_content">contingut incrustat</a> (<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Embedded_content">embedded content</a>) que un autor desitji usar. Aquest element va ser desaprovat en HTML 4.01 i anteriorment en favor de {{HTMLElement("object")}}. El contingut de reserva ha de ser inserit entre les etiquetes d'obertura i tancament de {{HTMLElement("object")}}.</p>
+
+<div class="note">
+<p>Si bé aquest element actualment encara funciona en molts navegadors, s'ha quedat obsolet i no ha de ser utilitzat. Utilitza {{HTMLElement("object")}} al seu lloc.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#noembed', '&lt;noembed&gt;')}}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td>Característica no conforme.</td>
+  </tr>
+ </tbody>
+</table>
diff --git a/files/ca/web/html/element/noframes/index.html b/files/ca/web/html/element/noframes/index.html
new file mode 100644
index 0000000000..492727308a
--- /dev/null
+++ b/files/ca/web/html/element/noframes/index.html
@@ -0,0 +1,38 @@
+---
+title: <noframes>
+slug: Web/HTML/Element/noframes
+tags:
+  - Element
+  - HTML
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/noframes
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <code>&lt;noframes&gt;</code> s'utilitza per donar suport als navegadors que no són capaços de suportar elements {{HTMLElement("frame")}}  o està configurats per a fer-ho.</p>
+
+<p>Es pot utilitzar qualsevol element HTML dins de <code>&lt;noframes&gt;</code> que s'espera que sigui vist dins de l'element {{HTMLElement("body")}} , excepte els elements {{HTMLElement("frameset")}} i {{HTMLElement("frame")}}.</p>
+
+<div class="note"><strong>Nota:</strong> El fet de que els principals navegadors suportin marcs, l'ús d'aquest element no és necessari en casos generals. Sent totalment obsolet en HTML5, s'ha d'evitar per ajustar-se a la norma.</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>és compatible</span> <span>amb</span> <span>els</span> </span><a href="/en-US/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush:html">&lt;frameset cols="50%,50%"&gt;
+  &lt;frame src="https://developer.mozilla.org/en/HTML/Element/frameset" /&gt;
+  &lt;frame src="https://developer.mozilla.org/en/HTML/Element/frame" /&gt;
+  &lt;noframes&gt;&lt;p&gt;It seems your browser does not support frames or configured to does not so.&lt;/p&gt;&lt;/noframes&gt;
+&lt;/frameset&gt;</pre>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("frameset")}}</li>
+ <li>{{HTMLElement("frame")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/noscript/index.html b/files/ca/web/html/element/noscript/index.html
new file mode 100644
index 0000000000..de222ce457
--- /dev/null
+++ b/files/ca/web/html/element/noscript/index.html
@@ -0,0 +1,145 @@
+---
+title: <noscript>
+slug: Web/HTML/Element/noscript
+tags:
+  - Element
+  - HTML
+  - HTML scripting
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/noscript
+---
+<div>{{HTMLRef}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>Element HTML <code>&lt;noscript&gt;</code></strong> defineix una secció d'HTML per inserir si un tipus de script a la pàgina no és compatible o si scripting està actualment desactivat en el navegador.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Metadata_content" title="HTML/Content_categories#Metadata_content">Contingut Metadata</a>, <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Quan scripting està desactivat i quan és un descendent de l'element {{HTMLElement("head")}} en qualsevol ordre, zero o més elements {{HTMLElement("link")}}, zero o més elements {{HTMLElement("style")}} i zero o més elements {{HTMLElement("meta")}}.<br>
+    Quan scripting està desactivat i quan no és un descendent de l'element {{HTMLElement("head")}}: qualsevol contingut transparent, però sense l'element <code>&lt;noscript&gt;</code> ha d'estar entre els seus descendents.<br>
+    Altrament: contingut dinàmic o phrasing content.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>, si no hi ha un element ancestre <code>&lt;noscript&gt;</code>, o en un element {{HTMLElement("head")}} (però només per un document HTML), aquí de nou si no hi ha un element ancestre <code>&lt;noscript&gt;</code>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;noscript&gt;
+  &lt;!-- anchor linking to external file --&gt;
+  &lt;a href="http://www.mozilla.com/"&gt;External Link&lt;/a&gt;
+&lt;/noscript&gt;
+&lt;p&gt;Rocks!&lt;/p&gt;
+</pre>
+
+<h3 id="Resultat_amb_scripting_activat">Resultat amb scripting activat</h3>
+
+<p>Rocks!</p>
+
+<h3 id="Resultat_amb_scripting_desactivat">Resultat amb scripting desactivat</h3>
+
+<p><a class="external" href="http://www.mozilla.com/">External Link</a></p>
+
+<p>Rocks!</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'scripting-1.html#the-noscript-element', '&lt;noscript&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'scripting-1.html#the-noscript-element', '&lt;noscript&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/scripts.html#h-18.3.1', '&lt;noscript&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/html/element/object/index.html b/files/ca/web/html/element/object/index.html
new file mode 100644
index 0000000000..2651a14c6b
--- /dev/null
+++ b/files/ca/web/html/element/object/index.html
@@ -0,0 +1,196 @@
+---
+title: <object>
+slug: Web/HTML/Element/object
+tags:
+  - Element
+  - HTML
+  - HTML embedded content
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/object
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML objecte incrustat</em> (<strong>&lt;object&gt;</strong>) representa un recurs extern, que pot ser entès com una imatge, un context de navegació niada, o un recurs per ser manejat per un complement.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>; <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>; <a href="/en-US/docs/HTML/Content_categories#Embedded_content" title="HTML/Content categories#Embedded content">contingut incrustat</a>, contingut palpable; si l'element té un atribut <strong>usemap</strong>, <a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">contingut interactiu</a>; <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, element <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">enviable</a> <a href="/en-US/docs/HTML/Content_categories#Form-associated_content" title="HTML/Content categories#Form-associated content">associat a un formulari</a>.</td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>zero o més elements {{HTMLElement("deviceId")}}, llavors <a href="/en-US/docs/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">transparent</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Embedded_content" title="HTML/Content categories#Embedded content">contingut incrustat</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLObjectElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("archive")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista</span> <span>separada per</span> <span>espais dels</span> <span>URI</span>s <span>d'arxius de</span> <span>recursos</span> <span>per a l'objecte</span><span>.</span></span></dd>
+ <dt>{{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}; {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'ample</span> <span>d'una vora</span> <span>al voltant</span> <span>del control,</span> <span>en píxels</span><span>.</span></span></dd>
+ <dt>{{htmlattrdef("classid")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>L'URI de la implementació de l'objecte. Es pot utilitzar juntament amb, o en lloc de, l'atribut <strong>data</strong></dd>
+ <dt>{{htmlattrdef("codebase")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>La ruta base utilitzada per resoldre URIs relatius especificats per <strong>classid</strong>, <strong>data</strong> o <strong>archive</strong>. Si no s'especifica, el valor predeterminat és l'URI base del document actual.</dd>
+ <dt>{{htmlattrdef("codetype")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd><span id="result_box" lang="ca"><span>El tipus</span> <span>de contingut</span> <span>de les dades especificades</span> <span>per</span> <strong><span>classid</span></strong><span>.</span></span></dd>
+ <dt>{{htmlattrdef("data")}}</dt>
+ <dd>La direcció del recurs com un URL vàlida. Com a mínim s'han de definir un <strong>data</strong> i <strong>type</strong>.</dd>
+ <dt>{{htmlattrdef("declare")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>La presència d'aquest atribut booleà fa que aquest element només sigui una declaració. L'objecte ha de ser instanciat per un element <code>&lt;object&gt;</code> subsegüent. En HTML5, repetir tot l'element <code>&lt;object&gt;</code> per cada recurs que es torna a utilitzar.</dd>
+ <dt>{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>L'element formulari, si existeix, amb el qual està associat l'element object (el seu <em>propietari del formulari</em>). El valor de l'atribut ha de ser un ID d'un element {{HTMLElement("form")}} en el mateix document.</dd>
+ <dt>{{htmlattrdef("height")}}</dt>
+ <dd>L'alçada del recurs visualitzat, en píxels CSS.</dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd>El nom del context de navegació vàlid (HTML5), o el nom del control (HTML 4).</dd>
+ <dt>{{htmlattrdef("standby")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>Un missatge que el navegador pot mostrar durant la càrrega de la implementació dels objectes i dades.</dd>
+ <dt>{{htmlattrdef("tabindex")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>La posició de l'element en l'ordre de navegació de pestanyes del document actual.</dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>
+ <p>El <a href="https://developer.mozilla.org/en-US/docs/Glossary/Content_type">tipus de contingut (content type)</a> del recurs especificat per les dades. Com a mínim ha de ser definit un data i type.</p>
+ </dd>
+ <dt>{{htmlattrdef("typemustmatch")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut booleà indica si han de coincidir el <strong>type</strong> i el recurs de <a href="https://developer.mozilla.org/en-US/docs/Glossary/Content_type">tipus de contingut (content type)</a> real per ordre d'aquest per ser utilitzat.</dd>
+ <dt>{{htmlattrdef("usemap")}}</dt>
+ <dd>Una referència a un hash-name a un element {{HTMLElement("map")}}; que és un "#" seguit pel valor d'un {{htmlattrxref("name", "map")}} d'un element map.</dd>
+ <dt>{{htmlattrdef("width")}}</dt>
+ <dd>L'amplada del recurs visualitzat, en píxels CSS</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Incrusta_una_pel·lícula_flash"><span class="short_text" id="result_box" lang="ca"><span>Incrusta</span> <span>una pel·lícula</span> <span>flash</span></span></h3>
+
+<pre class="brush: html">&lt;!-- Embed a flash movie --&gt;
+&lt;object data="movie.swf" type="application/x-shockwave-flash"&gt;&lt;/object&gt;
+
+&lt;!-- Embed a flash movie with parameters --&gt;
+&lt;object data="movie.swf" type="application/x-shockwave-flash"&gt;
+  &lt;param name="foo" value="bar"&gt;
+&lt;/object&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'embedded-content.html#the-object-element', '&lt;object&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-object-element', '&lt;object&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.3', '&lt;object&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>typemustmatch</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("27")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>typemustmatch</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("27")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("param")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/ol/index.html b/files/ca/web/html/element/ol/index.html
new file mode 100644
index 0000000000..3d4893e40c
--- /dev/null
+++ b/files/ca/web/html/element/ol/index.html
@@ -0,0 +1,277 @@
+---
+title: <ol>
+slug: Web/HTML/Element/ol
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - 'HTML:Flow content'
+  - Reference
+translation_of: Web/HTML/Element/ol
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>Element HTML <code>&lt;ol&gt;</code></strong> (o <em>llista ordenada d'elements HTML</em>) representa una llista ordenada d'elements. En general, els elements de la llista ordenada es mostren amb una numeració anterior, que pot ser de qualsevol forma, com números, lletres o números romans o fins i tot bales simples. Aquest estil numerat no està definit en la descripció HTML de la pàgina, sinó en la seva CSS associat, mitjançant la propietat {{cssxref("list-style-type")}}.</p>
+
+<p>No hi ha cap limitació a la profunditat i la superposició de les llistes definides amb els elements {{HTMLElement("ol")}} i {{HTMLElement("ul")}}.</p>
+
+<div class="note"><strong>Nota d'ùs: </strong> El {{HTMLElement("ol")}} i {{HTMLElement("ul")}} tots dos representen una llista d'elements. Es diferencien en la forma en què, amb l'element {{HTMLElement("ol")}} l'ordre és significatiu. Com a regla general per determinar quin d'ells utilitzar, tracteu de canviar l'ordre dels elements de la llista; si canvia el significat, l'element {{HTMLElement("ol")}} s'ha d'utilitzar, en cas contrari el {{HTMLElement("ul")}} és l'adequat.</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Contingut dinàmic</a>, i si els fills de l'element <code>&lt;ol&gt;</code> inclouen almenys un element {{HTMLElement("li")}}, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Zero o més elements {{HTMLElement("li")}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLOListElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("compact")}}{{ Deprecated_inline() }}</dt>
+ <dd>Aquest atribut booleà indica que la llista s'ha de representar en un estil compacte. La interpretació d'aquest atribut depèn de l'agent d'usuari i no funciona en tots els navegadors. {{noteStart}} No utilitzeu aquest atribut, ja que ha quedat obsolet: l'element {{HTMLElement("ol")}} se li ha d'aplicar els estils amb <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Per donar un efecte similar a l'atribut compacte, la propietat <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> {{cssxref("line-height")}} es pot usar amb un valor de <code>80%</code>. {{noteEnd}}</dd>
+ <dt>{{htmlattrdef("reversed")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut booleà especifica que els elements de l'element s'especifiquen en l'ordre invers, és a dir, que el menys important apareix en primer lloc.</dd>
+ <dt>{{htmlattrdef("start")}}{{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut enter especifica el valor inicial per a la numeració dels elements individuals de la llista. Tot i que el tipus d'ordre dels elements de la llista podria ser nombres romans, com XXXI, o lletres, el valor inicial sempre és representat com un nombre. Per començar a numerar els elements de la lletra "C", utilitzeu <code>&lt;ol start = "3"&gt;</code>.
+ <div class="note"><strong>Nota</strong>: Aquest atribut està desaprovat en HTML 4, però es va tornar a introduir en HTML5.</div>
+ </dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Indica</span> <span>el tipus</span> <span>de numeració</span><span>:</span></span>
+ <ul>
+  <li><code>'a'</code> indica que les lletres són minúscules,</li>
+  <li><code>'A'</code> indica que les lletres són majúscules,</li>
+  <li><code>'i'</code> indica els nombres romans en minúscula,</li>
+  <li><code>'I'</code> indica els nombres romans en majúscules,</li>
+  <li>i <code>'1'</code> indica els números (per defecte).</li>
+ </ul>
+
+ <p>El conjunt de tipus s'utilitza per a la llista completa a menys que un  atribut {{htmlattrxref("type", "li")}} diferent s'utilitzi dins d'un element {{HTMLElement ("li")}} tancat.</p>
+
+ <div class="note"><strong>Nota: </strong>Aquest atribut està desaprovat en HTML 4, però es va tornar a introduir en HTML5.Tret que el valor del nombre de llista importi (per exemple, en documents legals o tècnics en els quals els elements han de referenciar-se pel seu nombre / lletra), hauria d'usar-se la propietat CSS {{cssxref ("list-style-type")}} al seu lloc.</div>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Simple_example" name="Simple_example">Exemple senzill</h3>
+
+<pre class="brush: html">&lt;ol&gt;
+  &lt;li&gt;first item&lt;/li&gt;
+  &lt;li&gt;second item&lt;/li&gt;
+  &lt;li&gt;third item&lt;/li&gt;
+&lt;/ol&gt;
+</pre>
+
+<p>Sortida del codi HTML anterior:</p>
+
+<ol>
+ <li>first item</li>
+ <li>second item</li>
+ <li>third item</li>
+</ol>
+
+<h3 id="Usant_l'atribut_start"><span id="result_box" lang="ca"><span>Usant</span> <span>l'atribut</span> </span><span style="font-family: courier new;"><code>start</code></span></h3>
+
+<pre class="brush: html">&lt;ol start="7"&gt;
+  &lt;li&gt;first item&lt;/li&gt;
+  &lt;li&gt;second item&lt;/li&gt;
+  &lt;li&gt;third item&lt;/li&gt;
+&lt;/ol&gt;
+</pre>
+
+<p>Sortida del codi HTML anterior:</p>
+
+<ol start="7">
+ <li>first item</li>
+ <li>second item</li>
+ <li>third item</li>
+</ol>
+
+<h3 id="Llistes_niades">Llistes niades</h3>
+
+<pre class="brush: html">&lt;ol&gt;
+  &lt;li&gt;first item&lt;/li&gt;
+  &lt;li&gt;second item      &lt;!-- Look, the closing &lt;/li&gt; tag is not placed here! --&gt;
+    &lt;ol&gt;
+      &lt;li&gt;second item first subitem&lt;/li&gt;
+      &lt;li&gt;second item second subitem&lt;/li&gt;
+      &lt;li&gt;second item third subitem&lt;/li&gt;
+    &lt;/ol&gt;
+  &lt;/li&gt;                &lt;!-- Here is the closing &lt;/li&gt; tag --&gt;
+  &lt;li&gt;third item&lt;/li&gt;
+&lt;/ol&gt;
+</pre>
+
+<p>Sortida del codi HTML anterior:</p>
+
+<ol>
+ <li>first item</li>
+ <li>second item
+  <ol>
+   <li>second item first subitem</li>
+   <li>second item second subitem</li>
+   <li>second item third subitem</li>
+  </ol>
+ </li>
+ <li>third item</li>
+</ol>
+
+<h3 id="Niar_&lt;ol>_i_&lt;ul>">Niar &lt;ol&gt; i &lt;ul&gt;</h3>
+
+<pre class="brush: html">&lt;ol&gt;
+  &lt;li&gt;first item&lt;/li&gt;
+  &lt;li&gt;second item      &lt;!-- Look, the closing &lt;/li&gt; tag is not placed here! --&gt;
+    &lt;ul&gt;
+      &lt;li&gt;second item first subitem&lt;/li&gt;
+      &lt;li&gt;second item second subitem&lt;/li&gt;
+      &lt;li&gt;second item third subitem&lt;/li&gt;
+    &lt;/ul&gt;
+  &lt;/li&gt;                &lt;!-- Here is the closing &lt;/li&gt; tag --&gt;
+  &lt;li&gt;third item&lt;/li&gt;
+&lt;/ol&gt;
+</pre>
+
+<p>Sortida del codi HTML anterior:</p>
+
+<ol>
+ <li>first item</li>
+ <li>second item
+  <ul>
+   <li style="list-style-type: square;">second item first subitem</li>
+   <li style="list-style-type: square;">second item second subitem</li>
+   <li style="list-style-type: square;">second item third subitem</li>
+  </ul>
+ </li>
+ <li>third item</li>
+</ol>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-ol-element', '&lt;ol&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última presentació en W3C, {{SpecName('HTML5 W3C')}}.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "grouping-content.html#the-ol-element", "HTMLOListElement")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Afegeix els atributs <code>reversed</code> i <code>start</code>; desaprovat <code>type</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.2', '&lt;ol&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Desaprovat <code>compact</code> i <code>type</code>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>1.0</td>
+   <td>1.0</td>
+   <td>1.0</td>
+  </tr>
+  <tr>
+   <td>atribut <code>reversed</code></td>
+   <td>18</td>
+   <td>{{CompatGeckoDesktop("18.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>5.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>reversed</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("18.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres Elements HTM relacionats amb Llistes : {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}} i el obsolet {{HTMLElement("dir")}};</li>
+ <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per a l'estil</span> <span>de l'element</span> <code><span>&lt;</span><span>ol&gt;</span></code><span>:</span></span>
+  <ul>
+   <li>la propietat {{cssxref("list-style")}}, útil per triar la forma de visualització del ordinal,</li>
+   <li><a href="/en-US/docs/CSS_Counters" title="CSS_Counters">CSS counters</a>, útil per gestionar llistes niades complexes,</li>
+   <li>la propietat {{cssxref("line-height")}}, útil per simular l'atribut {{htmlattrxref("compact", "ol")}} que està obselet,</li>
+   <li>la propietat {{cssxref("margin")}}, útil per controlar la sagnia de la llista.</li>
+  </ul>
+ </li>
+</ul>
+
+<div> </div>
diff --git a/files/ca/web/html/element/optgroup/index.html b/files/ca/web/html/element/optgroup/index.html
new file mode 100644
index 0000000000..e7d0f7a4fe
--- /dev/null
+++ b/files/ca/web/html/element/optgroup/index.html
@@ -0,0 +1,162 @@
+---
+title: <optgroup>
+slug: Web/HTML/Element/optgroup
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/optgroup
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>En un formulari web, l'<strong>element HTML <code>&lt;optgroup&gt;</code></strong> crea una agrupació d'opcions dins d'un element {{HTMLElement ("select")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Zero o més elements {{HTMLElement("option")}} .</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>L'etiqueta</span> <span>d'inici és</span> <span>obligatòria.</span> <span>L'etiqueta</span> <span>de tancament</span> <span>és</span> <span>opcional si</span> <span>aquest</span> <span>element</span> <span>és seguit</span> <span>immediatament</span> <span>per un altre</span> <span>element</span> <code><span>&lt;</span><span>optgroup</span><span>&gt;</span></code><span>,</span> <span>o</span> <span>si l'element</span> <span>pare no</span> <span>té</span> <span>més</span> <span>contingut.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un element {{HTMLElement("select")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLOptGroupElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>{{Note("Optgroup elements may not be nested.")}}</p>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("disabled")}}</dt>
+ <dd>Si aquest atribut booleà està establert, cap dels elements en aquest grup d'opcions es pot seleccionar. Sovint, els navegadors no habiliten aquest control i no reben cap esdeveniment de navegació, com clics del ratolí o els relacionats amb l'enfocament.</dd>
+ <dt>{{htmlattrdef("label")}}</dt>
+ <dd>El nom del grup d'opcions, que el navegador pot utilitzar en etiquetar les opcions de la interfície d'usuari. Aquest atribut és obligatori si s'utilitza aquest element.</dd>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;select&gt;
+  &lt;optgroup label="Group 1"&gt;
+    &lt;option&gt;Option 1.1&lt;/option&gt;
+  &lt;/optgroup&gt;
+  &lt;optgroup label="Group 2"&gt;
+    &lt;option&gt;Option 2.1&lt;/option&gt;
+    &lt;option&gt;Option 2.2&lt;/option&gt;
+  &lt;/optgroup&gt;
+  &lt;optgroup label="Group 3" disabled&gt;
+    &lt;option&gt;Option 3.1&lt;/option&gt;
+    &lt;option&gt;Option 3.2&lt;/option&gt;
+    &lt;option&gt;Option 3.3&lt;/option&gt;
+  &lt;/optgroup&gt;
+&lt;/select&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example")}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-optgroup-element', '&lt;optgroup&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-optgroup-element', '&lt;optgroup&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '&lt;optgroup&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements relacionats amb formularis: {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("option")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/option/index.html b/files/ca/web/html/element/option/index.html
new file mode 100644
index 0000000000..70beea7368
--- /dev/null
+++ b/files/ca/web/html/element/option/index.html
@@ -0,0 +1,150 @@
+---
+title: <option>
+slug: Web/HTML/Element/option
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/option
+---
+<div>{{HTMLRef}}</div>
+
+<p>En un formulari web, l'element HTML &lt;option&gt; s'utilitza per crear un control que representa un element dins d'un {{HTMLElement("select")}}, un {{HTMLElement("optgroup")}} o un element d'HTML5 {{HTMLElement("datalist")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Text amb caràcters escapats provisionals (això és <code>&amp;eacute;</code>).</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>L'etiqueta</span> <span>d'inici és</span> <span>obligatòria.</span> <span>L'etiqueta</span> <span>de tancament</span> <span>és</span> <span>opcional si</span> <span>aquest</span> <span>element</span> <span>és seguit</span> <span>immediatament</span> <span>per un altre</span> <span>element</span> <code><span>&lt;</span><span>option</span><span>&gt;</span></code> <span>o</span> <span>{</span><span>{</span><span>HTMLElement</span> <span>(</span><span>"</span><span>optgroup</span><span>"</span><span>)</span><span>}</span><span>}</span><span>,</span> <span>o</span> <span>si l'element</span> <span>pare no</span> <span>té</span> <span>més</span> <span>contingut.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un {{HTMLElement("select")}}, un {{HTMLElement("optgroup")}} o un element  {{HTMLElement("datalist")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLOptionElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("disabled")}}</dt>
+ <dd>Si aquest atribut booleà s'estableix, aquesta opció no és comprovable.<br>
+ Sovint, els navegadors no habiliten aquest control i no reben cap esdeveniment de navegació, com clics del ratolí o els relacionats amb l'enfocament. Si aquest atribut no està establert, l'element encara es pot desactivar si un dels seus ancestres és un element {{HTMLElement("optgroup")}} deshabilitat.</dd>
+ <dt>{{htmlattrdef("label")}}</dt>
+ <dd>Aquest atribut és el text de l'etiqueta que indica el significat de l'opció. Si no es defineix l'atribut <code>label</code>, el seu valor és la del contingut del text de l'element.</dd>
+ <dt>{{htmlattrdef("selected")}}</dt>
+ <dd>Si és present, aquest atribut booleà indica que l'opció està seleccionada inicialment. Si l'element <code>&lt;option&gt;</code> és el descendent d'un element {{HTMLElement ("select")}} en que el seu atribut {{htmlattrxref("multiple", "select")}} no està establert, només una sola <code>&lt;option&gt;</code> d'aquest element {{HTMLElement("select")}} té l'atribut <code>selected</code>.</dd>
+ <dt>{{htmlattrdef("value")}}</dt>
+ <dd>El contingut d'aquest atribut representa el valor que s'ha de presentar amb el formulari, si està seleccionada aquesta opció. Si s'omet aquest atribut, el valor es pren del contingut de text de l'element option.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Veure exemples de {{HTMLElement("select")}}.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-option-element', '&lt;option&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-option-element', '&lt;option&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '&lt;option&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Definció incial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}<sup>[1][2]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Gecko no mostra el valor de l'atribut <code>label</code> com a text d'opció si el contingut de l'element està buit. Veure {{bug("1205213")}}.</p>
+
+<p>[2] Històricament, Firefox ha permès que els esdeveniments de teclat i ratolí és generin des de l'element <code>&lt;option&gt;</code> al element pare {{HTMLElement("select")}}. Això no succeeix en Chrome, encara que aquest comportament és incoherent en molts navegadors.Per a una millor compatibilitat web (i per raons tècniques), quan Firefox està en modalitat multi-procés l'element <code>&lt;select&gt;</code> es mostra com una llista desplegable. El comportament no té canvis si &lt;select&gt; es presenta en línia i té l'atribut <code>multiple</code> definit o un atribut <code>size</code> ajustat a més de 1.<br>
+ En lloc d'observar elements <code>&lt;option&gt;</code> per a esdeveniments, heu d'estar atents els esdeveniments {event("change")}} en {{HTMLElement("select")}}. Veure {{bug(1090602)}} per a més informació.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements relacionats amb formualris: {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li>
+</ul>
diff --git a/files/ca/web/html/element/output/index.html b/files/ca/web/html/element/output/index.html
new file mode 100644
index 0000000000..c6397d2fd4
--- /dev/null
+++ b/files/ca/web/html/element/output/index.html
@@ -0,0 +1,150 @@
+---
+title: <output>
+slug: Web/HTML/Element/output
+tags:
+  - Element
+  - HTML
+  - HTML forms
+  - HTML5
+  - 'HTML:Flow content'
+  - NeedsMobileBrowserCompatibility
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/output
+---
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'<strong>element HTML <code>&lt;output&gt;</code></strong> representa el resultat d'una acció de càlcul o  d'usuari.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetable</a><a href="/en-US/docs/HTML/Content_categories#Form_resettable" title="HTML/Content categories#Form resettable">, reiniciable</a> <a href="/en-US/docs/HTML/Content_categories#Form-associated_content" title="HTML/Content categories#Form-associated content">element associat a formulari </a>, contingut palpable .</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLOutputElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("for")}}</dt>
+ <dd>Una llista IDs d'altres elements, indicant que aquests elements van aportar valors d'entrada al càlcul (o afectat d'una altra manera).</dd>
+ <dt>{{htmlattrdef("form")}}</dt>
+ <dd>L'element form al que està associat aquest element (el seu "propietari de formulari"). El valor de l'atribut ha de ser un ID d'un element formulari en el mateix document. Si no s'especifica aquest atribut, l'element de sortida ha de ser un descendent d'un element formulari. Aquest atribut li permet dipositar elements de sortida en qualsevol lloc dins d'un document, no només com descendents dels seus elements formulari.</dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd>El nom de l'element.</dd>
+</dl>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<pre class="brush: html">&lt;form oninput="result.value=parseInt(a.value)+parseInt(b.value)"&gt;
+    &lt;input type="range" name="b" value="50" /&gt; +
+    &lt;input type="number" name="a" value="10" /&gt; =
+    &lt;output name="result"&gt;60&lt;/output&gt;
+&lt;/form&gt;
+</pre>
+
+<p>{{ EmbedLiveSample('Example')}}</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-output-element', '&lt;output&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-output-element', '&lt;output&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>10</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>11</td>
+   <td>7</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>7</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>Altres elements relacionats amb formualris: {{HTMLElement("form")}}, {{HTMLElement("input")}}, {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("select")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
+
+<p> </p>
diff --git a/files/ca/web/html/element/p/index.html b/files/ca/web/html/element/p/index.html
new file mode 100644
index 0000000000..a70e51f84c
--- /dev/null
+++ b/files/ca/web/html/element/p/index.html
@@ -0,0 +1,148 @@
+---
+title: <p>
+slug: Web/HTML/Element/p
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/p
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'<strong>element HTML <code>&lt;p&gt;</code></strong> (o <em>element HTML Paràgraf</em> ) representa un paràgraf de text. Els paràgrafs solen estar representats en els mitjans visuals com a blocs de text que estan separats dels blocs adjacents per un espai en blanc vertical i/o una sagnia de primera línia. El paràgraf ha d'estar tancat al final del text utilitzant el format <strong>"&lt;p&gt; text &lt;/ p&gt;"</strong> per col·locar el text entre el paràgraf. Els paràgrafs són <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements">elements de bloc</a>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>L'etiqueta d'inici és obligatòria. L'etiqueta final es pot ometre si l'element {{HTMLElement("p")}} és seguit immediatament per un {{HTMLElement("address")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("blockquote")}}, {{HTMLElement("div")}}, {{HTMLElement("dl")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("footer")}}, {{HTMLElement("form")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("header")}}, {{HTMLElement("hr")}}, {{HTMLElement("menu")}}, {{HTMLElement("nav")}}, {{HTMLElement("ol")}}, {{HTMLElement("pre")}}, {{HTMLElement("section")}}, {{HTMLElement("table")}}, {{HTMLElement("ul")}} o una altra element {{HTMLElement("p")}}, o si no hi ha més contingut en l'element primari i l'element pare no és un element {{HTMLElement("a")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLParagraphElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<p>L'atribut <code>align</code> a &lt;p&gt; és obsolet. No el feu servir.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;p&gt;This is the first paragraph of text. This is the first paragraph of text.
+  This is the first paragraph of text. This is the first paragraph of text.&lt;/p&gt;
+
+&lt;p&gt;This is second paragraph of text. This is second paragraph of text.
+   This is second paragraph of text. This is second paragraph of text.&lt;/p&gt;
+</pre>
+
+<p>Això genera:</p>
+
+<p>{{EmbedLiveSample('Example')}}</p>
+
+<h2 id="Notes">Notes</h2>
+
+<p>Per canviar els espais entre els paràgrafs, utilitzar la propietat <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> {{cssxref("margin")}}. <strong>No introduir</strong> elements paràgrafs buits o {{HTMLElement("br")}} entre ells.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-p-element', '&lt;p&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Cap canvi des de l'última presentació W3C {{SpecName("HTML5 W3C")}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-p-element', '&lt;p&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>l'atribut <code>align</code> està obsolet</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.3.1', '&lt;p&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Definció inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("hr")}}</li>
+ <li>{{HTMLElement("br")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/param/index.html b/files/ca/web/html/element/param/index.html
new file mode 100644
index 0000000000..5c8f96c4ea
--- /dev/null
+++ b/files/ca/web/html/element/param/index.html
@@ -0,0 +1,151 @@
+---
+title: <param>
+slug: Web/HTML/Element/param
+tags:
+  - Element
+  - HTML
+  - HTML embedded content
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/param
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>element HTML <code>&lt;param&gt;</code></strong> (o element HTML de paràmetre ) defineix paràmetres per {{ HTMLElement("object") }}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>l'etiqueta</span> <span>d'inici</span> <span>ha d'estar present</span> <span>i</span> <span>l'etiqueta</span> <span>final</span> <span>no ha d'estar</span> <span>present.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un {{ HTMLElement("object") }} <span class="short_text" id="result_box" lang="ca"><span>abans</span> <span>de qualsevol</span></span> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLParamElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{ htmlattrdef("name") }}</dt>
+ <dd>Nom del paràmetre .</dd>
+ <dt>{{ htmlattrdef("type") }} {{ obsolete_inline() }}</dt>
+ <dd><span id="result_box" lang="ca"><span>Només s'utilitza</span> <span>si el</span> <code><span>valuetype</span> </code><span>està</span> <span>ajustat a</span> <span>"</span><span>ref</span><span>"</span><span>.</span> <span>Especifica</span> <span>el tipus</span> <span>MIME</span> <span>dels</span> <span>valors</span> <span>trobats en</span> <span>l'URI</span> <span>especificat</span> <span>pel valor.</span></span></dd>
+ <dt>{{ htmlattrdef("value") }}</dt>
+ <dd><span id="result_box" lang="ca"><span>Especifica</span> <span>el valor del paràmetre</span></span>.</dd>
+ <dt>{{ htmlattrdef("valuetype") }} {{ obsolete_inline() }}</dt>
+ <dd>Especifica el tipus de l'atribut <code>value</code>. Els valors possibles són:
+ <ul>
+  <li>data: El valor per defecte. El valor es passa a la implementació de l'objecte com una cadena.</li>
+  <li>ref: El valor és una URI a un recurs on s'emmagatzemen els valors de temps d'execució.</li>
+  <li>object: Un ID d'una altra {{ HTMLElement("object") }} en el mateix document.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Si us plau, veure la pàgina {{ HTMLElement("object") }} per exemples de &lt;param&gt;.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-param-element', '&lt;param&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-param-element', '&lt;param&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.3.2', '&lt;param&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsict</td>
+   <td>1.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{ HTMLElement("object") }}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/picture/index.html b/files/ca/web/html/element/picture/index.html
new file mode 100644
index 0000000000..540ee5bb7b
--- /dev/null
+++ b/files/ca/web/html/element/picture/index.html
@@ -0,0 +1,141 @@
+---
+title: <picture>
+slug: Web/HTML/Element/picture
+tags:
+  - Element
+  - Experimental
+  - HTML
+  - Reference
+  - Web
+  - picture
+translation_of: Web/HTML/Element/picture
+---
+<div>{{HTMLRef}}{{SeeCompatTable}}</div>
+
+<p>L'<strong>element HTML <code>&lt;picture&gt;</code></strong> és un contenidor utilitzat per especificar diversos elements {{HTMLElement("source")}} per a una determinada {{HTMLElement("img")}} continguda en el mateix. El navegador triarà la font més adequada d'acord amb el disseny actual de la pàgina (les restriccions del quadre en el qual apareixerà la imatge) i el dispositiu en el qual es mostrarà (per exemple, un dispositiu normal o HiDPI).</p>
+
+<h2 id="Context_d'ús">Context <span class="short_text" id="result_box" lang="ca"><span>d'ús</span></span></h2>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, phrasing content, contingut incrustat</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Zero or més elements {{HTMLElement("source")}}, seguits per un element {{HTMLElement("img")}}, <span id="result_box" lang="ca"><span>opcionalment</span> <span>barrejats</span> <span>amb</span> <span>elements</span> <span>amb </span><span>suport script</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti contingut incrustat.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLPictureElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<h2 id="Exemple_1_Usant_l'atribut_media">Exemple 1: <span class="short_text" id="result_box" lang="ca"><span>Usant</span> <span>l'atribut</span> </span> <code>media</code></h2>
+
+<p>L'atribut <code>media</code> li permet especificar una consulta de medis que l'agent d'usuari avaluarà per a seleccionar un element {{HTMLElement("source")}}. Si la consulta de medis s'avalua com a <code>false</code> , l'element {{HTMLElement("source")}} s'omet.</p>
+
+<pre class="brush: html">&lt;picture&gt;
+ &lt;source srcset="mdn-logo-wide.png" media="(min-width: 600px)"&gt;
+ &lt;img src="mdn-logo-narrow.png" alt="MDN"&gt;
+&lt;/picture&gt;
+</pre>
+
+<h2 id="Exemple_2_Usant_l'atribut_type">Exemple 2: <span class="short_text" id="result_box" lang="ca"><span>Usant</span> <span>l'atribut</span></span> <code>type</code></h2>
+
+<p>L'atribut <code>type</code> li permet especificar un tipus MIME per als recursos que es proporcionen en l'atribut <code>srcset</code> de l'element {{HTMLElement ( "source")}}. Si l'agent d'usuari no admet el tipus donat, l'element {{HTMLElement("source")}} s'omet.</p>
+
+<pre class="brush: html">​&lt;picture&gt;
+ &lt;source srcset="mdn-logo.svg" type="image/svg+xml"&gt;
+ &lt;img src="mdn-logo.png" alt="MDN"&gt;
+&lt;/picture&gt;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'embedded-content.html#the-picture-element', '&lt;picture&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Definició incial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("38")}}</td>
+   <td>Edge 13</td>
+   <td>25</td>
+   <td>9.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("38")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>iOS 9.3</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element {{HTMLElement("img")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/plaintext/index.html b/files/ca/web/html/element/plaintext/index.html
new file mode 100644
index 0000000000..31da9c5784
--- /dev/null
+++ b/files/ca/web/html/element/plaintext/index.html
@@ -0,0 +1,48 @@
+---
+title: <plaintext>
+slug: Web/HTML/Element/plaintext
+tags:
+  - Element
+  - HTML
+  - NeedsCompatTable
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/plaintext
+---
+<div>{{Obsolete_header}}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>element HTML text sense format  </em>(<code>&lt;plaintext&gt;</code>) fa que tot el que ve després de l'etiqueta inicial sigui text sense format, sense interpretar res d'HTML. No té etiqueta de tancament, ja que tot el que ve després es considera text sense format.</p>
+
+<div class="note"><strong>Nota: </strong> <span class="short_text" id="result_box" lang="ca"><span>No utilitzeu</span> <span>aquest</span> <span>element</span></span>.
+
+<ul>
+ <li>Aquest element està desaprovat des d'HTML 2 i mai va ser implementat per tots els navegadors; fins i tot aquells que ho van implementar no ho van fer de forma coherent. A més, ha quedat obsolet en HTML 5; navegadors que encara ho accepten podem tractar-lo simplement  com un element {{HTMLElement ("pre")}}, que encara interpreta dins HTML, tot i que això no és el que probablement és vulgui.</li>
+ <li>Si l'element {{HTMLElement("plaintext")}} és el primer element de la pàgina (a més de qualsevol element no mostrat), no utilitzeu HTML en absolut. Configura el servidor per enviar la seva pàgina amb el <code>text/plain</code> <a href="https://developer.mozilla.org/en-US/docs/Properly_Configuring_Server_MIME_Types">MIME-type</a>.</li>
+ <li>En lloc d'utilitzar aquest element, s'ha d'utilitzar l'element {{HTMLElement("pre")}} o, si semànticament és adequat, l'element {{HTMLElement("code")}}. Assegurar-vos d'obviar els caràcters "&lt;", "&gt;" i "&amp;", per evitar interpretar distretament el contingut com HTML.</li>
+ <li>Una font de pas fix també es pot aplicar a un element {{HTMLElement ("div")}} mitjançant l'aplicació d'un estil <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> adequat usant espai senzill com el valor d'una font genèrica en una propietat {{cssxref("font-family")}}.</li>
+</ul>
+</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element no</span> <span>té altres</span> <span>atributs que els</span></span> <a href="/en-US/docs/Web/HTML/Global_attributes" rel="internal" title="HTML/global attributes">global attributes</a>, <span id="result_box" lang="ca"><span>comuns a</span> <span>tots</span> <span>els</span> <span>elements.</span></span></p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref('HTMLElement')}} .</p>
+
+<div class="note">
+<p><strong>Nota d'implementació: </strong> <span id="result_box" lang="ca"><span>Fins</span> <span>Gecko</span> <span>1.9.2</span> <span>inclosos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span></span> {{domxref('HTMLSpanElement')}} <span id="result_box" lang="ca"><span>per a aquest</span> <span>element.</span></span></p>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Els elements {{HTMLElement("pre")}} i {{HTMLElement("code")}} es poden utilitzar al seu lloc.</li>
+ <li>Els elements {{HTMLElement("listing")}} i {{HTMLElement("xmp")}}, similars a {{HTMLElement("plaintext")}} són també obsolets.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/pre/index.html b/files/ca/web/html/element/pre/index.html
new file mode 100644
index 0000000000..f3ed7ecb27
--- /dev/null
+++ b/files/ca/web/html/element/pre/index.html
@@ -0,0 +1,211 @@
+---
+title: <pre>
+slug: Web/HTML/Element/pre
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - 'HTML:Flow content'
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/pre
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'<strong>element HTML <code>&lt;pre&gt;</code></strong> (o <em>text preformatat HTML</em>) Representa el text amb format previ. El text dins d'aquest element en general es mostra en una font no proporcional ("<a href="https://developer.mozilla.org/en-US/docs/XUL/Style/monospace">espai senzill (monoespace)</a>") tal com es presenta a l'arxiu. Els espais en blanc dins d'aquest element es mostran tal com s'han escrit.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> haureu d'evitar qualsevol contingut '<code>&lt;</code>' caràcters com '<code>&amp; lt;</code>' per assegurar-vos que el codi tancat no s'interpreti com marcat.</p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/Guide/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLPreElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("cols")}} {{non-standard_inline}}{{obsolete_inline}}</dt>
+ <dd>Conté el nombre de caràcters <em>preferit</em> que una línia hauria de tenir. Era un sinònim no estàndard de {{htmlattrxref("width", "pre")}}. Per aconseguir aquest efecte, utilitzar al seu lloc CSS {{Cssxref("width")}}.</dd>
+ <dt>{{htmlattrdef("width")}} {{obsolete_inline}}</dt>
+ <dd>Conté el nombre de caràcters <em>preferit</em> que una línia hauria de tenir. <span id="result_box" lang="ca"><span class="alt-edited">Encara que tècnicament segueix vigent, aquest atribut no té cap efecte visual</span></span>; per aconseguir aquest efecte, utilitzar al seu lloc CSS {{Cssxref("width")}}.</dd>
+ <dt>{{htmlattrdef("wrap")}} {{non-standard_inline}}</dt>
+ <dd>És una <em>pista</em> que indica com ha de succeir el desbordament. En el navegador modern aquest suggeriment és ignorat i no hi ha resultats dels efectes visuals en l'actualitat; per aconseguir aquest efecte, utilitzar al seu lloc CSS {{Cssxref("white-space")}}.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;!-- Some example CSS code --&gt;
+&lt;pre&gt;
+body {
+  color:red;
+}
+&lt;/pre&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<pre>body {
+  color:red;
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-pre-element', '&lt;pre&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Cap canvi</span> <span>significatiu</span> <span>des</span></span> de {{SpecName("HTML WHATWG")}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-pre-element', '&lt;pre&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Cap canvi</span> <span>significatiu</span> <span>des</span></span> de {{SpecName("HTML4.01")}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.3.4', '&lt;dl&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Desaprovat l'atribut <code>cols</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>width</code></td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatGeckoDesktop("1.0")}}<br>
+    {{CompatGeckoDesktop("29.0")}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+  </tr>
+  <tr>
+   <td><code>cols</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}<br>
+    {{CompatNo}} {{CompatGeckoDesktop("29.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><code>wrap</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>width</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}{{CompatGeckoMobile("29.0")}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>cols</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><code>wrap</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Especificar l'atribut <code>width</code> no té cap efecte en el disseny.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>CSS: {{Cssxref('white-space')}}, {{Cssxref('word-break')}}</li>
+</ul>
diff --git a/files/ca/web/html/element/progress/index.html b/files/ca/web/html/element/progress/index.html
new file mode 100644
index 0000000000..a25f3ae93b
--- /dev/null
+++ b/files/ca/web/html/element/progress/index.html
@@ -0,0 +1,173 @@
+---
+title: <progress>
+slug: Web/HTML/Element/progress
+tags:
+  - Element
+  - HTML
+  - HTML forms
+  - HTML5
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/progress
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>Element HTML <code>&lt;progress&gt;</code></strong> s'utilitza per veure l'avenç de realització d'una tasca. Encara que els detalls de com es visualitza es deixa en mans del desenvolupador del navegador, normalment es mostra com una barra de progrés. Es pot utilitzar Javascript  per manipular el valor de la barra de progrés.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut etiquetable, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>, <span id="result_box" lang="ca"><span>però</span> <span>no ha d'haver</span> <span>cap element</span></span> <code>&lt;progress&gt;</code> <span id="result_box" lang="ca"><span>entre els seus</span> <span>descendents.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLProgressElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{ htmlattrdef("max") }}</dt>
+ <dd>Aquest atribut descriu la quantitat de treball que requereix la tasca indicada per l'element <code>progress</code>. L'atribut <code>max</code>, si està present, ha de tenir un valor més gran que zero i ser un nombre de coma flotant vàli</dd>
+ <dt>{{ htmlattrdef("value") }}</dt>
+ <dd>Aquest atribut especifica quina part de la tasca s'ha completat. Ha de ser un nombre de coma flotant vàlid entre 0 i <code>max</code>, o entre 0 i 1 si s'omet <code>max</code>. Si no hi ha cap atribut <code>value</code>, la barra de progrés és indeterminada; això indica que una activitat està en curs sense cap indicació de quant temps s'espera que prengui.</dd>
+</dl>
+
+<p>Es pot utilitzar la propietat {{ cssxref("-moz-orient") }} per especificar si la barra de progrés es presentarà horitzontalment (per defecte) o verticalment. La pseudo-classe {{ cssxref(":indeterminate") }} es pot utilitzar per a que coincideixi amb barres de progrés indeterminades.</p>
+
+<dl>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;progress value="70" max="100"&gt;70 %&lt;/progress&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{ EmbedLiveSample("Examples", 200, 50) }}</p>
+
+<p>A Mac OS X, <span id="result_box" lang="ca"><span>el resultat del </span></span><span lang="ca"><span>progress</span> <span>s'assembla a</span> <span>això</span><span>:</span></span></p>
+
+<p><img alt="The progress bar seen in OS X Mavericks" class="default internal" src="https://mdn.mozillademos.org/files/6863/Screenshot%202014-01-30%2011.14.30.png" style="height: 24px; width: 167px;"></p>
+
+<p><span id="result_box" lang="ca"><span>A Windows 7, el resultat del </span></span><span lang="ca"><span>progress</span> <span>s'assembla a</span> <span>això</span><span>:</span></span></p>
+
+<p><img alt="progress-firefox.JPG" class="default internal" src="/@api/deki/files/6031/=progress-firefox.JPG"></p>
+
+<h3 id="Exemples_addicionals">E<span class="short_text" id="result_box" lang="ca"><span>xemples</span> <span>addicionals</span></span></h3>
+
+<p>Veure {{ cssxref("-moz-orient") }}.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-progress-element', '&lt;progress&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-progress-element', '&lt;progress&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>6.0</td>
+   <td>{{ CompatGeckoMobile("6.0") }} [1] [2]<br>
+    {{ CompatGeckoMobile("14.0")}} [2]</td>
+   <td>10</td>
+   <td>11.0</td>
+   <td>5.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown }}</td>
+   <td>{{ CompatGeckoMobile("6.0") }} [1] [2]<br>
+    {{ CompatGeckoMobile("14.0")}} [2]</td>
+   <td>{{ CompatNo() }}</td>
+   <td>11.0</td>
+   <td>7 [3]</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Abans de Gecko 14,0 {{geckoRelease ("14.0")}}, l'element &lt;progrés&gt; va ser classificat erròniament com un element de formulari, i per tant tenia una atribut <code>form</code>. Això s'ha solucionat.</p>
+
+<p>[2] Gecko proporciona el pseudo-element {{ cssxref("::-moz-progress-bar") }}, que permet que l'estil de la part interior de la barra de progrés representi la quantitat de treball realitzat fins al moment.</p>
+
+<p>[3] Safari en iOS no és compatible amb les barres de progrés indeterminades (es representen com barres de progrés completades en 0%).</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{ cssxref(":indeterminate") }}</li>
+ <li>{{ cssxref("-moz-orient") }}</li>
+ <li>{{ cssxref("::-moz-progress-bar") }}</li>
+ <li>{{ cssxref("::-ms-fill") }}</li>
+ <li>{{ cssxref("::-webkit-progress-bar") }}</li>
+ <li>{{ cssxref("::-webkit-progress-value") }}</li>
+ <li>{{ cssxref("::-webkit-progress-inner-element") }}</li>
+</ul>
+
+<p>{{ HTMLRef }}</p>
diff --git a/files/ca/web/html/element/q/index.html b/files/ca/web/html/element/q/index.html
new file mode 100644
index 0000000000..7759a3e5dd
--- /dev/null
+++ b/files/ca/web/html/element/q/index.html
@@ -0,0 +1,111 @@
+---
+title: <q>
+slug: Web/HTML/Element/q
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/q
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'<em>Element HTML Cita (Quote)</em> (<strong>&lt;q&gt;</strong>) indica que el text adjunt és una breu cita en línia. Aquest element està dissenyat per a cites curtes que no requereixen salts de paràgraf; per a cites llargues s'utilitza l'element {{HTMLElement("blockquote")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLQuoteElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>{{NoteStart}}La majoria dels navegadors que compleixen amb els estàndards moderns, com Mozilla Firefox, Opera i Safari, han d'agregar cometes al voltant del text inclòs dins de l'element <code>&lt;q&gt;</code>.Alguns navegadors, com Internet Explorer, no poden fer qualsevol tipus de canvi d'estil per a les cites, però és possible aplicar una regla d'estil.{{NoteEnd}}</p>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("cite")}}</dt>
+ <dd>El valor d'aquest atribut és una adreça URL que designa un document d'origen o un missatge per a la informació citada. Aquest atribut està destinat a assenyalar informació que expliqui el context o la referència de la citació.</dd>
+</dl>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<h3 id="Contingut_HTML">Contingut HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;Everytime Kenny is killed, Stan will announce
+   &lt;q cite="http://en.wikipedia.org/wiki/Kenny_McCormick#Cultural_impact"&gt;
+     Oh my God, you/they killed Kenny!
+   &lt;/q&gt;.
+&lt;/p&gt;
+</pre>
+
+<p>{{ EmbedLiveSample('Example') }}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-q-element', '&lt;q&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-q-element', '&lt;q&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '&lt;q&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p> </p>
+
+<div>
+
+
+<p>{{Compat("html.elements.q")}}</p>
+</div>
+
+<p> </p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element {{HTMLElement("blockquote")}} per a cites llargues.</li>
+ <li>L'element {{HTMLElement("cite")}} per cites originals.</li>
+</ul>
diff --git a/files/ca/web/html/element/rp/index.html b/files/ca/web/html/element/rp/index.html
new file mode 100644
index 0000000000..9cfcdd0184
--- /dev/null
+++ b/files/ca/web/html/element/rp/index.html
@@ -0,0 +1,133 @@
+---
+title: <rp>
+slug: Web/HTML/Element/rp
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/rp
+---
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'<strong>element HTML <code>&lt;rp&gt;</code></strong> s'utilitza per proporcionar un parèntesis alternatiu als navegadors que no suporten les notacions de ruby. Les notacions ruby estan per mostrar la pronunciació dels caràcters de l'Àsia oriental, com l'ús de furigana japonès o els caràcters Taiwainese bopomofo. L'element <code>&lt;rp&gt;</code> s'utilitza en el cas de manca de suport de l'element {{ HTMLElement("ruby") }} el seu contingut té el que s'ha de mostrar per tal d'indicar la presència d'una notació de ruby, generalment entre parèntesis.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un element {{HTMLElement("ruby")}}. <code>&lt;rp&gt;</code> s'ha de col·locar immediatament abans o després d'un element {{HTMLElement("rt")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<pre class="brush: html">&lt;ruby&gt;
+  漢 &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;Kan&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
+  字 &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;ji&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
+&lt;/ruby&gt;</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-rp-element', '&lt;rp&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rp-element', '&lt;rp&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop(38)}}</td>
+   <td>5.0</td>
+   <td>{{CompatNo}}</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile(38)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("ruby")}}</li>
+ <li>{{HTMLElement("rt")}}</li>
+</ul>
+
+<p>{{ HTMLRef }}</p>
diff --git a/files/ca/web/html/element/rt/index.html b/files/ca/web/html/element/rt/index.html
new file mode 100644
index 0000000000..8bf4e919d6
--- /dev/null
+++ b/files/ca/web/html/element/rt/index.html
@@ -0,0 +1,134 @@
+---
+title: <rt>
+slug: Web/HTML/Element/rt
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/rt
+---
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'<strong>Element HTML <code>&lt;rt&gt;</code></strong> abasta la pronunciació dels caràcters presentats en notacions ruby, que s'utilitzen per descriure la pronunciació dels caràcters de l'est asiàtic. Aquest element s'utilitza sempre dins d'un element {{ HTMLElement("ruby") }}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>L'etiqueta final es pot ometre si l'element {{HTMLElement("rt")}} és seguit immediatament per un element {{HTMLElement("rt")}} o {{HTMLElement("rp")}} o si hi ha més contingut en l'element pare</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un element {{HTMLElement("ruby")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<pre class="brush: html">&lt;ruby&gt;
+  漢 &lt;rt&gt;Kan&lt;/rt&gt;
+  字 &lt;rt&gt;ji&lt;/rt&gt;
+&lt;/ruby&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-rt-element', '&lt;rt&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rt-element', '&lt;rt&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop(38)}}</td>
+   <td>5.0</td>
+   <td>{{CompatNo}}</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile(38)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("ruby")}}</li>
+ <li>{{HTMLElement("rp")}}</li>
+</ul>
+
+<p>{{ HTMLRef }}</p>
diff --git a/files/ca/web/html/element/rtc/index.html b/files/ca/web/html/element/rtc/index.html
new file mode 100644
index 0000000000..ad250ba8ca
--- /dev/null
+++ b/files/ca/web/html/element/rtc/index.html
@@ -0,0 +1,134 @@
+---
+title: <rtc>
+slug: Web/HTML/Element/rtc
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/rtc
+---
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'<strong>Element HTML <code>&lt;rtc&gt;</code></strong> abasta notacions semàntiques dels caràcters presentats en un ruby d'elements {{HTMLElement("rb")}} utilitzats a l'interior de l'element {{HTMLElement ("ruby")}}. Els elements {{HTMLElement ("rb")}} poden tenir tant la pronunciació ({{HTMLElement("rt")}}) com notacions semàntiques ({{HTMLElement("rtc")}}) .</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a> or elements {{HTMLElement("rt")}} .</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>L'etiqueta de tancament es pot ometre si és seguit immediatament per una etiqueta d'obertura de l'element {{HTMLElement("rb")}}, {{HTMLElement("rtc")}} o {{HTMLElement("rt")}} o per la seva etiqueta de tancament dels pares.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un element {{HTMLElement("ruby")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<pre class="brush: html">&lt;ruby&gt;
+   &lt;rb&gt;旧&lt;/rb&gt;
+   &lt;rb&gt;金&lt;/rb&gt;
+   &lt;rb&gt;山&lt;/rb&gt;
+   &lt;rt&gt;jiù&lt;/rt&gt;
+   &lt;rt&gt;jīn&lt;/rt&gt;
+   &lt;rt&gt;shān&lt;/rt&gt;
+   &lt;rtc&gt;San Francisco&lt;/rtc&gt;
+&lt;/ruby&gt;
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'the-rtc-element.html#the-rtc-element', '&lt;rtc&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop(33)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile(33)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("ruby")}}</li>
+ <li>{{HTMLElement("rp")}}</li>
+</ul>
+
+<p>{{ HTMLRef }}</p>
diff --git a/files/ca/web/html/element/ruby/index.html b/files/ca/web/html/element/ruby/index.html
new file mode 100644
index 0000000000..58dd5b703f
--- /dev/null
+++ b/files/ca/web/html/element/ruby/index.html
@@ -0,0 +1,120 @@
+---
+title: <ruby>
+slug: Web/HTML/Element/ruby
+translation_of: Web/HTML/Element/ruby
+---
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>L'<strong>Element</strong> <strong>HTML <code>&lt;ruby&gt;</code> </strong> representa una notació ruby. Les notacions Ruby s'utilitzen per mostrar la pronunciació de caràcters asiàtics.</p>
+
+<ul class="htmlelt">
+ <li><dfn><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Flow content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</li>
+ <li><dfn>Contingut permès</dfn> <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</li>
+ <li><dfn>Omissió d'etiquetes</dfn> {{no_tag_omission}}</li>
+ <li><dfn>Elements pares permessos</dfn> See prose</li>
+ <li><dfn>Interfície DOM </dfn> {{domxref("HTMLElement")}}</li>
+</ul>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Exemple_1_Caràcter">Exemple 1: Caràcter</h3>
+
+<pre class="brush:html">&lt;ruby&gt;
+  漢 &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;Kan&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
+  字 &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;ji&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
+&lt;/ruby&gt;</pre>
+
+<h3 id="Exemple_2_Word">Exemple 2: Word</h3>
+
+<pre class="brush:html">&lt;ruby&gt;
+  明日 &lt;rp&gt;(&lt;/rp&gt;&lt;rt&gt;Ashita&lt;/rt&gt;&lt;rp&gt;)&lt;/rp&gt;
+&lt;/ruby&gt;</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-ruby-element', '&lt;ruby&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-ruby-element', '&lt;ruby&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatiblitat_amb_navegadors">Compatiblitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>5.0</td>
+   <td>{{CompatGeckoDesktop(38)}}</td>
+   <td>5.0</td>
+   <td>{{CompatNo}}</td>
+   <td>5.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile(38)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{HTMLElement("rt")}}</li>
+ <li>{{HTMLElement("rp")}}</li>
+</ul>
+
+<p>{{ HTMLRef }}</p>
diff --git a/files/ca/web/html/element/s/index.html b/files/ca/web/html/element/s/index.html
new file mode 100644
index 0000000000..4d11be3c1b
--- /dev/null
+++ b/files/ca/web/html/element/s/index.html
@@ -0,0 +1,71 @@
+---
+title: <s>
+slug: Web/HTML/Element/s
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - NeedsNewBrowserCompatTable
+  - Reference
+  - Web
+  - text-decoration
+translation_of: Web/HTML/Element/s
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML ratllat</em>  (<code>&lt;s&gt;</code>) processa el text amb un ratllat, o una línia a través d'ell. Utilitzeu l'element <code>&lt;s&gt;</code> per representar coses que ja no són pertinents o no són exactes. No obstant això, <code>&lt;s&gt;</code> no és adequat per indicar edicions de documents; per això, utilitzar els elements {{ HTMLElement("del") }} i {{ HTMLElement("ins") }}, segons el cas.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de categories</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a> o <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/element" title="DOM/element">HTMLElement</a></code>.</p>
+
+<div class="note"><strong><span id="result_box" lang="ca"><span>Nota</span> <span>d'implementació</span></span>: </strong> <span id="result_box" lang="ca"><span>Fins</span> <span>Gecko</span> <span>1.9.2</span> <span>inclos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span> <span>HTMLSpanElement</span> <span>per a aquest</span> <span>element</span></span></div>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush:xml">&lt;s&gt;Today's Special: Salmon&lt;/s&gt; SOLD OUT&lt;br&gt;
+&lt;span style="text-decoration:line-through;"&gt;Today's Special: Salmon&lt;/span&gt; SOLD OUT</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p><s>Today's Special: Salmon</s> SOLD OUT<br>
+ <s style="text-decoration: line-through;">Today's Special: Salmon</s> SOLD OUT</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element {{ HTMLElement("strike") }}, alter ego de l'element {{ HTMLElement("s") }} és obsolet i no s'ha d'utilitzar en els llocs web.</li>
+ <li>L'element {{ HTMLElement("del") }} s'utilitzarà en el seu lloc si les dades s'han <em>eliminat (deleted)</em>.</li>
+ <li>La propietat CSS {{ cssxref("text-decoration") }}-line-through es va utilitzar per aconseguir el primer aspecte visual de l'element {{HTMLElement ("s")}}.</li>
+</ul>
+
+<div>{{ HTMLRef }}</div>
diff --git a/files/ca/web/html/element/samp/index.html b/files/ca/web/html/element/samp/index.html
new file mode 100644
index 0000000000..4d13bf29ed
--- /dev/null
+++ b/files/ca/web/html/element/samp/index.html
@@ -0,0 +1,101 @@
+---
+title: <samp>
+slug: Web/HTML/Element/samp
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/samp
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <code>&lt;samp&gt;</code> és un element destinat a identificar la sortida de mostra d'un programa informàtic. Normalment es mostra en la font monotip predeterminada del navegador (com a Lucida Console).</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en/HTML/Content_categories#Flow_content" style="line-height: 22px;" title="en/HTML/Content categories#Flow content">Contingut dinàmic</a><span style="line-height: 22px;">, </span><a href="/en/HTML/Content_categories#Phrasing_content" style="line-height: 22px;" title="en/HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en/HTML/Content_categories#Phrasing_content" style="line-height: 22px;" title="en/HTML/Content categories#Phrasing content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p>
+
+<div class="note">
+<p><strong><span id="result_box" lang="ca"><span>Nota</span> <span>d'implementació</span></span>: </strong>fins Gecko 1.9.2 inclosos, Firefox implementa la interfície <a href="/en/DOM/span" title="en/DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per a aquest element.</p>
+</div>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;p&gt;Regular text. &lt;samp&gt;This is sample text.&lt;/samp&gt; Regular text.&lt;/p&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>Regular text. <samp>This is sample text.</samp> Regular text.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-samp-element', '&lt;samp&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-samp-element', '&lt;samp&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '&lt;samp&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Nota">Nota</h2>
+
+<p>Es pot definir una regla CSS perquè el selector <code>samp</code> substitueixi el tipus de font predeterminat del navegador. Les preferències establertes per l'usuari poden tenir prioritat sobre la CSS especificat.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en/HTML/Element/code" title="en/HTML/Element/code">HTML Code Element</a></li>
+</ul>
+
+<div>{{ HTMLRef }}</div>
diff --git a/files/ca/web/html/element/script/index.html b/files/ca/web/html/element/script/index.html
new file mode 100644
index 0000000000..44d8b22278
--- /dev/null
+++ b/files/ca/web/html/element/script/index.html
@@ -0,0 +1,255 @@
+---
+title: <script>
+slug: Web/HTML/Element/script
+tags:
+  - Element
+  - HTML
+  - HTML scripting
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/script
+---
+<p>L'element <code><strong>&lt;script&gt;</strong></code> (o <em>element HTML script "Seqüència de comandaments"</em> ) s'utilitza per inserir o fer referència a un script executable dins d'un document <abbr title="Hypertext Markup Language">HTML</abbr> or <abbr title="Extensible Hypertext Markup Language">XHTML</abbr>.</p>
+
+<p>Els scripts sense atributs <code>async</code> o <code>defer</code>, així com els scripts en línia, es capten i s'executen immediatament, abans que el navegador segueixi analitzant la pàgina.</p>
+
+<p>El script ha de ser servit amb el tipus <code>text/javascript</code> MIME, però els navegadors són indulgents i només bloquejan si el script es serveix amb un tipus d'imatge (<code>image/*</code>), de vídeo (<code>video/*</code>), arxiu d'àudio (<code>audio/*</code>), o <code>text/csv</code>. Si el script és bloquejat, un {{event("error")}} s'envia a l'element, sinó s'envia un esdeveniment {{event("success")}}.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content" title="HTML/Content_categories#Metadata_content">Contingut Metadata</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Script dinàmic com <code>text/javascript</code>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content" title="HTML/Content_categories#Metadata_content">contingut Metadata</a>, o qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLScriptElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("async")}} {{HTMLVersionInline(5)}}</dt>
+ <dd>Establir aquest atribut booleà per indicar que el navegador hauria, si és possible, executar l'script de manera asincrònica. No té cap efecte sobre els scripts en línia (és a dir, scripts que no tenen l'atribut <strong>src</strong>).</dd>
+ <dd>Veure {{anch("Browser compatibility")}} <span id="result_box" lang="ca"><span>notes</span> <span>sobre el suport del</span> <span>navegador.</span></span> Veure <a href="/en-US/docs/Games/Techniques/Async_scripts">Async scripts per asm.js</a>.</dd>
+ <dt>{{htmlattrdef("integrity")}}</dt>
+ <dd>Conté metadades en línia que un agent d'usuari pot utilitzar per verificar que un recurs recuperat ha estat lliurat sense manipulació inesperada. Veure <a href="/en-US/docs/Web/Security/Subresource_Integrity">Integritat de subrecursos</a>.</dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd>Aquest atribut especifica l'URI d'un script extern; això es pot utilitzar com una alternativa per a la incorporació d'un script directament dins d'un document. Si un element de script té un atribut <code>src</code> especificat, no ha de tenir un script incrustat dins les seves etiquetes.</dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>Aquest atribut identifica el llenguatge de script de codi incrustat dins d'un element de script o referenciat a través de l'atribut src de l'element. Això s'especifica com un tipus MIME; exemples dels tipus MIME suportats inclouen <code>text/javascript</code>, <code>text/ecmascript</code>, <code>application/javascript</code>, i <code>application/ecmascript</code>. Si aquest atribut està absent, el script és tractat com JavaScript.</dd>
+ <dd>Si el tipus <abbr title="Multi-purpose Internet Mail Extensions">MIME</abbr> especificat no és un tipus JavaScript escriviu el contingut incrustat dins les seves etiquetes, es tracta com un bloc de dades que no serà processada pel navegador.</dd>
+ <dd>Si el tipus especificat és mòdul el codi es tracta com un mòdul de JavaScript {{experimental_inline}}. Veure <a class="external external-icon" href="https://hacks.mozilla.org/2015/08/es6-in-depth-modules/">ES6 en Profunditat: Mòduls</a><br>
+ <br>
+ Recordeu que Firefox pot utilitzar les funcions avançades com ara deixar que les declaracions i altres característiques en les versions posteriors JS, mitjançant l'ús <code>type=application/javascript;version=1.8</code> {{Non-standard_inline}}. Aneu amb compte, però, que aquesta és una característica no estàndard, això farà que probablement s'interrompi el suport per a altres navegadors, en particular els navegadors basats en Chromium.</dd>
+ <dd><span id="result_box" lang="ca"><span>Per</span> <span>la manera d'incloure</span> <span>els</span> <em><span>llenguatges</span> <span>de programació</span> <span>exòtics</span></em><span>, llegir</span> <span>sobre</span></span> <a href="/en-US/Add-ons/Code_snippets/Rosetta">Rosetta</a>.</dd>
+ <dt>{{htmlattrdef("text")}}</dt>
+ <dd>Igual que l'atribut <code>textContent</code>, aquest atribut estableix el contingut de text de l'element. A diferència de l'atribut <code>textContent</code>, aquest atribut s'avalua com a codi executable després que el node s'insereix en el DOM.</dd>
+ <dt>{{htmlattrdef("language")}} {{Deprecated_inline}}</dt>
+ <dd>Igual que l'atribut <code>type</code>, aquest atribut identifica el llenguatge de script en ús. A diferència de l'atribut <code>type</code>, els possibles valors d'aquest atribut mai van ser estandarditzats. L'atribut <code>type</code> s'ha d'utilitzar al seu lloc</dd>
+ <dt>{{htmlattrdef("defer")}}</dt>
+ <dd>Aquest atribut booleà s'estableix per indicar a un navegador que el script està destinat a ser executat després que el document s'ha analitzat, però abans de activar {{event("DOMContentLoaded")}}. L'atribut <code>defer</code> no ha de ser utilitzat en els scripts que no tenen l'atribut <code>src</code>.</dd>
+ <dt>{{htmlattrdef("crossorigin")}}</dt>
+ <dd>Elements normals dels scripts passen un mínim d'informació a  {{domxref('GlobalEventHandlers.onerror', 'window.onerror')}} pels scripts que no passen els controls estàndard <a href="/en-US/docs/HTTP_access_control">CORS</a> Per permetre el registre d'errors per als llocs que utilitzen un domini separat per als medis estàtics, utilitzeu aquest atribut.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;!-- HTML4 and (x)HTML --&gt;
+&lt;script type="text/javascript" src="javascript.js"&gt;&lt;/script&gt;
+
+&lt;!-- HTML5 --&gt;
+&lt;script src="javascript.js"&gt;&lt;/script&gt;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "scripting.html#the-script-element", "&lt;script&gt;")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Afegeix el mòdul type</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'scripting-1.html#script', '&lt;script&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/scripts.html#h-18.2.1', '&lt;script&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('Subresource Integrity', '#htmlscriptelement', '&lt;script&gt;')}}</td>
+   <td>{{Spec2('Subresource Integrity')}}</td>
+   <td>Afegeix l'atribut integrity.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(1.0)}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}<sup>[2]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut async</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatGeckoDesktop("1.9.2")}}<sup>[1]</sup></td>
+   <td>10<sup>[1]</sup></td>
+   <td>15<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+  </tr>
+  <tr>
+   <td>atribut defer</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}<sup>[6]</sup></td>
+   <td>
+    <p>4<sup>[3]</sup><br>
+     10</p>
+   </td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut crossorigin</td>
+   <td>{{CompatChrome(30.0)}}</td>
+   <td>{{CompatGeckoDesktop("13")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>12.50</td>
+   <td>{{CompatVersionUnknown}}<sup>[4]</sup></td>
+  </tr>
+  <tr>
+   <td>atribut integrity</td>
+   <td>{{CompatChrome(45.0)}}</td>
+   <td>{{CompatGeckoDesktop("43")}}</td>
+   <td> </td>
+   <td> </td>
+   <td>{{CompatNo}}<sup>[5]</sup></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}<sup>[2]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut async</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatGeckoMobile("1.0")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+  </tr>
+  <tr>
+   <td>atribut defer</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut integrity</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(45.0)}}</td>
+   <td>{{CompatGeckoDesktop("43")}}</td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+   <td>{{CompatChrome(45.0)}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] En navegadors antics que no suporten l'atribut <code>async</code>, els scripts inserits en l'analitzador bloquegen l'analitzador; en scripts inserits s'executen els scripts de forma asncrònica en IE i WebKit, però de forma sincrònica a Opera i Firefox pre-4.0. En Firefox 4.0, la propietat DOM <code>async</code> es converteix per defecte en <code>true</code> pels scripts creats per script, per la qual cosa el comportament predeterminat coincideix amb el comportament de IE i WebKit.. En la sol·licitud d'inserció de scripts externs, els scripts s'executaran en l'ordre d'inserció en els navegadors on <code>document.createElement("script").async</code> estigui avaluat a <code>true</code> (com Firefox 4.0), establir <code>.async=false</code> en els scripts que desitjeu mantenir l'ordre. Mai crideu a <code>document.write()</code> des d'un script <code>async</code>. En Gecko 1.9.2, cridar a <code>document.write()</code> té un efecte impredictible. En Gecko 2.0, cridar a <code>document.write()</code> des d'un script <code>async</code> no té cap efecte (que no sigui la impressió d'un advertiment a la consola d'errors).</p>
+
+<p>[2] A partir de Gecko 2.0 {{geckoRelease ( "2.0")}}, inserir elements de script que s'han creat en cridar a <code>document.createElement("script")</code> al DOM ja no imposa l'execució en ordre d'inserció. Aquest canvi permet a Gecko complir adequadament amb l'especificació HTML5. Perquè els scripts externs inserits en scripts s'executin en el seu ordre d'inserció, establiu <code>.async=false</code> en ells.</p>
+
+<p>A més, els elements {{HTMLElement ("script")}} dins d'elements {{HTMLElement ("iframe")}}, {{HTMLElement ("noembed")}} i {{HTMLElement ("noframes")}} són ara executats, per les mateixes raons.</p>
+
+<p>[3] En les versions anteriors a Internet Explorer 10 Trident implementava <code>&lt;script&gt;</code> per una especificació propietària. Des de la versió 10 s'ajusta a l'especificació W3C.</p>
+
+<p>[4] L'atribut <code>crossorigin</code> es va implementar en WebKit en {{WebKitBug(81438)}}.</p>
+
+<p>[5] {{WebKitBug(148363)}} seguiment de l'implementació a WebKit el Subresource Integrity (que inclou l'atribut <code>integrity</code>).</p>
+
+<p>[6] Des Gecko 1.9.2 {{geckoRelease ("1.9.2")}}, l'atribut <code>defer</code> és ignorat en scripts que no tenen l'atribut <code>src</code>. No obstant això, en Gecko 1.9.1 {{geckoRelease ("1.9.1")}} els scripts en línia es diferiran si s'estableix l'atribut <code>defer</code>.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{domxref("document.currentScript")}}</li>
+ <li><a href="http://pieisgood.org/test/script-link-events/">Gràfic de compatibilitat d'esdeveniments de node &lt;script&gt; i &lt;link&gt; de Ryan Grove</a></li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/section/index.html b/files/ca/web/html/element/section/index.html
new file mode 100644
index 0000000000..4eb5f0021f
--- /dev/null
+++ b/files/ca/web/html/element/section/index.html
@@ -0,0 +1,173 @@
+---
+title: <section>
+slug: Web/HTML/Element/section
+tags:
+  - Element
+  - HTML
+  - HTML sections
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/section
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML <code>&lt;section&gt;</code></strong> representa una secció genèrica d'un document, és a dir, una agrupació temàtica de continguts, normalment amb un capçalera. Cada <code>&lt;section&gt;</code> ha d'estar identificada, mitjançant la inclusió d'una capçalera (element {{HTMLElement('h1')}}-{{HTMLElement('h6')}}) com un fill de l'element <code>&lt;section&gt;</code>.</p>
+
+<div class="note">
+<p><em>Notes d'ùs :</em></p>
+
+<ul>
+ <li>Si té sentit assenyalar per separat el contingut d'un element {{HTMLElement("section")}}, utilitzeu en el seu llocun element {{HTMLElement("article")}}.</li>
+ <li>No utilitzeu l'element {{HTMLElement("section")}} com un contenidor genèric; per a això està {{HTMLElement ("div")}}, sobretot quan el seccionament és només per a fins d'estil. Una regla d'or és que un section hauria d'aparèixer lògicament en l'esquema d'un document.</li>
+</ul>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Sectioning_content">contingut  secció</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>. Tingueu en compte que un element {{HTMLElement("section")}} no ha de ser un descendent d'un element {{HTMLElement("address")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs global</a>.</p>
+
+<h2 id="Exemple_1">Exemple 1</h2>
+
+<h3 id="Abans">Abans</h3>
+
+<pre>&lt;div&gt;
+  &lt;h1&gt;Heading&lt;/h1&gt;
+  &lt;p&gt;Bunch of awesome content&lt;/p&gt;
+&lt;/div&gt;</pre>
+
+<h3 id="Després">D<span class="short_text" id="result_box" lang="ca"><span>esprés</span></span></h3>
+
+<pre class="brush: html">&lt;section&gt;
+  &lt;h1&gt;Heading&lt;/h1&gt;
+  &lt;p&gt;Bunch of awesome content&lt;/p&gt;
+&lt;/section&gt;
+</pre>
+
+<h2 id="Exemple_2">Exemple 2</h2>
+
+<h3 id="Abans_2">Abans</h3>
+
+<pre class="brush: html">&lt;div&gt;
+  &lt;h2&gt;Heading&lt;/h2&gt;
+  &lt;img src="bird.jpg" alt="bird"&gt;
+&lt;/div&gt;
+</pre>
+
+<h3 id="Després_2">D<span class="short_text" id="result_box" lang="ca"><span>esprés</span></span></h3>
+
+<pre class="brush: html">&lt;section&gt;
+  &lt;h2&gt;Heading&lt;/h2&gt;
+  &lt;img src="bird.jpg" alt="bird"&gt;
+&lt;/section&gt;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'sections.html#the-section-element', '&lt;section&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', 'sections.html#the-section-element', '&lt;section&gt;')}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'sections.html#the-section-element', '&lt;section&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>5</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.10</td>
+   <td>4.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.2</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>9.0</td>
+   <td>11.0</td>
+   <td>5.0 (iOS 4.2)</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements section relacionats : {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li>
+ <li><a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document">Seccions i esquemes d'un document HTML5</a>.</li>
+</ul>
diff --git a/files/ca/web/html/element/select/index.html b/files/ca/web/html/element/select/index.html
new file mode 100644
index 0000000000..d37fbf1229
--- /dev/null
+++ b/files/ca/web/html/element/select/index.html
@@ -0,0 +1,196 @@
+---
+title: <select>
+slug: Web/HTML/Element/select
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/select
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML <em>seleccionar</em> (<code>&lt;select&gt;</code>)  és un control que mostra un menú d'opcions. Les opcions del menú estan representades per elements <code>{{HTMLElement("option")}}</code>, que es poden agrupar per elements <code>{{HTMLElement("optgroup")}}</code>. Les opcions poden ser pre-seleccionades per l'usuari.</p>
+
+<h2 id="Contingut_d'ùs">Contingut d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content categories">Categories de contingut</a></td>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, <a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">i contingut interactiu</a>, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetable</a>, <a href="/en-US/docs/HTML/Content_categories#Form_resettable" title="HTML/Content categories#Form resettable">reiniciable</a>, i <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">enviable</a> de elements <a href="/en-US/docs/HTML/Content_categories#Form-associated_" title="HTML/Content categories#Form-associated "> asociats a formularis </a></td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Zero o més elements {{HTMLElement("option")}} o {{HTMLElement("optgroup")}}.</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>Cap, <span id="result_box" lang="ca"><span>tant</span> <span>l'etiqueta</span> <span>inicial com la</span> <span>final són</span> <span>obligatories</span></span></td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Qualsevol element que accepti phrasing content</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("autofocus")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut permet especificar que un control de formulari ha de tenir el focus d'entrada quan es carrega la pàgina, llevat que l'usuari el redefineixi, per exemple escrivint en un control diferent. Només un element de formulari en un document pot tenir l'atribut <code>autofocus</code>, el qual és un valor booleà.</dd>
+ <dt>{{htmlattrdef("disabled")}}</dt>
+ <dd>Aquest atribut booleà indica que l'usuari no pot interactuar amb el control. Si no s'especifica aquest atribut, el control hereta la seva configuració des de l'element que ho conté, per exemple <code>fieldse</code>t; si no hi ha cap element que ho conté amb l'atribut <code>disabled</code> establert, llavors el control està <code>enabled</code>.</dd>
+ <dt>{{htmlattrdef("form")}} {{HTMLVersionInline("5")}}</dt>
+ <dd>L'element formulari en el qual està associat l'element select (el seu "formulari propietari"). Si s'especifica aquest atribut, el seu valor ha de ser l'ID d'un element formulari en el mateix document. Això li permet col.locar elements select en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari.</dd>
+ <dt>{{htmlattrdef("multiple")}}</dt>
+ <dd>Aquest atribut booleà indica que es poden fer seleccions múltiples a la llista. Si no s'especifica, llavors només una opció pot ser seleccionada alhora.</dd>
+ <dt>{{htmlattrdef("name")}}</dt>
+ <dd>El nom del control.</dd>
+ <dt>{{htmlattrdef("required")}} {{HTMLVersionInline("5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Un atribut</span> <span>booleà que</span> <span>indica</span> <span>que una opció</span> <span>amb</span> <span>un valor</span> <span>de cadena</span> <span>no</span> <span>buida</span> <span>ha d'està</span> <span>seleccionat.</span></span></dd>
+ <dt>{{htmlattrdef("selected")}}</dt>
+ <dd>Un atribut booleà el qual indica que una opció específica es pot seleccionar inicialment.</dd>
+ <dt>{{htmlattrdef("size")}}</dt>
+ <dd>Si el control es mostra com un quadre de llista desplegable, aquest atribut representa el nombre de files en la llista que han de ser visibles alhora. Els navegadors no estan obligats a presentar un element de selecció com un quadre de llista desplegable. El valor per defecte és 0.</dd>
+</dl>
+
+<div class="note"><strong>Nota Firefox:</strong> D'acord amb l'especificació d'HTML 5, el valor per defecte per a la mida ha de ser 1; No obstant això, en la pràctica, s'ha trobat que això trenca alguns llocs web, i cap altre navegador actualment té això, pel que Mozilla ha optat per seguir retornant 0, de moment amb Firefox.</div>
+
+<dl>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/HTMLSelectElement" title="DOM/select">HTMLSelectElement</a></code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;!-- The second value will be selected initially --&gt;
+&lt;select name="select"&gt;
+  &lt;option value="value1"&gt;Value 1&lt;/option&gt;
+  &lt;option value="value2" selected&gt;Value 2&lt;/option&gt;
+  &lt;option value="value3"&gt;Value 3&lt;/option&gt;
+&lt;/select&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p><select name="select"><option value="value1">Value 1</option><option selected value="value2">Value 2</option><option value="value3">Value 3</option></select></p>
+
+<h3 id="Notes">Notes</h3>
+
+<p>El contingut d'aquest element és estàtic i no <a href="/en-US/docs/HTML/Content_Editable" title="HTML/Content_Editable">editable</a>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-select-element', '&lt;select&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '&lt;select&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}<sup> [3]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>required</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>10</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}<sup> [1]</sup></td>
+   <td>{{CompatGeckoMobile("1.0")}}<sup> [2]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>required</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
+
+<p>[1]En l'aplicació del navegador per Android 4.1 (i possiblement versions posteriors), hi ha un error en el qual el triangle indicador de menú al costat d'un {{HTMLElement("select")}} no es mostrarà si un estil {{ cssxref("background") }}, {{ cssxref("border") }} o {{ cssxref("border-radius") }} s'aplica a {{HTMLElement("select")}}.</p>
+
+<p>[2] Firefox per a Android, per defecte, fixa un gradient {{ cssxref("background-image") }} en tots els elements <code>&lt;select multiple&gt;</code>. Això es pot desactivar usant <code>background-image: none</code>.</p>
+
+<p>[3] Històricament, Firefox ha permès que els esdeveniments del teclat i ratolí es generin des de l'element <code>&lt;opció&gt;</code> fins l'element pare {{HTMLElement ("select")}}. Això no succeeix en Chrome, encara que aquest comportament és incoherent en molts navegadors. Per a una millor compatibilitat web (i per raons tècniques), quan Firefox està en modalitat multi-procés l'element <code>&lt;select&gt;</code> es mostra com una llista desplegable. El comportament és sense canvis si <code>&lt;select&gt;</code> es mostra en línia i té l'atribut <code>multiple</code> definit o un atribut <code>size</code> ajustat a més de 1. En lloc d'observar esdeveniments en elements <code>&lt;option&gt;</code>, heu d'estar atents en els esdeveniments {{event("change")}} en {{HTMLElement("select")}}. Veure {{bug(1090602)}} per a més informació.</p>
+
+<p>Tant Chrome com Safari ignoren {{cssxref("border-radius")}} en elements {{HTMLElement("select")}} a menys que es reemplaci {{cssxref("-webkit-appearance")}} a un valor apropiat.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements relacionats amb formularis : {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("option")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/shadow/index.html b/files/ca/web/html/element/shadow/index.html
new file mode 100644
index 0000000000..59d02dcbf1
--- /dev/null
+++ b/files/ca/web/html/element/shadow/index.html
@@ -0,0 +1,164 @@
+---
+title: <shadow>
+slug: Web/HTML/Element/Shadow
+tags:
+  - Element
+  - HTML
+  - Reference
+  - Web Components
+translation_of: Web/HTML/Element/shadow
+---
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'element <strong><a href="/en-US/docs/Web/HTML">HTML</a> <code>&lt;shadow&gt;</code></strong> s'utilitza com una ombra DOM {{glossary("insertion point")}}. És possible utilitzar-ho si s'han creat múltiples arrels d'ombra sota una ombra d'acollida. No és útil en HTML ordinari. S'utilitza amb <a href="/en-US/docs/Web/Web_Components">Components Web (Web Components)</a>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Contingut transparent</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti contingut dinàmic</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLShadowElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>Aquí teniu un exemple senzill de l'ús de l'element <code>&lt;shadow</code>&gt;. És un arxiu HTML amb tot el necessari.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> Aquesta és una tecnologia experimental. Perquè aquest codi funcioni, el navegador que ho mostri ha de ser compatible amb els components web. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components#Enabling_Web_Components_in_Firefox">Habilitan components web en Firefox (Enabling Web Components in Firefox).</a></p>
+</div>
+
+<pre class="brush: html">&lt;html&gt;
+  &lt;head&gt;&lt;/head&gt;
+  &lt;body&gt;
+
+  &lt;!-- This &lt;div&gt; will hold the shadow roots. --&gt;
+  &lt;div&gt;
+    &lt;!-- This heading will not be displayed --&gt;
+    &lt;h4&gt;My Original Heading&lt;/h4&gt;
+  &lt;/div&gt;
+
+  &lt;script&gt;
+    // Get the &lt;div&gt; above with its content
+    var origContent = document.querySelector('div');
+    // Create the first shadow root
+    var shadowroot1 = origContent.createShadowRoot();
+    // Create the second shadow root
+    var shadowroot2 = origContent.createShadowRoot();
+
+    // Insert something into the older shadow root
+    shadowroot1.innerHTML =
+      '&lt;p&gt;Older shadow root inserted by &amp;lt;shadow&amp;gt;&lt;/p&gt;';
+    // Insert into younger shadow root, including &lt;shadow&gt;.
+    // The previous markup will not be displayed unless
+    // &lt;shadow&gt; is used below.
+    shadowroot2.innerHTML =
+      '&lt;shadow&gt;&lt;/shadow&gt; &lt;p&gt;Younger shadow root, displayed because it is the youngest.&lt;/p&gt;';
+  &lt;/script&gt;
+
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<p>Si visualitzes això en un navegador web ha de ser similar al següent.</p>
+
+<p><img alt="shadow example" src="https://mdn.mozillademos.org/files/10083/shadow-example.png" style="height: 343px; width: 641px;"></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="spec-table standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Shadow DOM', "#the-shadow-element", "shadow")}}</td>
+   <td>{{Spec2('Shadow DOM')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>35</td>
+   <td>{{CompatGeckoDesktop("28")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>26</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>37</td>
+   <td>{{CompatGeckoMobile("28")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Si Shadow DOM no està activat en Firefox, l'element <code>&lt;shadow&gt;</code> es comportarà com {{domxref("HTMLUnknownElement")}}. Shadow DOM es va implementar per primera vegada a Firefox 33 i està darrere d'una preferència, <code>dom.webcomponents.enabled</code>, que està desactivat per defecte.</p>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Web_Components">Web Components</a></li>
+ <li>{{HTMLElement("content")}}, {{HTMLElement("template")}}, {{HTMLElement("element")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/small/index.html b/files/ca/web/html/element/small/index.html
new file mode 100644
index 0000000000..772ef2566a
--- /dev/null
+++ b/files/ca/web/html/element/small/index.html
@@ -0,0 +1,109 @@
+---
+title: <small>
+slug: Web/HTML/Element/small
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+  - font-size
+translation_of: Web/HTML/Element/small
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML petit (<code>&lt;small&gt;</code>) fa que la mida de la font del text sigui d'una mida més petita (per exemple, de gran a mitjana o de petit a x-petit) fins a la mida mínima de la font del navegador. En HTML5, aquest element és reutilitzat per representar comentaris secundaris  i lletra petita, incloent els drets d'autor i el text legal, amb independència del seu estil en la presentació.</p>
+
+<h2 class="editable" id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td>Categories de contingut</td>
+   <td><a href="/en/HTML/Content_categories#Flow_content" title="en/HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">phrasing content</a></td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Phrasing content</a></td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>Cap, <span id="result_box" lang="ca"><span>ha de tenir</span> <span>tant una</span> <span>etiqueta d'inici</span> <span>i una </span><span>de tancament</span></span> .</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Qualsevol element que accepti <a href="/en/HTML/Content_categories#Phrasing_content" title="https://developer.mozilla.org/en/HTML/Content_categories#Phrasing_content">phrasing content</a>, o qualsevol element que accepti <a href="/en/HTML/Content_categories#Flow_content" title="en/HTML/Content categories#Flow content">contingut dinàmic</a>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 class="editable" id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="DOM_Interface" name="DOM_Interface">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície  {{domxref("HTMLElement")}}.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 incloso, Firefox implementa la interfície {{domxref ("HTMLSpanElement")}} per a aquest element.</p>
+</div>
+
+<h2 id="Example_1" name="Example_1">Exemples</h2>
+
+<h3 id="Exemple_1">Exemple 1</h3>
+
+<pre class="brush: html">&lt;p&gt;This is the first sentence.  &lt;small&gt;This whole sentence is in small letters.&lt;/small&gt;&lt;/p&gt;
+</pre>
+
+<h4 id="Result" name="Result">Resultat</h4>
+
+<p>This is the first sentence. <small>This whole sentence is in small letters.</small></p>
+
+<h3 id="Example_2" name="Example_2">Exemple 2 (CSS alternatiu)</h3>
+
+<pre class="brush: html">&lt;p&gt;This is the first sentence. &lt;span style="font-size:0.8em"&gt;This whole sentence is in small letters.&lt;/span&gt;&lt;/p&gt;
+</pre>
+
+<h4 id="Result_2" name="Result_2">Resultat</h4>
+
+<p>This is the first sentence. <span style="font-size: 0.8em;">This whole sentence is in small letters.</span></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-small-element', '&lt;small&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', '/present/graphics.html#edef-SMALL', '&lt;small&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Notes" name="Notes">Notes</h2>
+
+<p>Encara que l'element <code>&lt;small&gt;</code>, igual que els elements <code>&lt;b&gt;</code> i <code>&lt;i&gt;</code>, poden ser percebuts en violar el principi de separació entre l'estructura i la presentació, els tres són vàlids en HTML5. S'anima els autors a utilitzar el seu judici per determinar si s'ha d'utilitzar <code>&lt;small&gt;</code> o CSS.</p>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>{{ HTMLElement("b") }}</li>
+ <li>{{ HTMLElement("font") }}</li>
+ <li>{{ HTMLElement("style") }}</li>
+ <li>HTML 4.01 Specification: <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li>
+</ul>
+
+<div>{{ HTMLRef }}</div>
diff --git a/files/ca/web/html/element/source/index.html b/files/ca/web/html/element/source/index.html
new file mode 100644
index 0000000000..67a62ad8a1
--- /dev/null
+++ b/files/ca/web/html/element/source/index.html
@@ -0,0 +1,223 @@
+---
+title: <source>
+slug: Web/HTML/Element/source
+tags:
+  - Element
+  - HTML
+  - HTML embedded content
+  - Media
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/source
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>element HTML <code>&lt;source&gt;</code></strong> especifica múltiples recursos multimèdia, ja sigui per l'element {{HTMLElement("picture")}}, {{HTMLElement("audio")}} o {{HTMLElement("video")}}. És un element buit. S'utilitza comunament per servir el mateix contingut multimèdia en<a href="https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements"> múltiples formats suportats pels diferents navegadors</a>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">
+    <p>Contexte d'ùs</p>
+   </th>
+   <td>Un element multimèdia {{HTMLElement("audio")}} o {{HTMLelement("video")}}, s'ha de col·locar abans de qualsevol <a href="/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a> o element {{HTMLElement("track")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Un element {{HTMLElement("picture")}}, s'ha de col·locar abans que l'element {{HTMLElement ("img")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Cap, és un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Ha de tenir</span> <span>una etiqueta</span> <span>d'inici,</span> <span>però</span> <span>no ha de tenir</span> <span>una etiqueta</span> <span>de tancament.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLSourceElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("sizes")}} {{experimental_inline}}</dt>
+ <dd>És una llista de mides de font que descriu l'ample final donat de la imatge representada per l'origen. Cada mida de font consisteix en una llista separada per comes de parells de condició-longitud del medi. Aquesta informació és utilitzada pel navegador per determinar, abans de col·locar la pàgina, quina imatge es defineix en {{htmlattrxref ( "srcset", "source")}} per usar. L'atribut <code>sizes</code> només té efecte quan l'element {{HTMLElement("source")}} és el fill directe d'un element {{HTMLElement("picture")}}.</dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd>Obligatori per {{HTMLElement("audio")}} i {{HTMLElement("video")}}, l'adreça del recurs de medi. El valor d'aquest atribut s'ignora quan l'element <code>&lt;source&gt;</code> es col·loca dins d'un element {{HTMLElement("picture")}}.</dd>
+ <dt>{{htmlattrdef("srcset")}} {{experimental_inline}}</dt>
+ <dd>Una llista d'una o més cadenes separades per comes que indiquen un conjunt de possibles imatges representades per la font per a l'ús del navegador. Cada cadena es compon de:
+ <ol>
+  <li><span id="result_box" lang="ca"><span>un URL</span> <span>a</span> <span>una imatge,</span></span></li>
+  <li><span id="result_box" lang="ca"><span>un descriptor</span> <span>d'amplada, que</span> <span>és</span> <span>un enter</span> <span>positiu</span> <span>seguit</span> <span>directament</span> <span>per <code>'</code></span><code><span>w'</span></code><span>.</span> <span>El valor</span> <span>per defecte,</span> <span>si és que</span> <span>cal,</span> <span>és</span> <span>l'infinit.</span></span></li>
+  <li>un descriptor de densitat de píxels, que és un nombre flotant positiu seguit directament per <code>'x'</code>. El valor per defecte, si és que cal, és <code>1x</code>.</li>
+ </ol>
+
+ <p>Cada cadena de la llista ha de tenir almenys un descriptor d'ample o un descriptor de densitat de píxels per ser vàlida. Entre la llista, hi ha d'haver una sola cadena que contingui la mateixa tupla de descriptor d'ample i descriptor de densitat de píxels.<br>
+  El navegador escull la imatge més adequada per mostrar-la en un moment donat.<br>
+  L'atribut <code>srcset</code> només té efecte quan l'element {{HTMLElement("source")}} és el fill directe d'un element {{HTMLElement("picture")}}.</p>
+ </dd>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>El tipus MIME del recurs, opcionalment amb un paràmetre <code>codecs</code>. Veure <a class="external" href="http://tools.ietf.org/html/rfc4281">RFC 4281</a> per obtenir informació sobre com especificar els còdecs.</dd>
+ <dt>{{htmlattrdef("media")}} {{experimental_inline}}</dt>
+ <dd>Consulta de mitjans dels mitjans de comunicació previstos del recurs; això s'ha d'utilitzar només en un element {{HTMLElement("picture")}}.</dd>
+</dl>
+
+<p>Si no s'especifica l'atribut <strong>type</strong>, el tipus del mitjà es recupera del servidor i es verifica si Gecko pot manejar-ho; Si no es pot processar, es comprova la font següent. Si s'especifica l'atribut <strong>type</strong>, es compara amb els tipus que Gecko pot reproduir i, si no es reconeix, el servidor ni tan sols el consulta; En el seu lloc, el següent element font es comprova alhora.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Aquest exemple demostra com oferir un vídeo en format Ogg per als usuaris que tinguin el navegador compatible amb el format Ogg, i un format de vídeo de QuickTime per als usuaris de navegadors que donin aquest suport. Si l'element <code>audio</code> o <code> video</code> no és compatible amb el navegador, apareixerà un avís al seu lloc. Si el navegador és compatible amb l'element, però no admet qualsevol dels formats especificats, es genera un esdeveniment d'error i els controls multimèdia per defecte (si està activat) donarà un error. Veure també la llista de <a href="https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">formats de mitjans suportats pels elements audio i video</a> en diferents navegadors.</p>
+
+<pre class="brush: html">&lt;video controls&gt;
+  &lt;source src="foo.webm" type="video/webm"&gt;
+  &lt;source src="foo.ogg" type="video/ogg"&gt;
+  &lt;source src="foo.mov" type="video/quicktime"&gt;
+  I'm sorry; your browser doesn't support HTML5 video.
+&lt;/video&gt;
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Per a més</span> <span>exemples</span><span>,</span> <span>vegeu</span></span> <a class="internal" href="/en-US/docs/Using_HTML5_audio_and_video">Utilitzant àudio i video en Firefox</a>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'edits.html#the-source-element-when-used-with-the-picture-element', '&lt;source&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Definició inicial de <code>&lt;source&gt;</code> utilitzat dins d'un element {{HTMLElement("picture")}}.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-video-element.html#the-source-element', '&lt;source&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Definició inicial de <code>&lt;source&gt;</code> utilitzat dins d'un element multimedia, {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>media</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("15.0")}}</td>
+   <td>9.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>sizes</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop(33)}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>srcset</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop(33)}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>media</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("15.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>sizes</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile(33)}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>srcset</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile(33)}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <span id="result_box" lang="ca"><span>Aquesta característica</span> <span>està darrere</span> <span>de la preferència</span> <code><span>dom.image.picture.enabled</span></code><span>, per defecte</span> <span>és</span><code> <span>fals</span>e</code></span>.</p>
+
+<p>Actualment, només s'implementa un petit subconjunt de la funcionalitat: Gecko recull el primer element font que té un tipus que coincideixi amb <a href="https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">el tipus MIME d'un format de suport multimèdia</a>; veure {{bug(449363)}} per a més informació</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element {{HTMLElement("picture")}}</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/spacer/index.html b/files/ca/web/html/element/spacer/index.html
new file mode 100644
index 0000000000..df5281bdce
--- /dev/null
+++ b/files/ca/web/html/element/spacer/index.html
@@ -0,0 +1,46 @@
+---
+title: <spacer>
+slug: Web/HTML/Element/spacer
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/spacer
+---
+<div>{{ obsolete_header() }}</div>
+
+<div> </div>
+
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'element HTML<code>&lt;spacer&gt;</code> s'utilitza per a la inserció d'espais en blanc en les pàgines web. Va ser creat per Netscape per aconseguir el mateix efecte de disseny d'una imatge GIF d'un sol píxel, la qual cosa era utilitzada per els dissenyadors web per afegir espais en blanc en les pàgines web, sense arribar a utilitzar un GIF. No obstant això <code>&lt;spacer&gt;</code> no està suportat per qualsevol navegador, els mateixos efectes es poden crear amb diverses regles CSS. En aplicacions de Mozilla, el suport a aquest element es va eliminar a {{gecko ("2.0")}}. Per tant l'ús de <code>&lt;spacer&gt;</code> és innecessària.</p>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>és</span> <span>compatible amb el</span></span>s <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{ htmlattrdef("type") }}</dt>
+ <dd>Aquest atribut determina el tipus de espai. Els valors possibles són <code>horizontal</code>, <code>vertical</code> i <code>block</code>.</dd>
+ <dt>{{ htmlattrdef("size") }}</dt>
+ <dd>Aquest atribut es pot utilitzar per definir la mida de espai en píxels quan el tipus és <code>horizontal</code> o <code>vertical</code>.</dd>
+ <dt>{{ htmlattrdef("width") }}</dt>
+ <dd>Aquest atribut es pot utilitzar per definir l'amplada de espai en píxels quan el tipus és <code>block</code>.</dd>
+ <dt>{{ htmlattrdef("height") }}</dt>
+ <dd>Aquest atribut es pot utilitzar per definir l'altura de espaia en píxels quan el tipus és <code>block</code>.</dd>
+ <dt>{{ htmlattrdef("align") }}</dt>
+ <dd>Aquest atribut determina l'alineació de l'espai. Els valors possibles són <code>left</code>, <code>right</code> and <code>center</code>.</dd>
+ <dt> </dt>
+</dl>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush:html">&lt;span&gt;Just a text node&lt;/span&gt;
+&lt;spacer type="horizontal" size="10"&gt;&lt;/spacer&gt;
+&lt;span&gt;Just another text node&lt;/span&gt;
+&lt;spacer type="block" width="10" height="10"&gt;&lt;/spacer&gt;
+</pre>
+
+<p>{{ HTMLRef }}</p>
diff --git a/files/ca/web/html/element/span/index.html b/files/ca/web/html/element/span/index.html
new file mode 100644
index 0000000000..4a9f13f45f
--- /dev/null
+++ b/files/ca/web/html/element/span/index.html
@@ -0,0 +1,160 @@
+---
+title: <span>
+slug: Web/HTML/Element/span
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - 'HTML:Flow content'
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/span
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>element HTML <code>&lt;span&gt;</code></strong> és un contenidor en línia genèric per a contingut textual, que no representa res essencial. Pot ser utilitzat per agrupar elements amb fins d'estil (utilitzant els atributs <code>class</code> o <code>id</code>), o perquè comparteixen valors d'atribut, com lang. S'ha d'utilitzar només quan cap altre element semàntic sigui apropiat. <code>&lt;span&gt;</code> és molt semblant a un element {{HTMLElement ("div")}}, però {{HTMLElement ("div")}} és un <a href="https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements">element a nivell de bloc</a>, mentre que un <code>&lt;span&gt;</code> és un <a href="https://developer.mozilla.org/en-US/docs/HTML/Inline_elements">element en línia</a>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Contingut textual</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Contingut textual</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Contingut textual</a>, o qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLSpanElement")}} ( <span class="short_text" id="result_box" lang="ca"><span>abans</span> <span>d'HTML</span> <span>5,</span> <span>la interfície</span> <span>era</span></span> {{domxref("HTMLElement")}})</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<h2 id="Exemple_1">Exemple 1</h2>
+
+<pre class="brush:html;gutter:false">&lt;p&gt;&lt;span&gt;Some text&lt;/span&gt;&lt;/p&gt;</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p><span>Some text</span></p>
+
+<h2 id="Exemple_2">Exemple 2</h2>
+
+<pre class="brush:html;gutter:false">&lt;li&gt;&lt;span&gt;
+    &lt;a href="portfolio.html" target="_blank"&gt;See my portfolio&lt;/a&gt;
+&lt;/span&gt;&lt;/li&gt;
+</pre>
+
+<h3 id="CSS">CSS:</h3>
+
+<div class="note">
+<p>li span {<br>
+ background: gold;<br>
+ }</p>
+</div>
+
+<h2 id="Nota">Nota</h2>
+
+<div class="warning">
+<p>És il·legal col·locar un element a nivell de bloc dins d'un element en línia.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-span-element', '&lt;span&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-span-element', '&lt;span&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td><span class="short_text" id="result_box" lang="ca"><span>La interfície</span> <span>DOM és</span> <span>ara</span></span> {{domxref("HTMLSpanElement")}}.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#edef-SPAN', '&lt;span&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element HTML {{HTMLElement("div")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/strike/index.html b/files/ca/web/html/element/strike/index.html
new file mode 100644
index 0000000000..3adaf387d4
--- /dev/null
+++ b/files/ca/web/html/element/strike/index.html
@@ -0,0 +1,51 @@
+---
+title: <strike>
+slug: Web/HTML/Element/strike
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/strike
+---
+<div>{{ Obsolete_header() }}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML ratllat</em> (<code>&lt;strike&gt;</code>) representa el text amb un ratllat o una línia a través d'ell. Aquest element és obsolet en HTML5. Utilitzar el {{HTMLElement ("del")}} en el seu lloc si l'element està marcant una edició (text eliminat), altrament utilitzar l'element {{ HTMLElement("s") }}.</p>
+
+<div class="note"><strong>Nota d'ùs: </strong>Igual que amb tots els elements purament d'estil, {{ HTMLElement("strike") }} ha estat desaprovat en HTML 4 i XHTML 1, i ha quedat obsolet en HTML5. Si semànticament és apropiat, és a dir, si es representa contingut eliminat, utilitzeu en el seu lloc {{HTMLElement ("del")}} ; en els altres casos utilitzar l'element {{ HTMLElement("s") }}.</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element no té altres atributs que els <a href="/en-US/docs/HTML/global_attributes" rel="internal" title="HTML/global attributes">atributs globals</a>, comuns a tots els elements.</p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref('HTMLElement')}}.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa el {{domxref('HTMLSpanElement')}} interfície per a aquest element.</p>
+</div>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush:xml">&lt;strike&gt;Today's Special: Salmon&lt;/strike&gt; NO LONGER AVAILABLE&lt;br /&gt;
+&lt;s&gt;Today's Special: Salmon&lt;/s&gt; SOLD OUT
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p><s>Today's Special: Salmon</s> NO LONGER AVAILABLE<br>
+ <s style="text-decoration: line-through;">Today's Special: Salmon</s> SOLD OUT</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element {{ HTMLElement("s") }}.</li>
+ <li>L'element {{ HTMLElement("del") }} és per ser utilitzat en el lloc on s'han <em>eliminat</em> dades.</li>
+ <li>La propietat CSS {{ cssxref("text-decoration") }} es va a utilitzar per aconseguir el primer aspecte visual de l'element {{ HTMLElement("strike") }}.</li>
+</ul>
+
+<div>{{ HTMLRef }}</div>
diff --git a/files/ca/web/html/element/strong/index.html b/files/ca/web/html/element/strong/index.html
new file mode 100644
index 0000000000..b988397400
--- /dev/null
+++ b/files/ca/web/html/element/strong/index.html
@@ -0,0 +1,83 @@
+---
+title: <strong>
+slug: Web/HTML/Element/strong
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+  - font-weight
+translation_of: Web/HTML/Element/strong
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML fort (<code>&lt;strong&gt;</code>) dóna al text una gran importància, i en general es mostra en negreta.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td>Contingut de categories</td>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a></td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a></td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>None, must have both a start tag and an end tag</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>, o qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a></td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a href="http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element" title="http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element">HTML5, secció 4.6.3</a>; <a href="http://www.w3.org/TR/html401/struct/text.html#edef-STRONG" title="http://www.w3.org/TR/html401/struct/text.html#edef-STRONG">HTML 4.01, secció 9.2.1</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/element" title="DOM/element">HTMLElement</a></code>.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="DOM/span"><code>HTMLSpanElement</code></a> per aquest element.</p>
+</div>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: html">&lt;p&gt;When doing x it is &lt;strong&gt;imperative&lt;/strong&gt; to do y before proceeding.&lt;/p&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>When doing x it is <strong>imperative</strong> to do y before proceeding.</p>
+
+<h3 id="Bold_vs._Strong">Bold vs. Strong</h3>
+
+<p>Sovint es confús per als nous desenvolupadors de les diverses manera que hi ha d'expressar la mateixa cosa en un lloc web. Negreta i forta són potser un dels més comuns. Per què utilitzar &lt;strong&gt;&lt;/ strong&gt; vs &lt;b&gt;&lt;/ b&gt;? Teniu que escriure molt més fort i això produeix exactament el mateix resultat, oi?</p>
+
+<p>Potser no; fort és un estat lògic i negreta és un estat físic. El estat lògic separa la presentació del contingut, en fer-ho, permeten que s'expressi de moltes maneres diferents. Aixó pot donar lloc que en comptes de fer un text en negreta desitgeu que sigui vermell, o tingui una mida diferent, o subratllat, o el que sigui. Té més sentit el canvi de les propietats de presentació de fort que de negreta. Això es deu a que la negreta és un estat físic; no hi ha separació de presentació i contingut, fer negreta, qualsevol cosa que no sigui text en negreta seria confús i il·lògic.</p>
+
+<p>És important tenir en compte que &lt;b&gt;&lt;/ b&gt; té altres usos, quan es vol cridar l'atenció sense aumentar la importància.</p>
+
+<h3 id="Emphasis_vs._Strong">Emphasis vs. Strong</h3>
+
+<p>Mentre que en HTML 4, Strong simplement indica un major èmfasi, en HTML 5, l'element es descriu com representan "una gran importància pel seu contingut." Aquesta és una distinció important que fer. Mentre Emphasis s'utilitza per canviar el sentit d'una frase ("<em>m'encanten</em> lespastanagues" enfront de "m'encanten les <em>pastanagues</em>"), Strong s'utilitza per donar porcions de importància a una frase afegida (per exemple, el "<strong>Compte!</strong> Això és <strong>molt perillós</strong>."). Tant Strong com Emphasis es poden niar per augmentar el grau d'importància relativa o èmfasi en el estrès, respectivament.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/HTML/Element/b" title="HTML/Element/b">L'element HTML bold</a></li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/style/index.html b/files/ca/web/html/element/style/index.html
new file mode 100644
index 0000000000..0b3e426e70
--- /dev/null
+++ b/files/ca/web/html/element/style/index.html
@@ -0,0 +1,193 @@
+---
+title: <style>
+slug: Web/HTML/Element/style
+tags:
+  - Element
+  - HTML
+  - HTML document metadata
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/style
+---
+<p id="Summary">{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML <code>&lt;style&gt;</code></strong> conté informació d'estil per a un document, o part d'un document. Per defecte, s'espera que les instruccions d'estil escrites a l'interior d'aquest element siguin <a href="/en-US/docs/Web/CSS">CSS</a>.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content">Contingut metadata</a>, i si l'atribut <code>scoped</code> és present: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <th>Contingut permès</th>
+   <td>El contingut del text que coincideixi amb l'atribut type, que és <code>text/css</code>.</td>
+  </tr>
+  <tr>
+   <th>Omissió de l'etiqueta</th>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Tampoc</span> <span>es</span> <span>pot</span> <span>ometre</span> <span>l'etiqueta</span></span>.</td>
+  </tr>
+  <tr>
+   <th>Elements pares permesos</th>
+   <td>Si l'atribut <strong>scoped</strong> <em>no</em> està present: s'espera que el contingut de metadades o un element {{HTMLElement ("noscript")}} sigui un fill de l'element {{HTMLElement("head")}}.Si l'atribut <strong>scoped</strong> està present: s'espera contingut dinàmic, però abans de qualsevol altre <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>, que no sigui un espai en blanc entre elements i elements {{HTMLElement("style")}}, i no com el fill d'un element, el model del qual es de contingut <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Transparent_content_model">transparent</a>.</td>
+  </tr>
+  <tr>
+   <th>Interfície DOM</th>
+   <td>{{domxref("HTMLStyleElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("type")}}</dt>
+ <dd>Aquest atribut defineix el llenguatge d'estil com un tipus MIME (joc de caràcters no s'ha d'especificar). Aquest atribut és opcional i per defecte és <code>text/css</code> si no es troba.</dd>
+ <dt>{{htmlattrdef("media")}}</dt>
+ <dd>Aquest atribut defineix a quin mitjà s'ha d'aplicar l'estil. El seu valor és una <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries">consulta de mitjans</a>, que per defecte és <code>all</code> si l'atribut no es trova.</dd>
+ <dt>{{htmlattrdef("scoped")}} {{experimental_inline}} {{deprecated_inline}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Si aquest</span> <span>atribut</span> <span>és present,</span> <span>llavors l'estil</span> <span>s'aplica</span> <span>només al seu</span> <span>element</span> <span>pare.</span> <span>Si no n'hi ha</span><span>, l'estil</span> <span>s'aplica a tot</span> <span>el document.</span></span></dd>
+ <dt>{{htmlattrdef("title")}}</dt>
+ <dd><span class="short_text" id="result_box" lang="ca"><span>Especifica</span> <span>conjunts</span> <span>de fulls d'estil</span> <span>alternatius.</span></span></dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Un_full_d'estil_senzill">Un <span class="short_text" id="result_box" lang="ca"><span>full d'estil senzill</span></span></h3>
+
+<pre class="brush:html">&lt;style type="text/css"&gt;
+body {
+  color:red;
+}
+&lt;/style&gt;
+</pre>
+
+<h3 id="Un_full_d'estil_amb_scoped">Un <span class="short_text" id="result_box" lang="ca"><span>full d'estil amb </span></span> scoped</h3>
+
+<p>En aquest exemple, l'atribut <code>scoped</code> s'utilitza per crear un estil que només s'aplica a un element {{HTMLElement("section")}} en la qual està contingut.</p>
+
+<div class="warning">
+<p>L'atribut <code>scoped</code> s'ha eliminat de l'especificació després de l'adopció només limitada i experimental per Chrome i Firefox. Heu ha d'evitar l'ús d'ell, ja que és gairebé segur que serà eliminat d'aquests navegadors aviat.</p>
+</div>
+
+<pre class="brush:html;highlight:7">&lt;article&gt;
+  &lt;div&gt;The scoped attribute allows for you to include style elements mid-document.
+   Inside rules only apply to the parent element.&lt;/div&gt;
+  &lt;p&gt;This text should be black. If it is red your browser does not support the scoped attribute.&lt;/p&gt;
+  &lt;section&gt;
+    &lt;style scoped&gt;
+      p { color: red; }
+    &lt;/style&gt;
+    &lt;p&gt;This should be red.&lt;/p&gt;
+  &lt;/section&gt;
+&lt;/article&gt;
+</pre>
+
+<h4 id="Mostra_directa">Mostra directa</h4>
+
+<div>{{ EmbedLiveSample('A_scoped_stylesheet', '100%', '200') }}</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML WHATWG', 'document-metadata.html#the-style-element', 'style') }}</td>
+   <td>{{ Spec2('HTML WHATWG') }}</td>
+   <td>Afegeix l'atribut <code>scoped</code>.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML5 W3C', 'document-metadata.html#the-style-element', 'style') }}</td>
+   <td>{{ Spec2('HTML5 W3C') }}</td>
+   <td>No canvia des de {{ SpecName('HTML4.01') }}.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName('HTML4.01', 'present/styles.html#h-14.2.3', 'style') }}</td>
+   <td>{{ Spec2('HTML4.01') }}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop(1.0)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>scoped</code></td>
+   <td>20<sup>[1]</sup></td>
+   <td>{{CompatGeckoDesktop(21.0)}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop(1.0)}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>scoped</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile(25.0)}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Suportat en Chrome 20+ a 34 habilitant l'opció "<strong>Enable &lt;style scoped&gt;"</strong> o la marca <strong>"característiques experimentals WebKit"</strong> en <code>chrome://flags</code>. <a href="https://groups.google.com/a/chromium.org/forum/#!searchin/blink-dev/scoped/blink-dev/R1x18ZLS5qQ/Bjuh_cENhlQJ">Eliminat en Chrome 35+, a causa de la complexitat del codi</a>.</p>
+
+<p>[2] Gecko 20 i posterior implementa la pseudo-classe {{cssxref(":scope")}}, però la preferència <code>layout.css.scope-pseudo.enabled</code> han de tenir el valor <code>true</code>. Aquest és només el cas per defecte en les versions de prova en Nightly i Aurora</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>The {{HTMLElement("link")}} element allowing to use external style sheets.</li>
+</ul>
diff --git a/files/ca/web/html/element/sub/index.html b/files/ca/web/html/element/sub/index.html
new file mode 100644
index 0000000000..ff3c7227ce
--- /dev/null
+++ b/files/ca/web/html/element/sub/index.html
@@ -0,0 +1,80 @@
+---
+title: <sub>
+slug: Web/HTML/Element/sub
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/sub
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML subíndex</em> (<code>&lt;sub&gt;</code>) defineix un fragment de text que s'ha de mostrar, per raons tipogràfiques, més baix, i sovint més petit, que el tram principal del text.</p>
+
+<div class="note">
+<p><strong>Nota d'ùs:</strong></p>
+
+<ul>
+ <li>Aquest element s'ha d'utilitzar només per raons tipogràfiques, és a dir, el canvi de la posició del text canviant el seu significat com en matemàtiques (com <var>t<sub>2</sub></var>, encara que l'ús d'una fórmula <a href="/en-US/docs/MathML" title="en-US/docs/MathML">MathML</a> ha de ser considerat) o fórmules químiques (com <span style="font-family: Courier New;">H<sub>2</sub>O</span>).</li>
+ <li>Aquest element no ha de ser utilitzat amb el propòsit de donar estil, com l'estil del nom del producte de Latex. En aquest cas s'ha d'utilitzar l'estil <a href="/en-US/docs/CSS" title="en-US/docs/CSS">CSS</a> de la propietat {{ cssxref("vertical-align") }}, amb el valor <code>sub</code> aconseguireu el mateix efecte.</li>
+</ul>
+</div>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><a href="/en-US/docs/HTML/Content_categories" title="en-US/docs/HTML/Content categories">Categories de contingut</a></td>
+   <td>Contingut dinàmic i contingut textual</td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Contingut textual</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>Cap, ja que tant l'etiqueta d'inici com la final són obligatories</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element que</span> <span>pogui</span> <span>contenir</span> <span>contingut</span> <span>textual</span></span></td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements">HTML5, secció 4.6.14</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3" title="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3">HTML4.01, secció 9.2.3</a>)</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implement la interfície <code><a href="/en-US/docs/DOM/element" title="en-US/docs/DOM/element">HTMLElement</a></code>.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="en-US/docs/DOM/span"><span style="font-family: Courier New;">HTMLSpanElement</span></a> per aquest element.</p>
+</div>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;p&gt;The chemical formula of water is H&lt;sub&gt;2&lt;/sub&gt;O&lt;/p&gt;
+</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>The chemical formula of water is H<sub>2</sub>O</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element HTML {{HTMLElement ("sup")}} produeix el superíndex. Recordeu que no podeu utilitzar els dos al mateix temps i és necessari utilitzar <a href="https://developer.mozilla.org/en-US/docs/MathML">MathML</a> per produir tant un superíndex com un subíndex al costat del símbol químic d'un element, que representa el seu nombre atòmic i el seu nombre nuclear.</li>
+ <li>Els elements MathML <a href="/en-US/docs/MathML/Element/msub" title="en-US/docs/MathML/Element/msub"><code>&lt;msub&gt;</code></a>, <a href="/en-US/docs/MathML/Element/msup" title="en-US/docs/MathML/Element/msup"><code>&lt;msup&gt;</code></a> i <a href="/en-US/docs/MathML/Element/msubsup" title="en-US/docs/MathML/Element/msubsup"><code>&lt;msubsup&gt;</code></a>.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/summary/index.html b/files/ca/web/html/element/summary/index.html
new file mode 100644
index 0000000000..b50c7bbaf5
--- /dev/null
+++ b/files/ca/web/html/element/summary/index.html
@@ -0,0 +1,139 @@
+---
+title: <summary>
+slug: Web/HTML/Element/summary
+tags:
+  - Element
+  - HTML
+  - HTML interactive elements
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/summary
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'element HTML <strong><code>&lt;summary&gt;</code></strong> s'utilitza a manera de resum, el títol o la llegenda per al contingut d'un element {{HTMLElement("details")}}.</p>
+
+<div class="note"><strong>Nota:</strong> Si s'omet l'element <code>&lt;summary&gt;</code>, s'utilitzarà la capçalera "details".</div>
+
+<div class="note"><strong>Nota:</strong> L'estil per defecte per <code>&lt;summary&gt;</code> és <code>display:list-item</code> segons la <a href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">norma HTML</a>.  Si es canvia l'estil a <code>display:block</code>, el triangle de divulgació serà descartat. Veure <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1283989">Bug 1283989</a> per a més informació.</div>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content">Contingut textual</a> o un element de <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Heading_content">contingut capçalera</a></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td><span id="result_box" lang="ca"><span>Cap</span><span>, tant</span> <span>l'etiqueta</span> <span>inicial </span>com la <span>final són</span> <span>obligatories</span><span>.</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>L'element {{HTMLElement("details")}}.</td>
+  </tr>
+  <tr>
+   <th scope="row">Normativa del document</th>
+   <td><a class="external" href="https://html.spec.whatwg.org/multipage/forms.html#the-summary-element" rel="external nofollow">HTML5, secció 4.11.2</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref("HTMLElement")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<details>
+<p>In summation, get details from the link on the next line</p>
+</details>
+
+<p>Si us plau, vegeu la pàgina {{HTMLElement("details")}} d'exemples de &lt;summary&gt;.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'forms.html#the-summary-element', '&lt;summary&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', 'interactive-elements.html#the-summary-element', '&lt;summary&gt;')}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>12</td>
+   <td>{{CompatGeckoDesktop("49.0")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>6</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.0</td>
+   <td>{{CompatGeckoMobile("49.0")}}<sup>[1]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Aquesta característica està disponible des de la versió 47 darrere de la preferència <code>dom.details_element.enabled</code>, per defecte és <code>false</code>, excepte en les versions Nightly i Aurora ({{bug(1241750)}}). El suport està habilitat per defecte, és a dir, la preferència per defecte es <code>true</code>, des de Firefox 49.0 ({{bug("1226455")}}).</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>{{HTMLElement("details")}}</li>
+</ul>
diff --git a/files/ca/web/html/element/sup/index.html b/files/ca/web/html/element/sup/index.html
new file mode 100644
index 0000000000..477213261f
--- /dev/null
+++ b/files/ca/web/html/element/sup/index.html
@@ -0,0 +1,74 @@
+---
+title: <sup>
+slug: Web/HTML/Element/sup
+translation_of: Web/HTML/Element/sup
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML superíndex</em>  (<code>&lt;sup&gt;</code>) defineix un fragment de text que s'ha de mostrar, per raons tipogràfiques, més alt, i sovint més petit, que el tram principal del text.</p>
+
+<div class="note">
+<p><strong>Nota d'ùs:</strong></p>
+
+<ul>
+ <li>Aquest element s'ha d'utilitzar només per raons tipogràfiques, és a dir,  el canvi de la posició del text canviant el seu significat com en matemàtiques (com <var>f<sup>4</sup></var>, encara que l'ús d'una fórmula <a href="https://developer.mozilla.org/en/MathML">MathML</a> ha de ser considerat) o les abreviatures franceses (com M<sup>lle</sup>, M<sup>me</sup> or C<sup>ie</sup>).</li>
+ <li>Aquest element no ha de ser utilitzat amb el propòsit de donar estil, com l'estil del nom del producte de Latex. En aquest cas s'ha d'utilitzar l'estil <a href="/en/CSS" title="en/CSS">CSS</a> de la propietat {{ cssxref("vertical-align") }}, amb el valor <code>super</code> aconseguireu el mateix efecte.</li>
+</ul>
+</div>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Categories de contingut</a></td>
+   <td>Contingut dinàmic i contingut textual</td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Contingut textual</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>Cap, ja que tant l'etiqueta d'inici com la final són obligatories</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element que</span> <span>pogui</span> <span>contenir</span> <span>contingut</span> <span>textual</span></span></td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements">HTML5, secció 4.6.14</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3" title="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3">HTML4.01, secció 9.2.3</a>)</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implement la interfície <code><a href="https://developer.mozilla.org/en-US/docs/DOM/element" title="en-US/docs/DOM/element">HTMLElement</a></code>.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació</strong> <strong>: </strong> fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en/DOM/span" title="en/DOM/span"><span style="font-family: Courier New;">HTMLSpanElement</span></a> per aquest element.</p>
+</div>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;p&gt;This text is &lt;sup&gt;superscripted&lt;/sup&gt;&lt;/p&gt;
+</pre>
+
+<h4 id="Resultat">Resultat</h4>
+
+<p>This text is <sup>superscripted</sup></p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>L'element HTML {{HTMLElement ("sub")}} produeix el subíndex. Recordeu que no podeu utilitzar els dos al mateix temps i és necessari utilitzar <a href="https://developer.mozilla.org/en/MathML">MathML</a> per produir tant un superíndex com un subíndex al costat del símbol químic d'un element, que representa el seu nombre atòmic i el seu nombre nuclear.</li>
+ <li>Els elements MathML <a href="/en/MathML/Element/msub" title="en/MathML/Element/msub"><span style="font-family: Courier New;">&lt;msub&gt;</span></a>, <a href="/en/MathML/Element/msup" title="en/MathML/Element/msup"><span style="font-family: Courier New;">&lt;msup&gt;</span></a> i <a href="/en/MathML/Element/msubsup" title="en/MathML/Element/msubsup"><span style="font-family: Courier New;">&lt;msubsup&gt;</span></a>.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/table/index.html b/files/ca/web/html/element/table/index.html
new file mode 100644
index 0000000000..a4a7e04b14
--- /dev/null
+++ b/files/ca/web/html/element/table/index.html
@@ -0,0 +1,442 @@
+---
+title: <table>
+slug: Web/HTML/Element/table
+tags:
+  - CSS Elemen
+  - Element
+  - HTML
+  - HTML tabular data
+  - Reference
+  - Tables
+  - Web
+translation_of: Web/HTML/Element/table
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'<strong>Element HTML Taula</strong> (<code>&lt;table&gt;)</code> representa dades tabulars, és a dir, informació expressada a través d'una taula de dades bidimensionals.</p>
+
+<div class="note"><strong>Nota: </strong>Abans de la creació de <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>, els elements HTML {{HTMLElement("table")}} s'utilitzaven sovint com un mètode per al disseny de pàgines. Aquest ús ha estat descoratjat des de HTML 4. No obstant això, els correus electrònics HTML són una excepció on les taules estan sent utilitzats amb fins de disseny. La raó d'això és el <a href="https://css-tricks.com/using-css-in-html-emails-the-real-story/">poc suport de CSS en clients de correu electrònic populars</a>.</div>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></td>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a></td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>
+    <div class="content-models">
+    <div id="table-mdls">En aquest ordre:
+    <ol>
+     <li>un element opcional {{HTMLElement("caption")}},</li>
+     <li>zero o més elements {{HTMLElement("colgroup")}},</li>
+     <li>un element opcional {{HTMLElement("thead")}},</li>
+     <li>un element opcional {{HTMLElement("tfoot")}}, <span class="short_text" id="result_box" lang="ca"><span>ja</span> <span>sigui</span> <span>abans</span> <span>o després</span> <span>d'un de</span> <span>les</span> <span>següents</span></span>:
+      <ul>
+       <li>zero o més elements {{HTMLElement("tbody")}}</li>
+       <li>un o més elements {{HTMLElement("tr")}}</li>
+      </ul>
+     </li>
+    </ol>
+    </div>
+    </div>
+   </td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>Cap, tant l'etiqueta d'inici com final són obligatories</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Qualsevol element que accepti contingut dinàmic</td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a class="external" href="http://www.w3.org/TR/html5/tabular-data.html#the-table-element" rel="external nofollow">HTML5, secció 4.9.1</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/tables.html#edef-TABLE">HTML4.01, secció 11.2.1</a>)</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>inclou</span> <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a><span>.</span> <span>Els</span> <span>següents</span> <span>atributs</span> <span>mostrats en</span> <span>aquesta</span> <span>pàgina</span> ara están desaprovats<span>.</span></span></p>
+
+<dl>
+ <dt>{{htmlattrdef("align")}} {{Deprecated_inline}}</dt>
+ <dd>Aquest atribut enumerat indica com ha d'alinear-se la taula dins del document que ho conté. Pot tenir els següents valors:
+ <ul>
+  <li><span>left: </span>la taula es mostra a la part esquerra del document;</li>
+  <li><span>center:</span> la taula es mostra al centre del document;</li>
+  <li><span>right:</span> la taula es mostra a la part dreta del document.</li>
+ </ul>
+
+ <div class="note"><strong>Nota d'ùs</strong>
+
+ <ul>
+  <li>No utilitzeu aquest atribut, ja que ha estat desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb CSS. Establir {{cssxref("margin-left")}} i {{cssxref("margin-right")}} a <code>auto</code> o {{cssxref("margin")}} a<code> 0 auto</code> per aconseguir el efecte similar a l'atribut align.</li>
+  <li>Abans del Firefox 4, Firefox també donava suport els valors <code>middle</code>, <code>absmiddle</code>, and <code>abscenter</code> com a sinònims de <code>center</code>, d'una manera peculiar.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("bgcolor")}} {{Deprecated_inline}}</dt>
+ <dd>Aquest atribut defineix el color de fons d'una taula. Consisteix en un codi hexadecimal de 6 dígits com es defineix en <a href="http://www.w3.org/Graphics/Color/sRGB">sRGB</a> i està prefixat per "#". Aquest atribut es pot utilitzar amb una de les setze cadenes de color predefinits:
+ <table>
+  <tbody>
+   <tr>
+    <td style="width: 24px; background-color: black;"> </td>
+    <td><span>black</span> = "#000000"</td>
+    <td style="width: 24px; background-color: green;"> </td>
+    <td><span>green</span> = "#008000"</td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: silver;"> </td>
+    <td><span>silver</span> = "#C0C0C0"</td>
+    <td style="width: 24px; background-color: lime;"> </td>
+    <td><span>lime</span> = "#00FF00"</td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: gray;"> </td>
+    <td><span>gray</span> = "#808080"</td>
+    <td style="width: 24px; background-color: olive;"> </td>
+    <td><span>olive</span> = "#808000"</td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: white;"> </td>
+    <td><span>white</span> = "#FFFFFF"</td>
+    <td style="width: 24px; background-color: yellow;"> </td>
+    <td><span>yellow</span> = "#FFFF00"</td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: maroon;"> </td>
+    <td><span>maroon</span> = "#800000"</td>
+    <td style="width: 24px; background-color: navy;"> </td>
+    <td><span>navy</span> = "#000080"</td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: red;"> </td>
+    <td><span>red</span> = "#FF0000"</td>
+    <td style="width: 24px; background-color: blue;"> </td>
+    <td><span>blue</span> = "#0000FF"</td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: purple;"> </td>
+    <td><span>purple</span> = "#800080"</td>
+    <td style="width: 24px; background-color: teal;"> </td>
+    <td><span>teal</span> = "#008080"</td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: fuchsia;"> </td>
+    <td><span>fuchsia</span> = "#FF00FF"</td>
+    <td style="width: 24px; background-color: aqua;"> </td>
+    <td><span>aqua</span> = "#00FFFF"</td>
+   </tr>
+  </tbody>
+ </table>
+
+ <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Utilitzar la propietat <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> {{cssxref("background-color")}} per crear un efecte similar a l'atribut <code>bgcolor</code>.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("border")}} {{Deprecated_inline}}</dt>
+ <dd>Aquest atribut enter defineix, en píxels, la mida del marc que envolta la taula. Si s'estableix a 0, l'atribut {{htmlattrxref("frame", "table")}} es posa a void.
+ <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que ha està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Per crear un efecte similar a l'atribut <code>border</code>, podeu utlitzar les propietats <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> {{cssxref("border")}}, {{cssxref("border-color")}}, {{cssxref("border-width")}} i {{cssxref("border-style")}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("cellpadding")}} {{Deprecated_inline}}</dt>
+ <dd>Aquest atribut defineix l'espai entre el contingut d'una cel·la i la seva vora, que es mostra o no. Si la longitud de la cellpadding es defineix en píxels, aquest espai de mida de píxel s'aplicarà als quatre costats del contingut de la cel·la. Si la longitud es defineix amb un valor percentual, el contingut se centra i l'espai vertical total (superior i inferior) representarà aquest valor. El mateix succeeix amb l'espai horitzontal total (esquerra i dreta).
+ <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="/en-US/docs/CSS">CSS</a>. Per crear un efecte similar a l'atribut <code>cellpadding</code>, aplicar la propietat {{cssxref("border-collapse")}} a l'element {{HTMLElement("table")}}, amb el seu valor establert a collapse, i la propietat {{cssxref("padding")}} a l'element {{HTMLElement("td")}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("cellspacing")}} {{Deprecated_inline}}</dt>
+ <dd>Aquest atribut defineix la mida de l'espai entre dues cel·les en un valor de percentatge o píxels. L'atribut s'aplica tant horitzontal com verticalment, a l'espai entre la part superior de la taula i les cel·les de la primera fila, l'esquerra de la taula i la primera columna, a la dreta de la taula i l'última columna i la part inferior de la taula i l'última fila.
+ <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="/en-US/docs/CSS">CSS</a>. Per crear un efecte similar a l'atribut <code>cellspacing</code>, aplicar la propietat {{cssxref("border-spacing")}} a l'element {{HTMLElement("table")}}. Border-spacing no té cap efecte si {{cssxref ("border-collapse")}} s'estableix a collapse.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("frame")}} {{Deprecated_inline}}</dt>
+ <dd>Aquest atribut enumerat defineix quin costat del marc que envolta la taula ha de mostrar-se. Pot tenir els següents valors:
+ <table style="width: 668px;">
+  <tbody>
+   <tr>
+    <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td>
+    <td><span>above</span></td>
+    <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td>
+    <td><span>below</span></td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td>
+    <td><span>hsides</span></td>
+    <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td>
+    <td><span>vsides</span></td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td>
+    <td><span>lhs</span></td>
+    <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td>
+    <td><span>rhs</span></td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td>
+    <td><span>border</span></td>
+    <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td>
+    <td><span>box</span></td>
+   </tr>
+   <tr>
+    <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td>
+    <td><span>void</span></td>
+   </tr>
+  </tbody>
+ </table>
+
+ <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="/en-US/docs/CSS">CSS</a>. Per crear un efecte similar a l'atribut <code><span>frame</span></code>, aplicar les propietats {{cssxref("border-style")}} i {{cssxref("border-width")}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("rules")}} {{Deprecated_inline}}</dt>
+ <dd>Aquest atribut enumerat defineix on han d'aparèixer les regles, és a dir línies, en una taula. Pot tenir els següents valors:
+ <ul>
+  <li>cap, indica que no es mostraran les regles; que és el valor per defecte;</li>
+  <li>grups, farà que les regles es mostrin entre grups de files (definit per els elements {{HTMLElement("thead")}}, {{HTMLElement("tbody")}} i {{HTMLElement("tfoot")}}) i entre els grups de columnes (definits per els elements {{HTMLElement("col")}} i {{HTMLElement("colgroup")}});</li>
+  <li>files, farà que les regles es mostrin entre les files;</li>
+  <li><span>columnes</span>, farà que les regles es mostrin entre les columnes;</li>
+  <li><span>tot</span>, farà que les regles es mostrin entre les files and columnes.</li>
+ </ul>
+
+ <div class="note"><strong>Nota</strong>:
+
+ <ul>
+  <li>L'estil de les regles depenen del navegador i no pot ser modificat.</li>
+  <li>No utilitzeu aquest atribut, ja que està desaprovat. Les regles han de ser definides i se'ls dóna estil usant <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Aplicar la propietat  {{cssxref("border")}} adequadament els elements {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("col")}} o {{HTMLElement("colgroup")}}.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("summary")}} {{Deprecated_inline}}</dt>
+ <dd>Aquest atribut defineix un text alternatiu que resumeix el contingut de la taula. En general, permet els discapacitats visuals que estan navegant per la web amb una pantalla Braille, adquirir informació sobre la taula. Si la informació afegida per aquest atribut també és útil per a persones que no tenen problemes visuals, considereu l'ús de {{HTMLElement("caption")}} al seu lloc. L'atribut <code>summary</code> no és obligatori i pot ser omès quan un element {{HTMLElement("caption")}}  compleix la seva funció.
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que està desaprovat. En el seu lloc, triar un d'aquests mètodes per afegir una descripció d'una taula:
+ <ul>
+  <li>Utilitzeu la prosa al voltant de la taula (aquest mètode és menys semàntic).</li>
+  <li>Afegir una descripció a la taula amb l'element  {{HTMLElement("caption")}}.</li>
+  <li>Afegir una descripció en un element {{HTMLElement("details")}}, a l'interior de la taula de l'element {{HTMLElement("caption")}}.</li>
+  <li>Incloure en un element {{HTMLElement("table")}} un element {{HTMLElement("figure")}} i afegir la descripció en prosa al seu costat.</li>
+  <li>Incloure en un element {{HTMLElement("table")}} un element {{HTMLElement("figure")}} i afegir la descripció en prosa dins d'un element {{HTMLElement("figcaption")}}.</li>
+  <li>Configurar la taula de manera que no sigui necessària una descripció (per exemple, amb l'ús dels elements {{HTMLElement("th")}} i {{HTMLElement("thead")}}).</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("width")}} {{Deprecated_inline}}</dt>
+ <dd>Aquest atribut defineix l'amplada de la taula. L'amplada es pot definir per píxels o un valor de percentatge. Un valor percentual serà definit per l'amplada del contenidor en el qual es col·loca la taula.
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que està desaprovat. Les regles han de ser definides i se'ls dóna estil usant <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Utilitzar la propietat {{cssxref("width")}} en el seu lloc.</div>
+ </dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/HTMLTableElement">HTMLTableElement</a></code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Taula_senzilla">Taula senzilla</h3>
+
+<pre class="brush: html">&lt;table&gt;
+  &lt;tr&gt;
+    &lt;td&gt;John&lt;/td&gt;
+    &lt;td&gt;Doe&lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+    &lt;td&gt;Jane&lt;/td&gt;
+    &lt;td&gt;Doe&lt;/td&gt;
+  &lt;/tr&gt;
+&lt;/table&gt;
+</pre>
+
+<p>{{EmbedLiveSample('Simple_Table', '100%', '100', '', 'Web/HTML/Element/table')}}</p>
+
+<h3 id="Més_Exemples">Més Exemples</h3>
+
+<pre class="brush: html">&lt;p&gt;Simple table with header&lt;/p&gt;
+&lt;table&gt;
+  &lt;tr&gt;
+    &lt;th&gt;First name&lt;/th&gt;
+    &lt;th&gt;Last name&lt;/th&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+    &lt;td&gt;John&lt;/td&gt;
+    &lt;td&gt;Doe&lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+    &lt;td&gt;Jane&lt;/td&gt;
+    &lt;td&gt;Doe&lt;/td&gt;
+  &lt;/tr&gt;
+&lt;/table&gt;
+
+&lt;p&gt;Table with thead, tfoot, and tbody&lt;/p&gt;
+&lt;table&gt;
+  &lt;thead&gt;
+    &lt;tr&gt;
+      &lt;th&gt;Header content 1&lt;/th&gt;
+      &lt;th&gt;Header content 2&lt;/th&gt;
+    &lt;/tr&gt;
+  &lt;/thead&gt;
+  &lt;tfoot&gt;
+    &lt;tr&gt;
+      &lt;td&gt;Footer content 1&lt;/td&gt;
+      &lt;td&gt;Footer content 2&lt;/td&gt;
+    &lt;/tr&gt;
+  &lt;/tfoot&gt;
+  &lt;tbody&gt;
+    &lt;tr&gt;
+      &lt;td&gt;Body content 1&lt;/td&gt;
+      &lt;td&gt;Body content 2&lt;/td&gt;
+    &lt;/tr&gt;
+  &lt;/tbody&gt;
+&lt;/table&gt;
+
+&lt;p&gt;Table with colgroup&lt;/p&gt;
+&lt;table&gt;
+  &lt;colgroup span="4"&gt;&lt;/colgroup&gt;
+  &lt;tr&gt;
+    &lt;th&gt;Countries&lt;/th&gt;
+    &lt;th&gt;Capitals&lt;/th&gt;
+    &lt;th&gt;Population&lt;/th&gt;
+    &lt;th&gt;Language&lt;/th&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+    &lt;td&gt;USA&lt;/td&gt;
+    &lt;td&gt;Washington D.C.&lt;/td&gt;
+    &lt;td&gt;309 million&lt;/td&gt;
+    &lt;td&gt;English&lt;/td&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+    &lt;td&gt;Sweden&lt;/td&gt;
+    &lt;td&gt;Stockholm&lt;/td&gt;
+    &lt;td&gt;9 million&lt;/td&gt;
+    &lt;td&gt;Swedish&lt;/td&gt;
+  &lt;/tr&gt;
+&lt;/table&gt;
+
+&lt;p&gt;Table with colgroup and col&lt;/p&gt;
+&lt;table&gt;
+  &lt;colgroup&gt;
+    &lt;col style="background-color: #0f0"&gt;
+    &lt;col span="2"&gt;
+  &lt;/colgroup&gt;
+  &lt;tr&gt;
+    &lt;th&gt;Lime&lt;/th&gt;
+    &lt;th&gt;Lemon&lt;/th&gt;
+    &lt;th&gt;Orange&lt;/th&gt;
+  &lt;/tr&gt;
+  &lt;tr&gt;
+    &lt;td&gt;Green&lt;/td&gt;
+    &lt;td&gt;Yellow&lt;/td&gt;
+    &lt;td&gt;Orange&lt;/td&gt;
+  &lt;/tr&gt;
+&lt;/table&gt;
+
+&lt;p&gt;Simple table with caption&lt;/p&gt;
+&lt;table&gt;
+  &lt;caption&gt;Awesome caption&lt;/caption&gt;
+  &lt;tr&gt;
+    &lt;td&gt;Awesome data&lt;/td&gt;
+  &lt;/tr&gt;
+&lt;/table&gt;
+</pre>
+
+<div class="hidden">
+<pre class="brush: css">table
+{
+border-collapse: collapse;
+border-spacing: 0px;
+}
+table, th, td
+{
+padding: 5px;
+border: 1px solid black;
+}</pre>
+</div>
+
+<p>{{EmbedLiveSample('More_Examples', '100%', '700', '', 'Web/HTML/Element/table')}}</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1")}}</td>
+   <td>4.0<sup>[1]</sup></td>
+   <td>7.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoMobile("1")}}</td>
+   <td>6.0<sup>[1]</sup></td>
+   <td>6.0</td>
+   <td>1.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <span id="result_box" lang="ca"><span class="alt-edited">Hi ha un error de representació en Internet Explorer 9 que implica {{HTMLElement("table")}} i {{cssxref(":hover")}}; vegeu <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:hover#Browser_compatibility">la secció "Compatibilitat del navegador" del article :hover</a> per a més detalls.</span></span></p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements HTML relacionats amb taules: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li>
+ <li>Propietats CSS que poden ser especialment útils per donat estil a l'element <code>&lt;table&gt;</code>:
+  <ul>
+   <li>{{cssxref("width")}} <span class="short_text" id="result_box" lang="ca"><span>per controlar</span> <span>l'ample de</span> <span>la taula</span><span>;</span></span> ;</li>
+   <li>{{cssxref("border")}}, {{cssxref("border-style")}}, {{cssxref("border-color")}}, {{cssxref("border-width")}}, {{cssxref("border-collapse")}}, {{cssxref("border-spacing")}} per controlar l'aspecte de les vores, regles i marc de les cel.les;</li>
+   <li>{{cssxref("margin")}} and {{cssxref("padding")}} <span id="result_box" lang="ca"><span>donar-li</span> <span>estil</span> <span>al contingut de la</span> <span>cel·la individual</span><span>;</span></span></li>
+   <li>{{cssxref("text-align")}} and {{cssxref("vertical-align")}} per definir l'alineació de text i el contingut cel·la.</li>
+  </ul>
+ </li>
+</ul>
diff --git a/files/ca/web/html/element/tbody/index.html b/files/ca/web/html/element/tbody/index.html
new file mode 100644
index 0000000000..1fae0638a3
--- /dev/null
+++ b/files/ca/web/html/element/tbody/index.html
@@ -0,0 +1,281 @@
+---
+title: <tbody>
+slug: Web/HTML/Element/tbody
+tags:
+  - Element
+  - HTML
+  - HTML tabular data
+  - Reference
+  - Tables
+  - Web
+translation_of: Web/HTML/Element/tbody
+---
+<p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;">L'<strong>Element HTML Cos de la Taula (<code>&lt;tbody&gt;</code>) </strong>defineix un o més elements {{HTMLElement ("tr")}} de dades de fileres que dona cos a l'element {{ HTMLElement("table") }} que és el seu pare  (si no hi ha altres elements, els elements &lt;tr&gt; són fills immediats d'aquest element taula.) en combinació de si hi ha elements que puguin precedir com {{ HTMLElement("thead") }} i/o {{ HTMLElement("tfoot") }}, &lt;tbody&gt; proporciona informació semàntica  addicional per a dispositius com ara impressores i pantalles. D'els elements fills de la taula pare, &lt;tbody&gt; representa el contingut en el cual, quan més llarg sigui d'una pàgina, més probable serà que difereixi per a cada pàgina impresa; mentre que el contingut de {{HTMLElement ("thead")}} i {{HTMLElement ("tfoot")}} serà el mateixa o semblant per a cada pàgina impresa. Com a mostra, &lt;tbody&gt; permetrà el desplaçament independent dels elements {{ HTMLElement("thead") }}, {{ HTMLElement("tfoot") }} i {{ HTMLElement("caption") }} del mateixa element pare {{ HTMLElement("table") }}. Recordeu que a diferència dels elements &lt;thead&gt;, &lt;tfoot&gt; i &lt;caption&gt;, múltiples elements <code>&lt;tbody&gt;</code> són acceptats (si consecutiu), permetent que les files de dades de taules llargues puguin ser dividides en diferents seccions, cadascuna amb un format separat si és necessari.</p>
+
+<p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"> </p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Categories de contingut</a></td>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Zero o més elements {{ HTMLElement("tr") }}.</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>L'element {{ HTMLElement("tbody") }} no és un element fill obligatori per a un element pare {{ HTMLElement("table") }} com a representació gràfica. No obstant això, no ha d'estar present, si  l'element pare {{ HTMLElement("table") }} té un element {{ HTMLElement("tr") }} com a fill.</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Dins de l'element pare obligatori {{ HTMLElement("table") }}, l'element {{HTMLElement ("tbody")}} es pot afegir després d'un element {{ HTMLElement("caption") }}, {{HTMLElement("colgroup") }}, {{ HTMLElement("thead") }} i {{ HTMLElement("tfoot") }}.</td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-tbody-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-tbody-element">HTML5, secció 4.9.5</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.3" title="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.3">HTML4.01, secció 11.2.3</a>)</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{ htmlattrdef("align") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline(4.01) }}, {{ obsolete_inline() }} in {{ HTMLVersionInline(5) }}</dt>
+ <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són:
+ <ul>
+  <li><span style="font-family: courier new;">left</span>, <span class="short_text" id="result_box" lang="ca"><span>alinea el</span> <span>contingut</span> <span>a l'esquerra</span> <span>de la cel·la</span></span></li>
+  <li><span style="font-family: courier new;">center</span>, centra el contingut de la cel·la</li>
+  <li><span style="font-family: courier new;">right</span>, <span class="short_text" id="result_box" lang="ca"><span>alinea el</span> <span>contingut</span> <span>a la dreta</span> <span>de la cel·la</span></span></li>
+  <li><span style="font-family: courier new;">justify</span>, inserta espais en el contingut textual de manera que el contingut es justifica en la cel·la</li>
+  <li><span style="font-family: courier new;">char</span>, alinea el contingut textual en un caràcter especial amb una desplaçament mínima definit per els atributs {{ htmlattrxref("char", "tbody") }} i {{ htmlattrxref("charoff", "tbody") }}.</li>
+ </ul>
+
+ <p>Si aquest atribut no està establert, el valor assumit és <code>left</code>.</p>
+
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard.
+
+ <ul>
+  <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{ cssxref("text-align") }}.</li>
+  <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor de {{htmlattrxref ("char", "tbody")}} com el valor de la propietat {{ cssxref("text-align") }} {{ unimplemented_inline() }}.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{ htmlattrdef("bgcolor") }} {{ Non-standard_inline() }}</dt>
+ <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a class="external" href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits:
+ <table style="width: 80%;">
+  <tbody>
+   <tr>
+    <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">black</span> = "#000000"</td>
+    <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">green</span> = "#008000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">silver</span> = "#C0C0C0"</td>
+    <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">lime</span> = "#00FF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">gray</span> = "#808080"</td>
+    <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">olive</span> = "#808000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">white</span> = "#FFFFFF"</td>
+    <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">yellow</span> = "#FFFF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">maroon</span> = "#800000"</td>
+    <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">navy</span> = "#000080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">red</span> = "#FF0000"</td>
+    <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">blue</span> = "#0000FF"</td>
+   </tr>
+   <tr>
+    <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">purple</span> = "#800080"</td>
+    <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">teal</span> = "#008080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">fuchsia</span> = "#FF00FF"</td>
+    <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">aqua</span> = "#00FFFF"</td>
+   </tr>
+  </tbody>
+ </table>
+
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és estàndard i només s'executa en algunes versions de Microsoft Internet Explorer: l'element {{ HTMLElement("tbody") }} se li ha de donar estil amb <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> . Per donar un efecte similar a l'atribut bgcolor, utilitzeu la propietat <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> {{cssxref ("background-color") }}, en els elements corresponents {{ HTMLElement("td") }} o {{ HTMLElement("th") }}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{ htmlattrdef("char") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline(4.01) }}, {{ obsolete_inline() }} in {{ HTMLVersionInline(5) }}</dt>
+ <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris. Si {{ htmlattrxref("align", "tbody") }} no està establert a <code>char</code>, aquest atribut s'ignora.
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{htmlattrxref("char", "tbody") }} , en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "tbody") }} com el valor de la propietat {{cssxref ("text-align") }} {{unimplemented_inline() }}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{ htmlattrdef("charoff") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline(4.01) }}, {{ obsolete_inline() }} in {{ HTMLVersionInline(5) }}</dt>
+ <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <code>char</code>.
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{ htmlattrdef("valign") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline(4.01) }}, {{ obsolete_inline() }} in {{ HTMLVersionInline(5) }}</dt>
+ <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són:
+ <ul>
+  <li><span style="font-family: courier new;">baseline</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (</a><a class="external" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29" title="http://en.wikipedia.org/wiki/Baseline_(typography)">baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span>.</li>
+  <li><span style="font-family: courier new;">bottom</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li>
+  <li><span style="font-family: courier new;">middle</span>, centra el text en la cel·la;</li>
+  <li>i <span style="font-family: courier new;">top</span>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li>
+ </ul>
+
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard : en el seu lloc aplicar la propietat CSS {{cssxref ("vertical-align")}}.</div>
+ </dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en-US/docs/Web/API/HTMLTableSectionElement" title="Documentation for HTMLTableSectionElement">HTMLTableSectionElement</a></code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Si us plau, veure la pàgina {{ HTMLElement("table") }} per exemples de <code>&lt;tbody&gt;</code>.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{ CompatGeckoDesktop("1.0") }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>1.0</td>
+   <td>{{ CompatNo() }} [1]</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>1.0</td>
+   <td>{{ CompatNo() }} [2]</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{ Non-standard_inline() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoMobile("1.0") }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatNo() }} [1]</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatNo() }} [2]</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{ Non-standard_inline() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Veure {{bug(915)}}.</p>
+
+<p>[2] Veure {{bug(2212)}}.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements HTML relacionats amb taules: {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("table") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }};</li>
+ <li>Les propietats CSS i pseudo-classes poden ser especialment útils per donar estil a l'element <code>&lt;tbody&gt;</code>:
+  <ul>
+   <li>la pseudo-classe {{cssxref (":nth-child")}} per aplicar l'alineació de les cel·les en la columna;</li>
+   <li>La propietat {{cssxref ("text-align")}} per alinear el contingut de totes les cel·les en el mateix caràcter, com '.'.</li>
+  </ul>
+ </li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/td/index.html b/files/ca/web/html/element/td/index.html
new file mode 100644
index 0000000000..f95750d2c8
--- /dev/null
+++ b/files/ca/web/html/element/td/index.html
@@ -0,0 +1,299 @@
+---
+title: <td>
+slug: Web/HTML/Element/td
+tags:
+  - Element
+  - HTML
+  - HTML tabular data
+  - Reference
+  - Tables
+  - Web
+translation_of: Web/HTML/Element/td
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element <a href="https://developer.mozilla.org/en-US/docs/Web/HTML">HTML</a> <em>cel·la de Taula</em> (<strong><code>&lt;td&gt;</code></strong>) defineix una cel·la d'una taula que conté dades. Participa en el <em>model de taula</em>.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <th>Contingut permès</th>
+   <td>Contingut dinàmic.</td>
+  </tr>
+  <tr>
+   <th>Omissió de l'etiqueta</th>
+   <td>L'etiqueta d'inici és obligatòria. L'etiqueta final es pot ometre, si és seguit immediatament per un element {{HTMLElement("th")}} o {{HTMLElement("td")}} o si no hi ha més dades en el seu element pare.</td>
+  </tr>
+  <tr>
+   <th>Elements pares permesos</th>
+   <td>Un element {{HTMLElement("tr")}}.</td>
+  </tr>
+  <tr>
+   <th>Normativa del document</th>
+   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-td-element" rel="external">HTML5, secció 4.9.9</a> (<a href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.6">HTML4.01, secció 11.2.6</a>)</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("abbr")}} {{obsoleteGeneric('inline','HTML5')}}</dt>
+ <dd>Aquest atribut conté una breu descripció del contingut de la cel·la. Alguns agents d'usuari, com ara lectors de parla, poden presentar aquesta descripció abans que el propi contingut.
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard: en lloc d'un altre, considereu iniciar el contingut de la cel·la per un contingut abreujat independent en si o utilitzar el contingut abreujat com el contingut de la cel·la i utilitzar el contingut llarg com la descripció de la cel·la posant-ho en l'atribut <strong>title</strong>.</div>
+ </dd>
+ <dt>{{htmlattrdef("align")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són:
+ <ul>
+  <li><code>left</code>, alinea el contingut a l'esquerra de la cel·la</li>
+  <li><code>center</code>, centra el contingut de la cel·la</li>
+  <li><code>right</code>, alinea el contingut a la dreta de la cel·la</li>
+  <li><code>justify</code>, inserta espais en el contingut textual de manera que el contingut es justifica en la cel·la</li>
+  <li><code>char</code>, alinea el contingut textual en un caràcter especial amb una desplaçament mínim definit per els atributs {{htmlattrxref("char", "td")}} i {{htmlattrxref("charoff", "td")}} {{unimplemented_inline(2212)}}.</li>
+ </ul>
+
+ <p>Si aquest atribut no està establert, el valor assumit és <code>left</code>.</p>
+
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard.
+
+ <ul>
+  <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{cssxref("text-align")}}.</li>
+  <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor de {{htmlattrxref("char", "td")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("axis")}} {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut conté una llista de cadenes separades per espais. Cada cadena és l'ID d'un grup de cel·les a les que s'aplica aquesta capçalera.
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard: en el seu lloc utilitzar l'atribut {{htmlattrxref("scope", "td")}}.</div>
+ </dd>
+ <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt>
+ <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a class="external external-icon" href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits:
+ <table style="width: 80%;">
+  <tbody>
+   <tr>
+    <td style="background-color: black; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>black</code> = "#000000"</td>
+    <td style="background-color: green; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>green</code> = "#008000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: silver; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>silver</code> = "#C0C0C0"</td>
+    <td style="background-color: lime; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>lime</code> = "#00FF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: gray; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>gray</code> = "#808080"</td>
+    <td style="background-color: olive; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>olive</code> = "#808000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: white; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>white</code> = "#FFFFFF"</td>
+    <td style="background-color: yellow; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>yellow</code> = "#FFFF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: maroon; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>maroon</code> = "#800000"</td>
+    <td style="background-color: navy; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>navy</code> = "#000080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: red; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>red</code> = "#FF0000"</td>
+    <td style="background-color: blue; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>blue</code> = "#0000FF"</td>
+   </tr>
+   <tr>
+    <td style="background-color: purple; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>purple</code> = "#800080"</td>
+    <td style="background-color: teal; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>teal</code> = "#008080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: fuchsia; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>fuchsia</code> = "#FF00FF"</td>
+    <td style="background-color: aqua; width: 24px; height: 24px; border: 1px solid black;"> </td>
+    <td><code>aqua</code> = "#00FFFF"</td>
+   </tr>
+  </tbody>
+ </table>
+
+ <div class="note"><strong>Nota d'ùs:</strong> <strong> </strong>No utilitzeu aquest atribut, ja que no és estàndard i només s'implementa en algunes versions de Microsoft Internet Explorer : l'element {{HTMLElement("td")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a>. Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> {{cssxref("background-color")}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("char")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris. Si {{htmlattrxref("align", "td")}}  no està establert a <code>char</code>, aquest atribut s'ignora.
+ <div class="note"><strong>Nota: </strong> <strong> </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{htmlattrxref("char", "thead")}}, en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "th")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</div>
+ </dd>
+ <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <code>char</code>.
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div>
+ </dd>
+ <dt>{{htmlattrdef("colspan")}}</dt>
+ <dd>Aquest atribut conté un valor enter no negatiu que indica el nombre de columnes que s'estén la cel·la. El seu valor per defecte és 1; si el seu valor s'estableix en 0, s'estén fins al final de {HTMLElement("colgroup")}}, fins i tot si es defineix implícitament que pertany a la cel·la. Els valors superiors a 1000 seran considerats incorrectes i s'estableixen en el valor predeterminat (1).
+ <div class="note"><strong>Nota: </strong>En {{HTMLVersionInline (5)}} aquest atribut només accepta valors més gran que zero, ja que no ha de ser utilitzat per solapar cel·les. A més, Firefox és l'únic navegador compatible amb el valor 0 com es defineix a l'especificació {{HTMLVersionInline (4,01)}}.</div>
+ </dd>
+ <dt>{{htmlattrdef("headers")}}</dt>
+ <dd><span id="result_box" lang="ca"><span class="alt-edited">Aquest atribut conté una llista de cadenes separades per espais, cadascun corresponent a l'atribut <strong>id</strong> del elements {{HTMLElement ("th")}} que s'apliquen a aquest element</span></span>.</dd>
+ <dt>{{htmlattrdef("rowspan")}}</dt>
+ <dd>Aquest atribut conté un valor enter no negatiu que indica a quantes files s'estén la cel·la. El seu valor per defecte és 1; si el seu valor s'estableix en 0, s'estén fins al final de la secció de la taula ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, fins i tot si es defineix implícitament que pertany a la cel·la. Els valors superiors a 65534 es retallen fins 65534.</dd>
+ <dt>{{htmlattrdef("scope")}} {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt>
+ <dd> </dd>
+ <dt>{{htmlattrdef("valign")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt>
+ <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són
+ <ul>
+  <li><code>baseline</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a class="external external-icon" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (</a><a class="external external-icon" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29" title="http://en.wikipedia.org/wiki/Baseline_(typography)">baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span>.</li>
+  <li><code>bottom</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li>
+  <li><code>middle</code>, centra el text en la cel·la;</li>
+  <li>i <code>top</code>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li>
+ </ul>
+
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref ("vertical-align")}}.</div>
+ </dd>
+ <dt>{{htmlattrdef("width")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt>
+ <dd><span id="result_box" lang="ca"><span class="alt-edited">Aquest atribut s'utilitza per definir l'amplada de cel·la recomanada. Les propietats</span></span>  <a href="/en-US/docs/Web/API/HTMLTableElement/cellSpacing">cellspacing</a> and <a href="/en-US/docs/Web/API/HTMLTableElement/cellPadding">cellpadding</a> <span id="result_box" lang="ca"><span class="alt-edited">poden afegir espai addicional, i l'element {{HTMLElement ("col")}} amplada, també pot tenir algun efecte. En general, si l'ample d'una columna és massa estreta per mostrar correctament una cel·la en particular, les mateixes cel·les s'eixamplaran perque es pogui mostrar</span></span>
+ <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut en l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref("width")}}.</div>
+ </dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref("HTMLTableDataCellElement")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Si us plau, veure la pàgina {{HTMLElement("table")}} per exemples de <code>&lt;td&gt;</code>.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>1.0</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>1.0</td>
+   <td>{{CompatNo}}<sup>[2]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>colspan</code> amb valor 0 (s'extén fins el final de colgroup)</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}<sup>[2]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <span id="result_box" lang="ca"><span>Això</span> <span>actualment</span> <span>no està</span> <span>implementat en</span> <span>Gecko</span><span>.</span> <span>veure</span></span> {{bug("915")}}.</p>
+
+<p>[2] <span id="result_box" lang="ca"><span>Això</span> <span>actualment</span> <span>no està</span> <span>implementat en</span> <span>Gecko</span><span>.</span> <span>veure</span></span> {{bug("2212")}}.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements HTML relacionats amb taules : {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/template/index.html b/files/ca/web/html/element/template/index.html
new file mode 100644
index 0000000000..c86f078b21
--- /dev/null
+++ b/files/ca/web/html/element/template/index.html
@@ -0,0 +1,197 @@
+---
+title: <template>
+slug: Web/HTML/Element/template
+tags:
+  - Element
+  - HTML
+  - Reference
+  - Web
+  - Web Components
+translation_of: Web/HTML/Element/template
+---
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'<strong>element</strong><span class="seoSummary"> <strong><a href="/en-US/docs/Web/HTML">HTML</a></strong></span> <strong>plantilla <code>&lt;template&gt;</code></strong> és un mecanisme per mantenir el contingut del costat del client que no es renderizará quan es carregui una pàgina, però posteriorment es instanciará durant el temps d'execució mitjançant Javascript.<span class="seoSummary"> </span></p>
+
+<p>Penseu en una plantilla com un fragment de contingut que s'emmagatzema per al seu ús posterior en el document. Mentre que l'analitzador fa processar el contingut de l'element <code>&lt;template&gt;</code> durant la càrrega de la pàgina, ho fa només per assegurar-se que aquests continguts són vàlids; No obstant això, el contingut de l'element no es representa.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content">Contingut metadata</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>, <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content">contingut textual</a>, element de suport script</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content">Contingut metadata</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic, </a> <span id="result_box" lang="ca"><span>qualsevol</span> <span>contingut</span> <span>HTML</span> <span>vàlid que</span> <span>es</span> <span>permet</span> <span>que passi</span> <span>dins dels elements</span></span> {{HTMLElement("ol")}}, {{HTMLElement("dl")}}, {{HTMLElement("figure")}}, {{HTMLElement("ruby")}}, {{HTMLElement("object")}}, {{HTMLElement("video")}}, {{HTMLElement("audio")}}, {{HTMLElement("table")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("tr")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("select")}}, {{HTMLElement("details")}} i {{HTMLElement("menu")}} <span id="result_box" lang="ca"><span>l'atribut</span> <span><code>type</code> és</span> <span>en l'estat de</span> <span>menú</span> <span>emergent</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>{{HTMLElement("body")}}, {{HTMLElement("frameset")}}, {{HTMLElement("head")}} and {{HTMLElement("colgroup")}} sense un atribut <code>span</code></td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLTemplateElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<p>També hi ha un atribut <code>content</code>, que és de només lectura i proporciona l'accés als continguts de la plantilla. L'existència de l'atribut <code>content</code> s'utilitza sovint com una manera de determinar si el navegador de l'usuari suporta l'element <strong><code>&lt;template&gt;</code></strong>.</p>
+
+<h2 id="Example" name="Example">Exemple</h2>
+
+<p>Primer començarem amb la part HTML de l'exemple.</p>
+
+<pre class="brush: html">&lt;table id="producttable"&gt;
+  &lt;thead&gt;
+    &lt;tr&gt;
+      &lt;td&gt;UPC_Code&lt;/td&gt;
+      &lt;td&gt;Product_Name&lt;/td&gt;
+    &lt;/tr&gt;
+  &lt;/thead&gt;
+  &lt;tbody&gt;
+    &lt;!-- existing data could optionally be included here --&gt;
+  &lt;/tbody&gt;
+&lt;/table&gt;
+
+&lt;template id="productrow"&gt;
+  &lt;tr&gt;
+    &lt;td class="record"&gt;&lt;/td&gt;
+    &lt;td&gt;&lt;/td&gt;
+  &lt;/tr&gt;
+&lt;/template&gt;
+</pre>
+
+<p>En primer lloc, tenim una taula en la qual més endavant inserirem el contingut mitjançant codi JavaScript. Després ve la plantilla, que descriu l'estructura d'un fragment d'HTML que representa una sola fila de la taula.</p>
+
+<p>Ara que la taula s'ha creat i la plantilla definida, fem servir JavaScript per a inserir files a la taula, amb cada fila construïda usant la plantilla com a base.</p>
+
+<pre class="brush:js;">// Test to see if the browser supports the HTML template element by checking
+// for the presence of the template element's content attribute.
+if ('content' in document.createElement('template')) {
+
+  // Instantiate the table with the existing HTML tbody and the row with the template
+  var t = document.querySelector('#productrow'),
+  td = t.content.querySelectorAll("td");
+  td[0].textContent = "1235646565";
+  td[1].textContent = "Stuff";
+
+  // Clone the new row and insert it into the table
+  var tb = document.getElementsByTagName("tbody");
+  var clone = document.importNode(t.content, true);
+  tb[0].appendChild(clone);
+
+  // Create a new row
+  td[0].textContent = "0384928528";
+  td[1].textContent = "Acme Kidney Beans";
+
+  // Clone the new row and insert it into the table
+  var clone2 = document.importNode(t.content, true);
+  tb[0].appendChild(clone2);
+
+} else {
+  // Find another way to add the rows to the table because
+  // the HTML template element is not supported.
+}
+</pre>
+
+<p>El resultat és la taula HTML original, amb dues noves files afegides a través de JavaScript:</p>
+
+<div class="hidden">
+<pre class="brush: css">table {
+  background: #000;
+}
+table td {
+  background: #fff;
+}</pre>
+</div>
+
+<p>{{EmbedLiveSample("Example", 500, 120)}}</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG','/scripting-1.html#the-template-element','template element')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Cap canvi</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C','/scripting-1.html#the-template-element','template element')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>26</td>
+   <td>{{CompatGeckoDesktop("22")}}</td>
+   <td>Edge 13</td>
+   <td>15</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>iOS 8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>Components Web : {{HTMLElement("content")}}, {{HTMLElement("shadow")}}</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/textarea/index.html b/files/ca/web/html/element/textarea/index.html
new file mode 100644
index 0000000000..c208fe6102
--- /dev/null
+++ b/files/ca/web/html/element/textarea/index.html
@@ -0,0 +1,182 @@
+---
+title: <textarea>
+slug: Web/HTML/Element/textarea
+tags:
+  - Element
+  - Forms
+  - HTML
+  - HTML forms
+  - Reference
+  - Web
+  - textarea
+translation_of: Web/HTML/Element/textarea
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>element HTML <code>&lt;textarea&gt;</code></strong> representa un control d'edició de text  multi-línia sense format.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>, <a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">contingut interactiu</a>, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetable</a>, <a href="/en/HTML/Content_categories#form_resettable" title="en/HTML/Content categories#form resettable">reiniciable</a>, i elements <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">enviables associats a formularis</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>Dades <span class="short_text" id="result_box" lang="ca"><span>caràcter</span></span></td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLTextAreaElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("autocapitalize")}} {{non-standard_inline}}</dt>
+ <dd>Aquest és un atribut no estàndard amb el suport de WebKit en iOS (per tant, gairebé tots els navegadors que s'executen en iOS, incloent Safari, Firefox i Chrome) el qual controla si i com el valor de text ha de ser automàticament en majúscula quan és entrat/editat per l'usuari. Els valors no desaprovats estan disponibles en IOS 5 i posteriors. Els valors possibles són:
+ <ul>
+  <li><code>none</code>: <span id="result_box" lang="ca"><span>Completament</span> <span>desactiva</span>da <span>la majúscula</span></span><span lang="ca"> <span>automàtica.</span></span></li>
+  <li><code>sentences</code>: <span id="result_box" lang="ca"><span>Automàticament</span> <span>en majúscula</span> <span>la primera lletra</span> <span>d'una oració</span></span> .</li>
+  <li><code>words</code>: <span id="result_box" lang="ca"><span>Automàticament</span> <span>en majúscula</span> <span>la primera lletra</span> <span>de les</span> <span>paraules</span></span>.</li>
+  <li><code>characters</code>: <span class="short_text" id="result_box" lang="ca"><span>Automàticament</span> <span>en</span> <span>majúscula</span> <span>tots</span> <span>els</span> <span>caràcters</span></span> .</li>
+  <li><code>on</code>: {{deprecated_inline()}} Desaprovat des de iOS 5.</li>
+  <li><code>off</code>: {{deprecated_inline()}} Desaprovat des de iOS 5.</li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("autocomplete")}} {{HTMLVersionInline("5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>indica</span> <span>si el valor del</span> <span>control</span> <span>es</span> <span>pot completar</span> <span>automàticament</span> <span>pel navegador.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span>
+ <ul>
+  <li><code>off</code>: L'usuari ha d'introduir explícitament un valor en aquest camp per a cada ús, o el document proporciona el seu propi mètode d'autocompletat; el navegador no completa l'entrada automàticament.</li>
+  <li><code>on</code>: <span id="result_box" lang="ca"><span>El navegador</span> <span>pot completar</span> <span>automàticament el</span> <span>valor basat</span> <span>en els valors</span> <span>que l'usuari ha</span> <span>entrat</span> <span>en usos</span> <span>anteriors.</span></span></li>
+ </ul>
+
+ <p>Si l'atribut <strong>autocomplete</strong> no s'especifica en un element <code>&lt;textarea&gt;</code>, el navegador utilitza el valor de l'atribut <strong>autocomplete</strong> del propietari del formulari de l'element <code>&lt;textarea&gt;</code>. El propietari del formulari és l'element {{HTMLElement("form")}} en el qual l'element <code>&lt;textarea&gt;</code> és un descendent o bé l'element de formulari que el seu <strong>id</strong> és especificat per l'atribut <strong>form</strong> de l'element d'entrada. Per obtenir més informació, consulteu {{htmlattrxref("autocomplete", "form")}} en {{HTMLElement("form")}}.</p>
+ </dd>
+ <dt>{{ htmlattrdef("autofocus") }} {{ HTMLVersionInline("5") }}</dt>
+ <dd>Aquest atribut booleà permet especificar que un control de formulari ha de tenir el focus d'entrada quan es carrega la pàgina, llevat que l'usuari el redefineixi, per exemple escrivint en un control diferent. Només un element de formularu associat a un document pot tenir aquest atribut especificat.</dd>
+ <dt>{{ htmlattrdef("cols") }}</dt>
+ <dd>L'ample visible del control de text, en caràcters d'amplària mitjana. Si s'especifica, ha de ser un nombre enter positiu. Si no s'especifica, el valor per defecte és <span style="font-family: courier new;">20</span> (HTML5).</dd>
+ <dt>{{ htmlattrdef("disabled") }}</dt>
+ <dd>Aquest atribut booleà indica que l'usuari no pot interactuar amb el control. (Si no s'especifica aquest atribut, el control hereta la seva configuració des de l'element que conté, per exemple {{HTMLElement ("fieldset")}};. Si no hi ha cap element que contimgui l'atribut <code>disabled</code>, el control està activat)</dd>
+ <dt>{{ htmlattrdef("form") }} {{ HTMLVersionInline("5") }}</dt>
+ <dd>L'element formulari en el qual està associat l'element <code>&lt;textarea&gt;</code> (el seu "propietari formulari"). El valor de l'atribut ha de ser l'ID d'un element de formulari en el mateix document. Si no s'especifica aquest atribut, l'element <code>&lt;textarea&gt;</code> ha de ser un descendent d'un element de formulari. Aquest atribut li permet col.locar elements <code>&lt;textarea&gt;</code> en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari.</dd>
+ <dt>{{ htmlattrdef("maxlength") }} {{ HTMLVersionInline("5") }}</dt>
+ <dd><span id="result_box" lang="ca"><span>El nombre</span> <span>màxim</span> <span>de caràcters</span> <span>(</span><span>punts</span> <span>de codi</span> <span>Unicode</span><span>)</span> <span>que l'usuari pot</span> <span>introduir.</span> <span>Si no s'especifica</span> <span>aquest valor,</span> <span>l'usuari pot</span> <span>introduir un</span> <span>nombre il·limitat</span> <span>de caràcters</span></span></dd>
+ <dt>{{ htmlattrdef("minlength") }} {{ HTMLVersionInline("5") }}</dt>
+ <dd>El nombre mínim de caràcters (punts de codi Unicode) requerits que l'usuari ha d'introduir.</dd>
+ <dt>{{ htmlattrdef("name") }}</dt>
+ <dd>El nom del control.</dd>
+ <dt>{{ htmlattrdef("placeholder") }} {{ HTMLVersionInline("5") }}</dt>
+ <dd>Un indici a l'usuari del que pot ser introduït en el control. Els retorns de carro o salts de línia dins del text de marcador de posició han de ser tractats com salts de línia quan es representa l'indici.</dd>
+ <dt>{{ htmlattrdef("readonly") }}</dt>
+ <dd>Aquest atribut booleà indica que l'usuari no pot modificar el valor del control. A diferència de l'atribut <code>disabled</code>, l'atribut <code>readonly</code> no impedeix que l'usuari faci clic o seleccioni en el control. El valor d'un control de només lectura segueix sent enviat en el formulari.</dd>
+ <dt>{{ htmlattrdef("required") }} {{ HTMLVersionInline("5") }}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>que l'usuari</span> <span>ha d'omplir</span> <span>un valor</span> <span>abans</span> <span>d'enviar un</span> <span>formulari.</span></span></dd>
+ <dt>{{ htmlattrdef("rows") }}</dt>
+ <dd><span id="result_box" lang="ca"><span>El nombre</span> <span>de línies</span> <span>de text</span> <span>visibles</span> <span>per al control.</span></span></dd>
+ <dt>{{ htmlattrdef("selectionDirection") }} {{ HTMLVersionInline("5") }}</dt>
+ <dd>La direcció en què es va produir la selecció. És "cap endavant (forward)" si la selecció es va fer d'esquerra a dreta en una configuració regional LTR o de dreta a esquerra en una configuració regional RTL, o "cap enrere (backward)" si la selecció es va fer en la direcció oposada. Això pot ser "cap (none)" si la direcció de la selecció és desconegut.</dd>
+ <dt>{{ htmlattrdef("selectionEnd") }}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'índex</span> <span>de l'últim</span> <span>caràcter</span> <span>de la selecció</span> <span>actual.</span> <span>Si no hi ha</span> <span>selecció,</span> <span>el valor és</span> <span>l'índex</span> <span>del caràcter que</span> <span>segueix a</span> <span>la posició del cursor</span> <span>d'entrada de</span> <span>text.</span></span></dd>
+ <dt>{{ htmlattrdef("selectionStart") }}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'índex</span> <span>per al primer</span> <span>caràcter</span> <span>de la selecció</span> <span>actual.</span> <span>Si no hi ha</span> <span>selecció</span><span>, aquest valor</span> <span>és l'índex</span> <span>del caràcter que</span> <span>segueix a</span> <span>la posició del cursor</span> <span>d'entrada de</span> <span>text.</span></span></dd>
+ <dt>{{ htmlattrdef("spellcheck") }} {{ HTMLVersionInline(5) }}</dt>
+ <dd>Establir el valor d'aquest atribut en <code>true</code> indica que l'element ha de tenir la seva ortografia i gramàtica revisada. El valor per omissió indica que l'element està actuant d'acord amb un comportament predeterminat, possiblement basat en el valor de la revisió ortogràfica de l'element pare. El valor <code>false</code> indica que l'element no ha de ser revisat.</dd>
+ <dt>{{ htmlattrdef("wrap") }} {{ HTMLVersionInline("5") }}</dt>
+ <dd>Indica com el control ajusta el text. Els valors possibles són:
+ <ul>
+  <li><span style="font-family: courier new;">hard</span>: El navegador insereix automàticament salts de línia (CR + LF) de manera que cada línia tingui nomes l'ample del control; l'atribut <code>cols</code> ha de ser especificat.</li>
+  <li><span style="font-family: courier new;">soft</span>: El navegador s'assegura que tots els salts de línia en el valor consisteixen en un parell CR + LF, però no insereix salts de línia addicionals.</li>
+ </ul>
+
+ <p>Si no s'especifica aquest atribut, <span style="font-family: courier new;">soft</span> és el valor predeterminat.</p>
+ </dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en/DOM/HTMLTextAreaElement" title="en/DOM/textarea">HTMLTextAreaElement</a></code>.</p>
+
+<p>{{ h1_gecko_minversion("Resizable textareas", "2.0") }}</p>
+
+<p>{{Gecko ("2.0")}} introdueix suport per les textareas redimensionables. Això és controlat per la propietat CSS {{ cssxref("resize") }}. Canviar la mida de les àrees de text està activat per defecte, però es pot desactivar de forma explícita mitjançant la inclusió de la següent CSS:</p>
+
+<pre>textarea {
+  resize: none;
+}
+</pre>
+
+<h2 id="Interacció_amb_CSS">Interacció amb CSS</h2>
+
+<p>Pel que fa a CSS, un <code>&lt;textarea&gt;</code> és un <a href="https://developer.mozilla.org/en-US/docs/CSS/Replaced_element" title="/en-US/docs/CSS/Replaced_element">element reemplaçat</a>. L'especificació HTML no defineix on està la línia de base d'un <code>&lt;textarea&gt;</code>. Així que diferents navegadors ajustan a diferents posicions. Per Gecko, la línia de base de un <code>&lt;textarea&gt;</code> es troba en la línia de base de la primera línia de la primera línia del textarea, en altre navegador pot ajustar a la part inferior del quadre del <code>&lt;textarea&gt;</code>. No utilitzeu {{cssxref ("vertical-align")}}: <code>baseline</code>, ja que el comportament serà impredictible.</p>
+
+<p>Un <em>textarea</em> té dimensions intrínseques, com una imatge ampliada.</p>
+
+<h2 id="Example" name="Example">Example</h2>
+
+<h3 id="Contingut_HTML">Contingut HTML</h3>
+
+<pre class="brush: html">&lt;textarea name="textarea" rows="10" cols="50"&gt;Write something here&lt;/textarea&gt;</pre>
+
+<p>{{ EmbedLiveSample('Example','600','200') }}</p>
+
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-textarea-element', '&lt;textarea&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'forms.html#the-textarea-element', '&lt;textarea&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.7', '&lt;textarea&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>
+
+
+<p>{{Compat("html.elements.textarea")}}</p>
+</div>
+
+<p> </p>
+
+<h2 id="Veure">Veure</h2>
+
+<p>Altres elements relacionats amb formularis: {{ HTMLElement("form") }}, {{ HTMLElement("button") }}, {{ HTMLElement("datalist") }}, {{ HTMLElement("legend") }}, {{ HTMLElement("label") }}, {{ HTMLElement("select") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }} and {{ HTMLElement("meter") }}.</p>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/tfoot/index.html b/files/ca/web/html/element/tfoot/index.html
new file mode 100644
index 0000000000..755200bfad
--- /dev/null
+++ b/files/ca/web/html/element/tfoot/index.html
@@ -0,0 +1,280 @@
+---
+title: <tfoot>
+slug: Web/HTML/Element/tfoot
+tags:
+  - Element
+  - HTML
+  - HTML tabular data
+  - Reference
+  - Tables
+  - Web
+translation_of: Web/HTML/Element/tfoot
+---
+<p id="Summary">L'<em>Element HTML Peu de Taula</em>  (<code>&lt;tfoot&gt;</code>) defineix un conjunt de files que resumeixen les columnes de la taula.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <td><a href="/en-US/docs/Web/Guide/HTML/Content_categories">Categories de contingut</a></td>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Zero o més elements {{HTMLElement("tr")}}.</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>L'etiqueta d'inici és obligatòria. L'etiqueta final es pot ometre si l'element {{HTMLElement ("tfoot")}} és seguit immediatament per un  {{HTMLElement ("tbody")}} eventualment definit implicitament,o si no hi ha més contingut en el seu element pare {{HTMLElement("table")}}.</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Un element {{HTMLElement("table")}}. L' element {{HTMLElement("tfoot")}} <span class="short_text" id="result_box" lang="ca"><span>ha d'aparèixer</span> <span>després de qualsevol</span></span> {{HTMLElement("caption")}}, {{HTMLElement("colgroup")}} o {{HTMLElement("thead")}}. Pot ser abans o després de tots els elements {{HTMLElement ("tbody")}} i {{HTMLElement ("tr")}}, però no barrejats amb ells.<br>
+    {{HTMLVersionInline ("4")}} L'element {{HTMLElement ("tfoot")}} no es pot posar després de qualsevol element {{HTMLElement ("tbody")}} i {{HTMLElement ("tr")}}. Aquesta restricció s'ha suavitzat en HTML5.</td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-tfoot-element" rel="external nofollow">HTML5, secció 4.9.7</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.3">HTML4.01, secció 11.2.3</a>)</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("align")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són:
+ <ul>
+  <li><span style="font-family: courier new;">left</span>, alinea el contingut a l'esquerra de la cel·la</li>
+  <li><span style="font-family: courier new;">center</span>, centra el contingut de la cel·la</li>
+  <li><span style="font-family: courier new;">right</span>, alinea el contingut a la dreta de la cel·la</li>
+  <li><span style="font-family: courier new;">justify</span>, inserta espais en el contingut textual de manera que el contingut es justifica en la cel·la</li>
+  <li><span style="font-family: courier new;">char</span>, alinea el contingut textual en un caràcter especial amb una desplaçament mínim definit per els atributs  {{htmlattrxref("char", "tbody")}} i {{htmlattrxref("charoff", "tbody")}} {{unimplemented_inline("2212")}}.</li>
+ </ul>
+
+ <p>Si aquest atribut no està establert, el valor assumit és <code>left</code>.</p>
+
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard.
+
+ <ul>
+  <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{cssxref("text-align")}}.</li>
+  <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor {{htmlattrxref("char", "tfoot")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt>
+ <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a href="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits:
+ <table style="width: 80%;">
+  <tbody>
+   <tr>
+    <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">black</span> = "#000000"</td>
+    <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">green</span> = "#008000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">silver</span> = "#C0C0C0"</td>
+    <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">lime</span> = "#00FF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">gray</span> = "#808080"</td>
+    <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">olive</span> = "#808000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">white</span> = "#FFFFFF"</td>
+    <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">yellow</span> = "#FFFF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">maroon</span> = "#800000"</td>
+    <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">navy</span> = "#000080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">red</span> = "#FF0000"</td>
+    <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">blue</span> = "#0000FF"</td>
+   </tr>
+   <tr>
+    <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">purple</span> = "#800080"</td>
+    <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">teal</span> = "#008080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">fuchsia</span> = "#FF00FF"</td>
+    <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">aqua</span> = "#00FFFF"</td>
+   </tr>
+  </tbody>
+ </table>
+
+ <div class="note"><strong>Nota d'ùs: </strong> No utilitzeu aquest atribut, ja que no és estàndard i només s'implementa en algunes versions de Microsoft Internet Explorer: l'element {{HTMLElement("tfoot")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a>. Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> {{cssxref("background-color")}}, en els elements pertinents {{HTMLElement("td")}} o {{HTMLElement("th")}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("char")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris. Si {{htmlattrxref("align", "tfoot")}} no està establert a <code>char</code>, aquest atribut s'ignora
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{htmlattrxref("char", "tbtfootody")}}, en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "tfoot")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <strong>char</strong>.
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("valign")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són:
+ <ul>
+  <li><span style="font-family: courier new;">baseline</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span>.</li>
+  <li><span style="font-family: courier new;">bottom</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li>
+  <li><span style="font-family: courier new;">middle</span>, centra el text en la cel·la;</li>
+  <li>i <span style="font-family: courier new;">top</span>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li>
+ </ul>
+
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard: en el seu lloc aplicar la propietat CSS  {{cssxref("vertical-align")}}.</div>
+ </dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en-US/docs/Web/API/HTMLTableSectionElement">HTMLTableSectionElement</a></code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Si us plau, veure la pàgina {{HTMLElement("table")}} per exemples de <code>&lt;tfoot&gt;</code>.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>1.0</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>1.0</td>
+   <td>{{CompatNo}}<sup>[2]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}<sup>[2]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Veure {{bug("915")}}.</p>
+
+<p>[2] Veure {{bug("2212")}}.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements HTML relacionats amb taules: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tbody")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li>
+ <li>Propietats CSS i pseudo-classes que poden ser especialment útils per a l'estil de l'element <code>&lt;tfoot&gt;</code>:
+  <ul>
+   <li>la pseudo-classe {{cssxref(":nth-child")}} per ajustar l'alineació de les cel·les de la columna;</li>
+   <li>la propietat {{cssxref("text-align")}} per alinear el contingut de totes les cel·les en el mateix caràcter, com '.'.</li>
+  </ul>
+ </li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/th/index.html b/files/ca/web/html/element/th/index.html
new file mode 100644
index 0000000000..13614a6d62
--- /dev/null
+++ b/files/ca/web/html/element/th/index.html
@@ -0,0 +1,303 @@
+---
+title: <th>
+slug: Web/HTML/Element/th
+tags:
+  - Element
+  - HTML
+  - HTML tabular data
+  - Reference
+  - Tables
+  - Web
+translation_of: Web/HTML/Element/th
+---
+<p>L'<em>element HTML cel·la de capçalera de la taula</em> <code>&lt;th&gt;</code> defineix una cel·la com a capçalera d'un grup de cel·les de la taula. La naturalesa exacta d'aquest grup es defineix pels atributs {{htmlattrxref("scope", "th")}} i {{htmlattrxref("headers", "th")}}.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content categories">Categories de contingut</a></td>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>
+    <div class="content-models">
+    <div id="table-mdls">Contingut textual.</div>
+    </div>
+   </td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>L'etiqueta d'inici és obligatòria.<br>
+    L'etiqueta final es pot ometre, si és seguit immediatament per un element {{HTMLElement("th")}} o {{HTMLElement("td")}} o si no hi ha més dades en el seu element pare.</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Un element {{HTMLElement("tr")}}.</td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-th-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-th-element">HTML5, secció 4.9.10</a> (<a href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.6" title="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.6">HTML4.01, secció 11.2.6</a>)</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els següents <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("abbr")}} {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut conté una breu descripció del contingut de la cel·la. Un agent d'usuari (per exemple, un lector de parla) pot estar present davant de la descripció.
+ <div class="note"><strong>Nota d'ùs: </strong> No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard. Alternativament, es pot posar la descripció abreujada dins de la cel·la i posar el contingut llarg en l'atribut <code>title</code>.</div>
+ </dd>
+ <dt>{{htmlattrdef("align")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són:
+ <ul>
+  <li><code>left</code>: El contingut s'alinea a l'esquerra de la cel·la.</li>
+  <li><code>center</code>: El contingut es centra en la cel·la.</li>
+  <li><code>right</code>:  El contingut s'alinea a la dreta de la cel·la.</li>
+  <li><code>justify</code> (només amb text): El contingut s'estén dins de la cel·la de manera que cobreixi tota la seva amplada.</li>
+  <li><code>char</code> ( només amb text): El contingut està alineat a un caràcter dins de l'element &lt;th&gt; amb un mínim desplaçament. Aquest caràcter es definit per els atributs {{htmlattrxref("char", "th")}} i {{htmlattrxref("charoff", "th")}} {{unimplemented_inline("2212")}}.</li>
+ </ul>
+
+ <p>El valor per defecte quan aquest atribut no està especificat és <code>left</code>.</p>
+
+ <div class="note"><strong>Nota d'ùs: </strong> No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard.
+
+ <ul>
+  <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> o <span style="font-family: courier new;">justify</span> aplicar la propietat CSS {{cssxref("text-align")}} per l'atribut.</li>
+  <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, donar a la propietat {{cssxref ("text-align")}} el mateix valor que utilitzaria per {{htmlattrxref("char", "th")}}. {{unimplemented_inline}}.</li>
+ </ul>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("axis")}} {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut conté una llista de cadenes separades per espais. Cada cadena és l'ID d'un grup de cel·les a les que s'aplica aquesta capçalera.
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard: en el seu lloc utilitzar l'atribut {{htmlattrxref("scope", "th")}}.</div>
+ </dd>
+ <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt>
+ <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>  prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits:
+ <table>
+  <tbody>
+   <tr>
+    <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>black</code> = "#000000"</td>
+    <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>green</code> = "#008000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>silver</code> = "#C0C0C0"</td>
+    <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>lime</code> = "#00FF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>gray</code> = "#808080"</td>
+    <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>olive</code> = "#808000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>white</code> = "#FFFFFF"</td>
+    <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>yellow</code> = "#FFFF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>maroon</code> = "#800000"</td>
+    <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>navy</code> = "#000080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>red</code> = "#FF0000"</td>
+    <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>blue</code> = "#0000FF"</td>
+   </tr>
+   <tr>
+    <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>purple</code> = "#800080"</td>
+    <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>teal</code> = "#008080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>fuchsia</code> = "#FF00FF"</td>
+    <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><code>aqua</code> = "#00FFFF"</td>
+   </tr>
+  </tbody>
+ </table>
+
+ <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que no és estàndard i només s'implementa en algunes versions de Microsoft Internet Explorer: L'element {{HTMLElement("th")}} se li ha de donar estil amb <a href="/en-US/docs/CSS" title="CSS">CSS</a>. Per donar un efecte similar utilitzeu la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("background-color")}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("char")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>El contingut d'una columna s'alinea amb un caràcter en l'element <code>&lt;th&gt;</code>. Els valors típics inclouen un punt (.) per alinear nombres o valors monetaris. Si {{htmlattrxref ("align", "th")}} no s'ha establert a <code>char</code>, aquest atribut s'ignora.
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és suportat amb l'últim estàndard. Per aconseguir el mateix efecte en CSS3, podeu especificar el caràcter com a primer valor de la propietat {{cssxref ("text-align")}}{{unimplemented_inline}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut s'utilitza per desplaçar dades de la columna a la dreta del caràcter especificat per l'atribut char. El seu valor especifica la longitud d'aquest canvi.
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és suportat amb l'últim estàndard.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("colspan")}}</dt>
+ <dd>Aquest atribut conté un valor enter positiu que indica sobre quantes columnes s'estén una cel·la. El seu valor per defecte és 1. Si el valor s'estableix a 0, la cel·la s'estén fins a l'últim element de {{HTMLElement ("colgroup")}}. Els valors superiors a 1000 es retallen fins a 1000.</dd>
+ <dt>{{htmlattrdef("headers")}}</dt>
+ <dd>Aquest atribut conté una llista de cadenes separades per espais, cadascuna de les quals correspon als atributs <code>id</code> d'altres elements {{HTMLElement ( "th")}} que es relacionen amb aquest element.</dd>
+ <dt>{{htmlattrdef("rowspan")}}</dt>
+ <dd>Aquest atribut conté un valor enter positiu que indica sobre quantes files s'estén a les cel·les. El seu valor per defecte és <code>1</code>. Si el valor s'estableix a <code>0</code>, la cel·la s'estén fins a l'últim element de les seccions de la taula ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}} o {{HTMLElement("tfoot")}}). Els valors superiors a 65534 es retallen fins 65534.</dd>
+ <dt>{{htmlattrdef("scope")}}</dt>
+ <dd>Aquest atribut enumerat defineix les cel·les amb les que es relaciona la capçalera (definit en l'element {{HTMLElement("th")}}). Pot tenir els següents valors:
+ <ul>
+  <li><code>row</code>:  La capçalera es relaciona amb totes les cel·les de la fila a què pertany.</li>
+  <li><code>col</code>: La capçalera es relaciona amb totes les cel·les de la columna al qual pertany.</li>
+  <li><code>rowgroup</code>: La capçalera pertany a un rowgroup i es relaciona amb totes les seves cel·les. Aquestes cel·les es poden col·locar a la dreta o l'esquerra de la capçalera, depenent del valor de l'atribut <code><a href="/en-US/docs/Web/HTML/Global_attributes/dir">dir</a></code> en l'element {{HTMLElement("table")}}.</li>
+  <li><code>colgroup</code>: La capçalera pertany a una colgroup i es relaciona amb totes les seves cel·les.</li>
+  <li><code>auto</code></li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("valign")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt>
+ <dd>Aquest atribut especifica com un text s'alinea verticalment dins d'una cel·la. Els valors possibles per aquest atribut són:
+ <ul>
+  <li><code>baseline</code>: Posiciona el text a la part inferior de la cel·la i s'alinea amb la <a href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (baseline)</a> dels caràcters en lloc de la part inferior. Si els caràcters no descendeixen per sota de la línia de base, el valor de  la línea de base aconsegueix el mateix efecte que <code>bottom</code>.</li>
+  <li><code>bottom</code>: Posiciona el text a la part inferior de la cel·la.</li>
+  <li><code>middle</code>: Centre el text en la cel·la.</li>
+  <li>i <code>top</code>: Posiciona el text a la part superior de la cel·la.</li>
+ </ul>
+
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és suportat amb l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref("vertical-align")}}.</div>
+ </dd>
+ <dt>{{htmlattrdef("width")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}</dt>
+ <dd>Aquest atribut s'utilitza per definir l'amplada de cel·la recomanada. L'espai addicional es pot afegir amb les propietats <a href="/en-US/docs/Web/API/HTMLTableElement/cellSpacing">cellspacing</a> i <a href="/en-US/docs/Web/API/HTMLTableElement/cellPadding">cellpadding</a> i l'amplada de l'element {{HTMLElement ("col")}} també pot crear una amplada extra. Però, si l'ample d'una columna és massa estreta per mostrar correctament una cel·la en particular, aquesta s'ampliarà quan es mostri.
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és suportat amb l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref("width")}}.</div>
+ </dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref("HTMLTableHeaderCellElement")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Veure {{HTMLElement("table")}} per exemples de <code>&lt;th&gt;</code>.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>1.0</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>1.0</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Veure {{bug(915)}}.</p>
+
+<p>[2] Veure {{bug(2212)}}.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements HTML relacionats amb taules: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/thead/index.html b/files/ca/web/html/element/thead/index.html
new file mode 100644
index 0000000000..0ec6807d4c
--- /dev/null
+++ b/files/ca/web/html/element/thead/index.html
@@ -0,0 +1,189 @@
+---
+title: <thead>
+slug: Web/HTML/Element/thead
+tags:
+  - Element
+  - HTML
+  - HTML tabular data
+  - Reference
+  - Tables
+  - Web
+translation_of: Web/HTML/Element/thead
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML Capçalera de Taula</em> (<code>&lt;thead&gt;</code>) defineix un conjunt de files que defineixen el capçalera de les columnes de la taula.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Categories de contingut</a></td>
+   <td>Cap.</td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Zero o més elements {{ HTMLElement("tr") }}.</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>L'etiqueta d'inici és obligatòria . L'etiqueta final es pot ometre si l'element {{ HTMLElement("thead") }} és seguit immediatament per un {{ HTMLElement("tbody") }} o {{ HTMLElement("tfoot") }}.</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Un element {{ HTMLElement("table") }}. L'element {{ HTMLElement("thead") }} ha d'aparèixer després de qualsevol {{ HTMLElement("caption") }} o {{ HTMLElement("colgroup") }} encara que estiguin definits implícitament, però abans de qualsevol {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }} i {{ HTMLElement("tr") }}.</td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-thead-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-thead-element">HTML5, secció 4.9.6</a> (<a href="http://www.w3.org/TR/REC-html40/struct/tables.html#edef-THEAD" title="http://www.w3.org/TR/REC-html40/struct/tables.html#edef-THEAD">HTML4.01, secció 11.2.3</a>)</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{ htmlattrdef("align") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline("4") }}, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }}</dt>
+ <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són:
+ <ul>
+  <li><code>left</code>, alinea el contingut a l'esquerra de la cel·la</li>
+  <li><code>center</code>, centra el contingut de la cel·la</li>
+  <li><code>right</code>, alinea el contingut a la dreta de la cel·la</li>
+  <li><code>justify</code>, inserta espais en el contingut textual de manera que el contingut es justifica en la cel·la</li>
+  <li><code>char</code>, alinea el contingut textual en un caràcter especial amb una desplaçament mínim definit per els atributs {{ htmlattrxref("char", "thead") }} i {{ htmlattrxref("charoff", "thead") }} {{ unimplemented_inline("2212") }}.</li>
+ </ul>
+
+ <p>Si aquest atribut no està establert, el valor assumit és <code>left</code>.</p>
+
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard.
+
+ <ul>
+  <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{ cssxref("text-align") }}.</li>
+  <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor {{ htmlattrxref("char", "thead") }} com el valor de la propietat {{ cssxref("text-align") }} {{ unimplemented_inline() }}.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{ htmlattrdef("bgcolor") }} {{ Non-standard_inline() }}</dt>
+ <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a class="external" href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits:
+ <table style="width: 80%;">
+  <tbody>
+   <tr>
+    <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">black</span> = "#000000"</td>
+    <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">green</span> = "#008000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">silver</span> = "#C0C0C0"</td>
+    <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">lime</span> = "#00FF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">gray</span> = "#808080"</td>
+    <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">olive</span> = "#808000"</td>
+   </tr>
+   <tr>
+    <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">white</span> = "#FFFFFF"</td>
+    <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">yellow</span> = "#FFFF00"</td>
+   </tr>
+   <tr>
+    <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">maroon</span> = "#800000"</td>
+    <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">navy</span> = "#000080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">red</span> = "#FF0000"</td>
+    <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">blue</span> = "#0000FF"</td>
+   </tr>
+   <tr>
+    <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">purple</span> = "#800080"</td>
+    <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">teal</span> = "#008080"</td>
+   </tr>
+   <tr>
+    <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">fuchsia</span> = "#FF00FF"</td>
+    <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td>
+    <td><span style="font-family: courier new;">aqua</span> = "#00FFFF"</td>
+   </tr>
+  </tbody>
+ </table>
+
+ <div class="note"><strong>Nota d'ùs: </strong> No utilitzeu aquest atribut, ja que no és estàndard i només s'implementa en algunes versions de Microsoft Internet Explorer: l'element {{ HTMLElement("thead") }} se li ha de donar estil amb <a href="/en/CSS" title="en/CSS">CSS</a>. Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="/en/CSS" title="en/CSS">CSS</a> {{ cssxref("background-color") }}, en els elements pertinents {{ HTMLElement("td") }} o {{ HTMLElement("th") }}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{ htmlattrdef("char") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline("4") }}, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }}</dt>
+ <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els nombres o valors monetaris. Si {{ htmlattrxref("align", "tr") }} no està establert a <code>char</code>, aquest atribut s'ignora.
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{ htmlattrxref("char", "thead") }}, en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{ htmlattrxref("char", "thead") }} com el valor de la propietat {{ cssxref("text-align") }} {{ unimplemented_inline() }}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{ htmlattrdef("charoff") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline("4") }}, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }}</dt>
+ <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <strong>char</strong>.
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{ htmlattrdef("valign") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline("4") }}, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }}</dt>
+ <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són:
+ <ul>
+  <li><span style="font-family: courier new;">baseline</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span></li>
+  <li><span style="font-family: courier new;">bottom</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li>
+  <li><span style="font-family: courier new;">middle</span>, centra el text en la cel·la;</li>
+  <li><span style="font-family: courier new;">top</span>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li>
+ </ul>
+
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard: en el seu lloc aplicar la propietat CSS {{ cssxref("vertical-align") }}.</div>
+ </dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en/docs/Web/API/HTMLTableSectionElement" title="en/DOM/HTMLTableSectionElement">HTMLTableSectionElement</a></code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Veure {{ HTMLElement("table") }} per exemples de <code> &lt;thead&gt;</code>.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<div>
+
+
+<p>{{Compat("html.elements.thead")}}</p>
+</div>
+
+<p> </p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements HTML relacionats amb taules: {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }};</li>
+ <li>Propietats CSS i pseudo-classes que poden ser especialment útils per a l'estil de l'element <span style="font-family: courier new;">&lt;thead&gt;</span>:
+  <ul>
+   <li>la pseudo-classe {{ cssxref(":nth-child") }} per ajustar l'alineació de les cel·les de la columna;</li>
+   <li>la propietat {{ cssxref("text-align") }} per alinear el contingut de totes les cel·les en el mateix caràcter, com '.'. &lt;</li>
+  </ul>
+ </li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/time/index.html b/files/ca/web/html/element/time/index.html
new file mode 100644
index 0000000000..e61443dbf1
--- /dev/null
+++ b/files/ca/web/html/element/time/index.html
@@ -0,0 +1,167 @@
+---
+title: <time>
+slug: Web/HTML/Element/time
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - HTML5
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/time
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<strong>element HTML <code>&lt;time&gt;</code></strong> representa un temps en un rellotge de 24 hores o una data precisa en el calendari gregorià (amb informació opcional sobre el temps i la zona horària).</p>
+
+<p>Aquest element està destinat a ser utilitzat per la presentació de dates i hores en un format llegible per la màquina. Això pot ser útil per als agents d'usuari que ofereixen qualsevol programació d'esdeveniments per al calendari de l'usuari. </p>
+
+<div class="note"><strong>Nota d'ùs: </strong>Aquest element no és adequat per als casos en què una data en concret no es pot calcular, ni ha de ser usat per a dates anteriors a la introducció del calendari gregorià (a causa de complicacions amb el càlcul d'aquestes dates).</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de continguts</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Contingut textual</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>Cap; Tant l'etiqueta d'inici com la final son obligatòries.</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLTimeElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Igual que tots els altres elements HTML, aquest element suporta els <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("datetime")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>indica l'hora</span> <span>i</span> <span>la data</span> <span>de l'element i</span> <span>ha de ser una</span> <span>data</span> <span>vàlida</span> <span>amb una cadena</span> <span>de temps</span> <span>opcional</span><span>.</span> <span>Si el valor</span> <span>no</span> <span>es</span> <span>pot</span> <span>analitzar</span> <span>com una</span> <span>data</span> <span>amb una cadena</span> <span>de temps</span> <span>opcional</span><span>, l'element</span> <span>no té una</span> <span>marca de temps</span> <span>associada.</span></span></dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Simple_example" name="Simple_example">Exemple senzill</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;p&gt;The concert starts at &lt;time&gt;20:00&lt;/time&gt;.&lt;/p&gt;
+</pre>
+
+<h4 id="Sortida">Sortida</h4>
+
+<p>{{ EmbedLiveSample('Simple_example', 250, 60) }}</p>
+
+<h3 id="Datetime_example" name="Datetime_example">exemple datetime</h3>
+
+<h4 id="HTML_2">HTML</h4>
+
+<pre class="brush: html">&lt;p&gt;The concert took place on &lt;time datetime="2001-05-15T19:00"&gt;May 15&lt;/time&gt;.&lt;/p&gt;
+</pre>
+
+<h4 id="Sortida_2">Sortida</h4>
+
+<p>{{ EmbedLiveSample('Datetime_example', 250, 60) }}</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#the-time-element', '&lt;time&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', 'grouping-content.html#the-time-element', '&lt;time&gt;')}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Sense canvis des de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-time-element', '&lt;time&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Definició inical.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>33.0</td>
+   <td>{{CompatGeckoDesktop("22.0")}}</td>
+   <td>9.0</td>
+   <td>22.0</td>
+   <td>7.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>2.1</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("22.0")}}</td>
+   <td>10.0</td>
+   <td>11.50<br>
+    Removed in 15.0</td>
+   <td>4.0-4.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>L'element {{HTMLElement("data")}}, permet senyalar altre classe de valors.</li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/tr/index.html b/files/ca/web/html/element/tr/index.html
new file mode 100644
index 0000000000..c1e6605ad6
--- /dev/null
+++ b/files/ca/web/html/element/tr/index.html
@@ -0,0 +1,228 @@
+---
+title: <tr>
+slug: Web/HTML/Element/tr
+tags:
+  - Element
+  - HTML
+  - HTML tabular data
+  - Reference
+  - Tables
+  - Web
+translation_of: Web/HTML/Element/tr
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>element HTML fila de taula</em> <code>&lt;tr&gt;</code> defineix una fila de cel·les d'una taula. Aquests poden ser una barreja de l'elements.{{HTMLElement("td")}} i {{HTMLElement("th")}}.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content categories">Categories de contingut</a></td>
+   <td>Cap</td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Zero o més elements {{HTMLElement("td")}} o {{HTMLElement("th")}}, <span class="short_text" id="result_box" lang="ca"><span>o una barreja</span> <span>d'ells</span></span>.</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>L'etiqueta d'inici és obligatòria. L'etiqueta final es pot ometre si l'element {{HTMLElement ("tr")}} és seguit immediatament per un element {{HTMLElement ("tr")}}, o si els elements del grup de taula pare ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}} o {{HTMLElement("tfoot")}}) no tenen més contingut.</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Elements {{HTMLElement("table")}}, {{HTMLElement("thead")}}, {{HTMLElement("tbody")}} o {{HTMLElement("tfoot")}}</td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a class="external" href="http://www.whatwg.org/html/#the-tr-element">HTML, "El element <code>tr</code>"</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs global</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{htmlattrdef("align")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
+ <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són:
+ <ul>
+  <li><code>left</code>, alinea el contingut a l'esquerra de la cel·les</li>
+  <li><code>center</code>, centra el contingut de la cel·les</li>
+  <li><code>right</code>, alinea el contingut a la dreta de la cel·les</li>
+  <li><code>justify</code>, inserta espais en el contingut textual de manera que el contingut es justifica en les cel·les</li>
+  <li><code>char</code>, alinea el contingut textual en un caràcter especial amb una desplaçament mínim definit per els atributs {{htmlattrxref("char", "tr")}} {{htmlattrxref("charoff", "tr")}} {{unimplemented_inline("2212")}}</li>
+ </ul>
+
+ <p><span id="result_box" lang="ca"><span>Si aquest</span> <span>atribut</span> <span>no està</span> <span>establert,</span> <span>s'hereta</span> <span>el valor del</span> <span>node</span> <span>pare</span></span>.</p>
+
+ <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard.
+
+ <ul>
+  <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{cssxref("text-align")}}.</li>
+  <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor de {{htmlattrxref("char", "tr")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</li>
+ </ul>
+ </div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("bgcolor")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>defineix</span> <span>el color de fons</span> <span>de cada cel·la</span> <span>de la fila.</span> <span>Pot ser</span> <span>un </span></span><a href="/en-US/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="CSS/color value#HTML.2fSVG.2fX11.c2.a0 Color Keywords">codi #RRGGBB</a> o una <a href="/#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="#HTML.2fSVG.2fX11.c2.a0 Color Keywords">paraula clau color SVG</a>.
+ <div class="note"><strong>Nota d'ùs: </strong>l'element {{HTMLElement("tr")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en-US/docs/CSS" title="CSS">CSS</a> . Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="https://developer.mozilla.org/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref ("background-color")}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("char")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
+ <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris. Si {{htmlattrxref("align", "tr")}} no està establert a <code>char</code>, aquest atribut s'ignora
+ <div class="note"><strong>Nota: </strong> <strong> </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{htmlattrxref("char", "tr")}}, en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "tr")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("charoff")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
+ <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <code>char</code>.
+ <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("valign")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt>
+ <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són:
+ <ul>
+  <li><code>baseline</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a class="external" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29" title="http://en.wikipedia.org/wiki/Baseline_(typography)">línia de base (baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span>.</li>
+  <li><code>bottom</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li>
+  <li><code>middle</code>, centra el text en la cel·la;</li>
+  <li>i <code>top</code>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li>
+ </ul>
+
+ <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard: en el seu lloc aplicar la propietat CSS  {{cssxref("vertical-align")}}.</div>
+ </dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref("HTMLTableRowElement")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Veure {{HTMLElement("table")}} per exemples de <code>&lt;tr&gt;</code>.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>1.0</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>1.0</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>align/valign</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>char/charoff</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Veure {{bug(915)}}.</p>
+
+<p>[2] Veure {{bug(2212)}}.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements HTML relacionats amb taules: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}};</li>
+ <li>Propietats CSS i pseudo-classes que poden ser especialment útils per a l'estil de l'element <code>&lt;tr&gt;</code>:
+  <ul>
+   <li>la pseudo-classe {{cssxref(":nth-child")}} per ajustar l'alineació de les cel·les de la columna;</li>
+   <li>la propietat {{cssxref("text-align")}} per alinear el contingut de totes les cel·les en el mateix caràcter, com '.'.&lt;</li>
+  </ul>
+ </li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/track/index.html b/files/ca/web/html/element/track/index.html
new file mode 100644
index 0000000000..024b2cbe3b
--- /dev/null
+++ b/files/ca/web/html/element/track/index.html
@@ -0,0 +1,233 @@
+---
+title: <track>
+slug: Web/HTML/Element/track
+tags:
+  - Element
+  - HTML
+  - HTML embedded content
+  - HTML5
+  - Multimedia
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/track
+---
+<p>L'<strong>element HTML <code>&lt;track&gt;</code></strong> s'utilitza com un fill dels elements de mitjans - {{HTMLElement("audio")}} i {{HTMLElement("video")}}. Se li permet especificar pistes de text temporitzat (o dades basades en el temps), per exemple per gestionar automàticament els subtítols. Les pistes estan formatades en format WebVTT (arxius .vtt) - Web Video Text Tracks.</p>
+
+<p>El tipus de dades que track afegeix al mitjà s'estableix en l'atribut Kind, que pot prendre els valors de <code>subtitles</code>, <code>captions</code>, <code>descriptions</code>, <code>chapters</code> o <code>metadata</code>. L'element apunta a un arxiu d'origen que conté text temporitzat que l'explorador exposa quan l'usuari sol·licita dades addicionals.</p>
+
+<p>Un element de mitjans no pot tenir més d'un <code>track</code> amb el mateix <code>kind</code>, <code>srclang</code> i <code>label</code>.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td>Categories de contingut</td>
+   <td>Cap</td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Cap, es un {{Glossary("empty element")}}.</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td><span id="result_box" lang="ca"><span>Ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>l'etiqueta</span> <span>d'inici</span> <span>ha d'estar present</span> <span>i</span> <span>l'etiqueta</span> <span>final</span> <span>no ha d'estar</span> <span>present.</span></span></td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Un element de mitjans, abans de qualsevol <a href="/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a class="external" href="http://dev.w3.org/html5/spec/Overview.html#the-track-element" rel="external nofollow">HTML5, secció 4.8.9</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("default")}}</dt>
+ <dd>Aquest atribut indica que la pista ha d'estar habilitada llevat que les preferències de l'usuari indiquin que una altra pista és més apropiada. Això només es pot utilitzar en un element track per cada element de mitjans.</dd>
+ <dt>{{htmlattrdef("kind")}}</dt>
+ <dd>Com s'utilitza la pista (track) de text. Si s'omet kind, per defecte és <code>subtitles</code>. Si l'atribut no està present, s'utilitzen els <code>subtitles</code>. Si l'atribut conté un valor no vàlid, s'utilitzarà metadata. (Les versions de Chrome anterios a la 52 tracta un valor no vàlid com <code>subtitles</code>.) Es permeten les següents paraules clau:
+ <ul>
+  <li><code>subtitles</code>
+   <ul>
+    <li>Subtitles proporciona traducció dels continguts que no poden ser entesos per l'espectador. Per exemple el diàleg o text que no és l'anglès en un pel·lícula de parla anglès.</li>
+    <li>Els subtítols poden incloure contingut addicional, en general informació de fons addicional. Per exemple el text en el començament de les pel·lícules de Star Wars, o la data, hora i lloc de l'escena.</li>
+   </ul>
+  </li>
+  <li><code>captions</code>
+   <ul>
+    <li>Subtítols que proporcionen una transcripció i possiblement una traducció d'àudio.</li>
+    <li>Pot incloure informació no verbal important, com ara pistes de música o efectes de so. Es pot indicar la font de la senyal (per exemple, música, text, caràcter).</li>
+    <li>Adequat per a usuaris sords o quan el so és silenciat.</li>
+   </ul>
+  </li>
+  <li><code>descriptions</code>
+   <ul>
+    <li>Descripció textual del contingut del vídeo.</li>
+    <li>Adequat per als usuaris que són cecs o que el vídeo no es pot veure.</li>
+   </ul>
+  </li>
+  <li><code>chapters</code>
+   <ul>
+    <li>Títols dels capítols que estan destinats a ser utilitzats quan l'usuari està navegant per el recurs dels mitjans.</li>
+   </ul>
+  </li>
+  <li><code>metadata</code>
+   <ul>
+    <li><span id="result_box" lang="ca"><span>Pistes</span> <span>utilitzades pels</span> <span>scripts.</span> <span>No</span> <span>visible per a l'</span><span>usuari.</span></span></li>
+   </ul>
+  </li>
+ </ul>
+ </dd>
+ <dt>{{htmlattrdef("label")}}</dt>
+ <dd>Un títol llegible per l'usuari de la pista de text que és utilitzada pel navegador quan s'enumeren les pistes de text disponibles.</dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Direcció</span> <span>de la pista</span> <span>(</span><span>arxiu</span> <code><span>.vtt</span></code><span>)</span><span>.</span> <span>Ha de ser</span> <span>un URL vàlid</span><span>.</span> <span>Aquest</span> <span>atribut</span> <span>s'ha de definir</span><span>.</span></span></dd>
+ <dt>{{htmlattrdef("srclang")}}</dt>
+ <dd>Idioma de les dades de text de la pista. Ha de ser una etiqueta d'idioma <a href="http://people.w3.org/rishida/utils/subtags/">BCP 47</a> vàlida. Si s'estableix l'atribut <code>kind</code> en els <code>subtitles</code>, llavors <code>srclang</code> ha de ser definit.</dd>
+</dl>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref("HTMLTrackElement")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;video controls <span class="highATT">poster=</span><span class="highVAL">"/images/sample.gif"</span>&gt;
+<span class="highLT">   &lt;</span><span class="highELE">source</span> <span class="highATT">src=</span><span class="highVAL">"sample.mp4"</span> <span class="highATT">type=</span><span class="highVAL">"video/mp4"</span><span class="highGT">&gt;</span>
+   &lt;source src="sample.ogv" type="video/ogv"&gt;
+   &lt;track kind="captions" src="sampleCaptions.vtt" srclang="en"&gt;
+   &lt;track kind="descriptions" src="sampleDescriptions.vtt" srclang="en"&gt;
+   &lt;track kind="chapters" src="sampleChapters.vtt" srclang="en"&gt;
+   &lt;track kind="subtitles" src="sampleSubtitles_de.vtt" srclang="de"&gt;
+   &lt;track kind="subtitles" src="sampleSubtitles_en.vtt" srclang="en"&gt;
+   &lt;track kind="subtitles" src="sampleSubtitles_ja.vtt" srclang="ja"&gt;
+   &lt;track kind="subtitles" src="sampleSubtitles_oz.vtt" srclang="oz"&gt;
+   &lt;track kind="metadata" src="keyStage1.vtt" srclang="en" label="Key Stage 1"&gt;
+   &lt;track kind="metadata" src="keyStage2.vtt" srclang="en" label="Key Stage 2"&gt;
+   &lt;track kind="metadata" src="keyStage3.vtt" srclang="en" label="Key Stage 3"&gt;
+   &lt;!-- Fallback --&gt;
+   ...
+&lt;/video&gt;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("HTML5 W3C", "embedded-content-0.html#the-track-element", "&lt;track&gt;")}}</td>
+   <td>{{Spec2("HTML5 W3C")}}</td>
+   <td>Definció incial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>23</td>
+   <td>{{CompatGeckoDesktop(24)}}<sup>[2]</sup></td>
+   <td>10</td>
+   <td>12.10</td>
+   <td>6</td>
+  </tr>
+  <tr>
+   <td>atribut <code>src</code> ajustable</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop(50)}}<sup>[3]</sup></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Valor</span> </span><strong>kind </strong><span class="short_text" lang="ca"><span>no vàlid</span> <span>com</span> </span><code>metadata</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>25<sup>[1]</sup></td>
+   <td>{{CompatGeckoMobile(24)}}<sup>[2]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>src</code> ajustable</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile(50)}}<sup>[3]</sup></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><span class="short_text" id="result_box" lang="ca"><span>Valor</span> </span><strong>kind </strong><span class="short_text" lang="ca"><span>no vàlid</span> <span>com</span> </span><code>metadata</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1]En Chrome per Android, l'element <code>&lt;track&gt;</code> encara no funciona per vídeo a pantalla completa .</p>
+
+<p>[2] L'element <code>&lt;track&gt;</code>, la interfície {{domxref("HTMLTrackElement")}}, i les API associades es van dur a terme en Firefox 24 darrere de la preferència {{pref("media.webvtt.enabled")}}, està desactivat per defecte . Per habilitar el suport WebVTT, establir aquesta preferència en <code>true</code>. WebVTT està activat per defecte a partir del Firefox 31 i es pot desactivar establint la preferència a <code>false</code>.</p>
+
+<p>[3] Fins a Firefox 50, l'atribut {{htmlattrxref ("src")}}  és configurable, però el canvi no aconsegueix manejar-ho adequadament. A partir de Firefox 50, les dades de pista existents s'eliminen correctament, les noves dades de pista es carreguen i es posen en execució, i així successivament.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/HTML/WebVTT">Format de la pista de text WebVTT</a></li>
+</ul>
+
+<p>{{HTMLRef}}</p>
diff --git a/files/ca/web/html/element/tt/index.html b/files/ca/web/html/element/tt/index.html
new file mode 100644
index 0000000000..d4dc66637a
--- /dev/null
+++ b/files/ca/web/html/element/tt/index.html
@@ -0,0 +1,58 @@
+---
+title: <tt>
+slug: Web/HTML/Element/tt
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/tt
+---
+<div>{{ obsolete_header() }}</div>
+
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'element HTML de text teletip (<code>&lt;tt&gt;</code>) produeix un element en línia que es mostra amb la font monotip predeterminada del navegador. Aquest element tenia la intenció de donar un estil de text com es mostrar en una pantalla d'amplada fixa, tal com un teletip. Probablement és més comú mostrar el tipus d'amplada fixa utilitzant l'element {{ HTMLElement("code") }}.</p>
+
+<div class="note">Aquest element és obsolet. Utilitzeu un element més apropiat, com {{ HTMLElement("code") }} o {{ HTMLElement("span") }} amb CSS, al seu lloc.</div>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element no té altres atributs que els <a href="/en-US/docs/Web/HTML/global_attributes" title="HTML/global attributes">atributs globals</a>, comuns a tots els elements.</p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref('HTMLElement')}}.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície {{domxref('HTMLSpanElement')}} per a aquest element.</p>
+</div>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush:html">&lt;p&gt;Enter the following at the telnet command prompt: &lt;code&gt;set localecho&lt;/code&gt;&lt;br /&gt;
+
+The telnet client should display: &lt;tt&gt;Local Echo is on&lt;/tt&gt;&lt;/p&gt;
+</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>Enter the following at the telnet command prompt: <code>set localecho</code><br>
+ The telnet client should display: <code>Local Echo is on</code></p>
+
+<h2 id="Notes" name="Notes">Notes</h2>
+
+<ul>
+ <li>Una regla CSS es pot definir per al selector <code>tt</code> per anul·lar la font per defecte del navegador. Les preferències establertes per l'usuari poden tenir prioritat sobre la CSS especificada.</li>
+ <li>Encara que aquest element no està desaprovat en l'especificació HTML 4.01, evitar el seu ús en favor de les fulles d'estil.</li>
+</ul>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>{{ HTMLElement("code") }}</li>
+ <li>Especificació HTML 4.01 : <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li>
+</ul>
+
+<div>{{ HTMLRef }}</div>
diff --git a/files/ca/web/html/element/u/index.html b/files/ca/web/html/element/u/index.html
new file mode 100644
index 0000000000..bbf2de67a2
--- /dev/null
+++ b/files/ca/web/html/element/u/index.html
@@ -0,0 +1,99 @@
+---
+title: <u>
+slug: Web/HTML/Element/u
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/u
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'<em>Element HTML Subratllat</em> (<code>&lt;u&gt;</code>) representa el text amb un subratllat, una línia sota la línia de base del seu contingut.</p>
+
+<p>En HTML5, aquest element representa un fragment de text no estructurat, encara que explícitament representat com una anotació no textual, alguna cosa així com etiquetar el text com un nom propi en el text xinès (una marca de nom propi xinès), o etiquetar el text com mal escrit.</p>
+
+<div class="note"><strong>Nota d'ùs: </strong>Igual que amb tots els elements purament d'estil, {{ HTMLElement("u") }} ha estat desaprovat en HTML 4 i XHTML 1, però s'ha tornat a introduir en HTML5 amb altres semàntiques. Si voleu subratllar el text d'una manera no-semàntica, s'ha d'utilitzar un element {{ HTMLElement("span") }}, o un altre element semànticament apropiat, i l'estil, amb la propietat <a href="/en/CSS" title="en/CSS">CSS</a> {{ cssxref("text-decoration") }} amb el valor <span style="font-family: courier new;">underline</span>.</div>
+
+<h2 id="Context_d'Ùs">Context d'Ùs</h2>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">contingut textual</a>, contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Contingut textual</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">contingut textual</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclos, Firefox implementa la interfície {{domxref("HTMLSpanElement")}} per aquest element.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Notes_i_Consells"><span class="short_text" id="result_box" lang="ca"><span>Notes</span> <span>i</span> </span> Consells</h2>
+
+<p style="line-height: 21px;"><strong>Consell:</strong> Evitar l'ús de l'element {{ HTMLElement("u") }} que podria ser confós per un enllaç.</p>
+
+<div class="note">
+<p><span style="line-height: 21px;"><strong>Nota:</strong> </span>L'especificació HTML 5 recorda als desenvolupadors que hi ha altres elements més apropiats que {{ HTMLElement("u") }}.</p>
+</div>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p>
+
+<div class="note"><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície {{ domxref("HTMLSpanElement") }} per aquest element.</div>
+
+<h2 id="Exemple">Exemple</h2>
+
+<div class="note">
+<p>Els següents exemples són de l'elements que es poden utilitzar en lloc de {{ HTMLElement("u") }}.</p>
+</div>
+
+<pre class="brush: html">&lt;u&gt;Today's Special&lt;/u&gt;: Salmon&lt;br /&gt;
+&lt;span style="text-decoration:underline;"&gt;Today's Special&lt;/span&gt;: Salmon
+&lt;!-- Here &lt;span&gt; is used as the underlining is purely decorative and it is applied with CSS --&gt;
+</pre>
+
+<p><u>Today's Special</u>: Salmon</p>
+
+<p><u>Today's Special</u>: Salmon</p>
+
+<pre class="brush: html">&lt;p&gt;&lt;u&gt;All&lt;/u&gt; of that is explained in &lt;u&gt;Dive into Python&lt;/u&gt;&lt;/p&gt;
+&lt;p&gt;&lt;em&gt;All&lt;/em&gt; of that is explained in &lt;i&gt;Dive into Python&lt;/i&gt;&lt;/p&gt;
+&lt;!-- Here the "All" is marked as stressed, using &lt;em&gt;, while "Dive into Python" is marked as a name using &lt;i&gt; --&gt; </pre>
+
+<p><u>All</u> of that is explained in <u>Dive into Python</u>.</p>
+
+<p><em>All</em> of that is explained in<em> Dive into Python</em>.</p>
+
+<p>A causa de que l'estil per defecte de {{ HTMLElement("em") }} i {{ HTMLElement("i") }} es mostra en cursiva, no obstant això es pot utilitzar CSS per donar estil aquest elements que tinguin un estil de font normal i subratllat.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Els elements {{ HTMLElement("span") }}, {{ HTMLElement("i") }}, {{ HTMLElement("em") }} i {{ HTMLElement("cite") }} <span id="result_box" lang="ca"><span>són</span><span>, segons el cas</span><span>, per a ser</span> <span>utilitzat</span> <span>al seu lloc.</span></span></li>
+ <li>La propietat CSS {{ cssxref("text-decoration") }} <span id="result_box" lang="ca"><span>es va a</span> <span>utilitzar</span> <span>per aconseguir el primer</span> <span>aspecte visual</span> <span>de</span></span> l'element {{ HTMLElement("u") }} .</li>
+</ul>
+
+<p>{{ languages({"ja":"ja/HTML/Element/u","en":"en/HTML/Element/u"}) }}</p>
+
+<div>{{ HTMLRef }}</div>
diff --git a/files/ca/web/html/element/ul/index.html b/files/ca/web/html/element/ul/index.html
new file mode 100644
index 0000000000..d05eef98c9
--- /dev/null
+++ b/files/ca/web/html/element/ul/index.html
@@ -0,0 +1,181 @@
+---
+title: <ul>
+slug: Web/HTML/Element/ul
+tags:
+  - Element
+  - HTML
+  - HTML grouping content
+  - Reference
+translation_of: Web/HTML/Element/ul
+---
+<p>L'<strong>element HTML</strong> (<em>llista desordenada</em>) <strong><code>&lt;ul&gt;</code></strong>  representa una llista desordenada d'elements, és a dir, un recull d'elements que no tenen un ordre numèric, i el seu ordre a la llista no té sentit. En general, els elements d'una llista desordenada es mostren amb una vinyeta, que pot ser de diverses formes, com un punt, un cercle o un quadrat. L'estil de la vinyeta no està definit en la descripció HTML de la pàgina, sinó en la seva CSS associada, mitjançant la propietat {{ cssxref("list-style-type") }}.</p>
+
+<p>No hi ha limitació en la profunditat i l'alternança de les llistes niades definides amb els elements {{ HTMLElement("ol") }} i {{ HTMLElement("ul") }}.</p>
+
+<div class="note"><strong>Nota d'ùs: </strong> Els elements {{ HTMLElement("ol") }} i {{ HTMLElement("ul") }} ambdós representen una llista d'elements. Es diferencien en que, amb l'element {{HTMLElement ("ol")}}, l'ordre és significatiu. Com a regla general per determinar quin d'ells utilitzar, tracteu de canviar l'ordre dels elements de la llista; si canvia el significat teniu que utilitzar l'element {{ HTMLElement("ol") }}, en cas contrari podeu usar {{ HTMLElement("ul") }}.</div>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Categories de contingut</a></td>
+   <td><a href="/en/HTML/Content_categories#flow_content" title="en/HTML/Content categories#Flow content">Contingut dinàmic</a></td>
+  </tr>
+  <tr>
+   <td>Contingut permès</td>
+   <td>zero o més elements {{ HTMLElement("li") }}, <span id="result_box" lang="ca"><span>que al seu torn</span> <span>contenen sovint</span> <span>niats</span></span> elements {{ HTMLElement("ol") }} o {{ HTMLElement("ul") }}.</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>cap, tant l'etiqueta inicial com l'etiqueta final són obligatories</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Qualsevol element que accepti contingut dinàmic</td>
+  </tr>
+  <tr>
+   <td>Interfície DOM</td>
+   <td>{{domxref("HTMLUListElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<dl>
+</dl>
+
+<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<dl>
+ <dt>{{ htmlattrdef("compact") }}{{ Deprecated_inline() }}</dt>
+ <dd>Aquest atribut booleà dona entendre que la llista hauria de representar-se en un estil compacte. La interpretació d'aquest atribut depèn de l'agent d'usuari i no funciona en tots els navegadors.
+ <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que ha quedat en desús: l'element {{ HTMLElement("ul") }} s'ha de donar estil amb <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> . Per donar un efecte similar com l'atribut <code>compact</code>, la propietat <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> <a href="https://developer.mozilla.org/en/CSS/line-height" title="en/CSS/line-height">line-height</a> es pot utilitzar amb un valor del 80%.</div>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{ htmlattrdef("type") }}{{ Deprecated_inline() }}</dt>
+ <dd>S'utilitza per definir l'estil de vinyeta de la llista. Els valors definits en <a href="/en/HTML3.2" title="en/HTML3.2">HTML3.2</a> i la versió de transició d'<a href="/en/HTML4.01" title="en/HTML4.01">HTML 4.0/4.01</a> són<span style="font-family: monospace;">:</span>
+ <ul>
+  <li><code>circle</code>,</li>
+  <li><code>disc</code>,</li>
+  <li>and <code>square</code>.</li>
+ </ul>
+
+ <p>Un quart tipus de vinyeta s'ha definit en la interfície WebTV, però no tots els navegadors el suporten: <code>triangle.</code></p>
+
+ <p>Si no està present i no s'aplica la propietat CSS {{ cssxref("list-style-type") }} a l'element, l'agent d'usuari pot decidir utilitzar un tipus de vinyetes depenent del nivell d'anidament de la llista.</p>
+
+ <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que ha quedat desaprovat; utilitzeu la  propietat CSS {{ cssxref("list-style-type") }} en el seu lloc.</div>
+ </dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_senzill">Exemple senzill</h3>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;first item&lt;/li&gt;
+  &lt;li&gt;second item&lt;/li&gt;
+  &lt;li&gt;third item&lt;/li&gt;
+&lt;/ul&gt;
+</pre>
+
+<p>Sortida de l'anterior HTML:</p>
+
+<ul>
+ <li>first item</li>
+ <li>second item</li>
+ <li>third item</li>
+</ul>
+
+<h3 id="Llistes_niades">Llistes niades</h3>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;first item&lt;/li&gt;
+  &lt;li&gt;second item      &lt;!-- Look, the closing &lt;/li&gt; tag is not placed here! --&gt;
+    &lt;ul&gt;
+      &lt;li&gt;second item first subitem&lt;/li&gt;
+      &lt;li&gt;second item second subitem      &lt;!-- Same for the second nested unordered list! --&gt;
+        &lt;ul&gt;
+          &lt;li&gt;second item second subitem first sub-subitem&lt;/li&gt;
+          &lt;li&gt;second item second subitem second sub-subitem&lt;/li&gt;
+          &lt;li&gt;second item second subitem third sub-subitem&lt;/li&gt;
+        &lt;/ul&gt;
+      &lt;/li&gt;           &lt;!-- Closing &lt;/li&gt; tag for the li that contains the third unordered list --&gt;
+      &lt;li&gt;second item third subitem&lt;/li&gt;
+    &lt;/ul&gt;
+  &lt;/li&gt;               &lt;!-- Here is the closing &lt;/li&gt; tag --&gt;
+  &lt;li&gt;third item&lt;/li&gt;
+&lt;/ul&gt;</pre>
+
+<p>Sortida de l'anterior HTML:</p>
+
+<ul>
+ <li>first item</li>
+ <li>second item
+  <ul>
+   <li>second item first subitem</li>
+   <li>second item second subitem
+    <ul style="">
+     <li>second item second subitem first sub-subitem</li>
+     <li>second item second subitem second sub-subitem</li>
+     <li>second item second subitem third sub-subitem</li>
+    </ul>
+   </li>
+
+   <li>second item third subitem</li>
+  </ul>
+ </li>
+
+ <li>third item</li>
+</ul>
+
+<h3 id="Niar_&lt;ul>_i_&lt;ol>">Niar &lt;ul&gt; i &lt;ol&gt;</h3>
+
+<pre class="brush: html">&lt;ul&gt;
+  &lt;li&gt;first item&lt;/li&gt;
+  &lt;li&gt;second item      &lt;!-- Look, the closing &lt;/li&gt; tag is not placed here! --&gt;
+    &lt;ol&gt;
+      &lt;li&gt;second item first subitem&lt;/li&gt;
+      &lt;li&gt;second item second subitem&lt;/li&gt;
+      &lt;li&gt;second item third subitem&lt;/li&gt;
+    &lt;/ol&gt;
+  &lt;/li&gt;                &lt;!-- Here is the closing &lt;/li&gt; tag --&gt;
+  &lt;li&gt;third item&lt;/li&gt;
+&lt;/ul&gt;
+</pre>
+
+<p>Sortida de l'anterior HTML:</p>
+
+<ul>
+ <li>first item</li>
+ <li>second item
+  <ol>
+   <li>second item first subitem</li>
+   <li>second item second subitem</li>
+   <li>second item third subitem</li>
+  </ol>
+ </li>
+ <li>third item</li>
+</ul>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Altres elements HTML relacionats amb llistes: {{ HTMLElement("ol") }}, {{ HTMLElement("li") }}, {{ HTMLElement("menu") }} i el obsolet {{ HTMLElement("dir") }};</li>
+ <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per a l'estil</span> <span>de l'element</span> <span>&lt;</span><span>ul</span><span>&gt;</span><span>:</span></span>
+  <ul>
+   <li>la propietat <a href="/en/CSS/list-style" title="en/CSS/list-style">list-style</a>, útil per triar la forma en què es mostra l'ordinal,</li>
+   <li><a href="/en/CSS_Counters" title="en/CSS_Counters">CSS counters</a>, <span id="result_box" lang="ca"><span>útil per</span> <span>gestionar</span> <span>llistes</span> <span>niades</span> <span>complexes,</span></span></li>
+   <li>la propietat <a href="/en/CSS/line-height" title="en/CSS/line-height">line-height</a>, <span id="result_box" lang="ca"><span>útil</span> <span>per simular</span> l'atribut obsolet </span>{{ htmlattrxref("compact", "ul") }},</li>
+   <li>la propietat <a href="/en/CSS/margin" title="en/CSS/margin">margin</a>, <span id="result_box" lang="ca"><span>útil</span> <span>per controlar</span> la </span> sagnia <span lang="ca"><span> de la</span> <span>llista</span></span>.</li>
+  </ul>
+ </li>
+</ul>
+
+<p>{{ languages({ "en":"en/HTML/Element/ul", "de":"de/HTML/Element/ul", "ja":"ja/HTML/Element/ul", "pl":"pl/HTML/Element/ul"}) }}</p>
+
+<p>{{ HTMLRef }}</p>
diff --git a/files/ca/web/html/element/var/index.html b/files/ca/web/html/element/var/index.html
new file mode 100644
index 0000000000..9c71f48417
--- /dev/null
+++ b/files/ca/web/html/element/var/index.html
@@ -0,0 +1,65 @@
+---
+title: <var>
+slug: Web/HTML/Element/var
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/var
+---
+<h2 id="Sumari">Sumari</h2>
+
+<p>L'Element HTML variable (<code>&lt;var&gt;</code>) representa una variable en una expressió matemàtica o un context de programació.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Contingut textual</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>Ambdos requereixen etiqueta d'inici i final.</td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>.</td>
+  </tr>
+  <tr>
+   <td>Normativa del  document</td>
+   <td><a href="http://www.whatwg.org/html/#the-var-element">HTML, El element <code>var</code>"</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/element" title="DOM/element">HTMLElement</a></code>.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per aquest element.</p>
+</div>
+
+<h2 id="Propietats_típiques_de_l'estil_per_defecte"><span class="short_text" id="result_box" lang="ca"><span>P</span><span>ropietats</span> <span>típiques</span> <span>de l'estil</span> <span>per defecte</span></span></h2>
+
+<pre class="brush:css">var {
+  font-style: italic;
+}
+</pre>
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush:html">&lt;p&gt; A simple equation: &lt;var&gt;x&lt;/var&gt; = &lt;var&gt;y&lt;/var&gt; + 2 &lt;/p&gt;
+</pre>
+
+<p>A simple equation: <var>x</var> = <var>y</var> + 2</p>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/element/video/index.html b/files/ca/web/html/element/video/index.html
new file mode 100644
index 0000000000..50633f0855
--- /dev/null
+++ b/files/ca/web/html/element/video/index.html
@@ -0,0 +1,394 @@
+---
+title: <video>
+slug: Web/HTML/Element/video
+tags:
+  - Element
+  - HTML
+  - HTML embedded content
+  - HTML5
+  - Media
+  - Multimedia
+  - NeedsMobileBrowserCompatibility
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/video
+---
+<p>{{HTMLRef}}</p>
+
+<p>L'<strong>element HTML <code>&lt;vídeo&gt;</code></strong> s'utilitza per incrustar el contingut d'un vídeo en un document. L'element video conté una o més fonts de vídeo. Per especificar una font de vídeo, utilitzeu l'atribut <code>src</code> o l'element {{HTMLElement("source")}}; el navegador escollirà el més adequat.</p>
+
+<p>Per obtenir una llista de formats compatibles, consulteu <a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">Format dels mitjans admesos pels elements audio i video</a>.</p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dnàmic</a>, contingut textual, contingut incrustat. Si té un atribut {{htmlattrxref("controls", "video")}}: contingut interactiu i contingut palpable.</td>
+  </tr>
+  <tr>
+   <th scope="row">Contingut permès</th>
+   <td>
+    <p>Si l'element té un atribut {{htmlattrxref("src", "video")}}: zero o més elements {{HTMLElement ("track")}}, seguit pel contingut transparent que no conté elements mitjà - que no són {{HTMLElement("audio")}} o {{HTMLElement("video")}}</p>
+
+    <p>Llavors: zero o més elements {{HTMLElement("source")}}, seguit de zero o més elements {{HTMLElement("track")}}, seguits pel contingut transparent que no conté elements mitjà - que no són {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</p>
+   </td>
+  </tr>
+  <tr>
+   <th scope="row">Omissió de l'etiqueta</th>
+   <td>{{no_tag_omission}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Elements pares permesos</th>
+   <td>Qualsevol element que accepti contingut incrustat.</td>
+  </tr>
+  <tr>
+   <th scope="row">Interfície DOM</th>
+   <td>{{domxref("HTMLVideoElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>és compatible</span> <span>amb</span> <span>els</span></span> <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("autoplay")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Un atribut</span> <span>booleà</span><span>;</span> <span>si</span> <span>s'especifica,</span> <span>el vídeo</span> <span>comença</span> <span>a reproduir-se</span> <span>automàticament</span> <span>tan aviat</span> <span>com pugui</span> <span>fer-ho sense</span> <span>aturar-se per</span> <span>acabar de</span> <span>carregar</span> <span>les dades.</span></span></dd>
+ <dd>
+ <pre>Note: Some versions of Chrome only acknowledge <strong><code>autostart</code></strong>, rather than <strong><code>autoplay</code></strong></pre>
+ </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("buffered")}}</dt>
+ <dd>Un atribut que pot llegir per determinar els intervals de temps dels mitjans emmagatzemats en búfer. Aquest atribut conté un objecte {{domxref ("TimeRanges")}}.</dd>
+ <dt>{{htmlattrdef("controls")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>Si aquest</span> <span>atribut</span> <span>és present, el</span> <span>navegador ofereix</span> <span>controls</span> <span>per</span> <span>permetre a l'usuari</span> <span>controlar la reproducció</span> <span>de vídeo, incloent</span> <span>el volum,</span> <span>recerca</span> <span>i pausa</span><span>/reprendre</span> <span>la reproducció.</span></span></dd>
+ <dt>{{htmlattrdef("crossorigin")}}</dt>
+ <dd>Aquest atribut enumerat indica si s'ha d'utilitzar CORS per recuperar la imatge relacionada. Recursos habilitats per CORS poden ser reutilitzats en l'element {{HTMLElement("canvas")}} sense ser contaminada. Els valors permesos són:
+ <dl>
+  <dt>anonymous</dt>
+  <dd>Envia una petició d'origen creuat sense una credencial. En altres paraules, s'envia a l'origen: capçalera HTTP sense una cookie, certificat X.509, o l'autenticació bàsica HTTP. Si el servidor no dóna credencials al lloc d'origen (si no s'estableix l'Access-Control-Allow-Origin: capçalera HTTP), la imatge quedarà contaminada i el seu ús restringit.</dd>
+  <dt>use-credentials</dt>
+  <dd>Envia una petició d'origen creuat amb una credencial. En altres paraules, s'envia a l'origen: capçalera HTTP amb una cookie, un certificat o la realització de l'autenticació bàsica HTTP. Si el servidor no dóna credencials al lloc d'origen (a través d'Access-Control-Allow-Credentials: capçalera HTTP), la imatge estarà contaminada i el seu ús restringit.</dd>
+ </dl>
+ Quan no està present, el recurs es recupera sense una sol·licitud CORS (és a dir, sense necessitat d'enviar l'Origen: capçalera HTTP), impedint la seva contaminació utilitzant elements {{HTMLElement('canvas')}}. Si no és vàlid, es maneja com si s'utilitzés la paraula clau enumerat <strong>anonymous</strong>. Veure <a href="https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes">atributs de configuració CORS</a> per obtenir informació addicional.</dd>
+ <dt>{{htmlattrdef("height")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'alçada</span> <span>de l'àrea</span> <span>de visualització</span> <span>del vídeo</span> <span>en píxels</span> <span>CSS.</span></span></dd>
+ <dt>{{htmlattrdef("loop")}}</dt>
+ <dd>Un atribut booleà; si s'especifica, en arribar al final del vídeo, tornarà automàticament de nou al inici.</dd>
+ <dt>{{htmlattrdef("muted")}}</dt>
+ <dd>Un atribut booleà que indica la configuració per defecte de l'àudio contingut en el vídeo. Si s'estableix, serà inicialment silenciat l'àudio. El seu valor per defecte és false, el que significa que l'àudio es reprodueix quan es reprodueix el vídeo.</dd>
+ <dt>{{htmlattrdef("played")}}</dt>
+ <dd>Un objecte {{domxref ("TimeRanges")}} indica totes els rangs del vídeo que s'han reproduït.</dd>
+ <dt>{{htmlattrdef("preload")}}</dt>
+ <dd>Aquest atribut enumerat està destinat a proporcionar un suggeriment al navegador sobre el que l'autor creu que li portarà a una millor experiència d'usuari. Pot tenir un dels següents valors:
+ <ul>
+  <li><code>none</code>: <span class="short_text" id="result_box" lang="ca"><span>indica</span> <span>que el vídeo</span> <span>no ha de ser</span> <span>precarregat</span><span>.</span></span></li>
+  <li><code>metadata</code>: Indica que només s'obtenen metadades de vídeo (per exemple, longitud).</li>
+  <li><code>auto</code>: indica que tot l'arxiu de vídeo pot ser descarregat, encara que no s'espera que l'usuari ho utilitzi.</li>
+  <li>el <em>empty string</em>: <span class="short_text" id="result_box" lang="ca"><span>sinònim</span> <span>del valor</span> </span><code>auto</code>.</li>
+ </ul>
+
+ <p><span id="result_box" lang="ca"><span>Si</span> <span>no s'estableix</span>, <span>el valor predeterminat</span> <span>és</span> <span>definit</span> <span>pel navegador</span> <span>(</span><span>és a dir,</span> <span>cada</span> <span>navegador pot</span> <span>tenir el seu valor</span> <span>per defecte).</span> <span>L'especificació</span> <span>informa</span> <span>que s'estableixi en</span> <span>les</span></span> <code>metadata</code>.</p>
+
+ <div class="note"><strong>Nota d'ùs:</strong>
+
+ <ul>
+  <li>L'atribut <code>autoplay</code> té prioritat sobre la precàrrega. Si s'especifica la reproducció automàtica, el navegador necessitarà òbviament començar a descarregar el video per a la seva reproducció.</li>
+  <li>L'especificació no força el navegador a seguir el valor d'aquest atribut; és un mer suggeriment.</li>
+ </ul>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("poster")}}</dt>
+ <dd>Un URL que indica un cartell a mostrar fins que l'usuari reprodueixi o busqui. Si no s'especifica aquest atribut, no es mostra res fins que el primer fotograma estigui disponible; a continuació, el primer fotograma es mostra com el cartell.</dd>
+ <dt>{{htmlattrdef("src")}}</dt>
+ <dd>La URL del vídeo a incrustar. Això és opcional; en el seu lloc podeu utilitzar l'element {{HTMLElement("source")}} dins el bloc de vídeo per especificar el vídeo al incrustar.</dd>
+ <dt>{{htmlattrdef("width")}}</dt>
+ <dd><span id="result_box" lang="ca"><span>L'amplada</span> <span>de l'àrea</span> <span>de visualització</span> <span>del vídeo</span> <span>en píxels</span> <span>CSS.</span></span></dd>
+</dl>
+
+<h2 id="Esdeveniments">Esdeveniments</h2>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>L'element</span> <code><span>&lt;</span><span>vídeo</span><span>&gt;</span></code> <span>pot disparar</span> <span>molts</span> <span>diferents</span></span> <a href="/en-US/docs/Web/Guide/Events/Media_events">esdeveniments</a>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: html">&lt;!-- Simple video example --&gt;
+&lt;video src="videofile.webm" autoplay poster="posterimage.jpg"&gt;
+  Sorry, your browser doesn't support embedded videos,
+  but don't worry, you can &lt;a href="videofile.webm"&gt;download it&lt;/a&gt;
+  and watch it with your favorite video player!
+&lt;/video&gt;
+
+&lt;!-- Video with subtitles --&gt;
+&lt;video src="foo.webm"&gt;
+  &lt;track kind="subtitles" src="foo.en.vtt" srclang="en" label="English"&gt;
+  &lt;track kind="subtitles" src="foo.sv.vtt" srclang="sv" label="Svenska"&gt;
+&lt;/video&gt;
+</pre>
+
+<p>El primer exemple reprodueix un vídeo, comença la reproducció quant s'hagi rebut prou vídeo per permetre la reproducció sense pauses per descarregar més. Fins que el vídeo comenci a reproduir-se, la imatge "posterimage.jpg" es mostra en el seu lloc.</p>
+
+<p><span id="result_box" lang="ca"><span>El segon</span> <span>exemple</span> <span>permet a l'usuari</span> <span>triar entre</span> <span>diferents</span> <span>subtítols.</span></span></p>
+
+<h2 id="Exemple_Múltiples_Fonts">Exemple <span class="short_text" id="result_box" lang="ca"><span>Múltiples </span></span><span class="short_text" lang="ca"><span>Fonts</span></span></h2>
+
+<pre class="brush: html">&lt;video width="480" controls poster="https://archive.org/download/WebmVp8Vorbis/webmvp8.gif" &gt;
+  &lt;source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.webm" type="video/webm"&gt;
+  &lt;source src="https://archive.org/download/WebmVp8Vorbis/webmvp8_512kb.mp4" type="video/mp4"&gt;
+  &lt;source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.ogv" type="video/ogg"&gt;
+  Your browser doesn't support HTML5 video tag.
+&lt;/video&gt;</pre>
+
+<p>Podeu provar l'exemple anterior en l'exemple de demostració de vídeo HTML5 amb l'editor de codi de previsualització en viu.</p>
+
+<h2 id="Suport_de_servidor">S<span class="short_text" id="result_box" lang="ca"><span>uport de servidor</span></span></h2>
+
+<p>Si el tipus MIME pel video no està configurat correctament en el servidor, el vídeo no es pot mostrar o mostrar un quadre gris que conté una X (si JavaScript està habilitat).</p>
+
+<p>Si utilitzeu el servidor web Apache per publicar vídeos Ogg Theora, podeu solucionar aquest problema mitjançant l'addició de les extensions de tipus d'arxius de vídeo a "video/ogg" tipus MIME. Les extensions de tipus d'arxiu de vídeo més comuns són ".ogm", ".ogv" o ".ogg". Per a això, editeu el fitxer "mime.types" a "/etc/ apache" o utilitzar la directiva de configuració "AddType" a httpd.conf.</p>
+
+<pre class="eval">AddType video/ogg .ogm
+AddType video/ogg .ogv
+AddType video/ogg .ogg
+</pre>
+
+<p>Si publiqueu els vostres vídeos com WebM, podeu solucionar aquest problema per al servidor web Apache afegint l'extensió utilitzada pels arxius de vídeo (".webm" és el més comú) per al tipus MIME "video/WebM" a través del arxiu "mime.types" en "/etc/ apache" o per mitjà de la directiva de configuració "AddType" en httpd.conf.</p>
+
+<pre class="eval">AddType video/webm .webm
+</pre>
+
+<p>El vostre proveïdor d'allotjament web pot proporcionar una interfície fàcil dels canvis de configuració de tipus MIME per a les noves tecnologies fins que una actualització global es produeix de forma natural.</p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <code><a href="/en-US/docs/Web/API/HTMLVideoElement">HTMLVideoElement</a></code>.</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>autoplay</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>buffered</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>controls</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>crossorigin</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("12.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>loop</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("11.0")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>muted</code></td>
+   <td>30.0</td>
+   <td>{{CompatGeckoDesktop("11.0")}}</td>
+   <td>10.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>5.0</td>
+  </tr>
+  <tr>
+   <td><code>propietat played</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("15.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>poster</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("1.9.2")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>preload</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>9.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>3.1</td>
+  </tr>
+  <tr>
+   <td>atribut <code>src</code></td>
+   <td>3.0</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>9.0</td>
+   <td>10.5</td>
+   <td>3.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>autoplay</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>8.1</td>
+   <td>{{CompatUnknown}}</td>
+   <td>10.0<sup>[1]</sup></td>
+  </tr>
+  <tr>
+   <td>atribut <code>buffered</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>controls</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>loop</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("11.0")}}</td>
+   <td>8.0</td>
+   <td>{{CompatUnknown}}</td>
+   <td>6.0</td>
+  </tr>
+  <tr>
+   <td>atribut <code>muted</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("11.0")}}</td>
+   <td>8.0</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>propietat played</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("15.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>poster</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>preload</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>src</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>atribut <code>crossorigin</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("12.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] A partir d'IOS 10, la reproducció automàtica és permissible només per als vídeos que <a href="https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html">no tenen cap so o que tenen la pista d'àudio deshabilitat.</a></p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">Formats de mitjans suportats pels elements audio i video</a></li>
+ <li>{{htmlelement("audio")}}</li>
+ <li><a href="/en-US/docs/Using_HTML5_audio_and_video">L'ùs d'HTML5 audio i video</a></li>
+ <li><a href="/en-US/docs/Manipulating_video_using_canvas">Manipulan video usant canvas</a></li>
+ <li><a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement"><code>nsIDOMHTMLMediaElement</code></a></li>
+ <li><a class="external" href="https://html.spec.whatwg.org/#the-video-element">L'element <code>video</code></a> (especificació HTML5 )</li>
+ <li><a href="/en-US/docs/Configuring_servers_for_Ogg_media">Configuració de  servidors de mitjans Ogg</a></li>
+ <li><a href="http://www.jwplayer.com/html5/">L'estat de video en HTML5</a></li>
+</ul>
diff --git a/files/ca/web/html/element/wbr/index.html b/files/ca/web/html/element/wbr/index.html
new file mode 100644
index 0000000000..c23f22dd6e
--- /dev/null
+++ b/files/ca/web/html/element/wbr/index.html
@@ -0,0 +1,112 @@
+---
+title: <wbr>
+slug: Web/HTML/Element/wbr
+tags:
+  - Element
+  - HTML
+  - HTML text-level semantics
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/wbr
+---
+<div>{{HTMLRef}}</div>
+
+<p>L'element HTML <em>oportunitat de ruptura de la paraula</em> <code>&lt;wbr&gt;</code> representa una posició dins d'un text en el qual el navegador pot trencar opcionalment una línia, malgrat les seves regles de divisió de línies, no crearien una interrupció en aquest lloc.</p>
+
+<p>En pàgines codificades UTF-8 , <code>&lt;wbr&gt;</code> es comporta com el punt de codi <code>U+200B</code> <code>ZERO-WIDTH SPACE</code>. En particular, es comporta com un punt de codi Unicode bidi BN, el que significa que no té efecte sobre bidi-ordering: <code>&lt;div dir=rtl&gt;</code>123, <code>&lt;wbr&gt;</code>456<code>&lt;/div&gt;</code> mostra, quan no està trencada en dues línies, <code>123,456</code> i no <code>456,123</code>.</p>
+
+<p>Per la mateixa raó, l'element <code>&lt;wbr&gt;</code> no introdueix un guió en el punt d'interrupció de línia. Perquè aparegui un guió només al final d'una línia, utilitzeu l'entitat de caràcter de guió tou (<code>&amp;shy;</code>).</p>
+
+<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>es va implementar</span> <span>per primera</span> <span>vegada</span> <span>a Internet</span> <span>Explorer</span> <span>5.5</span> <span>i</span> <span>es va definir</span> <span>oficialment</span> <span>en HTML5.</span></span></p>
+
+<h2 id="Context_d'ùs">Context d'ùs</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td>Contingut permès</td>
+   <td>Buit</td>
+  </tr>
+  <tr>
+   <td>Omissió de l'etiqueta</td>
+   <td>És un {{Glossary("empty element")}}; <span id="result_box" lang="ca"><span>ha de tenir una</span> <span>etiqueta</span> <span>d'inici,</span> <span>però</span> <span>no ha de tenir</span> <span>una etiqueta</span> <span>de tancament.</span></span></td>
+  </tr>
+  <tr>
+   <td>Elements pares permesos</td>
+   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">contingut textual</a>.</td>
+  </tr>
+  <tr>
+   <td>Normativa del document</td>
+   <td><a class="external" href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-wbr-element">HTML 5, secció 4.6.24</a></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Atributs">Atributs</h2>
+
+<p>Aquest element només inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs global</a>.</p>
+
+<h2 id="Interfície_DOM">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície <a href="/en-US/docs/DOM/HTMLElement">HTMLElement</a>.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p><em><a class="external" href="http://styleguide.yahoo.com/">La Guia d'Estil de Yahoo</a> </em>recomana <a class="external" href="http://styleguide.yahoo.com/editing/treat-abbreviations-capitalization-and-titles-consistently/website-names-and-addresses">trencar una adreça URL aban de la puntuació</a>, per evitar deixar un signe de puntuació al final de la línia, que el lector pugui confondre amb el final de la URL.</p>
+
+<pre class="brush: html">&lt;p&gt;http://this&lt;wbr&gt;.is&lt;wbr&gt;.a&lt;wbr&gt;.really&lt;wbr&gt;.long&lt;wbr&gt;.example&lt;wbr&gt;.com/With&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;/p&gt;
+</pre>
+
+<p>{{EmbedLiveSample("Example")}}</p>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.0</td>
+   <td>1.0</td>
+   <td>{{CompatNo}}<sup>[1]</sup></td>
+   <td>11.7</td>
+   <td>4.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>1.5</td>
+   <td>1.0</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <span id="result_box" lang="ca"><span>El suport a</span> <span>l'etiqueta</span> </span><code>&lt;wbr&gt;</code><span lang="ca"> <span>es va introduir</span> <span>a Internet</span> <span>Explorer</span> <span>5.5,</span> <span>encara que</span> <span>és va retira</span> <span>de nou en la</span> <span>versió 7</span><span>.</span></span></p>
diff --git a/files/ca/web/html/element/xmp/index.html b/files/ca/web/html/element/xmp/index.html
new file mode 100644
index 0000000000..0135b49522
--- /dev/null
+++ b/files/ca/web/html/element/xmp/index.html
@@ -0,0 +1,46 @@
+---
+title: <xmp>
+slug: Web/HTML/Element/xmp
+tags:
+  - Element
+  - HTML
+  - Obsolete
+  - Reference
+  - Web
+translation_of: Web/HTML/Element/xmp
+---
+<div>{{Obsolete_header}}</div>
+
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>L'<em>Element HTML Exemple</em>  (<code>&lt;xmp&gt;</code>) processa el text entre les etiquetes d'inici i de finalització sense interpretar l'HTML entre elles i usar una font de pas fix. L'especificació HTML2 va recomanar que hauria de ser suficientment àmplia per permetre 80 caràcters per línia.</p>
+
+<div class="note"><strong>Nota: </strong> <span class="short_text" id="result_box" lang="ca"><span>No utilitzeu</span> <span>aquest</span> <span>element.</span></span>
+
+<ul>
+ <li>Està desaprovat des d'HTML3.2 i no va ser implementat d'una manera consistent. Va ser retirat per complet del llenguatge en HTML5.</li>
+ <li>Utilitzar l'element {{HTMLElement("pre")}} o, si és més  adequat semànticament, l'element {{HTMLElement("code")}} al seu lloc. Recordeu que és necessari evitar el caràcter '<code>&lt;</code>' com '<code>&amp;lt;</code>' per assegurar-se que no s'interpreti com marcat.</li>
+ <li>Una font de pas fix també es pot obtenir en qualsevol element, aplicant un estil <a href="/en-US/docs/CSS" title="CSS">CSS</a> adequat usant espai senzill com el valor genèric de la font amb la propietat {{cssxref ("font-family")}}.</li>
+</ul>
+</div>
+
+<h2 id="Attributes" name="Attributes">Atributs</h2>
+
+<p>Aquest element no té altres atributs que els <a href="/en-US/docs/Web/HTML/global_attributes" title="HTML/global attributes">atributs globals</a>, comuns a tots els elements.</p>
+
+<h2 id="DOM_interface" name="DOM_interface">Interfície DOM</h2>
+
+<p>Aquest element implementa la interfície {{domxref('HTMLElement')}}.</p>
+
+<div class="note">
+<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclòs, Firefox implementa la interfície {{domxref('HTMLSpanElement')}} per aquest element.</p>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li>Els  elements {{HTMLElement("pre")}} i {{HTMLElement("code")}} per utilitzar en el seu lloc.</li>
+ <li>Els  elements {{HTMLElement("plaintext")}} i {{HTMLElement("listing")}}, similars a {{HTMLElement("xmp")}} però estan obsolets.</li>
+</ul>
+
+<div>{{HTMLRef}}</div>
diff --git a/files/ca/web/html/elements_en_línia/index.html b/files/ca/web/html/elements_en_línia/index.html
new file mode 100644
index 0000000000..0ec8db2c0d
--- /dev/null
+++ b/files/ca/web/html/elements_en_línia/index.html
@@ -0,0 +1,82 @@
+---
+title: Elements en línia
+slug: Web/HTML/Elements_en_línia
+tags:
+  - Beginner
+  - HTML
+  - 'HTML:Element Reference'
+translation_of: Web/HTML/Inline_elements
+---
+<h2 id="Summary" name="Summary">Sumari</h2>
+
+<p>Els elements HTML (Hypertext Markup Language) solen ser elements "en línia" o elements a "nivell de bloc". Un element en línia ocupa només l'espai delimitat per les etiquetes que defineixen l'element en línia. El següent exemple demostra la influència de l'element en línia:</p>
+
+<h2 id="Inline_example" name="Inline_example">Exemple en línia</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;This &lt;span&gt;span&lt;/span&gt; is an inline element; its background has been colored to display both the beginning and end of the inline element's influence&lt;/p&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">span { background-color: #8ABB55; }
+</pre>
+
+<p>{{ EmbedLiveSample('Inline_example') }}</p>
+
+<h2 id="En_línia_vs._nivell_de_bloc">En línia vs. nivell de bloc</h2>
+
+<dl>
+ <dt>Model de contingut</dt>
+ <dd>En general, els elements en línia poden contenir únicament les dades i altres elements en línia.</dd>
+ <dt>Format</dt>
+ <dd>Per defecte, els elements en línia no comencen amb nova línia.</dd>
+</dl>
+
+<h2 id="Elements" name="Elements">Elements</h2>
+
+<p>Els següents elements són "en línia":</p>
+
+<div class="threecolumns">
+<dl>
+ <dt>{{ HTMLElement("a") }}</dt>
+ <dt>{{ HTMLElement("b") }}</dt>
+ <dt>{{ HTMLElement("big") }}</dt>
+ <dt>{{ HTMLElement("i") }}</dt>
+ <dt>{{ HTMLElement("small") }}</dt>
+ <dt>{{ HTMLElement("tt") }}</dt>
+ <dt>{{ HTMLElement("abbr") }}</dt>
+ <dt>{{ HTMLElement("acronym") }}</dt>
+ <dt>{{ HTMLElement("cite") }}</dt>
+ <dt>{{ HTMLElement("code") }}</dt>
+ <dt>{{ HTMLElement("dfn") }}</dt>
+ <dt>{{ HTMLElement("em") }}</dt>
+ <dt>{{ HTMLElement("kbd") }}</dt>
+ <dt>{{ HTMLElement("strong") }}</dt>
+ <dt>{{ HTMLElement("samp") }}</dt>
+ <dt>{{ HTMLElement("time") }}</dt>
+ <dt>{{ HTMLElement("var") }}</dt>
+ <dt>{{ HTMLElement("a") }}</dt>
+ <dt>{{ HTMLElement("bdo") }}</dt>
+ <dt>{{ HTMLElement("br") }}</dt>
+ <dt>{{ HTMLElement("img") }}</dt>
+ <dt>{{ HTMLElement("map") }}</dt>
+ <dt>{{ HTMLElement("object") }}</dt>
+ <dt>{{ HTMLElement("q") }}</dt>
+ <dt>{{ HTMLElement("script") }}</dt>
+ <dt>{{ HTMLElement("span") }}</dt>
+ <dt>{{ HTMLElement("sub") }}</dt>
+ <dt>{{ HTMLElement("sup") }}</dt>
+ <dt>{{ HTMLElement("button") }}</dt>
+ <dt>{{ HTMLElement("input") }}</dt>
+ <dt>{{ HTMLElement("label") }}</dt>
+ <dt>{{ HTMLElement("select") }}</dt>
+ <dt>{{ HTMLElement("textarea") }}</dt>
+</dl>
+</div>
+
+<h2 id="See_also" name="See_also">Veure</h2>
+
+<ul>
+ <li><a href="/en/HTML/Block-level_elements" title="en/HTML/Block-level_elements">Elements a nivell de bloc</a></li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/accesskey/index.html b/files/ca/web/html/global_attributes/accesskey/index.html
new file mode 100644
index 0000000000..fb7e6062d4
--- /dev/null
+++ b/files/ca/web/html/global_attributes/accesskey/index.html
@@ -0,0 +1,143 @@
+---
+title: accesskey
+slug: Web/HTML/Global_attributes/accesskey
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/accesskey
+---
+<p>{{HTMLSidebar("Global_attributes")}}</p>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global </a><strong>accesskey</strong> ofereix un suggeriment per generar una drecera de teclat per a l'element actual. Aquest atribut consisteix en una llista separada per espais de caràcters (un únic punt de codi Unicode). El navegador utilitza la primera que existeix en la distribució del teclat de l'ordinador.</p>
+
+<p>L'operació per activar l'accesskey depèn de navegador i la seva plataforma.</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th> </th>
+   <th>Windows</th>
+   <th>Linux</th>
+   <th>Mac</th>
+  </tr>
+  <tr>
+   <th>Firefox</th>
+   <td colspan="2" rowspan="1" style="text-align: center;"><kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd><em>key</em></kbd></td>
+   <td>En Firefox 14 o superior, <kbd>Control</kbd> + <kbd>Alt</kbd> + <kbd><em>key</em></kbd><br>
+    En Firefox 13 o anterior, <kbd>Control</kbd> + <kbd><em>key</em></kbd></td>
+  </tr>
+  <tr>
+   <th>Internet Explorer</th>
+   <td><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
+   <td colspan="2" rowspan="1">N/A</td>
+  </tr>
+  <tr>
+   <th>Google Chrome</th>
+   <td colspan="2" rowspan="1" style="text-align: center;"><kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd><em>key</em></kbd></td>
+   <td><kbd>Control</kbd> + <kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
+  </tr>
+  <tr>
+   <th>Safari</th>
+   <td><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
+   <td>N/A</td>
+   <td><kbd>Control</kbd> + <kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
+  </tr>
+  <tr>
+   <th>Opera</th>
+   <td colspan="3" rowspan="1"><kbd>Shift</kbd> + <kbd>Esc</kbd> s'obre una llista de continguts que són accessibles per accesskey i, a continuació, pot seleccionar un element fent clic <kbd><em>key</em></kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<p><span id="result_box" lang="ca"><span>Recordeu que</span> <span>Firefox es pot</span> <span>personalitzar</span> <span>la tecla</span> <span>de modificació</span> <span>requerida per les</span> <span>preferències de l'usuari</span><span>.</span></span></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "interaction.html#the-accesskey-attribute", "accesskey")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània , {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "editing.html#the-accesskey-attribute", "accesskey")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "editing.html#the-accesskey-attribute", "accesskey")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània de  {{SpecName('HTML WHATWG')}}. Des de {{SpecName('HTML4.01')}}, diversos caràcters es poden establir com accesskey. A més, es pot configurar en qualsevol element.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', "interact/forms.html#h-17.11.2", "accesskey")}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Unicament suportat en {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("label") }}, {{ HTMLElement("legend") }} i {{ HTMLElement("textarea") }}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/class/index.html b/files/ca/web/html/global_attributes/class/index.html
new file mode 100644
index 0000000000..e1e91991eb
--- /dev/null
+++ b/files/ca/web/html/global_attributes/class/index.html
@@ -0,0 +1,106 @@
+---
+title: class
+slug: Web/HTML/Global_attributes/class
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/class
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>class</strong> és una llista separada per espais de les classes de l'element. Les classes permeten a CSS i Javascript  seleccionar i accedir a elements específics a través dels <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors">selectors de classe</a> o funcions com el mètode DOM {{domxref("document.getElementsByClassName")}}.</p>
+
+<p>Encara que l'especificació no posa requisits en el nom de les classes, s'anima als desenvolupadors web a utilitzar noms que descriguin el propòsit semàntic de l'element, en lloc de la presentació de l'element (Per exemple, <em>atribut</em> per descriure un atribut en lloc de <em>cursiva</em>, encara que un element d'aquesta classe pot presentar-se en <em>cursiva</em>). Els noms semàntics segueixen sent lògics encara que la presentació de la pàgina canviï.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "elements.html#classes", "class")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània , {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "elements.html#classes", "class")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "elements.html#classes", "class")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}. Des de {{SpecName('HTML4.01')}}, <code>class</code> és ara un veritable atribut global.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', "struct/global.html#h-7.5.2", "class")}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Suportat en tots els elements però {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, i {{HTMLElement("title")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <code>class</code> és un veritable atribut global només a partir de Firefox 32.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/contenteditable/index.html b/files/ca/web/html/global_attributes/contenteditable/index.html
new file mode 100644
index 0000000000..10fb43c949
--- /dev/null
+++ b/files/ca/web/html/global_attributes/contenteditable/index.html
@@ -0,0 +1,107 @@
+---
+title: contenteditable
+slug: Web/HTML/Global_attributes/contenteditable
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/contenteditable
+---
+<p>{{HTMLSidebar("Global_attributes")}}</p>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>contenteditable</strong> és un atribut enumerat que indica si l'element ha de ser modificable per l'usuari. Si és així, el navegador modifica el seu widget per permetre l'edició. L'atribut ha de prendre un dels següents valors:</p>
+
+<ul>
+ <li><span style="font-family: courier new;">true</span> o <em>cadena buida</em>, indica que l'element ha de ser editable;</li>
+ <li><span style="font-family: courier new;">false</span>, indica que l'element no ha de ser editable</li>
+</ul>
+
+<p>Si aquest atribut no està definit, el seu valor per defecte és <em>heretat</em> del seu element pare.</p>
+
+<p>Aquest és un atribut enumerat i no un booleà. Això vol dir que l'ús explícit d'un dels valors <span style="font-family: courier new;">true</span>, <span style="font-family: courier new;">false</span> o empty string és obligatori i que no està permès una forma abreujada com <code>&lt;label contenteditable&gt;</code> Exemple d'etiqueta <code>&lt;/label&gt;</code> . L'ús correcte és <code>&lt;label contenteditable="true"&gt;</code> Exemple d'etiqueta <code>&lt;/label&gt;</code> .</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "editing.html#attr-contenteditable", "contenteditable")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "editing.html#attr-contenteditable", "contenteditable")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "editing.html#attr-contenteditable", "contenteditable")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània de   {{SpecName('HTML WHATWG')}}, definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoDesktop("1.9") }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoMobile("1.9") }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a></li>
+ <li>{{domxref("HTMLElement.contentEditable")}} i {{domxref("HTMLElement.isContentEditable")}}</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/contextmenu/index.html b/files/ca/web/html/global_attributes/contextmenu/index.html
new file mode 100644
index 0000000000..220950716f
--- /dev/null
+++ b/files/ca/web/html/global_attributes/contextmenu/index.html
@@ -0,0 +1,117 @@
+---
+title: contextmenu
+slug: Web/HTML/Global_attributes/contextmenu
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/contextmenu
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <code><strong>contextmenu</strong></code> és l'<strong><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id">id</a></strong> d'un {{HTMLElement("menu")}} per ser utilitzat com el menú contextual d'aquest element.</p>
+
+<p>Un <em>menú contextual</em> és un menú que apareix després de la interacció de l'usuari, com un clic dret. HTML5 ara ens permet personalitzar aquest menú. Aquests són alguns exemples d'implementació, incloent menús niats.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush:html; highlight:[1,10,15]">&lt;body contextmenu="share"&gt;
+  &lt;menu type="context" id="share"&gt;
+    &lt;menu label="share"&gt;
+      &lt;menuitem label="Twitter" onclick="shareViaTwitter()"&gt;&lt;/menuitem&gt;
+      &lt;menuitem label="Facebook" onclick="shareViaFacebook()"&gt;&lt;/menuitem&gt;
+    &lt;/menu&gt;
+  &lt;/menu&gt;
+  &lt;ol&gt;
+    &lt;li&gt;
+      Anywhere in the example you can share the page on Twitter and
+      Facebook using the Share menu from your context menu.
+    &lt;/li&gt;
+    &lt;li contextmenu="changeFont" id="fontSizing"&gt;
+      On this specific list element, you can change the size of the text
+      by using the "Increase/Decrease font" actions from your context menu
+    &lt;/li&gt;
+    &lt;menu type="context" id="changeFont"&gt;
+      &lt;menuitem label="Increase Font" onclick="incFont()"&gt;&lt;/menuitem&gt;
+      &lt;menuitem label="Decrease Font" onclick="decFont()"&gt;&lt;/menuitem&gt;
+    &lt;/menu&gt;
+    &lt;li contextmenu="ChangeImage" id="changeImage"&gt;
+      On the image below, you can fire the "Change Image" action
+      in your Context Menu.&lt;br /&gt;
+      &lt;img src="https://developer.mozilla.org/media/img/promote/promobutton_mdn5.png"
+          contextmenu="ChangeImage" id="promoButton" /&gt;
+      &lt;menu type="context" id="ChangeImage"&gt;
+        &lt;menuitem label="Change Image" onclick="changeImage()"&gt;&lt;/menuitem&gt;
+      &lt;/menu&gt;
+    &lt;/li&gt;
+  &lt;/ol&gt;
+&lt;/body&gt;
+</pre>
+
+<h3 id="JavaScript">JavaScript</h3>
+
+<pre class="brush:js">function shareViaTwitter() {
+  window.open("https://twitter.com/intent/tweet?text=" +
+      "Hurray! I am learning ContextMenu from MDN via Mozilla");
+}
+
+function shareViaFacebook() {
+  window.open("https://facebook.com/sharer/sharer.php?u=" +
+      "https://developer.mozilla.org/en/HTML/Element/Using_HTML_context_menus");
+}
+
+function incFont() {
+  document.getElementById("fontSizing").style.fontSize = "larger";
+}
+
+function decFont() {
+  document.getElementById("fontSizing").style.fontSize = "smaller";
+}
+
+function changeImage() {
+  var index = Math.ceil(Math.random() * 39 + 1);
+  document.images[0].src =
+      "https://developer.mozilla.org/media/img/promote/promobutton_mdn" +
+      index + ".png";
+}</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample("Example", "100%", 400)}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "forms.html#attr-contextmenu", "contextmenu")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "interactive-elements.html#context-menus", "contextmenu")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{Compat("html.global_attributes.contextmenu")}}</p>
+
+<p>[1] Una implementació experimental està disponible a través de l'opció de línia d'ordres <code>--enable-blink-features=ContextMenu</code>. Fins Chrome 52 i Opera  39 estava disponible l'opció d'habilitació de les <em>característiques de la Plataforma Web Experimental</em>, però va ser eliminada a causa d'un <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=412945">problema de compatibilitat web</a>. El suport per aquesta caracteristica se sol·licita en <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=87553">Chromium bug 87553</a>.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+ <li>{{domxref("HTMLElement.contextMenu")}}</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/data-_star_/index.html b/files/ca/web/html/global_attributes/data-_star_/index.html
new file mode 100644
index 0000000000..e0984687a0
--- /dev/null
+++ b/files/ca/web/html/global_attributes/data-_star_/index.html
@@ -0,0 +1,119 @@
+---
+title: data-*
+slug: Web/HTML/Global_attributes/data-*
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/data-*
+---
+<p class="note">{{HTMLSidebar("Global_attributes")}}</p>
+
+<p>Els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a> <strong>data-*</strong> formen una classe d'atributs anomenats <strong>atributs de dades personalitzades</strong>, que permeten que la informació propietària s'intercanviï entre l' <a href="https://developer.mozilla.org/en-US/docs/Web/HTML" title="en/HTML">HTML</a> i la seva representació <a href="https://developer.mozilla.org/en-US/docs/DOM" title="en/DOM">DOM</a> mitjançan scripts. Totes aquestes dades personalitzades estan disponibles a través de la interfície {{domxref ("HTMLElement")}} de l'element en el qual s'estableix l'atribut. La propietat {{domxref ("HTMLElement.dataset")}} li dóna accés. El * pot ser reemplaçat per qualsevol nom que segueix <a href="http://www.w3.org/TR/REC-xml/#NT-Name">la regla de producció de noms XML</a> amb les següents restriccions:</p>
+
+<ul>
+ <li>el nom no ha de començar amb <code>xml</code>, qualsevol que sigui el cas que s'utilitzi per a aquestes lletres;</li>
+ <li>el nom no ha de contenir cap punt i coma (U+003A);</li>
+ <li>el nom no ha de contenir majúscules de l'A a la Z.</li>
+</ul>
+
+<p>Recordeu que la propietat {{domxref ("HTMLElement.dataset")}} és un {{domxref ("DOMStringMap")}}, i el nom de l'atribut de dades personalitzades <em>data-test-value</em> serà accessible a través de <code>HTMLElement.dataset.testValue</code> ( o <code>HTMLElement.dataset["testValue"]</code> ) com qualsevol guió (<code>u+002D</code>) se substitueix la següent lletra en majúscula, convertint el nom a (CamelCase).</p>
+
+<h3 id="Ùs">Ùs</h3>
+
+<p>Mitjançant la incorpoarció d'atributs <strong>data-</strong>*, fins i tot els elements HTML ordinaris poden convertir-se en programes-objectes força complexos i potents. Per exemple, una nau espacial "<a href="https://en.wikipedia.org/wiki/Sprite_%28computer_graphics%29">sprite</a>" en un joc podria ser un simple element {{HTMLElement ("img")}} amb un atribut <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class">class</a> i diversos atributs data- *:</p>
+
+<pre>&lt;img class="spaceship cruiserX3" src="shipX3.png"
+  data-ship-id="324"   data-weapons="laserI laserII"   data-shields="72%"
+  data-x="414354" data-y="85160" data-z="31940"
+  onclick="spaceships[this.dataset.shipId].blasted()"
+&lt;/img&gt;
+</pre>
+
+<p id="Specifications">(Veure més <em><a href="https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes">aquí</a>)</em></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes", "data-*")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes", "data-*")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes", "data-*")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoDesktop(6) }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoMobile(6) }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+ <li>La propietat {{domxref ("HTMLElement.dataset")}} permet accedir i modificar aquests valors.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/dir/index.html b/files/ca/web/html/global_attributes/dir/index.html
new file mode 100644
index 0000000000..13421f5361
--- /dev/null
+++ b/files/ca/web/html/global_attributes/dir/index.html
@@ -0,0 +1,130 @@
+---
+title: dir
+slug: Web/HTML/Global_attributes/dir
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/dir
+---
+<p class="note">{{HTMLSidebar("Global_attributes")}}</p>
+
+<p><span id="result_box" lang="ca"><span>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a></span><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes"> <span>global</span></a> <strong><span>dir</span></strong> <span>és</span> <span>un atribut</span> <span>enumerat</span> <span>indica la</span> <span>direccionalitat</span> <span>del text</span> <span>de l'element.</span> <span>Pot tenir</span> <span>els</span> <span>següents</span> <span>valors</span><span>:</span></span></p>
+
+<ul>
+ <li><span style="font-family: Courier New;">ltr</span>, significa d'<em>esquerra a dreta</em> i s'utilitza per als idiomes que s'escriuen d'esquerra a la dreta (com l'anglès)</li>
+ <li><span style="font-family: Courier New;">rtl</span>, significa <em>dreta a esquerra</em> i s'utilitza per als idiomes que s'escriuen de dreta a l'esquerra (com l'àrab);</li>
+ <li><span style="font-family: Courier New;">auto</span>, permet a l'agent d'usuari que decideixi. S'utilitza un algoritme bàsic, que analitza els caràcters dins de l'element fins que troba un caràcter amb una direccionalitat forta, a continuació, aplicar la direccionalitat a tot l'element.</li>
+</ul>
+
+<div class="note">
+<p><strong>Notes d'ùs</strong></p>
+
+<p>Aquest atribut és obligatori per a l'element {{ HTMLElement("bdo") }} on té un significat semàntic diferent.</p>
+
+<ul>
+ <li>
+  <p>Aquest atribut <em>no</em> és heretat per l'element {{ HTMLElement("bdi") }}. Si no s'estableix el seu valor a <code>auto</code>.</p>
+ </li>
+ <li>
+  <p>Aquest atribut pot ser anul·lat per les propietats CSS {{ cssxref("direction") }} i {{ cssxref("unicode-bidi") }}, si una pàgina CSS està activa i l'element és compatible amb aquestes propietats.</p>
+ </li>
+ <li>
+  <p>A mesura que la direccionalitat del text està semànticament relacionada amb el seu contingut i no a la seva presentació, es recomana que els desenvolupadors web utilitzin aquest atribut en lloc de les propietats CSS relacionades quan sigui possible. D'aquesta manera, el text es mostrarà correctament fins i tot en un navegador que no suporti CSS o tingui desactivada la CSS.</p>
+ </li>
+ <li>
+  <p>El valor <code>auto</code> s'ha d'utilitzar per a les dades amb una direccionalitat desconeguda, igual que les dades procedents de l'entrada de l'usuari, eventualment emmagatzemades en una base de dades.</p>
+ </li>
+</ul>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "dom.html#the-dir-attribute", "dir")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "dom.html#the-dir-attribute", "dir")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "dom.html#the-dir-attribute", "dir")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, des de {{SpecName('HTML4.01')}} s'afegeix el valor <code>auto</code>, i ara és un veritable atribut global.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', "dirlang.html#h-8.2", "dir")}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Suportat en tots els elements però {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}} i {{HTMLElement("script")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+ <li>{{domxref ("HTMLElement.dir")}} reflecteix aquest atribut.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/draggable/index.html b/files/ca/web/html/global_attributes/draggable/index.html
new file mode 100644
index 0000000000..1e1090fc70
--- /dev/null
+++ b/files/ca/web/html/global_attributes/draggable/index.html
@@ -0,0 +1,104 @@
+---
+title: draggable
+slug: Web/HTML/Global_attributes/draggable
+tags:
+  - Experimental
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/draggable
+---
+<p>{{HTMLSidebar("Global_attributes")}} {{SeeCompatTable}}</p>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a><strong> draggable</strong> és un atribut enumerat que indica si l'element es pot arrossegar, mitjançant el {{domxref("HTML_Drag_and_Drop_API","HTML Drag and Drop API")}}. Pot tenir els següents valors:</p>
+
+<ul>
+ <li><span style="font-family: courier new;">true</span>, indica que l'element pot ser arrossegat</li>
+ <li><span style="font-family: courier new;">false</span>, indica que l'element no pot ser arrossegat.</li>
+</ul>
+
+<p>Si aquest atribut no està establert, el valor predeterminat és <code>auto</code>, és a dir, el comportament ha de ser el definit per incompliment per part del navegador.</p>
+
+<p>Aquest atribut és enumerat i no un booleà. Això vol dir que l'ús explícit d'un dels valors <code>true</code> o <code>false</code> és obligatori i que una forma abreujada com <code>&lt;label draggable&gt;</code> Exemple <code>Label&lt;/label&gt;</code> no està permès. L'ús correcte és <code>&lt;label draggable="true"&gt;</code> Exemple <code>Label&lt;/label&gt;</code>.</p>
+
+<p>Per defecte, només seleccions de textes, imatges i enllaços es poden arrossegar. Per a tots els altres elements, l'esdeveniment <strong>{{domxref('GlobalEventHandlers.ondragstart','ondragstart')}}</strong> ha d'establir-se perquè funcioni el mecanisme d'arrossegar i deixar anar, com es mostra en aquest <a href="https://developer.mozilla.org/en-US/docs/DragDrop/Drag_Operations">exemple complet</a>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "interaction.html#the-draggable-attribute", "draggable")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "editing.html#the-draggable-attribute", "draggable")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoDesktop("1.8.1") }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoMobile("1.8.1") }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/dropzone/index.html b/files/ca/web/html/global_attributes/dropzone/index.html
new file mode 100644
index 0000000000..9435eb1c68
--- /dev/null
+++ b/files/ca/web/html/global_attributes/dropzone/index.html
@@ -0,0 +1,99 @@
+---
+title: dropzone
+slug: Web/HTML/Global_attributes/dropzone
+tags:
+  - Experimental
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/dropzone
+---
+<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>dropzone</strong> és un atribut enumerat que indica quin tipus de contingut poden ser arrossegats sobre un element, utilitzant l'<a href="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop" style="text-decoration: none; color: rgb(51, 102, 153) !important; cursor: default;" title="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop">API Drag and Drop</a>. Pot tenir els següents valors:</p>
+
+<ul>
+ <li><span style="font-family: courier new;">copy</span>,  indica que el deixa anar crearà una còpia de l'element que va ser arrossegat.</li>
+ <li><span style="font-family: courier new;">move</span>, indica que l'element arrossegat es mourà a aquesta nova ubicació.</li>
+ <li><span style="font-family: courier new;">link</span>, crearà un enllaç a les dades arrossegats.</li>
+</ul>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "interaction.html#the-dropzone-attribute", "dropzone")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "editing.html#the-dropzone-attribute", "dropzone")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown}}</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/hidden/index.html b/files/ca/web/html/global_attributes/hidden/index.html
new file mode 100644
index 0000000000..3c25165b26
--- /dev/null
+++ b/files/ca/web/html/global_attributes/hidden/index.html
@@ -0,0 +1,109 @@
+---
+title: hidden
+slug: Web/HTML/Global_attributes/hidden
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/hidden
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong><code>hidden</code></strong> és un atribut booleà que indica que l'element no és encara, o ja no és rellevant. Per exemple, es pot fer servir per ocultar els elements de la pàgina que no es poden utilitzar fins que el procés d'inici de sessió s'ha completat. Els navegadors no mostraran els elements amb l'atribut <code>hidden</code> establert.</p>
+
+<p>L'atribut <code>hidden</code> no ha de ser utilitzat per a ocultar el contingut que legítimament es podria mostrar en una altra presentació. Per exemple, és incorrecte utilitzar hidden per ocultar els panells en un diàleg amb pestanyess, ja que la interfície amb pestanyes no és més que una mena de presentació de desbordament - un podria igualment mostrar les imatges de tots els controls de formulari en una pàgina gran amb una barra de desplaçament. De la mateixa manera és incorrecte utilitzar aquest atribut solsament per a ocultar el contingut d'una presentació - si per alguna cosa es el marcat de hidden, és que ho amaga a totes les presentacions, incloent, per exemple, els lectors de pantalla.</p>
+
+<p>Els elements ocults no s'han de vincular des d'elements no-ocults i els elements que són descendents d'un element ocult encara estan actius, el que significa que els elements del script encara es poden executar i els elements de formulari encara poden ser presentats.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> El canvi del valor de la propietat CSS {{cssxref ("display")}} d'un element amb l'atribut <code>hidden</code> sobreescriu el seu comportament. Per exemple, els elements d'estil <code>display: flex</code> es mostrarà tot i la presència de l'atribut <code>hidden</code>.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "interaction.html#the-hidden-attribute", "hidden")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "rendering.html#hiddenCSS", "Hidden elements")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Defineix la representació per defecte suggerida usant l'atribut <code>hidden</code> CSS</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "editing.html#the-hidden-attribute", "hidden")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}},
+    <p>definició inicial</p>
+
+    <p> </p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoDesktop("2") }}</td>
+   <td>11</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoMobile("2") }}</td>
+   <td>11</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/id/index.html b/files/ca/web/html/global_attributes/id/index.html
new file mode 100644
index 0000000000..15d6226ba1
--- /dev/null
+++ b/files/ca/web/html/global_attributes/id/index.html
@@ -0,0 +1,113 @@
+---
+title: id
+slug: Web/HTML/Global_attributes/id
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/id
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>id</strong> defineix un identificador únic (ID) que ha de ser únic en tot el document. El seu propòsit és identificar l'element quan es vincula (usant un identificador de fragment), scripts, o estil (CSS).</p>
+
+<p>El valor d'aquest atribut és una cadena opaca: això vol dir que l'autor web no ho ha de fer servir per transmetre qualsevol informació. Un significat particular, per exemple el significat semàntic, no ha de derivar de la cadena.</p>
+
+<p>El valor d'aquest atribut no ha de contenir espais en blanc (espais, tabulacions, etc.). Els navegadors tracten IDs no conformes que contenen espais en blanc com si l'espai en blanc fora part de l'ID. En contrast amb l'atribut <strong>class</strong>, que permet valors separats per espais, els elements només poden tenir un únic ID.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> L'ús de caràcters ASCII, excepte les lletres i dígits, '_', '-' i '.' pot causar problemes de compatibilitat, ja que no estaven permesos en HTML 4. Malgrat aquesta restricció ha estat aixecada en HTML 5, un ID ha de començar amb una lletra per compatibilitat.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "dom.html#the-id-attribute", "id")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "dom.html#the-id-attribute", "id")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "dom.html#the-id-attribute", "id")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, ara acceptar '_', '-' i '.' al començament del id. És també un verdader atribut global.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#adef-id', 'id')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Suportat en tots els elements però {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, i {{HTMLElement("title")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] <code>id</code> és un veritable atribut global només a partir de Gecko 32.0 {{geckoRelease("32.0")}}.</p>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+ <li>{{domxref("Element.id")}} <span class="short_text" id="result_box" lang="ca"><span>que reflecteix</span> <span>aquest</span> <span>atribut</span></span>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/index.html b/files/ca/web/html/global_attributes/index.html
new file mode 100644
index 0000000000..bbe00ae786
--- /dev/null
+++ b/files/ca/web/html/global_attributes/index.html
@@ -0,0 +1,463 @@
+---
+title: Global attributes
+slug: Web/HTML/Global_attributes
+tags:
+  - Attribute
+  - HTML
+  - NeedsBrowserCompatibility
+  - NeedsTranslation
+  - Reference
+  - TopicStub
+  - Web
+translation_of: Web/HTML/Global_attributes
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<div class="summary">
+<p><strong>Global attributes</strong> are attributes common to all HTML elements; they can be used on all elements, though the attributes may have no effect on some elements.</p>
+</div>
+
+<p>Global attributes may be specified on all <a href="/en-US/docs/Web/HTML/Element">HTML elements</a>, <em>even those not specified in the standard</em>. That means that any non-standard elements must still permit these attributes, even though using those elements means that the document is no longer HTML5-compliant. For example, HTML5-compliant browsers hide content marked as <code>&lt;foo hidden&gt;...&lt;foo&gt;</code><code>, </code>even though <code>&lt;foo&gt;</code> is not a valid HTML element.</p>
+
+<p>In addition to the basic HTML global attributes, the following global attributes also exist:</p>
+
+<ul>
+ <li>Both <strong><code>xml:lang</code></strong> and <code><strong>xml:base</strong></code>, deprecated, inherited from the XHTML specifications and kept for compatibility purpose.</li>
+ <li>The multiple <code><strong><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA">aria-*</a></strong></code> attributes, used for improving accessibility.</li>
+ <li>The event handler attributes: <code><strong>onabort</strong></code>, <code><strong>onautocomplete</strong></code>, <code><strong>onautocompleteerror</strong></code>, <code><strong>onblur</strong></code>, <code><strong>oncancel</strong></code>, <code><strong>oncanplay</strong></code>, <code><strong>oncanplaythrough</strong></code>, <code><strong>onchange</strong></code>, <code><strong>onclick</strong></code>, <code><strong>onclose</strong></code>, <code><strong>oncontextmenu</strong></code>, <code><strong>oncuechange</strong></code>, <code><strong>ondblclick</strong></code>, <code><strong>ondrag</strong></code>, <code><strong>ondragend</strong></code>, <code><strong>ondragenter</strong></code>, <code><strong>ondragexit</strong></code>, <code><strong>ondragleave</strong></code>, <code><strong>ondragover</strong></code>, <code><strong>ondragstart</strong></code>, <code><strong>ondrop</strong></code>, <code><strong>ondurationchange</strong></code>, <code><strong>onemptied</strong></code>, <code><strong>onended</strong></code>, <code><strong>onerror</strong></code>, <code><strong>onfocus</strong></code>, <code><strong>oninput</strong></code>, <code><strong>oninvalid</strong></code>, <code><strong>onkeydown</strong></code>, <code><strong>onkeypress</strong></code>, <code><strong>onkeyup</strong></code>, <code><strong>onload</strong></code>, <code><strong>onloadeddata</strong></code>, <code><strong>onloadedmetadata</strong></code>, <code><strong>onloadstart</strong></code>, <code><strong>onmousedown</strong></code>, <code><strong>onmouseenter</strong></code>, <code><strong>onmouseleave</strong></code>, <code><strong>onmousemove</strong></code>, <code><strong>onmouseout</strong></code>, <code><strong>onmouseover</strong></code>, <code><strong>onmouseup</strong></code>, <code><strong>onmousewheel</strong></code>, <code><strong>onpause</strong></code>, <code><strong>onplay</strong></code>, <code><strong>onplaying</strong></code>, <code><strong>onprogress</strong></code>, <code><strong>onratechange</strong></code>, <code><strong>onreset</strong></code>, <code><strong>onresize</strong></code>, <code><strong>onscroll</strong></code>, <code><strong>onseeked</strong></code>, <code><strong>onseeking</strong></code>, <code><strong>onselect</strong></code>, <code><strong>onshow</strong></code>, <code><strong>onsort</strong></code>, <code><strong>onstalled</strong></code>, <code><strong>onsubmit</strong></code>, <code><strong>onsuspend</strong></code>, <code><strong>ontimeupdate</strong></code>, <code><strong>ontoggle</strong></code>, <code><strong>onvolumechange</strong></code>, <code><strong>onwaiting</strong></code>.</li>
+</ul>
+
+<h2 id="Description">Description</h2>
+
+<dl>
+ <dt id="accesskey"><code><a href="/en-US/docs/Web/HTML/Global_attributes/accesskey">accesskey</a></code></dt>
+ <dd>Provides a hint for generating a keyboard shortcut for the current element. This attribute consists of a space-separated list of characters. The browser should use the first one that exists on the computer keyboard layout.</dd>
+ <dt id="class"><code><a href="/en-US/docs/Web/HTML/Global_attributes/class">class</a></code></dt>
+ <dd>Is a space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the <a href="/En/CSS/Class_selectors" title="https://developer.mozilla.org/En/CSS/Class_selectors">class selectors</a> or functions like the method {{domxref("Document.getElementsByClassName()")}}.</dd>
+ <dt id="contenteditable"><code><a href="/en-US/docs/Web/HTML/Global_attributes/contenteditable">contenteditable</a></code></dt>
+ <dd>Is an enumerated attribute indicating if the element should be editable by the user. If so, the browser modifies its widget to allow editing. The attribute must take one of the following values:
+ <ul>
+  <li><code>true</code> or the <em>empty string</em>, which indicates that the element must be editable;</li>
+  <li><code>false</code>, which indicates that the element must not be editable.</li>
+ </ul>
+ </dd>
+ <dt id="contextmenu"><code><a href="/en-US/docs/Web/HTML/Global_attributes/contextmenu">contextmenu</a></code></dt>
+ <dd>Is the <code><a href="#attr-id"><strong>id</strong></a></code> of an {{HTMLElement("menu")}} to us as the contextual menu for this element.</dd>
+ <dt><code><a href="/en-US/docs/Web/HTML/Global_attributes/data-*">data-*</a></code></dt>
+ <dd>Forms a class of attributes, called custom data attributes, that allow proprietary information to be exchanged between the <a href="/en-US/docs/Web/HTML" title="en/HTML">HTML</a> and its <a href="/en-US/docs/Glossary/DOM" title="en/DOM">DOM</a> representation that may be used by scripts. All such custom data are available via the {{domxref("HTMLElement")}} interface of the element the attribute is set on. The {{domxref("HTMLElement.dataset")}} property gives access to them.</dd>
+ <dt><code><a href="/en-US/docs/Web/HTML/Global_attributes/dir">dir</a></code></dt>
+ <dd>Is an enumerated attribute indicating the directionality of the element's text. It can have the following values:
+ <ul>
+  <li><code>ltr</code>, which means <em>left to right </em>and is to be used for languages that are written from the left to the right (like English);</li>
+  <li><code>rtl</code>, which means <em>right to left</em> and is to be used for languages that are written from the right to the left (like Arabic);</li>
+  <li><code>auto</code>, which let the user agent decides. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then apply that directionality to the whole element.</li>
+ </ul>
+ </dd>
+ <dt><code><a href="/en-US/docs/Web/HTML/Global_attributes/draggable">draggable</a></code> {{experimental_inline}}</dt>
+ <dd>Is an enumerated attribute indicating whether the element can be dragged, using the <a href="/en-us/docs/DragDrop/Drag_and_Drop">Drag and Drop API</a>. It can have the following values:
+ <ul>
+  <li><code>true</code>, which indicates that the element may be dragged</li>
+  <li><code>false</code>, which indicates that the element may not be dragged.</li>
+ </ul>
+ </dd>
+ <dt><code><a href="/en-US/docs/Web/HTML/Global_attributes/dropzone">dropzone</a></code> {{experimental_inline}}</dt>
+ <dd>Is an enumerated attribute indicating what types of content can be dropped on an element, using the <a href="/En-us/docs/DragDrop/Drag_and_Drop" title="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop">Drag and Drop API</a>. It can have the following values:
+ <ul>
+  <li><code>copy</code>, which indicates that dropping will create a copy of the element that was dragged</li>
+  <li><code>move</code>, which indicates that the element that was dragged will be moved to this new location.</li>
+  <li><code>link</code>, will create a link to the dragged data.</li>
+ </ul>
+ </dd>
+ <dt id="hidden"><code><a href="/en-US/docs/Web/HTML/Global_attributes/hidden">hidden</a></code></dt>
+ <dd>Is a Boolean attribute indicates that the element is not yet, or is no longer, <em>relevant</em>. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.</dd>
+ <dt id="id"><code><a href="/en-US/docs/Web/HTML/Global_attributes/id">id</a></code></dt>
+ <dd>Defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).</dd>
+ <dt id="itemid"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemid">itemid</a></code> {{experimental_inline}}</dt>
+ <dt id="itemprop"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemprop">itemprop</a></code> {{experimental_inline}}</dt>
+ <dt id="itemref"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemref">itemref</a></code> {{experimental_inline}}</dt>
+ <dt id="itemscope"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemscope">itemscope</a> </code>{{experimental_inline}}</dt>
+ <dt id="itemtype"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemtype">itemtype</a></code> {{experimental_inline}}</dt>
+ <dd>These attributes are related to the <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#microdata" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#microdata">WHATWG HTML Microdata feature</a>.</dd>
+ <dt id="lang"><code><a href="/en-US/docs/Web/HTML/Global_attributes/lang">lang</a></code></dt>
+ <dd>Participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defines in the <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47.txt"><em>Tags for Identifying Languages (BCP47)</em></a> IETF document. <a href="#attr-xml:lang"><strong>xml:lang</strong></a> has priority over it.</dd>
+ <dt id="spellcheck_.7B.7Bexperimental_inline.7D.7D"><code><a href="/en-US/docs/Web/HTML/Global_attributes/spellcheck">spellcheck</a></code> {{experimental_inline}}</dt>
+ <dd>Is an enumerated attribute defines whether the element may be checked for spelling errors. It may have the following values:
+ <ul>
+  <li><code>true</code>, which indicates that the element should be, if possible, checked for spelling errors;</li>
+  <li><code>false</code>, which indicates that the element should not be checked for spelling errors.</li>
+ </ul>
+ </dd>
+ <dt id="style"><code><a href="/en-US/docs/Web/HTML/Global_attributes/style">style</a></code></dt>
+ <dd>Contains <a href="/en/CSS" title="en/CSS">CSS</a> styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the {{ HTMLElement("style") }} element have mainly the purpose of allowing for quick styling, for example for testing purposes.</dd>
+ <dt id="tabindex"><code><a href="/en-US/docs/Web/HTML/Global_attributes/tabindex">tabindex</a></code></dt>
+ <dd>Is an integer attribute indicates if the element can take input focus (is <em>focusable</em>), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values:
+ <ul>
+  <li>a <em>negative value</em> means that the element should be focusable, but should not be reachable via sequential keyboard navigation;</li>
+  <li><code>0</code> means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention;</li>
+  <li>a <em>positive value</em> which means should be focusable and reachable via sequential keyboard navigation; its relative order is defined by the value of the attribute: the sequential follow the increasing number of the <a href="#attr-tabindex"><strong>tabindex</strong></a>. If several elements share the same tabindex, their relative order follows their relative position in the document).</li>
+ </ul>
+ </dd>
+ <dt id="title"><code><a href="/en-US/docs/Web/HTML/Global_attributes/title">title</a></code></dt>
+ <dd>Contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.</dd>
+ <dt id="title"><code><a href="/en-US/docs/Web/HTML/Global_attributes/translate">translate</a></code></dt>
+ <dd>Is an enumerated attribute that is used to specify whether an element's attribute values and the values of it<code>s</code> {{domxref("Text")}} node children are to be translated when the page is localized, or whether to leave them unchanged. It can have the following values:
+ <ul>
+  <li>empty string and <code>"yes"</code>, which indicates that the element will be translated.</li>
+  <li><code>"no</code>", which indicates that the element will not be translated.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "dom.html#global-attributes", "Global attributes")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>From latest snapshot, {{SpecName('HTML5.1')}}, <strong>itemid</strong>, <strong>itemprop</strong>, <strong>itemref</strong>, <strong>itemscope</strong>, and <strong>itemtype</strong> have been added.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "dom.html#global-attributes", "Global attributes")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Snapshot of {{SpecName('HTML WHATWG')}}. From {{SpecName('HTML5 W3C')}}, <strong>spellcheck</strong>, <strong>draggable</strong>, and <strong>dropzone</strong> have been added.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "dom.html#global-attributes", "Global attributes")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Snapshot of {{SpecName('HTML WHATWG')}}. From {{SpecName("HTML4.01")}}, the concept of global attributes is introduced and the <strong>dir</strong>, <strong>lang</strong>, <strong>style</strong>, <strong>id</strong>, <strong>class</strong>, <strong>tabindex</strong>, <strong>accesskey</strong>, and <strong>title</strong> are now true global attributes.<br>
+    <strong>xml:lang</strong> which was initially part of XHTML, is now also part of HTML.<br>
+    <strong>hidden</strong>, <strong>data-*</strong>, <strong>contextmenu</strong>, <strong>contenteditable</strong>, and<strong> <strong>translate</strong></strong> have been added.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>There are no global attributes defined. Several attributes that will become global attributes in subsequent specifications are defined on a subset of elements.<br>
+    <strong>class</strong> and <strong>style</strong> are supported on all elements but {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, and {{HTMLElement("title")}}.<br>
+    <strong>dir</strong> is supported on all elements but {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, and {{HTMLElement("script")}}.<br>
+    <strong>id</strong> is supported on all elements but {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, and {{HTMLElement("title")}}.<br>
+    <strong>lang</strong> is supported on all elements but {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, and {{HTMLElement("script")}}.<br>
+    <strong>tabindex</strong> is only supported on {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}}.<br>
+    <strong>accesskey</strong> is only supported on {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("label") }}, {{ HTMLElement("legend") }} and {{ HTMLElement("textarea") }}.<br>
+    <strong>title</strong> is supported on all elements but {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, and {{HTMLElement("title")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>accesskey</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>class</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>contenteditable</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>contextmenu</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop(9)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>data-*</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("6")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>dir</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>draggable</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8.1")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>dropzone</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>hidden</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("2")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>id</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>itemid, itemprop, itemref, itemscope, itemtype</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>lang</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>spellcheck</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8.1")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>style</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>tabindex</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>title</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>accesskey</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>class</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>contenteditable</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>contextmenu</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>data-*</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("6")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>dir</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>draggable</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.8.1")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>dropzone</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>hidden</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("2")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>id</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>itemid, itemprop, itemref, itemscope, itemtype</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>lang</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>spellcheck</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.8.1")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>style</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>tabindex</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>title</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{domxref("Element")}} and {{domxref("GlobalEventHandlers")}} interfaces that allow to query most global attributes.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/itemid/index.html b/files/ca/web/html/global_attributes/itemid/index.html
new file mode 100644
index 0000000000..79941cabc2
--- /dev/null
+++ b/files/ca/web/html/global_attributes/itemid/index.html
@@ -0,0 +1,149 @@
+---
+title: itemid
+slug: Web/HTML/Global_attributes/itemid
+tags:
+  - Attribute
+  - Global attribute
+  - HTML
+  - Microdata
+  - Reference
+translation_of: Web/HTML/Global_attributes/itemid
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>itemid</strong> és l'identificador únic i global d'un element.  Els atributs itemid només es poden especificar en els elements que tenen tant els atributs <strong>itemscope</strong> com <strong>itemtype</strong>. A més, el itemid només es pot especificar en elements amb un atribut itemscope de qui el corresponent itemtype es refereix o defineix un vocabulari que suporta identificadors globals.</p>
+
+<p>El vocabulari dels <code>itemtype's</code> donarà el significat exacte d'un identificador global definit dins del vocabulari. El vocabulari definirà si diversos elements amb el mateix identificador global poden coexistir i, si se'ls permet, de com manejar els elements amb el mateix identificador.</p>
+
+<p class="note"><strong>Nota:</strong> La definició de Whatwg.org d'un itemid diu que ha de ser una adreça URL. Això no sembla ser el cas, com mostra el següent exemple. Més aviat la definició de facto és que un itemid és un identificador únic, de manera que un URN és apropiat. Aquesta inconsistència reflecteix, sens dubte, el caràcter incomplet de l'especificació de Microdata.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;dl itemscope
+    itemtype="http://vocab.example.net/book"
+    itemid="urn:isbn:0-330-34032-8"&gt;
+&lt;dt&gt;Title &lt;dd itemprop="title"&gt;The Reality Dysfunction
+&lt;dt&gt;Author &lt;dd itemprop="author"&gt;Peter F. Hamilton
+&lt;dt&gt;Publication date
+&lt;dd&gt;&lt;time itemprop="pubdate" datetime="1996-01-26"&gt;26 January 1996&lt;/time&gt; &lt;/dl&gt;</pre>
+
+<h3 id="Estructuració_de_les_dades"><span class="short_text" id="result_box" lang="ca"><span>Estructuració de les dades</span></span></h3>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td colspan="1" rowspan="14">itemscope</td>
+   <td>itemtype: itemid</td>
+   <td colspan="2" rowspan="1">
+    <div class="jyrRxf-eEDwDf jcd3Mb IZ65Hb-hUbt4d">http://vocab.example.net/book: urn:isbn:0-330-34032-8</div>
+   </td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>title</td>
+   <td>The Reality Dysfunction</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>author</td>
+   <td>
+    <div class="jyrRxf-eEDwDf jcd3Mb">Peter F. Hamilton</div>
+   </td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>pubdate</td>
+   <td>1996-01-26</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('HTML', '', '', '', 'Web/HTML/Global_attributes/itemid')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#attr-itemid">itemid</a></code></td>
+   <td> </td>
+   <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li>
+ <li>Altres atributs globals relacionats amb microdata:
+  <ul>
+   <li>{{htmlattrxref("itemid")}}</li>
+   <li>{{htmlattrxref("itemprop")}}</li>
+   <li>{{htmlattrxref("itemref")}}</li>
+   <li>{{htmlattrxref("itemscope")}}</li>
+   <li>{{htmlattrxref("itemtype")}}</li>
+  </ul>
+ </li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/itemprop/index.html b/files/ca/web/html/global_attributes/itemprop/index.html
new file mode 100644
index 0000000000..47e607921a
--- /dev/null
+++ b/files/ca/web/html/global_attributes/itemprop/index.html
@@ -0,0 +1,463 @@
+---
+title: itemprop
+slug: Web/HTML/Global_attributes/itemprop
+tags:
+  - Attribute
+  - Global attribute
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/itemprop
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p>L'atribut global <strong>itemprop</strong> s'utilitza per afegir propietats a un element. Cada element HTML pot tenir un atribut itemprop especificat, i un itemprop es compon d'un parell nom-valor. Cada parell nom-valor es denomina <strong>propietat</strong>, i un grup d'una o més propietats constitueix un <strong>element</strong>. Els valors de propietat són una cadena o una adreça URL i es poden associar amb una gamma molt àmplia d'elements incloent {{HTMLElement("audio")}}, {{HTMLElement("embed")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{HTMLElement("link")}}, {{HTMLElement("object")}}, {{HTMLElement("source")}} , {{HTMLElement("track")}}, and {{HTMLElement("video")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div itemscope itemtype ="http://schema.org/Movie"&gt;
+  &lt;h1 <strong>itemprop="name"</strong>&gt;Avatar&lt;/h1&gt;
+  &lt;span&gt;Director: &lt;span <strong>itemprop="director"</strong>&gt;James Cameron&lt;/span&gt; (born August 16, 1954)&lt;/span&gt;
+  &lt;span <strong>itemprop="genre"</strong>&gt;Science fiction&lt;/span&gt;
+  &lt;a href="../movies/avatar-theatrical-trailer.html" <strong>itemprop="trailer"</strong>&gt;Trailer&lt;/a&gt;
+&lt;/div&gt;</pre>
+
+<h3 id="Estructuració_de_les_dades"><span class="short_text" id="result_box" lang="ca"><span>Estructuració de les dades</span></span></h3>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td colspan="1" rowspan="2"> </td>
+   <th colspan="2" rowspan="1"><strong>Item</strong></th>
+  </tr>
+  <tr>
+   <th><strong>itemprop name</strong></th>
+   <th><strong>itemprop value</strong></th>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>Avatar</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>director</td>
+   <td>James Cameron</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>genre</td>
+   <td>Science fiction</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>trailer</td>
+   <td>../movies/avatar-theatrical-trailer.html</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Propietats">Propietats</h2>
+
+<p>Les propietats tenen valors que són una cadena o un URL. Quan un valor de cadena és una adreça URL, s'expressa mitjançant l'element i el seu atribut href, l'element img i el seu atribut src, o altres elements que tenen enllaços o que incoproran recursos externs.</p>
+
+<h4 id="Tres_propietats_amb_valors_que_són_cadenes"><span class="short_text" id="result_box" lang="ca"><span>Tres</span> <span>propietats amb</span> <span>valors</span> <span>que són</span> <span>cadenes</span></span></h4>
+
+<pre class="brush: html">&lt;div itemscope&gt;
+ &lt;p&gt;My name is &lt;span itemprop="name"&gt;Neil&lt;/span&gt;.&lt;/p&gt;
+ &lt;p&gt;My band is called &lt;span itemprop="band"&gt;Four Parts Water&lt;/span&gt;.&lt;/p&gt;
+ &lt;p&gt;I am &lt;span itemprop="nationality"&gt;British&lt;/span&gt;.&lt;/p&gt;
+&lt;/div&gt;</pre>
+
+<h4 id="Una_propietat_image_el_valor_del_qual_és_una_adreça_URL">Una propietat, "image", el valor del qual és una adreça URL</h4>
+
+<pre class="brush: html">&lt;div itemscope&gt;
+ &lt;img itemprop="image" src="google-logo.png" alt="Google"&gt;
+&lt;/div&gt;</pre>
+
+<p>Quan un valor de cadena no pot ser fàcilment llegit i comprès per una persona (per exemple, una cadena llarga de números i lletres), aquest es pot visualitzar utilitzant l'atribut value de l'element data, aquesta versió és més fàcil d'entendre per un humà ja que determina el contingut dels elements (que no forma part de les dades estructurades - vegeu l'exemple següent).</p>
+
+<h4 id="Un_element_amb_una_propietat_el_valor_de_la_qual_és_un_ID_de_producte._L'ID_no_és_humanament_amistós_pel_que_el_nom_del_producte_s'utilitza_el_text_per_a_ser_humanament_visible_en_lloc_del_ID.">Un element amb una propietat el valor de la qual és un ID de producte. L'ID no és humanament amistós, pel que el nom del producte s'utilitza el text per a ser humanament visible en lloc del ID.</h4>
+
+<pre class="brush: html">&lt;h1 itemscope&gt;
+ &lt;data itemprop="product-id" value="9678AOU879"&gt;The Instigator 2000&lt;/data&gt;
+&lt;/h1&gt;</pre>
+
+<p>Per les dades numèriques, l'element meter i el seu atribut value es poden utilitzar.</p>
+
+<h4 id="Un_exemple_de_l'element_meter">Un exemple de l'element meter</h4>
+
+<pre class="brush: html">&lt;div itemscope itemtype="http://schema.org/Product"&gt;
+ &lt;span itemprop="name"&gt;Panasonic White 60L Refrigerator&lt;/span&gt;
+ &lt;img src="panasonic-fridge-60l-white.jpg" alt=""&gt;
+  &lt;div itemprop="aggregateRating"
+       itemscope itemtype="http://schema.org/AggregateRating"&gt;
+   &lt;meter itemprop="ratingValue" min=0 value=3.5 max=5&gt;Rated 3.5/5&lt;/meter&gt;
+   (based on &lt;span itemprop="reviewCount"&gt;11&lt;/span&gt; customer reviews)
+  &lt;/div&gt;
+&lt;/div&gt;</pre>
+
+<p>De la mateixa manera, per les dades relacionades amb la data i hora , l'element time i el seu atribut datetime es poden utilitzar.</p>
+
+<h4 id="En_aquest_exemple_l'element_té_una_propietat_birthday_el_valor_de_la_qual_és_una_date.">En aquest exemple, l'element té una propietat, "birthday", el valor de la qual és una date.</h4>
+
+<pre class="brush: html">&lt;div itemscope&gt;
+ I was born on &lt;time itemprop="birthday" datetime="2009-05-10"&gt;May 10th 2009&lt;/time&gt;.
+&lt;/div&gt;</pre>
+
+<p>Les propietats també poden ser grups de parells nom-valor, posant l'atribut itemscope en l'element que es declara la propietat. Cada valor és una cadena o un grup de parells nom-valor (és a dir, un element).</p>
+
+<h4 id="En_aquest_exemple_l'element_exterior_representa_una_persona_i_la_interior_representa_una_banda"><span id="result_box" lang="ca"><span>En aquest</span> <span>exemple</span><span>, l'element</span> <span>exterior representa</span> <span>una persona,</span> <span>i la interior</span> <span>representa una</span> <span>banda</span></span></h4>
+
+<pre class="brush: html">&lt;div itemscope&gt;
+ &lt;p&gt;Name: &lt;span itemprop="name"&gt;Amanda&lt;/span&gt;&lt;/p&gt;
+ &lt;p&gt;Band: &lt;span itemprop="band" itemscope&gt; &lt;span itemprop="name"&gt;Jazz Band&lt;/span&gt; (&lt;span itemprop="size"&gt;12&lt;/span&gt; players)&lt;/span&gt;&lt;/p&gt;
+&lt;/div&gt;</pre>
+
+<p>L'element exterior superior té dues propietats, "name" i "band". El "name" és "Amanda", i la "band" és un element en si mateix, amb dues propietats, "name" i "size". El "name" de la banda és "Jazz Band", i la "size" és "12". L'element exterior en aquest exemple és un element microdata de nivell superior. Els elements que no formen part dels altres s'anomenen elements microdata de nivell superior.</p>
+
+<h4 id="Aquest_exemple_és_el_mateix_que_l'anterior_però_totes_les_propietats_són_separades_dels_seus_elements">Aquest exemple és el mateix que l'anterior, però totes les propietats són separades dels seus elements</h4>
+
+<pre class="brush: html">&lt;div itemscope id="amanda" itemref="a b"&gt;&lt;/div&gt;
+&lt;p id="a"&gt;Name: &lt;span itemprop="name"&gt;Amanda&lt;/span&gt;&lt;/p&gt;
+&lt;div id="b" itemprop="band" itemscope itemref="c"&gt;&lt;/div&gt;
+&lt;div id="c"&gt;
+ &lt;p&gt;Band: &lt;span itemprop="name"&gt;Jazz Band&lt;/span&gt;&lt;/p&gt;
+ &lt;p&gt;Size: &lt;span itemprop="size"&gt;12&lt;/span&gt; players&lt;/p&gt;
+&lt;/div&gt;</pre>
+
+<p>Això dóna el mateix resultat que l'exemple anterior. El primer element té dues propietats, "name", té asignat "Amanda" i "band", té  asignat un altre element. Aquest segon element té dues propietats addicionals, "name" té assignat "Jazz Band", i "size ", té assignat "12".</p>
+
+<p><span id="result_box" lang="ca"><span>Un element</span> <span>pot</span> <span>tenir diverses</span> <span>propietats amb</span> <span>el mateix</span> <span>nom</span> <span>i diferents</span> <span>valors.</span></span></p>
+
+<h4 id="Aquest_exemple_descriu_un_gelat_amb_dos_sabors"><span class="short_text" id="result_box" lang="ca"><span>Aquest exemple</span> <span>descriu</span> <span>un gelat</span><span>, amb dos</span> <span>sabors</span></span></h4>
+
+<pre class="brush: html">&lt;div itemscope&gt;
+ &lt;p&gt;Flavors in my favorite ice cream:&lt;/p&gt;
+ &lt;ul&gt;
+  &lt;li itemprop="flavor"&gt;Lemon sorbet&lt;/li&gt;
+  &lt;li itemprop="flavor"&gt;Apricot sorbet&lt;/li&gt;
+ &lt;/ul&gt;
+&lt;/div&gt;</pre>
+
+<p>Això dóna com a resultat un element amb dues propietats, ambdues amb el nom "flavor" i amb els valors "Lemon sorbet" i "Apricot sorbet" .</p>
+
+<p>Un element que introdueix una propietat també pot introduir múltiples propietats a la vegada, per evitar la duplicació quan algunes de les propietats tenen el mateix valor.</p>
+
+<h4 id="Aquí_veiem_un_element_amb_dues_propietats_favorite-color_i_favorite-fruit_ambdues_establertes_en_el_valor_orange">Aquí veiem un element amb dues propietats, "favorite-color" i "favorite-fruit", ambdues establertes en el valor "orange"</h4>
+
+<pre class="brush: html">&lt;div itemscope&gt;
+ &lt;span itemprop="favorite-color favorite-fruit"&gt;orange&lt;/span&gt;
+&lt;/div&gt;</pre>
+
+<div class="note">
+<p>Nota: No hi ha relació entre els microdata i el contingut del document, on els microdata son marcats.</p>
+</div>
+
+<h4 id="No_hi_ha_cap_diferència_semàntica_entre_els_dos_exemples_següents"><span id="result_box" lang="ca"><span>No hi ha</span> <span>cap diferència</span> <span>semàntica</span> <span>entre els</span> <span>dos exemples</span> <span>següents</span></span></h4>
+
+<pre class="brush: html">&lt;figure&gt;
+ &lt;img src="castle.jpeg"&gt;
+ &lt;figcaption&gt;&lt;span itemscope&gt;&lt;span itemprop="name"&gt;The Castle&lt;/span&gt;&lt;/span&gt; (1986)&lt;/figcaption&gt;
+&lt;/figure&gt;</pre>
+
+<pre class="brush: html">&lt;span itemscope&gt;&lt;meta itemprop="name" content="The Castle"&gt;&lt;/span&gt;
+&lt;figure&gt;
+ &lt;img src="castle.jpeg"&gt;
+ &lt;figcaption&gt;The Castle (1986)&lt;/figcaption&gt;
+&lt;/figure&gt;</pre>
+
+<p>Tots dos tenen una figura amb un títol, i tots dos, sense cap relació amb la figura, té un element amb un parell nom-valor amb el nom "name" i el valor "The Castle". L'única diferència és que si l'usuari arrossega el figcaption fora del document, l'element serà inclos en les dades d'arrossegar i deixar anar. No s'inclourà la imatge associada amb l'element.</p>
+
+<h2 id="Noms_i_valors">Noms i valors</h2>
+
+<p>Una propietat és un conjunt desordenat de símbols únics que són sensibles i representen els parells de nom-valor. El valor de la propietat ha de tenir almenys un símbol. En el següent exemple, cada cel·la de dades és un símbol.</p>
+
+<h3 id="Exemples_Noms">Exemples Noms</h3>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th colspan="1" rowspan="2" scope="col"> </th>
+   <th colspan="2" rowspan="1" scope="col">Item</th>
+  </tr>
+  <tr>
+   <th scope="col">itemprop <strong>name</strong></th>
+   <th scope="col">itemprop <strong>value</strong></th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <th>itemprop</th>
+   <td>country</td>
+   <td>Ireland</td>
+  </tr>
+  <tr>
+   <th>itemprop</th>
+   <td>Option</td>
+   <td>2</td>
+  </tr>
+  <tr>
+   <th>itemprop</th>
+   <td>https://www.flickr.com/photos/nlireland/6992065114/</td>
+   <td>Ring of Kerry</td>
+  </tr>
+  <tr>
+   <th>itemprop</th>
+   <td>img</td>
+   <td>https://www.flickr.com/photos/nlireland/6992065114/</td>
+  </tr>
+  <tr>
+   <th>itemprop</th>
+   <td>website</td>
+   <td>flickr</td>
+  </tr>
+  <tr>
+   <th>itemprop</th>
+   <td>(token)</td>
+   <td>(token)</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Els tokens són cadenes o URL's. Un element es denomina un <strong>element escrit ( typed item )</strong> si és un URL. Altrament, és una cadena. Les cadenes no poden contenir un punt o dos punts (vegeu més endavant).</p>
+
+<ol>
+ <li>Si l'element és un element escrit aquest ha de ser:
+  <ol>
+   <li>Un nom de propietat definida, o</li>
+   <li>Una URL vàlida, que es refereix a la definició del vocabulari, o</li>
+   <li>Una URL vàlida que s'usa com un nom de propietari propietat de l'element (és a dir, no està definit en una especificació pública), o</li>
+  </ol>
+ </li>
+ <li>Si l'element no és un element escrit aquest ha de ser:
+  <ol>
+   <li>Una cadena que no conté caràcters "." (U+002E FULL STOP)  i sense caràcters ":" (U+003A COLON) i s'usa com un nom de propietat d'element propietari (de nou, no s'ha definit en una especificació pública).</li>
+  </ol>
+ </li>
+</ol>
+
+<p class="note"><strong>Nota:</strong> les regles anteriors no permeten caràcters ":" en valors no URL, perquè en cas contrari no podien distingir-se de les URLs. Els valors amb caràcters "." estan reservats per a futures ampliacions. Els caràcters d'espai no es permeten perquè en cas contrari els valors serien analitzats com múltiples símbols.</p>
+
+<h2 id="Valors">Valors</h2>
+
+<p>El valor de la propietat d'un parell nom-valor es dóna per al primer cas coincident de la llista següent:</p>
+
+<ul>
+ <li>Si l'element té un atribut <strong>itemscope</strong>
+
+  <ul>
+   <li><span id="result_box" lang="ca"><span>El valor és</span> <span>l'<strong>item</strong></span> <span>creat</span> <span>per l'element</span><span>.</span></span> .</li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>meta</strong>
+  <ul>
+   <li>El valor és el valor de l'atribut <strong>content</strong> de l'element</li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>audio</strong>, <strong>embed</strong>, <strong>iframe</strong>, <strong>img</strong>, <strong>source</strong>, <strong>track</strong> o <strong>video</strong>
+  <ul>
+   <li>El valor és la cadena URL resultant que resulta d'analitzar el valor de l'atribut src de l'element en relació amb el document node (part de <a href="https://developer.mozilla.org/en-US/docs/Web/API/Microdata_DOM_API">Microdata DOM API</a>) de l'element en el moment en què s'estableix l'atribut</li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>a</strong>, <strong>area</strong> o <strong>link</strong>
+  <ul>
+   <li>El valor és la cadena URL resultant que resulta d'analitzar el valor de l'atribut href de l'element en relació amb el document node de l'element en el moment que s'estableix l'atribut</li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>object</strong>
+  <ul>
+   <li>El valor és la cadena URL resultant que resulta d'analitzar el valor de l'atribut data de l'element en relació amb el document node de l'element en el moment que s'estableix l'atribut</li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>data</strong>
+  <ul>
+   <li>El valor és el valor de l'atribut value de l'element</li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>meter </strong>
+  <ul>
+   <li>El valor és el valor de l'atribut <strong>value</strong> de l'element</li>
+  </ul>
+ </li>
+ <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>time </strong>
+  <ul>
+   <li>El valor és el valor <strong>datetime</strong> de l'element</li>
+  </ul>
+ </li>
+</ul>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>D'una altra manera</span></span></p>
+
+<ul>
+ <li><span class="short_text" id="result_box" lang="ca"><span>El valor és</span> <strong><span>textContent</span></strong> <span>de l'element.</span></span></li>
+</ul>
+
+<p>Si el valor d'una propietat és un URL, la propietat s'haurà d'especificar mitjançant un element de propietat URL. Els elements de la propietat URL són els elements <strong>a</strong>, <strong>area</strong>, <strong>audio</strong>, <strong>embed</strong>, <strong>iframe</strong>, <strong>img</strong>, <strong>link</strong>, <strong>object</strong>, <strong>source</strong>, <strong>track</strong> i <strong>video</strong>.</p>
+
+<h3 id="Ordre_dels_noms">Ordre dels noms</h3>
+
+<p>Els noms estan desordenats respecte a l'altra, però si un nom en particular té diversos valors, tenen un ordre relatiu.</p>
+
+<h4 id="En_el_següent_exemple_la_propietat_a_té_els_valors_1_i_2_en_aquest_ordre_però_si_la_propietat_a_ve_abans_que_la_propietat_b_o_no_no_és_important">En el següent exemple, la propietat "a" té els valors "1" i "2", en aquest ordre, però si la propietat "a" ve abans que la propietat "b" o no, no és important</h4>
+
+<pre class="brush: html">&lt;div itemscope&gt;
+ &lt;p itemprop="a"&gt;1&lt;/p&gt;
+ &lt;p itemprop="a"&gt;2&lt;/p&gt;
+ &lt;p itemprop="b"&gt;test&lt;/p&gt;
+&lt;/div&gt;</pre>
+
+<h4 id="El_següent_és_equivalent"><span class="short_text" id="result_box" lang="ca"><span>El següent</span> <span>és</span> <span>equivalent</span></span></h4>
+
+<pre class="brush: html">&lt;div itemscope&gt;
+ &lt;p itemprop="b"&gt;test&lt;/p&gt;
+ &lt;p itemprop="a"&gt;1&lt;/p&gt;
+ &lt;p itemprop="a"&gt;2&lt;/p&gt;
+&lt;/div&gt;</pre>
+
+<h4 id="Com_és_el_següent"><span class="short_text" id="result_box" lang="ca"><span>Com és el</span> <span>següent</span></span></h4>
+
+<pre class="brush: html">&lt;div itemscope&gt;
+ &lt;p itemprop="a"&gt;1&lt;/p&gt;
+ &lt;p itemprop="b"&gt;test&lt;/p&gt;
+ &lt;p itemprop="a"&gt;2&lt;/p&gt;
+&lt;/div&gt;</pre>
+
+<h4 id="I_el_següent">  <span class="short_text" id="result_box" lang="ca"><span>I el</span> <span>següent</span></span></h4>
+
+<pre class="brush: html">&lt;div id="x"&gt;
+ &lt;p itemprop="a"&gt;1&lt;/p&gt;
+&lt;/div&gt;
+&lt;div itemscope itemref="x"&gt;
+ &lt;p itemprop="b"&gt;test&lt;/p&gt;
+ &lt;p itemprop="a"&gt;2&lt;/p&gt;
+&lt;/div&gt;
+</pre>
+
+<h2 id="Altres_exemples">Altres exemples</h2>
+
+<h3 id="HTML_2">HTML</h3>
+
+<pre class="brush: html">&lt;dl itemscope itemtype="http://vocab.example.net/book" itemid="urn:isbn:0-330-34032-8"&gt;
+ &lt;dt&gt;Title &lt;dd itemprop="title"&gt;The Reality Dysfunction
+ &lt;dt&gt;Author &lt;dd itemprop="author"&gt;Peter F. Hamilton
+ &lt;dt&gt;Publication date
+ &lt;dd&gt;&lt;time itemprop="pubdate" datetime="1996-01-26"&gt;26 January 1996&lt;/time&gt;
+&lt;/dl&gt;
+</pre>
+
+<h3 id="Estructuració_de_les_dades_2"><span class="short_text" id="result_box" lang="ca"><span>Estructuració de les dades</span></span></h3>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td colspan="1" rowspan="14">itemscope</td>
+   <td>itemtype: itemid</td>
+   <td colspan="2" rowspan="1">http://vocab.example.net/book: urn:isbn:0-330-34032-8</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>title</td>
+   <td>The Reality Dysfunction</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>author</td>
+   <td>Peter F. Hamilton</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>pubdate</td>
+   <td>1996-01-26</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('HTML_2', '', '', '', 'Web/HTML/Global_attributes/itemprop')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#names:-the-itemprop-attribute:names:-the-itemprop-attribute">itemprop</a></code></td>
+   <td> </td>
+   <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li>
+ <li>Altres atributs globals relacionats amb microdata:
+  <ul>
+   <li>{{htmlattrxref("itemid")}}</li>
+   <li>{{htmlattrxref("itemprop")}}</li>
+   <li>{{htmlattrxref("itemref")}}</li>
+   <li>{{htmlattrxref("itemscope")}}</li>
+   <li>{{htmlattrxref("itemtype")}}</li>
+  </ul>
+ </li>
+</ul>
+</div>
+</div>
diff --git a/files/ca/web/html/global_attributes/itemref/index.html b/files/ca/web/html/global_attributes/itemref/index.html
new file mode 100644
index 0000000000..3a1a9f19e5
--- /dev/null
+++ b/files/ca/web/html/global_attributes/itemref/index.html
@@ -0,0 +1,181 @@
+---
+title: itemref
+slug: Web/HTML/Global_attributes/itemref
+tags:
+  - Attribute
+  - Global attribute
+  - HTML
+  - Microdata
+  - Reference
+translation_of: Web/HTML/Global_attributes/itemref
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>itemref</strong> Les propietats que no són descendents d'un element amb l'atribut <code>itemscope</code> es poden associar amb l'element utilitzant una <code><strong>itemref</strong></code>. <code>itemref</code> proporciona una llista d'elements id's (no Itemids) amb propietats addicionals en qualsevol lloc del document.</p>
+
+<p><span id="result_box" lang="ca"><span>L'atribut</span> <code><span>itemref</span></code> <span>només</span> <span>es</span> <span>pot</span> <span>especificar</span> <span>en elements que</span> <span>tinguin un</span> <span>atribut</span> <code><span>itemscope</span></code> <span>especificat.</span></span></p>
+
+<p class="note"><strong>Nota: </strong>l'atribut <code>itemref</code> no és part del model de dades microdata. No és més que una construcció sintàctica per ajudar els autors a afegir anotacions a les pàgines en què les dades anotades no segueixen una estructura d'arbre convenient. Per exemple, es permet als autors el marcatge de dades en una taula de manera que cada columna defineix un element a part, mantenint les propietats de les cel·les.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;div itemscope id="amanda" itemref="a b"&gt;&lt;/div&gt;
+&lt;p id="a"&gt;Name: &lt;span itemprop="name"&gt;Amanda&lt;/span&gt; &lt;/p&gt;
+&lt;div id="b" itemprop="band" itemscope itemref="c"&gt;&lt;/div&gt;
+&lt;div id="c"&gt;
+    &lt;p&gt;Band: &lt;span itemprop="name"&gt;Jazz Band&lt;/span&gt; &lt;/p&gt;
+    &lt;p&gt;Size: &lt;span itemprop="size"&gt;12&lt;/span&gt; players&lt;/p&gt;
+&lt;/div&gt;
+</pre>
+
+<h3 id="Estructuració_de_les_dades"><span class="short_text" id="result_box" lang="ca"><span>Estructuració de les dades</span></span></h3>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th>id's</th>
+   <th>itemscope</th>
+   <th>itemref</th>
+   <th> </th>
+   <th>(itemprop name)</th>
+   <th>(itemprop value)</th>
+  </tr>
+  <tr>
+   <td>id=amanda</td>
+   <td>itemscope</td>
+   <td>itemref=a,b</td>
+   <td> </td>
+   <td> </td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>id=a</td>
+   <td> </td>
+   <td> </td>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>Amanda</td>
+  </tr>
+  <tr>
+   <td>id=b</td>
+   <td>itemscope</td>
+   <td>itemref=c</td>
+   <td> </td>
+   <td>band</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td colspan="1" rowspan="2">id=c</td>
+   <td> </td>
+   <td> </td>
+   <td>itemprop</td>
+   <td>Band</td>
+   <td>Jazz Band</td>
+  </tr>
+  <tr>
+   <td> </td>
+   <td> </td>
+   <td>itemprop</td>
+   <td>Size</td>
+   <td>12</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Resultat">Resultat</h3>
+
+<p>{{EmbedLiveSample('Example', '', '', '', 'Web/HTML/Global_attributes/itemref')}}</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#items">itemref</a></code></td>
+   <td> </td>
+   <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li>
+ <li>Altres atributs globals relacionats amb microdata:
+  <ul>
+   <li>{{htmlattrxref("itemid")}}</li>
+   <li>{{htmlattrxref("itemprop")}}</li>
+   <li>{{htmlattrxref("itemref")}}</li>
+   <li>{{htmlattrxref("itemscope")}}</li>
+   <li>{{htmlattrxref("itemtype")}}</li>
+  </ul>
+ </li>
+</ul>
+
+<div class="s3gt_translate_tooltip" id="s3gt_translate_tooltip" style="position: absolute; left: 106px; top: 156px; opacity: 0;">
+<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_logo" title="Traducir texto seleccionado"> </div>
+
+<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_sound" title="Reproducir"> </div>
+
+<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_copy" title="Copy text to Clipboard"> </div>
+</div>
diff --git a/files/ca/web/html/global_attributes/itemscope/index.html b/files/ca/web/html/global_attributes/itemscope/index.html
new file mode 100644
index 0000000000..6e7c42d8e9
--- /dev/null
+++ b/files/ca/web/html/global_attributes/itemscope/index.html
@@ -0,0 +1,315 @@
+---
+title: itemscope
+slug: Web/HTML/Global_attributes/itemscope
+tags:
+  - Attribute
+  - Global attribute
+  - HTML
+  - Microdata
+  - Reference
+translation_of: Web/HTML/Global_attributes/itemscope
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <code><strong>itemscope</strong></code> (en general) treballa juntament amb {{htmlattrxref ("itemtype")}} per especificar que el contingut HTML en un bloc es sobre un element en particular. <code>itemscope</code> crea l'element i defineix l'ambit del <code>itemtype</code> associat a ell. <code>itemtype</code> és un URL vàlid d'un vocabulari (com schema.org) que descriu l'element i el seu context de propietats. En els exemples següents el vocabulari utilitzat és de schema.org. Cada element HTML pot tenir un atribut <code>itemscope</code> especificat. Un element i<code>temscope</code> que no té un <code>itemtype</code> associat té una <code>itemref.</code></p>
+
+<div class="note">
+<p><strong>Nota:</strong> Més informació sobre els atributs <code>itemtype</code> es poden trobar a <a href="http://schema.org/Thing">http://schema.org/Thing</a></p>
+</div>
+
+<h3 id="Exemple_senzill">Exemple senzill</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush:html">&lt;div itemscope itemtype ="http://schema.org/Movie"&gt;
+  &lt;h1 itemprop="name"&gt;Avatar&lt;/h1&gt;
+  &lt;span&gt;Director: &lt;span itemprop="director"&gt;James Cameron&lt;/span&gt; (born August 16, 1954)&lt;/span&gt;
+  &lt;span itemprop="genre"&gt;Science fiction&lt;/span&gt;
+  &lt;a href="https://youtu.be/0AY1XIkX7bY" itemprop="trailer"&gt;Trailer&lt;/a&gt;
+&lt;/div&gt;
+</pre>
+
+<h4 id="sect1"> </h4>
+
+<h4 id="Estructuració_de_les_dades">Estructuració de les dades</h4>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td rowspan="6">itemscope</td>
+   <td>Itemtype</td>
+   <td colspan="2">Movie</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>(itemprop name)</td>
+   <td>(itemprop value)</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>director</td>
+   <td>James Cameron</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>genre</td>
+   <td>Science Fiction</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>Avatar</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>https://youtu.be/0AY1XIkX7bY</td>
+   <td>Trailer</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="itemscope_id's"><code>itemscope</code> id's</h3>
+
+<p>Un element amb l'atribut <code>itemscope</code> especificat crea un nou element que consisteix en un grup de parells de nom-valor. Els elements amb un atribut <code>itemscope</code> i un atribut <code>itemtype</code> també poden tenir un atribut {{htmlattrxref ("id")}} especificat (no un itemid, cf. {{htmlattrxref ("itemref")}}), per donar un identificador global a l'element, de manera que pot estar relacionat amb altres elements de pàgines d'altres llocs a la web.</p>
+
+<h3 id="Exemple">Exemple</h3>
+
+<p>Hi ha tres <code>itemscope</code> en aquest exemple. Els tres <code>itemscope</code>, al seu torn, estableixen l'ambit corresponent de tres <code>itemtype</code>. Els tres  <code>itemtype</code> són <code>Recipe</code>, <code>AggregateRating</code> i <code>NutritionInformation</code> . Aquests <code>itemtype</code> són part de la estructura de dades de schema.org  per a una recepta.</p>
+
+<pre class="brush: html">&lt;div itemscope itemtype="http://schema.org/Recipe"&gt;
+&lt;h2 itemprop="name"&gt;Grandma's Holiday Apple Pie&lt;/h2&gt;
+&lt;img itemprop="image" src="https://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg" width="50" height="50"/&gt;
+&lt;p&gt;By &lt;span itemprop="author" itemscope itemtype="http://schema.org/Person"&gt;
+&lt;span itemprop="name"&gt;Carol Smith&lt;/p&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;p&gt;Published: &lt;time datetime="2009-11-05" itemprop="datePublished"&gt;
+November 5, 2009&lt;/p&gt;&lt;/time&gt;
+&lt;span itemprop="description"&gt;This is my grandmother's apple pie recipe. I like to add a dash of nutmeg.&lt;br&gt;&lt;/span&gt;
+ &lt;span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"&gt;
+ &lt;span itemprop="ratingValue"&gt;4.0&lt;/span&gt; stars based on &lt;span itemprop="reviewCount"&gt;35&lt;/span&gt; reviews&lt;br&gt;&lt;/span&gt;
+Prep time: &lt;time datetime="PT30M" itemprop="prepTime"&gt;30 min&lt;br&gt;&lt;/time&gt;
+ Cook time: &lt;time datetime="PT1H" itemprop="cookTime"&gt;1 hour&lt;br&gt;&lt;/time&gt;
+ Total time: &lt;time datetime="PT1H30M" itemprop="totalTime"&gt;1 hour 30 min&lt;br&gt;&lt;/time&gt;
+ Yield: &lt;span itemprop="recipeYield"&gt;1 9" pie (8 servings)&lt;br&gt;&lt;/span&gt;
+ &lt;span itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation"&gt;
+ Serving size: &lt;span itemprop="servingSize"&gt;1 medium slice&lt;br&gt;&lt;/span&gt;
+ Calories per serving: &lt;span itemprop="calories"&gt;250 cal&lt;br&gt;&lt;/span&gt;
+ Fat per serving: &lt;span itemprop="fatContent"&gt;12 g&lt;br&gt;&lt;/span&gt;
+&lt;/span&gt;
+&lt;p&gt;Ingredients:&lt;br&gt;
+  &lt;span itemprop="recipeIngredient"&gt;Thinly-sliced apples: 6 cups&lt;br&gt;&lt;/span&gt;
+  &lt;span itemprop="recipeIngredient"&gt;White sugar: 3/4 cup&lt;br&gt;&lt;/span&gt;
+ ... &lt;/p&gt;
+
+Directions: &lt;br&gt;
+  &lt;div itemprop="recipeInstructions"&gt;
+    1. Cut and peel apples&lt;br&gt;
+    2. Mix sugar and cinnamon. Use additional sugar for tart apples. &lt;br&gt;
+    ...
+  &lt;/div&gt;
+&lt;/div&gt; </pre>
+
+<h3 id="Resultats">Resultats</h3>
+
+<h4 id="HTML_2">HTML</h4>
+
+<p>{{EmbedLiveSample('Example', '500', '550', '', 'Web/HTML/Global_attributes/itemscope')}}</p>
+
+<h4 id="Estructuració_de_les_dades_2">Estructuració de les dades</h4>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td colspan="1" rowspan="14">itemscope</td>
+   <td>itemtype</td>
+   <td colspan="2" rowspan="1">Recipe</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>Grandma's Holiday Apple Pie</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>image</td>
+   <td>https://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>datePublished</td>
+   <td>2009-11-05</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>description</td>
+   <td>This is my grandmother's apple pie recipe. I like to add a dash of nutmeg.</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>prepTime</td>
+   <td>PT30M</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>cookTime</td>
+   <td>PT1H</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>totalTime</td>
+   <td>PT1H30M</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>recipeYield</td>
+   <td>1 9" pie (8 servings)</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>recipeIngredient</td>
+   <td>Thinly-sliced apples: 6 cups</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>recipeIngredient</td>
+   <td>White sugar: 3/4 cup</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>recipeInstructions</td>
+   <td>1. Cut and peel apples 2. Mix sugar and cinnamon. Use additional sugar for tart apples .</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td colspan="2" rowspan="1">author [Person]</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>Carol Smith</td>
+  </tr>
+  <tr>
+   <td colspan="1" rowspan="3">itemscope</td>
+   <td>itemprop[itemtype]</td>
+   <td colspan="2" rowspan="1">aggregateRating [AggregateRating]</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>ratingValue</td>
+   <td>4.0</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>reviewCount</td>
+   <td>35</td>
+  </tr>
+  <tr>
+   <td colspan="1" rowspan="4">itemscope</td>
+   <td>itemprop[itemtype]</td>
+   <td colspan="2" rowspan="1">nutrition [NutritionInformation]</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>servingSize</td>
+   <td>1 medium slice</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>calories</td>
+   <td>250 cal</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>fatContent</td>
+   <td>12 g</td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="note">
+<p><strong>Nota</strong>: Una eina molt útil per a l'extracció d'estructures de microdata d'HTML és Google's <a href="https://developers.google.com/structured-data/testing-tool/">Structured Data Testing Tool</a>. Intenteu-ho en el codi HTML que es mostra a dalt.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#items">itemscope</a></code></td>
+   <td> </td>
+   <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li>
+ <li>Altres atributs globals relacionats amb microdata:
+  <ul>
+   <li>{{htmlattrxref("itemid")}}</li>
+   <li>{{htmlattrxref("itemprop")}}</li>
+   <li>{{htmlattrxref("itemref")}}</li>
+   <li>{{htmlattrxref("itemscope")}}</li>
+   <li>{{htmlattrxref("itemtype")}}</li>
+  </ul>
+ </li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/itemtype/index.html b/files/ca/web/html/global_attributes/itemtype/index.html
new file mode 100644
index 0000000000..9e6d0b8671
--- /dev/null
+++ b/files/ca/web/html/global_attributes/itemtype/index.html
@@ -0,0 +1,295 @@
+---
+title: itemtype
+slug: Web/HTML/Global_attributes/itemtype
+tags:
+  - Attribute
+  - Global attribute
+  - HTML
+  - Microdata
+  - Reference
+translation_of: Web/HTML/Global_attributes/itemtype
+---
+<div>{{HTMLSidebar("Global_attributes")}}</div>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong><code>itemtype</code></strong> especifica l'URL del vocabulari que s'utilitzarà per definir <code>itemprop</code> (propietats dels elements) en l'estructura de dades. {{Htmlattrxref ("itemscope")}} s'utilitza per establir l'ambit d'on en l'estructura de dades del vocabulari establert per <code>itemtype</code> estarà actiu.</p>
+
+<p>Google i altres motors de cerca donen suport al vocabulari <a href="http://schema.org/">schema.org</a> per dades estructurades. Aquest vocabulari defineix un conjunt estàndard de noms de tipus i noms de propietats, per exemple, <code><a href="http://schema.org/MusicEvent">MusicEvent</a> </code> indica la representació d'un concert amb <code><a href="http://schema.org/startDate">startDate</a></code> i propietats d'ubicació per especificar els detalls clau del concert. En aquest cas, seria <code><a href="http://schema.org/MusicEvent">MusicEvent</a></code> l'URL utilitzada per itemtype i startDate i la ubicació seria itemprop que <code><a href="http://schema.org/MusicEvent">MusicEvent</a> </code> defineix.</p>
+
+<div class="note">
+<p><strong>Note:</strong> Més informació sobre els atributs <code>itemtype</code> es poden trobar a <a href="http://schema.org/Thing">http://schema.org/Thing</a></p>
+</div>
+
+<ul>
+ <li>L'atribut <strong>itemtype</strong> ha de tenir un valor que és un conjunt desordenat de cadenes úniques que distingeixen entre majúscules i minúscules, cadascuna de les quals és un URL vàlid que és un URL absoluta, i tots les quals estan definides per utilitzar el mateix vocabulari. El valor de l'atribut ha de tenir almenys una cadena.</li>
+ <li>Els tipus d'elements han de ser definits en les especificacions aplicables (com <a href="http://schema.org/">schema.org</a> ) i han ser definits per utilitzar el mateix vocabulari.</li>
+ <li>L'atribut <code>itemtype</code> només es pot especificar en elements que tinguin especificat un atribut <code>itemscope</code>.</li>
+ <li>L'atribut <code>itemid</code> només es pot especificar en elements que tinguin definit un atribut <code>itemscope</code> i un atribut <code>itemtype</code>, i només es pot definir en elements amb un atribut <code>itemscope</code> en el que el seu atribut <code>itemtype</code> especifica un vocabulari que no admet identificadors globals per els elements, com es definit en l'especificació del vocabulari.</li>
+ <li>El significat exacte d'un identificador global està determinat mitjançant l'especificació del vocabulari. Correspon a aquestes especificacions definir si es permet que existeixin múltiples elements amb el mateix identificador global (ja sigui en la mateixa pàgina o diferents pàgines), i quines són les regles de processament per a aquest vocabulari pel que fa al maneig del cas de diversos elements amb el mateix ID.</li>
+</ul>
+
+<h3 id="Exemple_senzill">Exemple senzill</h3>
+
+<h4 id="HTML">HTML</h4>
+
+<pre class="brush: html">&lt;div itemscope itemtype="http://schema.org/Product"&gt;
+  &lt;span itemprop="brand"&gt;ACME&lt;/span&gt;
+  &lt;span itemprop="name"&gt;Executive Anvil&lt;/span&gt;
+&lt;/div&gt;</pre>
+
+<h4 id="Estructuració_de_les_dades">Estructuració de les dades</h4>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td rowspan="4">itemscope</td>
+   <td>itemtype</td>
+   <td colspan="2" rowspan="1">schema.org Product</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>Executive Anvil</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td colspan="2" rowspan="1">brand [Thing]</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>ACME</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Exemple">Exemple</h2>
+
+<h3 id="HTML_2">HTML</h3>
+
+<pre class="brush: html">&lt;div itemscope itemtype="http://schema.org/Product"&gt;
+  &lt;span itemprop="brand"&gt;ACME&lt;br&gt;&lt;/span&gt;
+  &lt;span itemprop="name"&gt;Executive Anvil&lt;br&gt;&lt;/span&gt;
+  &lt;img itemprop="image" src="https://pixabay.com/static/uploads/photo/2015/09/05/18/15/suitcase-924605_960_720.png" width="50" height="50" alt="Executive Anvil logo" /&gt;&lt;br&gt;
+
+&lt;span itemprop="description"&gt;Sleeker than ACME's Classic Anvil, the
+    Executive Anvil is perfect for the business traveler
+    looking for something to drop from a height.
+  &lt;br&gt;
+&lt;/span&gt;
+
+  Product #: &lt;span itemprop="mpn"&gt;925872&lt;br&gt;&lt;/span&gt;
+  &lt;span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"&gt;
+    Rating: &lt;span itemprop="ratingValue"&gt;4.4&lt;/span&gt; stars, based on &lt;span itemprop="reviewCount"&gt;89
+      &lt;/span&gt; reviews&lt;p&gt;
+  &lt;/span&gt;
+
+&lt;span itemprop="offers" itemscope itemtype="http://schema.org/Offer"&gt;
+    Regular price: $179.99&lt;br&gt;
+    &lt;meta itemprop="priceCurrency" content="USD" /&gt;
+    &lt;span itemprop="price"&gt;Sale price: $119.99&lt;br&gt;&lt;/span&gt;
+    (Sale ends &lt;time itemprop="priceValidUntil" datetime="2020-11-05"&gt;
+      5 November!&lt;/time&gt;)&lt;br&gt;
+    Available from: &lt;span itemprop="seller" itemscope itemtype="http://schema.org/Organization"&gt;
+                      &lt;span itemprop="name"&gt;Executive Objects&lt;br&gt;&lt;/span&gt;
+                    &lt;/span&gt;
+    Condition: &lt;link itemprop="itemCondition" href="http://schema.org/UsedCondition"/&gt;Previously owned,
+      in excellent condition&lt;br&gt;
+    &lt;link itemprop="availability" href="http://schema.org/InStock"/&gt;In stock! Order now!
+&lt;/span&gt;
+
+  &lt;/span&gt;
+
+&lt;/div&gt;</pre>
+
+<h3 id="Resultat">Resultat</h3>
+
+<h4 id="HTML_3">HTML</h4>
+
+<p>{{EmbedLiveSample('HTML_2', '300', '400', '', 'Web/HTML/Global_attributes/itemtype')}}</p>
+
+<h4 id="Estructuració_de_les_dades_2">Estructuració de les dades</h4>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td colspan="1" rowspan="7">itemscope</td>
+   <td>itemtype</td>
+   <td colspan="2" rowspan="1">Product (http://schema.org/Product)</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>Executive Anvil</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>image</td>
+   <td>https://pixabay.com/static/uploads/photo/2015/09/05/18/15/suitcase-924605_960_720.png</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>description</td>
+   <td>Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>mpn</td>
+   <td>925872</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>brand [Thing]</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>ACME</td>
+  </tr>
+  <tr>
+   <td colspan="1" rowspan="9">itemscope</td>
+   <td>itemprop[itemtype]</td>
+   <td>aggregateRating[AggregateRating]</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>ratingValue</td>
+   <td>4.4</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>reviewCount</td>
+   <td>89</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>offers [Offer]</td>
+   <td>http://schema.org/Offer</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>priceCurrency</td>
+   <td>USD</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>price</td>
+   <td>119.99</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>priceValidUntil</td>
+   <td>2020-11-05</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>itemCondition</td>
+   <td>http://schema.org/UsedCondition</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>availability</td>
+   <td>http://schema.org/InStock</td>
+  </tr>
+  <tr>
+   <td colspan="1" rowspan="2">itemscope</td>
+   <td>itemprop[itemtype]</td>
+   <td>seller [Organization]</td>
+   <td>http://schema.org/Organization</td>
+  </tr>
+  <tr>
+   <td>itemprop</td>
+   <td>name</td>
+   <td>Executive Objects</td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="note">
+<p><strong>Nota</strong>: Una eina molt útil per a l'extracció d'estructures de microdata d'HTML és Google's <a class="external external-icon" href="https://developers.google.com/structured-data/testing-tool/">Structured Data Testing Tool</a>. Intenteu-ho en el codi HTML que es mostra a dalt.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#items">itemtype</a></code></td>
+   <td> </td>
+   <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li>
+ <li>Altres atributs globals relacionats amb microdata:
+  <ul>
+   <li>{{htmlattrxref("itemid")}}</li>
+   <li>{{htmlattrxref("itemprop")}}</li>
+   <li>{{htmlattrxref("itemref")}}</li>
+   <li>{{htmlattrxref("itemscope")}}</li>
+   <li>{{htmlattrxref("itemtype")}}</li>
+  </ul>
+ </li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/lang/index.html b/files/ca/web/html/global_attributes/lang/index.html
new file mode 100644
index 0000000000..5817c27aca
--- /dev/null
+++ b/files/ca/web/html/global_attributes/lang/index.html
@@ -0,0 +1,102 @@
+---
+title: lang
+slug: Web/HTML/Global_attributes/lang
+translation_of: Web/HTML/Global_attributes/lang
+---
+<p class="note">{{HTMLSidebar("Global_attributes")}}</p>
+
+<p> L'<a href="/en-US/docs/Web/HTML/Global_attributes">atribut global</a>  <strong>lang </strong>participa en la definició de la llengua de l'element,la llengua en que els elements no editables estan escrits o la llengua en que els elements editables han de ser escrit. L'etiqueta conté un valor d'entrada únic que correspon a una de les etiquetes del document IETF <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47.txt"><em>Tags for Identifying Languages (BCP47)</em></a>. Si el contingut de l'etiqueta és uan <em>cadena buida </em>la llengua s'estableix com <em>a </em><em>desgoneguda</em> ; si el contingut de l'etiqueta no és valid, en referència al BCP47, s'estableix com a <em>invàlida</em>.</p>
+
+<p>Encara que l'atribut <strong>lang</strong> hagi sigut establert, pot no tenir-se e compte, ja que l'atribut <a href="/en-US/docs/Web/HTML/Global_attributes/xml:lang"><strong>xml:lang</strong></a> té prioritat. Llegiu <a href="/en-US/docs/Determining_the_language_of_element" title="en/Determining the language of element"> l'algoritme per determinar la llengua</a> d'un contingut d'un element per veure com la llengua es determina en tots els casos.</p>
+
+<p>Per la pseudo-classe de CSS {{ cssxref(":lang") }}, dos noms de llengües invàlides són diferents si els seus noms són diferents.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>No hi ha canvis de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, no hi ha canvis de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània de  {{SpecName('HTML WHATWG')}}, comprotament amb <strong>xml:lang</strong> i determinació de llenguatge algorísmic definit. També és un veritable atribut global.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/dirlang.html#h-8.1', 'lang')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Supportat en tots elements menys en {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, i {{HTMLElement("script")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport Bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport Bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Tots els <a href="/en-US/docs/Web/HTML/Global_attributes">Atributs globals</a>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/spellcheck/index.html b/files/ca/web/html/global_attributes/spellcheck/index.html
new file mode 100644
index 0000000000..6a9d94f1fc
--- /dev/null
+++ b/files/ca/web/html/global_attributes/spellcheck/index.html
@@ -0,0 +1,215 @@
+---
+title: spellcheck
+slug: Web/HTML/Global_attributes/spellcheck
+tags:
+  - Experimental
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/spellcheck
+---
+<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p>
+
+<p>L'atribut global spellcheck és un atribut enumerat defineix si en l'element es poden comprovar els errors d'ortografia. Pot tenir els següents valors:</p>
+
+<ul>
+ <li><code>true</code>, indica que l'element, si és possible, se li ha de comprovar els errors d'ortografia;</li>
+ <li><code>false</code>, indica que l'element, si és possible, no se li ha de comprovar els errors d'ortografia.</li>
+</ul>
+
+<p>Si aquest atribut no està establert, el valor predeterminat és de tipus d'element i definit pel navegador. Aquest valor per defecte també pot <em>heretar</em>, la qual cosa vol dir que el contingut de l'element es revisa l'ortografia només si el seu ancestre més proper té un estat <code>true</code> per la correcció ortogràfica.<br>
+ <br>
+ Podeu consultar <a href="/en/HTML/Controlling_spell_checking_in_HTML_forms" title="en/Controlling spell checking in HTML forms">aquest article</a> per veure un exemple complet de l'ús d'aquest atribut.</p>
+
+<p>Aquest atribut és un enumerat i no un booleà. Això vol dir que l'ús explícit d'un dels valors <code>true</code> o <code>false</code> és obligatori i que una forma abreujada com <code>&lt;label spellcheck&gt;</code>Exemple <code>Label&lt;/ label&gt;</code> no està permès. L'ús correcte és <code>&lt;label spellcheck="true"&gt;</code>Exemple <code>Label&lt;/label&gt;</code>.</p>
+
+<p>Aquest atribut és simplement un suggeriment per al navegador: els navegadors no són necessaris per a poder comprovar els errors d'ortografia. Generalment, els elements no editables no es comproven els errors d'ortografia, tot i que l'atribut <strong>spellcheck</strong> s'estableixi en <code>true</code> i el navegador sigui compatible amb la correcció ortogràfica.</p>
+
+<p>El <em>valor per defecte</em> d'aquest atribut depèn del navegador i l'element:</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th>Browser</th>
+   <th>{{ HTMLElement("html") }}</th>
+   <th>{{ HTMLElement("textarea") }}</th>
+   <th>{{ HTMLElement("input") }}</th>
+   <th>others</th>
+   <th>Comment</th>
+  </tr>
+  <tr>
+   <td rowspan="3">Firefox</td>
+   <td><code>false</code></td>
+   <td><code>false</code></td>
+   <td><code>false</code></td>
+   <td><em>inherited</em></td>
+   <td>When <code>layout.spellcheckDefault</code> is <code>0</code></td>
+  </tr>
+  <tr>
+   <td><strong><code>false</code></strong></td>
+   <td><strong><code>true</code></strong></td>
+   <td><strong><em>inherited</em></strong></td>
+   <td><strong><em>inherited</em></strong></td>
+   <td><strong>When <code>layout.spellcheckDefault</code> is <code>1</code> (default value)</strong></td>
+  </tr>
+  <tr>
+   <td><code>false</code></td>
+   <td><code>true</code></td>
+   <td><code>true</code></td>
+   <td><em>inherited</em></td>
+   <td>When <code>layout.spellcheckDefault</code> is <code>2</code></td>
+  </tr>
+  <tr>
+   <td rowspan="3">Seamonkey</td>
+   <td><code>false</code></td>
+   <td><code>false</code></td>
+   <td><code>false</code></td>
+   <td><em>inherited</em></td>
+   <td>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;"><code>0</code></span></td>
+  </tr>
+  <tr>
+   <td><strong><code>false</code></strong></td>
+   <td><strong><code>true</code></strong></td>
+   <td><strong><em>inherited</em></strong></td>
+   <td><strong><em>inherited</em></strong></td>
+   <td><strong>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;">1</span> (default value)</strong></td>
+  </tr>
+  <tr>
+   <td><code>false</code></td>
+   <td><code>true</code></td>
+   <td><code>true</code></td>
+   <td><em>inherited</em></td>
+   <td>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;"><code>2</code></span></td>
+  </tr>
+  <tr>
+   <td rowspan="3">Camino</td>
+   <td><code>false</code></td>
+   <td><code>false</code></td>
+   <td><code>false</code></td>
+   <td><em>inherited</em></td>
+   <td>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;"><code>0</code></span></td>
+  </tr>
+  <tr>
+   <td><code>false</code></td>
+   <td><code>true</code></td>
+   <td><em>inherited</em></td>
+   <td><em>inherited</em></td>
+   <td>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;"><code>1</code></span></td>
+  </tr>
+  <tr>
+   <td><strong><code>false</code></strong></td>
+   <td><strong><code>true</code></strong></td>
+   <td><strong><code>true</code></strong></td>
+   <td><strong><em>inherited</em></strong></td>
+   <td><strong>When <span style="font-family: Courier New;">layout.spellcheckDefault</span> is <span style="font-family: Courier New;"><code>2</code> </span><strong>(default value)</strong></strong></td>
+  </tr>
+  <tr>
+   <td>Chrome</td>
+   <td><code>false</code></td>
+   <td><code>true</code></td>
+   <td>?</td>
+   <td><em>inherited</em></td>
+  </tr>
+  <tr>
+   <td>Internet Explorer</td>
+   <td><code>false</code></td>
+   <td><code>true</code></td>
+   <td>?</td>
+   <td><em>inherited</em></td>
+  </tr>
+  <tr>
+   <td>Opera</td>
+   <td><code>false</code></td>
+   <td><code>true</code></td>
+   <td>?</td>
+   <td><em>inherited</em></td>
+  </tr>
+  <tr>
+   <td>Safari</td>
+   <td><code>false</code></td>
+   <td><code>true</code></td>
+   <td>?</td>
+   <td><em>inherited</em></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "interaction.html#spelling-and-grammar-checking", "spellcheck")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "editing.html#spelling-and-grammar-checking", "spellcheck")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatGeckoDesktop("1.8.1") }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatUnknown}}</td>
+   <td>{{ CompatGeckoMobile("1.8.1") }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/style/index.html b/files/ca/web/html/global_attributes/style/index.html
new file mode 100644
index 0000000000..5487e42a7f
--- /dev/null
+++ b/files/ca/web/html/global_attributes/style/index.html
@@ -0,0 +1,107 @@
+---
+title: style
+slug: Web/HTML/Global_attributes/style
+translation_of: Web/HTML/Global_attributes/style
+---
+<p class="note">{{HTMLSidebar("Global_attributes")}}</p>
+
+<p>L'<a href="/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>style</strong> contè declaracions d'estil <a href="/en/CSS" title="en/CSS">CSS</a> per ser aplicat a l'element. Fixeu-vos que es recomana definir els estils en un fitxer o fitxers diferent. Tant aquest atribut com l'element {{ HTMLElement("style") }} tenen principalment la finalitat de permetre aplicar estils de forma ràpida, per exemple per propòsits de testeig.</p>
+
+<div class="note">
+<p><strong>Nota d'ús: </strong>Aquest atribut no s'ha d'utilitzar per transmetre informació semàntica. Fins i tot en el cas que s'eliminin tots els estils, la pàgina hauria de remandre semànticament correcta. No s'hauria d'utilitzar per amagar informació irrellevant; si aquest és l'objectiu, s'hauria d'utilitzar l'atribut <a href="#attr-hidden" title="#attr-hidden"><strong>hidden</strong></a>.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "dom.html#the-style-attribute", "style")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Cap canvi des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "dom.html#the-style-attribute", "style")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, cap canvi desde {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "dom.html#the-style-attribute", "style")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània {{SpecName('HTML WHATWG')}}. A partir de {{SpecName("HTML4.01")}}, és un atribut global vertader.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'present/styles.html#h-14.2.2', 'style')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Suportat en tots els elements excepte:{{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, and {{HTMLElement("title")}}.</td>
+  </tr>
+  <tr>
+   <td>{{ SpecName("CSS3 Style", "", "") }}</td>
+   <td>{{Spec2("CSS3 Style")}}</td>
+   <td>Es defineix el contingut de l'atribut <strong>style</strong>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Tots els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/tabindex/index.html b/files/ca/web/html/global_attributes/tabindex/index.html
new file mode 100644
index 0000000000..13ccd52808
--- /dev/null
+++ b/files/ca/web/html/global_attributes/tabindex/index.html
@@ -0,0 +1,116 @@
+---
+title: tabindex
+slug: Web/HTML/Global_attributes/tabindex
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/tabindex
+---
+<p>{{HTMLSidebar("Global_attributes")}}</p>
+
+<p class="note">El valor màxim per tabindex no ha d'excedir de 32.767 especificació W3C secció 17.11.1. Si no s'especifica el valor per omissió és -1</p>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <span lang="ca"> <strong><span>tabindex</span></strong> <span>és</span> <span>un enter que</span> <span>indica</span> <span>si l'element</span> <span>pot</span> <span>tenir</span> <span>el focus</span> <span>d'entrada</span> <span>(</span><span>és</span> <em><span>enfocable</span></em><span>)</span><span>,</span> <span>si</span> <span>ha de participar</span> <span>en la navegació</span> <span>per teclat</span> <span>seqüencial</span><span>, i en cas</span> <span>afirmatiu</span><span>,</span> <span>en quina posició</span><span>.</span> <span>Pot prendre</span> <span>diversos</span> <span>valors</span><span>:</span></span></p>
+
+<ul>
+ <li><em>un valor negatiu</em> significa que l'element ha de ser enfocable, però no ha de ser accessible a través de la navegació seqüencial del teclat;</li>
+ <li><code>0</code> vol dir que l'element ha de ser enfocable i accessible a través de la navegació seqüencial del teclat, però el seu ordre relatiu està definit per la convenció de la plataforma;</li>
+ <li>un <em>valor positiu</em> significa que ha de ser enfocable i accessible a través de la navegació seqüencial del teclat; el seu ordre relatiu es defineix pel valor de l'atribut: el seguiment seqüencial va incrementan el nombre de tabindex. Si diversos elements comparteixen el mateix tabindex, el seu ordre relatiu segueix la seva posició relativa en el document.</li>
+</ul>
+
+<p>Un element amb un valor <code>0</code>, un valor no vàlid o cap valor <strong>tabindex</strong> ha de ser col·locat després dels elements amb un <strong>tabindex</strong> positiu en l'ordre navegació seqüencial del teclat.</p>
+
+<p>Podeu consultar <a href="/en/Focus_management_in_HTML" title="en/Focus management in HTML">aquest article</a> per veure una explicació completa d'administració de l'enfocament.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "editing.html#attr-tabindex", "tabindex")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "editing.html#attr-tabindex", "tabindex")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "editing.html#attr-tabindex", "tabindex")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}. Des de {{SpecName("HTML4.01")}}, <span id="result_box" lang="ca"><span>l'atribut</span> <span>ara</span> <span>és compatible</span> <span>amb</span> <span>tots</span> <span>els</span> <span>elements</span> <span>(</span><span>atributs</span> <span>globals</span><span>)</span><span>.</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'interact/forms.html#adef-tabindex', 'tabindex')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Només soportat en {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}} i {{HTMLElement("textarea")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+ <li>{{domxref("HTMLElement.tabIndex")}} <span class="short_text" id="result_box" lang="ca"><span>que reflecteix</span> <span>aquest</span> <span>atribut.</span></span></li>
+ <li>Problemes d'accessibilitat amb tabindex: Veure <a href="http://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html" id="id-22" style="font-size: inherit; line-height: inherit;" title="Don’t Use Tabindex Greater than 0 | Adrian Roselli">No utilitzar Tabindex més gran que 0 | Adrian Roselli</a>.</li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/title/index.html b/files/ca/web/html/global_attributes/title/index.html
new file mode 100644
index 0000000000..de5b97f8e2
--- /dev/null
+++ b/files/ca/web/html/global_attributes/title/index.html
@@ -0,0 +1,139 @@
+---
+title: title
+slug: Web/HTML/Global_attributes/title
+tags:
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/title
+---
+<p>{{HTMLSidebar("Global_attributes")}}</p>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>title</strong> conté un text que representa informació d'assessorament en relació amb l'element al qual pertany. Aquesta informació pot generalment, però no necessàriament, presentar-se a l'usuari com una descripció. Aquests són alguns dels usos típics d'aquest atribut:</p>
+
+<ul>
+ <li>Vincle: <span class="short_text" id="result_box" lang="ca"><span>el títol</span> <span>o una descripció</span> <span>del document</span> <span>vinculat</span></span></li>
+ <li>Element Media com una imatge: <span class="short_text" id="result_box" lang="ca"><span>una descripció o</span> <span>crèdits</span> <span>associats</span></span></li>
+ <li><span class="short_text" id="result_box" lang="ca"><span>Paràgraf</span></span>: <span class="short_text" id="result_box" lang="ca"><span>una nota</span> <span>al peu o</span> <span>un comentari</span> <span>sobre ell</span></span></li>
+ <li>Cita: <span id="result_box" lang="ca"><span>alguna informació</span> <span>sobre l'autor,</span> <span>i</span> <span>així</span> <span>successivament</span></span>.</li>
+</ul>
+
+<p>Si s'omet aquest atribut, vol dir que el títol de l'ancestre més proper d'aquest element segueix sent rellevant per a ell (i legítimament es pot utilitzar com la descripció d'aquest element). Si aquest atribut s'estableix en una <em>cadena buida</em>, significa explícitament que el títol del seu ancestre més proper no és rellevant per a aquest element (i no ha de ser utilitzat en la descripció d'aquest element).</p>
+
+<p>Semàntiques addicionals estan connectats als atributs del <strong>title</strong> dels elements {{ HTMLElement("link") }}, {{ HTMLElement("abbr") }}, {{ HTMLElement("input") }} i {{ HTMLElement("menuitem") }}.</p>
+
+<p>L'atribut <strong>title</strong> pot contenir diverses línies. Cada <code>U+LINE FEED (LF)</code> que s'insereix representa un salt de línia. Algunes precaucions han de ser preses encara que, lo que vol dir que:</p>
+
+<pre class="brush: html">&lt;p&gt;Newlines in title should be taken into account,like this &lt;abbr title="This is a
+multiline title"&gt;example&lt;/abbr&gt;.&lt;/p&gt;
+</pre>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>defineix un</span> <span>títol</span> <span>de dues</span> <span>línies.</span></span></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "elements.html#the-title-attribute", "title")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "dom.html#the-title-attribute", "title")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "dom.html#the-title-attribute", "title")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}. Des de {{SpecName("HTML4.01")}}, <span class="short_text" id="result_box" lang="ca"><span>és un veritable</span> <span>atribut</span> <span>global</span></span></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#adef-title', 'title')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>Suportat amb tots els elements però {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}} i {{HTMLElement("title")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>Suport Multi-línia</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{CompatGeckoDesktop(12)}}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>Suport Multi-línia</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile(12)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+ <li>{{domxref("HTMLElement.title")}} <span class="short_text" id="result_box" lang="ca"><span>que reflecteix</span> <span>aquest</span> <span>atribut.</span></span></li>
+</ul>
diff --git a/files/ca/web/html/global_attributes/translate/index.html b/files/ca/web/html/global_attributes/translate/index.html
new file mode 100644
index 0000000000..34d63218b9
--- /dev/null
+++ b/files/ca/web/html/global_attributes/translate/index.html
@@ -0,0 +1,99 @@
+---
+title: translate
+slug: Web/HTML/Global_attributes/translate
+tags:
+  - Experimental
+  - Global attributes
+  - HTML
+  - Reference
+translation_of: Web/HTML/Global_attributes/translate
+---
+<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p>
+
+<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <span lang="ca"> </span> <strong>translate</strong> és un atribut enumerat que s'utilitza per especificar si els valors dels atributs d'un element i els valors dels seus node de <code id="the-translate-attribute:text"><a href="https://html.spec.whatwg.org/multipage/infrastructure.html#text">Text</a></code> fills s'han de traduir quan la pàgina es localitzada, o deixar-los sense canvis. Pot tenir els següents valors:</p>
+
+<ul>
+ <li>cadena buida i <code>"yes"</code>, indica que l'element s'ha de traduir quan es localitza la pàgina.</li>
+ <li><code>"no"</code>, <span class="short_text" id="result_box" lang="ca"><span>indica que</span> <span>l'element no</span> <span>s'ha de traduir.</span></span></li>
+</ul>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "dom.html#attr-translate", "translate")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5.1', "dom.html#the-translate-attribute", "translate")}}</td>
+   <td>{{Spec2('HTML5.1')}}</td>
+   <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatNo }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{CompatNo }}</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatNo }}</td>
+   <td>{{ CompatNo }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Veure">Veure</h2>
+
+<ul>
+ <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
+ <li>La propietat {{domxref("HTMLElement.translate")}} <span class="short_text" id="result_box" lang="ca"><span>reflecteix</span> <span>aquest</span> <span>atribut</span></span> .</li>
+</ul>
diff --git a/files/ca/web/html/index.html b/files/ca/web/html/index.html
new file mode 100644
index 0000000000..81475f514a
--- /dev/null
+++ b/files/ca/web/html/index.html
@@ -0,0 +1,106 @@
+---
+title: HTML (HyperText Markup Language)
+slug: Web/HTML
+tags:
+  - HTML
+  - HTML Lesson
+  - HTML Programming
+  - HTML Tutorials
+  - HTML5
+  - Hyper text
+  - Hypertext
+  - Landing
+  - Reference
+  - Web
+  - What is HTML
+  - 'l10n:priority'
+translation_of: Web/HTML
+---
+<div>{{HTMLSidebar}}</div>
+
+<p class="summary"><strong>HTML</strong><strong> </strong>(llenguatge de marcatge hipertextual - HyperText Markup Language) és el bloc de construcció més bàsic de la web. Defineix el significat i l'estructura del contingut  web. Altres tecnologies a més de HTML s'utilitzen generalment per descriure l'aparença/presentació (<a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>) o la funcionalitat (<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript</a>) d'una pàgina web.</p>
+
+<p>"HyperText" fa referència als enllaços que connecten pàgines web entre si, ja sigui dins d'un únic lloc web o entre llocs web. Els enllaços són un aspecte fonamental de la web. En penjar contingut a Internet i enllaçar-lo a pàgines creades per altres persones, us convertiu en un participant actiu a la World Wide Web.</p>
+
+<p>HTML utilitza "marcat" per anotar text, imatges i altres continguts per mostrar-ho en un navegador web. El marcat HTML inclou "elements" especials com {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}} i molts altres.</p>
+
+<p class="brush: html">Un element d'HTML és separa d'un altre text en un document mitjançant "etiquetes", les quals consisteixen en el nom de l'element envoltat per "<code>&lt;</code>" i "<code>&gt;</code>". El nom d'un element dins una etiqueta és indiferent a majúscules o minúscules. Que és, pot ser escrit dins majúscul, minúscula, o una mescla. Per exemple, l'etiqueta <code>&lt;title&gt;</code> es pot escriure com <code>&lt;Title&gt;</code>, <code>&lt;TITLE&gt;</code>, o en qualsevol altre manera.</p>
+
+<p>Els següents articles us ajudaran a aprendre més sobre HTML.</p>
+
+<section class="cleared" id="sect1">
+<ul class="card-grid">
+ <li><span>Introducció a HTML</span>
+
+  <p>Si sou nou en el desenvolupament web, assegureu-vos de llegir l'article <a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML Bàsics</a> per aprendre què és HTML i com utilitzar-lo.</p>
+ </li>
+ <li><span>Tutorials HTML</span>
+  <p>Per articles sobre com utilitzar HTML, així com tutorials i exemples complets, consulteu el nostre <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML">àrea d'aprenentatge HTML</a>.</p>
+ </li>
+ <li><span>Referència HTML</span>
+  <p>A la nostra àmplia secció de <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference">referència HTML</a>, trobareu els detalls sobre cada element i atribut en HTML.</p>
+ </li>
+</ul>
+
+<div class="row topicpage-table">
+<div class="section">
+<h2 class="Tools" id="Tools" name="Tools">Tutorials per principiants</h2>
+
+<p>La nostra <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML">àrea d'aprenentatge HTML</a> ofereix múltiples mòduls que ensenyen HTML des del principi, sense necessitat d'un coneixement previ.</p>
+
+<dl>
+ <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introducció a HTML</a></dt>
+ <dd>Aquest mòdul estableix l'escenari, perquè us aneu acostumant a conceptes i sintaxis importants, com aplicar HTML al text, com crear hipervincles i com usar HTML per estructurar una pàgina web.</dd>
+ <dt><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">Multimèdia i incrustació</a></dt>
+ <dd>Aquest mòdul explora com utilitzar HTML per incloure multimèdia a les vostres pàgines web, incloent les diferents maneres en què es poden incloure les imatges i com incrustar vídeo, àudio i fins i tot pàgines web senceres.</dd>
+ <dt><a href="/en-US/docs/Learn/HTML/Tables">Taules HTML</a></dt>
+ <dd>Representar dades tabulars en una pàgina web d'una manera comprensible i accessible pot ser un repte. Aquest mòdul inclou el marcat bàsic de la taula, juntament amb característiques més complexes, com ara la implementació de subtítols i resums.</dd>
+ <dt><a href="/en-US/docs/Learn/HTML/Forms">Formularis HTML</a></dt>
+ <dd>Els formularis són una part molt important de la Web: proporcionen gran part de la funcionalitat que necessiteu per interactuar amb els llocs web, p. ex. registrar i iniciar sessió, enviar comentaris, comprar productes i molt més. Aquest mòdul us permet començar a crear les parts del costat del client dels formularis.</dd>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto">Utilitzar HTML per resoldre problemes comuns</a></dt>
+ <dd>Proporciona enllaços a seccions de contingut que expliquen com utilitzar HTML per resoldre problemes molt comuns a l'hora de crear una pàgina web: tractar els títols, afegir imatges o vídeos, fer èmfasi en el contingut, crear un formulari bàsic, etc.</dd>
+</dl>
+
+<h2 id="Temes_avançats">Temes avançats</h2>
+
+<dl>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/CORS_enabled_image">Imatge CORS habilitada</a></dt>
+ <dd>L'atribut {{htmlattrxref("crossorigin", "img")}} en combinació amb un encapçalament {{glossary("CORS")}} adequat, permet que les imatges definides per l'element {{HTMLElement("img")}} es carreguin des d'origens estrangers i s'utilitzin en un element {{HTMLElement("canvas")}} com si s'estiguessin carregant des de l'origen actual.</dd>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/CORS_settings_attributes">Atributs de configuració de CORS</a></dt>
+ <dd class="landingPageList">Alguns elements HTML que proporcionen suport per <a href="/ca/docs/HTTP/Access_control_CORS">CORS</a>, com ara {{HTMLElement("img")}} o {{HTMLElement("video")}}, tenen un atribut <code>crossorigin</code> (propietat <code>crossOrigin</code>), que us permet configurar les sol·licituds CORS per les dades  recuperades de l'element.</dd>
+ <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content">Precàrrega de contingut amb rel="preload"</a></dt>
+ <dd class="landingPageList">El valor <code>preload</code> de l'atribut {{htmlattrxref("rel", "link")}} de l'element {{htmlelement("link")}} permet escriure sol·licituds de cerca declaratives en el seu {{htmlelement("head")}} HTML , especificant els recursos que les vostres pàgines necessitaran, ràpidament després de la càrrega, per la qual cosa necessita començar la precàrrega abans del cicle de vida d'una càrrega de pàgina, abans que la maquinària de representació principal, del navegador, entri en acció . Això garanteix que estiguin disponibles abans i sigui menys probable que bloquegi el primer renderitzat de la pàgina, la qual cosa comporta millores en el rendiment. Aquest article proporciona una guia bàsica sobre com funciona el <code>preload</code>.</dd>
+</dl>
+</div>
+
+<div class="section">
+<h2 class="Documentation" id="Referències">Referències</h2>
+
+<dl>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Reference">Referència HTML</a></dt>
+ <dd class="landingPageList">HTML consisteix en <strong>elements</strong>, cadascun dels quals pot ser modificat per un cert nombre d'<strong>atributs</strong>. Els documents HTML es connecten entre si per <a href="/ca/docs/Web/HTML/Link_types">enllaços</a>.</dd>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Element">Referència de l'element HTML</a></dt>
+ <dd class="landingPageList">Navegareu per una llista de tots els {{glossary("Element", "elements")}} {{glossary("HTML")}}.</dd>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Attributes">Referència de l'atribut HTML</a></dt>
+ <dd class="landingPageList">Els elements en HTML tenen <strong>atributs</strong>. Són valors addicionals que configuren els elements o ajusten el seu comportament de diverses maneres.</dd>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Global_attributes">Atributs Globals</a></dt>
+ <dd class="landingPageList">Els atributs globals es poden especificar en tots els <a href="/ca/docs/Web/HTML/Element">elements HTML</a>, <em>fins i tot aquells no especificats en l'estàndard</em>. Això significa que qualsevol element no estàndard ha de permetre aquests atributs, encara que aquests elements facin que el document HTML5 no sigui compatible.</dd>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Inline_elements">Elements en línia</a> i <a href="/en-US/docs/Web/HTML/Block-level_elements">elements a nivell de bloc</a></dt>
+ <dd class="landingPageList">Els elements HTML solen ser elements "en línia" o "a nivell de bloc". Un element inline ocupa només l'espai delimitat per les etiquetes que el defineixen. Un element a nivell de bloc ocupa tot l'espai del seu element pare (contenidor), creant així un "bloc".</dd>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Link_types">Tipus d'enllaços</a></dt>
+ <dd class="landingPageList">En HTML, es poden utilitzar diversos tipus d'enllaços per establir i definir la relació entre dos documents. Els elements d'enllaç que els tipus es poden configurar, inclouen {{HTMLElement("a")}}, {{HTMLElement("area")}} i {{HTMLElement("link")}}</dd>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Supported_media_formats">Formats de medis compatibles amb elements d'àudio u vídeo HTML</a></dt>
+ <dd class="landingPageList">Els elements {{HTMLElement("audio")}} i {{HTMLElement("video")}} permeten reproduir medis d'àudio i de vídeo. Aquests elements proporcionen una alternativa nativa del navegador a funcions similars que es troben en Adobe Flash i altres connectors (plug-ins).</dd>
+ <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Kinds_of_HTML_content">Tipus de contingut HTML</a> (Avançat)</dt>
+ <dd class="landingPageList">HTML es compon de diversos tipus de contingut, cadascun dels quals es permet utilitzar en determinats contextos i està prohibit en uns altres. De la mateixa manera, cadascun d'ells té un conjunt d'altres categories de contingut que poden contenir i elements que poden o no ser utilitzats en ells. Aquesta és una guia per a aquestes categories.</dd>
+</dl>
+
+<h2 class="landingPageList" id="Temes_relacionats">Temes relacionats</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/HTML/Applying_color">Aplicació de colors a elements HTML usant CSS</a></dt>
+ <dd>Aquest article abasta la majoria de les maneres d'utilitzar CSS per afegir color a contingut HTML, enumerant quines parts dels documents HTML es poden acolorir i quines propietats CSS s'utilitzaran en fer-ho. Inclou exemples, enllaços a eines de construcció de paleta, i molt més.</dd>
+</dl>
+</div>
+</div>
+<span class="alllinks"><a href="/ca/docs/tag/HTML">Veure Tot...</a></span></section>
diff --git a/files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html b/files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html
new file mode 100644
index 0000000000..df48dec4e3
--- /dev/null
+++ b/files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html
@@ -0,0 +1,29 @@
+---
+title: Optimizing your pages for speculative parsing
+slug: Web/HTML/Optimizing_your_pages_for_speculative_parsing
+translation_of: Glossary/speculative_parsing
+---
+<p><span id="result_box" lang="ca"><span class="alt-edited">Tradicionalment en els navegadors, </span></span>el analitzador sintàctic<span lang="ca"><span class="alt-edited"> d'HTML s'executa en el fil principal i s'ha bloquejat després d'una etiqueta <code>&lt;/script&gt;</code> fins que l'script s'ha recuperat de la xarxa i s'executat.</span></span> El analitzador sintàctic d'HTML en Firefox 4 i versions posteriors dóna suport a l'anàlisi especulativa fora del fil principal. A continuació s'analitza mentre que els scripts estan sent descarregats i s'executen. Com en Firefox 3.5 i 3.6, l'analitzador sintàctic d'HTML comença càrregues especulatives per als scripts, fulles d'estil i imatges que troba per davant en la seqüència. No obstant això, en Firefox 4 i posterior l'analitzador sintàctic d'HTML també executa l'algorisme de construcció de l'arbre HTML especulativament. <span id="result_box" lang="ca"><span>L'avantatge</span> <span>és que</span> <span>quan una</span> <span>especulació</span> <span>té</span> <span>èxit, no</span> <span>hi ha</span> <span>necessitat</span> <span>de reanàlisi</span> <span>de la</span> <span>part de l'arxiu</span> <span>d'entrada </span> <span>ja que </span></span><span lang="ca"><span>va ser</span> <span>analitzat</span> <span>a la recerca de</span> <span>scripts</span><span>, fulls</span> <span>d'estil</span> <span>i imatges</span></span>. L'inconvenient és que hi ha més feina perduda quan l'especulació falla.</p>
+
+<p>Aquest document pot ajudar evitar que aquest tipus de coses que fan que l'especulació falli i alenteixen la càrrega de la pàgina.</p>
+
+<h2 id="Fent_càrregues_especulatives_successives">Fent càrregues especulatives successives</h2>
+
+<p>Només hi ha una regla per fer càrregues especulatives de scripts vinculats, fulls d'estil i imatges successives:</p>
+
+<ul>
+ <li>Si s'utilitza un element <code>&lt;base&gt;</code> per anul·lar l'URI base de la pàgina, posar l'element de la part non-scripted del document. No ho afegiu a través de <code>document.write()</code> or <code>document.createElement()</code>.</li>
+</ul>
+
+<h2 id="Evitant_perdre_la_sortida_del_constructor_d'arbre">Evitant perdre la sortida del constructor d'arbre</h2>
+
+<p>El constructor d'arbre especulatiu falla quan <code>document.write()</code> canvia l'estat del constructor d'arbre, de tal manera que l'estat especulatiu després de la etiqueta <code>&lt;/script&gt;</code>  ja no se sosté quan ha estat analitzat tot el contingut inserit per <code>document.write()</code>.<span id="result_box" lang="ca"><span> No obstant això</span><span>, només els</span> <span>usos</span> <span>inusuals</span> <span>de</span> <code><span>document.write</span><span>(</span><span>)</span></code> <span>causen</span> <span>problemes.</span> <span>Aquestes</span> <span>són</span> <span>les</span> <span>coses</span> <span>que cal evitar</span><span>:</span></span></p>
+
+<ul>
+ <li><span id="result_box" lang="ca"><span>No escriviu</span> <span>arbres</span> <span>desequilibrats</span></span>. <code>&lt;script&gt;document.write("&lt;div&gt;");&lt;/script&gt;</code> és incorrecta. <code>&lt;script&gt;document.write("&lt;div&gt;&lt;/div&gt;");&lt;/script&gt; </code>està bé.</li>
+ <li><span id="result_box" lang="ca"><span>No escriviu</span> <span>un símbol</span> <span>sense acabar</span></span>. <code>&lt;script&gt;document.write("&lt;div&gt;&lt;/div");&lt;/script&gt;</code> is incorrecta.</li>
+ <li><span id="result_box" lang="ca"><span>No</span> <span>acabeu un</span> <span>escrit</span> <span>amb</span> <span>un retorn de</span> <span>carro</span></span>. <code>&lt;script&gt;document.write("Hello World!\r");&lt;/script&gt;</code> és incorrecta <code>&lt;script&gt;document.write("Hello World!\n");&lt;/script&gt; </code>està bé.</li>
+ <li>Noteu que l'escriptura d'etiquetes equilibrades pot fer que altres etiquetes poguin inferir d'una manera que fa que l'escriptura sigui desequilibrada. Per exemple <code>&lt;script&gt;document.write("&lt;div&gt;&lt;/div&gt;");&lt;/script&gt;</code> dins de l'element head s'interpreta com <code>&lt;script&gt;document.write("&lt;/head&gt;&lt;body&gt;&lt;div&gt;&lt;/div&gt;");&lt;/script&gt;</code> el qual està desequilibrat.</li>
+ <li><span class="short_text" id="result_box" lang="ca"><span class="alt-edited">No doneu format part d'una taula</span></span>. <code>&lt;table&gt;&lt;script&gt;document.write("&lt;tr&gt;&lt;td&gt;Hello World!&lt;/td&gt;&lt;/tr&gt;");&lt;/script&gt;&lt;/table&gt;</code> és incorrecta. However, <code>&lt;script&gt;document.write("</code><code>&lt;table&gt;</code><code>&lt;tr&gt;&lt;td&gt;Hello World!&lt;/td&gt;&lt;/tr&gt;</code><code>&lt;/table&gt;</code><code>");&lt;/script&gt;</code> està bé.</li>
+ <li>TODO: <span id="result_box" lang="ca"><span>document.write</span> <span>dins d'altres</span> <span>elements</span> <span>de format.</span></span>.</li>
+</ul>
diff --git a/files/ca/web/index.html b/files/ca/web/index.html
new file mode 100644
index 0000000000..7f460bc991
--- /dev/null
+++ b/files/ca/web/index.html
@@ -0,0 +1,101 @@
+---
+title: Tecnologia web per a desenvolupadors
+slug: Web
+tags:
+  - History
+  - Landing
+  - Web
+  - Web Development
+translation_of: Web
+---
+<p class="summary">La naturalesa oberta de la World Wide Web presenta increïbles oportunitats per a les persones que volen crear llocs web o aplicacions en línia. Per aprofitar al màxim les capacitats de la web, haureu de saber com utilitzar-les. Exploreu els enllaços següents per obtenir més informació sobre diverses tecnologies web.</p>
+
+<div class="row topicpage-table">
+<div class="section">
+<h2 class="Documentation" id="Tecnologies_web"><span class="short_text" id="result_box" lang="ca"><span>Tecnologies web</span></span></h2>
+
+<h3 id="Bàsics">Bàsics</h3>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/HTML">HTML</a></dt>
+ <dd><strong><span class="short_text" id="result_box" lang="ca"><span>Llenguatge de marques d'hipertext</span></span></strong> (<strong>HyperText Markup Language - HTML)</strong> s'utilitza per descriure i definir el <em>contingut</em> d'una pàgina web.</dd>
+ <dt><a href="/en-US/docs/Web/CSS">CSS</a></dt>
+ <dd><strong><span class="short_text" id="result_box" lang="ca"><span>Fulles d'estil en cascada</span></span></strong> <strong>(Cascading Style Sheets - CSS)</strong> s'utilitzen per descriure l'<em>aparença o la presentació</em> del contingut en una pàgina web.</dd>
+ <dt><a href="/en-US/docs/Web/HTTP">HTTP</a></dt>
+ <dd><strong><span class="short_text" id="result_box" lang="ca"><span>Protocol de transferència d'hipertext</span></span></strong> <strong><dfn>(Hypertext Transfer Protocol - HTTP)</dfn></strong> s'utilitza per lliurar HTML i altres documents d'hipermedia a la web.</dd>
+</dl>
+
+<h3 id="Scripting">Scripting</h3>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/JavaScript">JavaScript</a></dt>
+ <dd><strong>JavaScript</strong> és el llenguatge de programació que s'executa en el vostre navegador. Podeu utilitzar-lo per afegir interactivitat i altres característiques dinàmiques al vostre lloc web o aplicació.</dd>
+ <dt><a href="/en-US/docs/Web/Reference/API">Web APIs</a></dt>
+ <dd><strong><span id="result_box" lang="ca"><span>Interfícies de programació d'aplicacions web</span></span></strong> <strong>(Web Application Programming Interfaces - Web APIs)</strong> <span id="result_box" lang="ca"><span>s'utilitzen per realitzar diverses tasques, com ara manipular el</span></span> <a href="/en-US/docs/DOM">DOM</a>, <span id="result_box" lang="ca"><span>reproduir àudio o vídeo o generar gràfics en 3D</span></span> .
+ <ul>
+  <li>La <a href="/en-US/docs/Web/API" title="/en-US/docs/Web/API">Referència de la interfície Web API</a> <span id="result_box" lang="ca"><span>enumera tots els tipus d'objectes que podeu utilitzar durant el desenvolupament de la web</span></span> .</li>
+  <li>La <a href="/en-US/docs/WebAPI">pàgina WebAPI</a> enumera totes les comunicacions, accés a maquinari i altres API que podeu utilitzar en aplicacions web.</li>
+  <li>La <a href="/en-US/docs/Web/Events">Referència d'esdeveniments</a> enumera tots els esdeveniments que podeu utilitzar per fer un seguiment i reaccionar a les coses interessants que s'han produït a la vostra pàgina web o aplicació.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h3 id="Gràfics">Gràfics</h3>
+
+<dl>
+ <dt><a href="/en-US/docs/HTML/Canvas">Canvas</a></dt>
+ <dd>L'element {{HTMLElement("canvas")}} proporciona les APIs per dibuixar gràfics 2D utilitzant JavaScript.</dd>
+ <dt><a href="/en-US/docs/SVG">SVG</a></dt>
+ <dd><strong>Scalable Vector Graphics (SVG)</strong> permeten utilitzar línies, corbes i altres formes geomètriques per representar gràfics. Amb vectors, podeu crear imatges que s'escalin netament a qualsevol grandària.</dd>
+ <dt><a href="/en-US/docs/Web/WebGL" title="/en-US/docs/Web/WebGL">WebGL</a></dt>
+ <dd><strong>WebGL</strong> és una API de JavaScript que permet dibuixar gràfics en 3D o 2D mitjançant l'element HTML5 {{HTMLElement("canvas")}}. Aquesta tecnologia us permet utilitzar l'estàndard OpenGL ES en contingut Web.</dd>
+</dl>
+
+<h3 id="Àudio_vídeo_i_multimèdia">Àudio, vídeo i multimèdia</h3>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/Media">Tecnologies de medis web</a></dt>
+ <dd>Una llista d'APIs relacionades amb els medis, amb enllaços a la documentació que necessitareu per a cadascuna.</dd>
+ <dt><a href="/en-US/docs/Web/Media/Overview">Visió general de la tecnologia de medis en la web</a></dt>
+ <dd>Una visió general de les tecnologies web oberta i de les APIs que proporcionen suport per a la reproducció, manipulació i gravació d'àudio i vídeo. Si no esteu segurs de quina API heu d'utilitzar, aquest és el lloc on començar.</dd>
+ <dt><a href="/en-US/docs/Web/API/Media_Streams_API">API de Captura de Medis i Transmissió</a></dt>
+ <dd>Una referència a l'API que fa possible transmetre, gravar i manipular medis tant a nivell local com a través d'una xarxa. Això inclou l'ús de càmeres i micròfons locals per capturar vídeo, àudio i imatges fixes.</dd>
+ <dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Ús d'àudio i vídeo en HTML5</a></dt>
+ <dd>Incrustar vídeo i/o àudio en una pàgina web i controlar la seva reproducció.</dd>
+ <dt><a href="/en-US/docs/WebRTC">WebRTC</a></dt>
+ <dd>El RTC en WebRTC dona suport a les Comunicacions en Temps Real, tecnologia que permet la transmissió d'àudio/vídeo i l'intercanvi de dades entre clients de navegadors (parells).</dd>
+</dl>
+
+<h3 id="Altre">Altre</h3>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/MathML">MathML</a></dt>
+ <dd><strong>Llenguatge de marcatge matemàtic (MathML)</strong> permet mostrar equacions matemàtiques complexes i la sintaxi.</dd>
+</dl>
+</div>
+
+<div class="section">
+<h2 class="Documentation" id="Àrea_d'aprenentatge">Àrea d'aprenentatge</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Learn">Aprenentatge de desenvolupament web</a></dt>
+ <dd><span id="result_box" lang="ca"><span>Aquest conjunt d'articles ofereix als principiants tot el que necessiten per començar a codificar llocs web senzills</span></span>.</dd>
+</dl>
+
+<dl>
+</dl>
+
+<h2 id="Altres_temes"><span class="short_text" id="result_box" lang="ca"><span>Altres temes</span></span></h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/Apps">Desenvolupament d'aplicacions web</a></dt>
+ <dd>Aquest conjunt d'articles explica les tècniques utilitzades per desenvolupar aplicacions web per a entorns mòbils, d'escriptori i Firefox OS.</dd>
+ <dt><a href="/en-US/docs/Web/Accessibility">Accessibilitat</a></dt>
+ <dd>Els llocs web accessibles permeten que tantes persones com sigui possible utilitzin la web, incloent-hi aquells amb capacitats visuals, auditives o d'altre tipus són d'alguna manera limitades. Aquest conjunt d'articles proporciona informació sobre el desenvolupament web accessible.</dd>
+ <dt><a href="/en-US/docs/Web/Security">Seguretat</a></dt>
+ <dd>No deixeu que el vostre lloc web o aplicació filtri dades privades als nois dolents. Utilitzeu aquest conjunt d'articles per assegurar-vos que els vostres projectes siguin segurs.</dd>
+</dl>
+</div>
+</div>
+
+<p><span class="alllinks"><a href="/en-US/docs/tag/Web">Veure Tot...</a></span></p>
diff --git a/files/ca/web/javascript/a_re-introduction_to_javascript/index.html b/files/ca/web/javascript/a_re-introduction_to_javascript/index.html
new file mode 100644
index 0000000000..171c31bf1b
--- /dev/null
+++ b/files/ca/web/javascript/a_re-introduction_to_javascript/index.html
@@ -0,0 +1,930 @@
+---
+title: Una re-introducció a  JavaScript (tutorial JS)
+slug: Web/JavaScript/A_re-introduction_to_JavaScript
+translation_of: Web/JavaScript/A_re-introduction_to_JavaScript
+---
+<div>{{jsSidebar}}</div>
+
+<p id="Introducció">Per què una reintroducció? Perquè {{Glossary("JavaScript")}} és conegut per ser <a class="external" href="http://javascript.crockford.com/javascript.html">el llenguatge de programació més incomprès del món</a>. És ridiculitzat sovint categoritzant-lo de joguina, però darrera de la seva simplicitat enganyosa s'amaguen característiques molt potents. JavaScript s'utilitza per a un nombre increïble d'aplicacions d'alt perfil, fet que mostra que un coneixement profund d'aquesta tecnologia és una habilitat important per a qualsevol desenvolupador web o mòbil.</p>
+
+<p>És útil començar amb una visió general de la història del llenguatge. JavaScript va ser creat el 1995 per Brendan Eich, enginyer de Netscape, i la primera versió va sortir amb Netscape 2 a principis de 1996. (Originalment s'anava a dir LiveScript, però en una decisió pot encertada de marqueting se li va canviar pel de JavaScript en un intent de capitalitzar la popularitat del llenguatge Java de Sun Microsystem -. tot i  que els dos llenguatges tenen molt poc en comú. Això ha sigut, des de llavors,  una font de confusió).</p>
+
+<p>Alguns mesos més tard, Microsoft va llançar JScript, un llenguatge compatible amb Internet Explorer 3 semblant a JavaScript. Uns mesos més tard Netscape el va portar a <a class="external" href="http://www.ecma-international.org/">Ecma International</a>, una organització d'estandarització europea, i d'aquí en va sortir la primera edició de l'estandard {{Glossary("ECMAScript")}} d'aquell any. L'estandard va patir una important actualització a la <a class="external" href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">tercera edició de l'ECMAScript </a>el 1999, i s'ha mantingut estable des de llavors. La quarta edició es va abandonar, degut a diferència sobre la complexitat del llenguatge. Moltes parts de la quarta edició van servir de base per a la 5ena edició de l'ECMAScript , publicada el Desembre de 2009, i per la 6ena i més gran versió de l'estandard, que es publicarà el 2015.</p>
+
+<p>D'ara en endavant, per familiaritat, em referiré a l'ECMAScript com a "JavaScript".</p>
+
+<p>Al contrari que la majoria de llenguatges de programació, JavaScript no té el concepte de "input" ( entrada) o "output" sortida. Està pensat per a ser executat com un llenguatge d'"script" sobre un entorn extern que l'acull i li proporciona els mecanismes per a la comunicació amb el món exterior. L'entorn més comú és el navegador, però l'intèrpret de JavaScript es pot trobar en una extensa llista d'altres llocs, incloent Adobe Acrobat, Abobe Photoshop, imatge SVG , Yahoo's Widget engine, entorns de la banda del servidor com <a href="http://nodejs.org/" title="nodejs.org">Node.js</a>, bases de dades NoSQL com <a href="http://couchdb.apache.org/">Apache CouchDB</a>, que es de codi obert, ordinadors integrats<span style="background-color: #ffffff; color: #4d4e53; font-family: open sans,arial,sans-serif; font-size: 14px; line-height: 21px;">, entorns d'escriptori sencers com </span><a href="http://www.gnome.org/" style="margin: 0px; padding: 0px; border: 0px; color: rgb(0, 149, 221); text-decoration: none; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 21px; background-color: rgb(255, 255, 255);">GNOME</a><span style="background-color: #ffffff; color: #4d4e53; font-family: open sans,arial,sans-serif; font-size: 14px; line-height: 21px;"> (una de les GUIs pel sistema operatiu GNU/Linux més populars), i la llista segueix</span>.</p>
+
+<h2 id="Visió_General">Visió General</h2>
+
+<p>JavaScript és un llenguatge orientat a objectes dinàmic amb tipus i operadors, amb contructor estàndard  d'objectes i mètodes. La seva sintaxi ve de llenguatges com  ara Java i C, de manera que moltes de les estructures d'aquests llenguatges s'apliquen també a JavaScript. Una de les principals diferències és que JavaScript no té classes; En el seu lloc, la funcionalitat de classe s'aconsegueix mitjançant prototips d'objectes. L'altra diferència principal és que les funcions són objectes, donant a les  funcions la capacitat de tenir codi executable i ser passat a una altre funció com qualsevol altre objecte.</p>
+
+<p>Comencem per mirar el component bàsic de qualsevol idioma: els tipus. Els programes de JavaScript manipulen valors, i tots aquests valors pertanyen a un tipus. Els tipus de JavaScript són:</p>
+
+<ul>
+ <li>{{jsxref("Number")}}</li>
+ <li>{{jsxref("String")}}</li>
+ <li>{{jsxref("Boolean")}}</li>
+ <li>{{jsxref("Function")}}</li>
+ <li>{{jsxref("Object")}}</li>
+ <li>{{jsxref("Symbol")}} (nou a la 6ena edició)</li>
+</ul>
+
+<p>... ah, i {{jsxref ("undefined")}} i {{jsxref ("nul")}}, que són ... una mica estranys. I les matrius {{jsxref ("arrays")}}, que són un tipus especial d'objecte. I {{jsxref ("Data")}} i {{jsxref ("RegExp")}}, que són objectes que tens de forma gratuïta. I per ser tècnicament precisos, les funcions són només un tipus especial d'objecte. Així que el diagrama tipus s'assembla més a això:</p>
+
+<ul>
+ <li>{{jsxref("Number")}}</li>
+ <li>{{jsxref("String")}}</li>
+ <li>{{jsxref("Boolean")}}</li>
+ <li>{{jsxref("Symbol")}} (nou a l'edició 6)</li>
+ <li>{{jsxref("Object")}}
+  <ul>
+   <li>{{jsxref("Function")}}</li>
+   <li>{{jsxref("Array")}}</li>
+   <li>{{jsxref("Date")}}</li>
+   <li>{{jsxref("RegExp")}}</li>
+  </ul>
+ </li>
+ <li>{{jsxref("null")}}</li>
+ <li>{{jsxref("undefined")}}</li>
+</ul>
+
+<p>I també hi ha alguns tipus interns com aquest {{jsxref("Error")}} . Crec que ésmés senzill si ens quedem amb el primer diagrama.</p>
+
+<h2 id="Nombres">Nombres</h2>
+
+<p>Els nombres a JavaScript són "valors de 64-bit de doble precisió en format IEEE 754", d'acord amb l'especificació. Això té conseqüències interessants. No hi ha. No hi ha coses com "integer" (nombre enter) a JavaScript, així que et cal ser una mica curós amb la seva aritmètica si estàs acostumat a les operacions de C o Java. Compte amb coses com:</p>
+
+<pre class="brush: js">0.1 + 0.2 == 0.30000000000000004
+</pre>
+
+<p>A la pràctica, els valors enters són tractats com sencers de 32 bits (i s'emmagatzemen d'aquesta manera en algunes implementacions de navegador), fet que pot ser important per a operacions bit a bit.</p>
+
+<p>Els operadors aritmètics estàndard hi són implantats, inclou la suma, la resta, el mòdul (o el residu) i molts altres. També hi ha un objecte incorporat que em vaig oblidar d'esmentar anteriorment que s'anomena {{jsxref ("Math")}} per si vols realitzar funcions matemàtiques més avançades i valors de constants:.</p>
+
+<pre class="brush: js">Math.sin(3.5);
+var circumfrence = Math.PI * (r + r);
+</pre>
+
+<p>Pot convertir una cadena a un enter utilitzant la funció incorporada {{jsxref ("Global_Objects / parseInt", "parseInt ()")}}. Això pren com a base ( decimal, hexadecimal, ...) per a la conversió un segon argument opcional , que sempre s'ha de proporcionar</p>
+
+<pre class="brush: js">parseInt("123", 10); // 123
+parseInt("010", 10); // 10
+</pre>
+
+<p>Si no el proporciones, pots obtenir resultats sorprenents en els navegadors més antics (anteriors a 2013):</p>
+
+<pre class="brush: js">parseInt("010"); // 8
+</pre>
+
+<p>Això passa perquè la funció {{jsxref ("Global_Objects / parseInt", "parseInt ()")}} tracta per defecte la cadena com un nombre octal degut al 0 inicial.</p>
+
+<p>Si voleu convertir un nombre binari a un sencer, només cal canviar la base:</p>
+
+<pre class="brush: js">parseInt("11", 2); // 3
+</pre>
+
+<p>De la mateixa manera, pot analitzar els nombres de coma flotant utilitzant la funció incorporada {{jsxref ("Global_Objects / parseFloat", "parseFloat ()")}} que fa servir sempre la base 10 a diferència del seu cosí {{jsxref ("Global_Objects / parseInt", "parseInt () ")}}.</p>
+
+<p>També pot utilitzar l'operador unari + per convertir les cadenes amb nombre als seus valors :</p>
+
+<pre class="brush: js">+ "42"; // 42
+</pre>
+
+<p>Un valor especial anomenat {{jsxref ("NaN")}} (abreviatura de "Not a Number") es retorna si la cadena no és un nombre:</p>
+
+<pre class="brush: js">parseInt("hello", 10); // NaN
+</pre>
+
+<p><code>NaN</code> és toxic: si es proporciona com una entrada a qualsevol operació matemàtica el resultat també serà sempre NaN:</p>
+
+<pre class="brush: js">NaN + 5; // NaN
+</pre>
+
+<p>Podeu provar NaN utilitzant al funció incorporada {{jsxref ("Global_Objects / isNaN", "isNaN ()")}}:</p>
+
+<pre class="brush: js">isNaN(NaN); // true
+</pre>
+
+<p>JavaScript també té els valors especials com l'infinit {{jsxref ("Infinity")}} i també -infinity:</p>
+
+<pre class="brush: js"> 1 / 0; //  Infinity
+-1 / 0; // -Infinity
+</pre>
+
+<p>Podeu provar Infinity, -Infinity i el valor NaN utilitzant la funció incorporada  {{jsxref ("Global_Objects / isFinite", "isFinite ()")}} :</p>
+
+<pre class="brush: js">isFinite(1/0); // false
+isFinite(-Infinity); // false
+isFinite(NaN); // false
+</pre>
+
+<div class="note"><strong>Nota:</strong> Les funcions {{jsxref ("Global_Objects / parseInt", "parseInt ()")}} i {{jsxref ("Global_Objects / parseFloat", "parseFloat ()")}} analitzen una cadena fins que arriben a un caràcter que no és nombre vàlid pel format especificat, i  torna el resultat de l'anàlisis fins a aquest moment. No obstant això, l'operador "+" senzillament converteix la cadena a NaN si hi ha algun caràcter no vàlid en ella. Només cal que intenti analitzar la cadena "10.2abc" amb cada mètode a la consola i entredrà millor les diferències.</div>
+
+<h2 id="Cadenes">Cadenes</h2>
+
+<p>Les cadenes a JavaScript són seqüències de caràcters. Més exactament,  són seqüències de caràcters Unicode, amb cada caràcter representat per un nombre de 16 bits. Això hauria de ser una bona notícia per a qualsevol persona que ha hagut de lidiar amb la internacionalització.</p>
+
+<p>Si vol representar un sol caràcter, només ha d'utilitzar una cadena de longitud 1.</p>
+
+<p>Per trobar la longitud d'una cadena, pot accedir a la seva propietat ( atribut) length:</p>
+
+<pre class="brush: js">"hello".length; // 5
+</pre>
+
+<p>Aquí tenim la nostra primera topoda amb objectes JavaScript! He esmentat que pot fer servir cadenes com {{jsxref ("objecte", "objectes", "", 1)}}  Tenen {{jsxref ("String", "mètodes", "#Methods", 1)}}, que li permeten manipular la informació de la cadena i l'accés a la cadena:</p>
+
+<pre class="brush: js">"hello".charAt(0); // "h"
+"hello, world".replace("hello", "goodbye"); // "goodbye, world"
+"hello".toUpperCase(); // "HELLO"
+</pre>
+
+<h2 id="Altres_Tipus">Altres Tipus</h2>
+
+<p>JavaScript distingeix entre {{jsxref ("nul")}}, que és un valor que indica un no-valor deliberat (i només és accessible a través de la paraula clau null), i {{jsxref ("indefinit")}}, que és un valor de tipus 'indefinit' que indica un valor no inicialitzat - és a dir, un valor que ni tan sols s'ha assignat encara. Parlarem de les variables més tard, però a JavaScript, és possible declarar una variable sense assignar un valor a la mateixa. Si fa això, el tipus de la variable no està definida. indefinit és en realitat una constant.</p>
+
+<p>JavaScript té un tipus booleà, amb possibles valors vertaders i falsos (que són paraules clau). Qualsevol valor pot ser convertit a un valor booleà d'acord amb les següents regles:</p>
+
+<ol>
+ <li><code>false</code>, <code>0</code>, cadena buida (<code>""</code>), <code>NaN</code>, <code>null</code>, i <code>undefined</code> tots donant com a resultat <code>false.</code></li>
+ <li>Tots els altres valors es considern <code>true.</code></li>
+</ol>
+
+<p>Pot dur a terme aquesta conversió utilitzant de manera explícita la funció Boolean ():</p>
+
+<pre class="brush: js">Boolean("");  // false
+Boolean(234); // true
+</pre>
+
+<p>De totes maneres, no sol ser necessari, Javascript fa aquesta conversió automàticament quan s'espera un booleà, com en una sentència if (veure més avall). Per aquesta raó, de vegades parlem senzillamentt de "valors vertaders" i "valors falsos", és a dir els valors que esdevenen vertaders i falsos, respectivament, quan es converteixen en booleans. Aquests valors poden es poden dir  "Truthy" i "Falsy", respectivament.</p>
+
+<p>Operacions booleanes com &amp;&amp; (AND lògic), || (o lògica), i! (Lògic no) també estan incorporats; Skip. Veure més avall.</p>
+
+<h2 id="Variables">Variables</h2>
+
+<p>Les noves variables a JavaScript es declaren fent servir la paraula clau var:</p>
+
+<pre class="brush: js">var a;
+var name = "simon";
+</pre>
+
+<p>Si es declara una variable sense assignar un valor a la mateixa, el seu tipus no està definit.</p>
+
+<p>Una diferència important amb altres llenguatges com ara Java és que a JavaScript els blocs no tenen un "scope" (àmbit a on tenen un valor assignat) ( ; només les funcions tenen àmbit d'aplicació. Així que si una variable es defineix fent servir var en una sentència composta (per exemple, dins d'una estructura de control "if"), serà visible a tota la funció. No obstant això, a partir de ECMAScript Edition 6, es permeten les declaracions const que permetrar crear variables amb ambit d'assignació.</p>
+
+<h2 id="Operadors">Operadors</h2>
+
+<p>Els Operadors numèrics de JavaScript són +, -, *, / i% - que és l'operador del reste de la divisió. Els valors s'assignen utilitzant  =, i també hi ha instruccions d'assignació compostos com  += i -=.  Aquests últims equivalen a  x = x operador i.</p>
+
+<pre class="brush: js">x += 5
+x = x + 5 //equival a l'operador anterior
+</pre>
+
+<p>Podeu utilitzar ++ i - per augmentar i decrèixer, respectivament. Poden ser usats com a operadors de prefix o sufix.</p>
+
+<p>L'operador + també serveix per a la concatenació de cadenes:</p>
+
+<pre class="brush: js">"hello" + " world"; // "hello world"
+</pre>
+
+<p>Si s'agrega una cadena a un nombre (o un altre valor) tot es converteix a cadena su el primer valor és la cadena . Si no, primer s'operen el nombre i després es converteix a cadena:</p>
+
+<pre class="brush: js">"3" + 4 + 5;  // "345"
+ 3 + 4 + "5"; // "75"
+</pre>
+
+<p>Afegir una cadena buida a alguna cosa és una forma útil per a la seva conversió.</p>
+
+<p>Les comparacions a JavaScript es poden fer usant &lt;, &gt;,  &lt;= i &gt;= . Aquests funcionen tant per cadenes com per nombres. L' "igual a" és una mica més complicatl. El doble igual fa la conversió al mateix tipus si són diferents i després compara els valors . Això, de vegades, suposa resultats interessants:</p>
+
+<pre class="brush: js">"dog" == "dog"; // true
+1 == true; // true
+</pre>
+
+<p>Per tenir em compte el tipus en la comparació , utilitza l'operador  triple igual:</p>
+
+<pre class="brush: js">1 === true;    // false
+true === true; // true
+</pre>
+
+<p>Hi ha tamble l'operador contrari <code>!=</code> i contrari estricte <code>!==</code> .</p>
+
+<p>JavaScript té també operacions bit a bit. Si voleu utilitzar-les, allà estan.</p>
+
+<h2 id="Estructures_de_control">Estructures de control</h2>
+
+<p>JavaScript té un conjunt similar d'estructures de control a altres idiomes de la família C. Les sentències condicionals es fan a partir d' "if", i "else" ; ès poden encadenar si et convé:</p>
+
+<pre class="brush: js">var name = "kittens";
+if (name == "puppies") {
+  name += "!";
+} else if (name == "kittens") {
+  name += "!!";
+} else {
+  name = "!" + name;
+}
+name == "kittens!!"
+</pre>
+
+<p>JavaScript té bucles while i do-while. El primer d'ells és bo per bucles bàsics; el segon pels bucles que vol que s'executin com a mínim una vegada:</p>
+
+<pre class="brush: js">while (true) {
+  // an infinite loop!
+}
+
+var input;
+do {
+  input = get_input();
+} while (inputIsNotValid(input))
+</pre>
+
+<p>El bucle "for" és el mateix que a C i Java: se li permet proporcionar la informació de control del bucle en una sola línia.</p>
+
+<pre class="brush: js">for (var i = 0; i &lt; 5; i++) {
+  // Will execute 5 times
+}
+</pre>
+
+<p>Els operadors  &amp;&amp; i || fan servir la lògica de curtcircuit,  això significa que el segon operant depèn de la primer. Això és útil per exemple per comprovar que els objectes no siguin nuls abans d'accedir als seus atributs:</p>
+
+<pre class="brush: js">var name = o &amp;&amp; o.getName();
+</pre>
+
+<p>O per donar valors per defecte:</p>
+
+<pre class="brush: js">var name = otherName || "default";
+</pre>
+
+<p>JavaScript té un operador ternari per expressions condicionals:</p>
+
+<pre class="brush: js">var allowed = (age &gt; 18) ? "yes" : "no";
+</pre>
+
+<p>La declaració switch pot ser utilitzat per comparar amb múltiples branques basades en nombres o cadenes:</p>
+
+<pre class="brush: js">switch(action) {
+  case 'draw':
+    drawIt();
+    break;
+  case 'eat':
+    eatIt();
+    break;
+  default:
+    doNothing();
+}
+</pre>
+
+<p>Si no afegeix una sentència break, l'execució  "cauen al" següent nivell. Això rares vegades serà el que voldrà - de fet val la pena etiquetar específicament aquest "fallthrough" deliberat si és el cas  amb un comentari per ajudar a la depuració:</p>
+
+<pre class="brush: js">switch(a) {
+  case 1: // fallthrough
+  case 2:
+    eatIt();
+    break;
+  default:
+    doNothing();
+}
+</pre>
+
+<p>La clàusula d'incompliment és opcional. Pot tenir expressions, tant en la part del "switch" com la dels casos si vol; les comparacions es realitzen entre els dos fent servir l'operador ===:</p>
+
+<pre class="brush: js">switch(1 + 3) {
+  case 2 + 2:
+    yay();
+    break;
+  default:
+    neverhappens();
+}
+</pre>
+
+<h2 id="Objectes">Objectes</h2>
+
+<p>Els objectes de JavaScript poden ser considerats com a simples col·leccions de parells nom-valor. Com a tals, són similars a:</p>
+
+<ul>
+ <li>Dicdionaris a Python</li>
+ <li>Hashes in Perl and Ruby</li>
+ <li>Taules Hash a C i C++</li>
+ <li>HashMaps a Java</li>
+ <li>Matrius associades a PHP</li>
+</ul>
+
+<p>En realitat aquesta estructura de dades és fa ser tant que és una prova de la seva enorme versatilitat. Ja que tot (fins i tots els tipus bàsics) a JavaScript són objectes, qualsevol programa en JavaScript implica, naturalment, una gran quantitat d'operacions de recerca a taules hash. Éstà molt bé que siguin tan ràpids.</p>
+
+<p>La part del  "nom" és una cadena JavaScript, mentre que la part del " valor" pot ser qualsevol valor de Javascript - incloent altres objectes. Això li permet construir estructures de dades de la complexitat que es necessiti.</p>
+
+<p>Hi ha dues formes bàsiques per crear un objecte buit:</p>
+
+<pre class="brush: js">var obj = new Object();
+</pre>
+
+<p>I:</p>
+
+<pre class="brush: js">var obj = {};
+</pre>
+
+<p>I....</p>
+
+<pre class="brush: js">function Person(name, age) {
+  this.name = name;
+  this.age = age;
+}
+
+// Defineix un objecte
+var You = new Person("You", 24);
+// Estem creant una nova persona amb el nom "You"
+// (que serà el primer paràmetre, i l'edat..)
+</pre>
+
+<p>Aquestes formes són semànticament equivalents; la segona es diu sintaxi literal d'objecte, i és la més convenient. Aquesta sintaxi és també el nucli de format JSON i s'ha de preferir en tot moment.</p>
+
+<p>Un cop creat un objecte ,  és pot accedir a les seves propietats de nou d'una d'aquestes  dues maneres:</p>
+
+<pre class="brush: js">obj.name = "Simon";
+var name = obj.name;
+</pre>
+
+<p>I...</p>
+
+<pre class="brush: js">obj["name"] = "Simon";
+var name = obj["name"];
+</pre>
+
+<p>Aquestes dues, també són semànticament equivalents. El segon mètode té l'avantatge que el nom de la propietat s'ofereix com una cadena, el que significa que es pot calcular en temps d'execució, encara que l'ús d'aquest mètode evita que algunes  optimitzacions de motor  JavaScript i Minifier s'apliquin. També es pot utilitzar per definir i obtenir propietats amb noms que són paraules reservades o que tenen espais:</p>
+
+<pre class="brush: js">obj.for = "Simon"; // Syntax error, perque 'for' es una paraula reservada
+obj["for"] = "Simon"; // funciona
+</pre>
+
+<div class="note">
+<p><span style="color: #222222; font-family: verdana,arial,sans-serif; font-size: 12px; line-height: 18px;"><strong>Nota:</strong></span>A partir d'EcmaScript 5, les paraules reservades es poden usar com a noms de propietats d'objecte "en l'aficionat". Això significa que no necessiten ser posades "entre cometes" a l'hora de definir objectes literals. Veure ES5 Spec.</p>
+</div>
+
+<p>La sintaxi d'objecte literal es pot fer servir per inicialitzar un objecte totalment:</p>
+
+<pre class="brush: js">var obj = {
+  name: "Carrot",
+  "for": "Max",
+  details: {
+    color: "orange",
+    size: 12
+  }
+}
+</pre>
+
+<p>L'accès als atributs pot ser encadenat:</p>
+
+<pre class="brush: js">obj.details.color; // orange
+obj["details"]["size"]; // 12
+</pre>
+
+<h2 id="Matrius">Matrius</h2>
+
+<p>Les matrius a Javascript són en realitat un tipus especial d'objecte. Treballen de manera molt semblant als objectes normals ( naturalment a les seves propietats només es pot accedir mitjançant la sintaxi de claudàtors []) però tenen una propietat màgica anomenada "length" (llargada) , que sempre és un  nombre més que l'índex més alt de la matriu.</p>
+
+<p>Una forma de creació de matrius és la següent:</p>
+
+<pre class="brush: js">var a = new Array();
+a[0] = "dog";
+a[1] = "cat";
+a[2] = "hen";
+a.length; // 3
+</pre>
+
+<p>Una notació més convenient és utilitzar una matriu literal:</p>
+
+<pre class="brush: js">var a = ["dog", "cat", "hen"];
+a.length; // 3
+</pre>
+
+<p>Recordeu que array.length no és necessàriament el nombre d'elements de la matriu. Considera el següent:</p>
+
+<pre class="brush: js">var a = ["dog", "cat", "hen"];
+a[100] = "fox";
+a.length; // 101
+</pre>
+
+<p>Recordi - la longitud de la matriu és un nombre més que l'índex més alt.</p>
+
+<p>Si es consulta un índex de matriu que no existeix, s'obté indefinit:</p>
+
+<pre class="brush: js">typeof a[90]; // indefinit
+</pre>
+
+<p>Si es té en compte l'anterior, es pot iterar sobre una matriu mitjançant el següent:</p>
+
+<pre class="brush: js">for (var i = 0; i &lt; a.length; i++) {
+  // Fer alguna cosa amb a[i]
+}
+</pre>
+
+<p>Això és una mica ineficient si cada passada del bucle ha de calcular la "length". És pot millorar fent:</p>
+
+<pre class="brush: js">for (var i = 0, len = a.length; i &lt; len; i++) {
+  // Do something with a[i]
+}
+</pre>
+
+<p>Una forma més maca, tot i que amb limitacions,  seria:</p>
+
+<pre class="brush: js">for (var i = 0, item; item = a[i++];) {
+  // Do something with item
+}
+</pre>
+
+<p>Aquí estem creant dues variables. L'assignació a la part del mig del bucle també és comprova si es "true" - si això és així, el bucle continua. Després i es va incrementant, els elements de la matriu seran assignats a "item" en ordre seqüencial. El bucle es deté quan es troba que "item" és un element "Falsy"( per tant no definit).</p>
+
+<p>Aquest truc només s'ha d'utilitzar per a les matrius que sap que no contenen valors "Falsy" (arrays d'objectes o {{Glossary("DOM")}} nodes, per exemple). Si està iterant sobre dades numèriques que podria incloure una dada 0 o una cadena que podria incloure la cadena buida s'ha d'utilitzar l'i, amb "len".</p>
+
+<p>Pot iterar sobre una matriu usant un bucle for ... in. Recordeu que si algú afegeix noves propietats a Array.prototype, també es repetiran al llarg d'aquest bucle. Per tant  "no" es recomana aquest mètode.</p>
+
+<p>Una altra forma d'iterar sobre una matriu que s'ha afegit amb ECMAScript 5 és foreach ():</p>
+
+<pre class="brush: js" style="font-size: 14px;">["dog", "cat", "hen"].forEach(function(currentValue, index, array) {
+  // Fer alguan cosa amb el valoractual o matriu[index]
+});
+</pre>
+
+<p>Si vol afegir un element a una matriu simplement pot fer-ho d'aquesta manera:</p>
+
+<pre class="brush: js">a.push(item);</pre>
+
+<p>Les matrius vénen amb una sèrie de mètodes. Mira també la documentació completa pels mètodes de matriu.</p>
+
+<table>
+ <thead>
+  <tr>
+   <th scope="col">Method name</th>
+   <th scope="col">Description</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>a.toString()</code></td>
+   <td>Retorna una cadena amb el mètode toString () a on cada element esta separat per comes.</td>
+  </tr>
+  <tr>
+   <td><code>a.toLocaleString()</code></td>
+   <td>Retorna una cadena amb el toLocaleString () a on cada element està separat per comes.</td>
+  </tr>
+  <tr>
+   <td><code>a.concat(item1[, item2[, ...[, itemN]]])</code></td>
+   <td>Retorna una nova matriu amb els elements agregats a ella.</td>
+  </tr>
+  <tr>
+   <td><code>a.join(sep)</code></td>
+   <td>Converteix la matriu en una matriu amb valord de cadena separats entre ells pel paràmetre sep</td>
+  </tr>
+  <tr>
+   <td><code>a.pop()</code></td>
+   <td>Elimina i retorna l'últim element.</td>
+  </tr>
+  <tr>
+   <td><code>a.push(item1, ..., itemN)</code></td>
+   <td><code>Push</code> afegeix un o més elements al final.</td>
+  </tr>
+  <tr>
+   <td><code>a.reverse()</code></td>
+   <td>Inverteix la matriu.</td>
+  </tr>
+  <tr>
+   <td><code>a.shift()</code></td>
+   <td>Elimina i retorna el primer element.</td>
+  </tr>
+  <tr>
+   <td><code>a.slice(start, end)</code></td>
+   <td>Retorna una sub-matriu.</td>
+  </tr>
+  <tr>
+   <td><code>a.sort([cmpfn])</code></td>
+   <td>Pren una funció de comparació opcional.</td>
+  </tr>
+  <tr>
+   <td><code>a.splice(start, delcount[, item1[, ...[, itemN]]])</code></td>
+   <td>Li permet modificar una matriu mitjançant la supressió d'una secció i reemplaçar-la amb més elements.</td>
+  </tr>
+  <tr>
+   <td><code>a.unshift([item])</code></td>
+   <td>Afegeix items a l'inici de la matriu.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Funcions">Funcions</h2>
+
+<p>Juntament amb els objectes, les funcions són el component central en la comprensió de JavaScript. La funció més bàsica no podria ser molt més simple:</p>
+
+<pre class="brush: js">function add(x, y) {
+  var total = x + y;
+  return total;
+}
+</pre>
+
+<p>Això demostra tot el que cal saber sobre les funcions bàsiques. Una funció de JavaScript pot tenir 0 o més paràmetres. El cos de la funció pot contenir tantes declaracions com es vulgui, i pot declarar les seves pròpies variables que són locals per a aquesta funció. La sentència return es pot utilitzar per tornar un valor en qualsevol moment i acabar la funció. Si no s'utilitza cap sentència return (o una declaració buida sense valor), JavaScript retorna undefined.</p>
+
+<p>Els paràmetres amb nom resulten ser més com directrius que res mes. Pot cridar ("call")  una funció sense passar els paràmetres que espera, en aquest cas és passaran com indefinits.</p>
+
+<pre class="brush: js">add(); // NaN
+//No pots fer una suma amb un valor indefinit
+</pre>
+
+<p>També és pot passar més arguments dels que la funció espera:</p>
+
+<pre class="brush: js">add(2, 3, 4); // 5
+// ha sumat els dos primers; el 4 ha sigut ignorat
+</pre>
+
+<p>Això pot semblar una mica ximple, però les funcions tenen accés a variables addicional dins del seu cos que s'anomenen arguments, que és com una matriu amb tots els valors passats a la funció. Tornem a escriure la funció  add perque accepti tants valors com es vulgui:</p>
+
+<pre class="brush: js">function add() {
+  var sum = 0;
+  for (var i = 0, j = arguments.length; i &lt; j; i++) {
+    sum += arguments[i];
+  }
+  return sum;
+}
+
+add(2, 3, 4, 5); // 14
+</pre>
+
+<p>Penso que això no és més eficaç que escriure <code>2 + 3 + 4 + 5</code>. Creem una funció més útil, calcular el promig:</p>
+
+<pre class="brush: js">function avg() {
+  var sum = 0;
+  for (var i = 0, j = arguments.length; i &lt; j; i++) {
+    sum += arguments[i];
+  }
+  return sum / arguments.length;
+}
+
+avg(2, 3, 4, 5); // 3.5
+</pre>
+
+<p>Això és molt més útil, peró introdueix un nou problema. La funció avg () pren una llista d'argument separada per comes - però que passa si vol trobar la mitjana d'una  matriu? Podria reescriure la funció de la següent manera:</p>
+
+<pre class="brush: js">function avgArray(arr) {
+  var sum = 0;
+  for (var i = 0, j = arr.length; i &lt; j; i++) {
+    sum += arr[i];
+  }
+  return sum / arr.length;
+}
+
+avgArray([2, 3, 4, 5]); // 3.5
+</pre>
+
+<p>Però seria bo poder tornar a utilitzar la funció que ja hem creat. Per sort, JavaScript li permet cridar a una funció i cridar-la amb una sèrie arbitrària d'arguments, utilitzant el mètode  {{jsxref ("Function.apply", "apply ()")}}  de qualsevol objecte de funció.</p>
+
+<pre class="brush: js">avg.apply(null, [2, 3, 4, 5]); // 3.5
+</pre>
+
+<p>El segon argument per apply () és la matriu que fem servir com  a argument; el primer es discutirà més endavant. Això posa en relleu el fet que les funcions són objectes també.</p>
+
+<p>JavaScript li deixa creas funcions anònimes.</p>
+
+<pre class="brush: js">var avg = function() {
+  var sum = 0;
+  for (var i = 0, j = arguments.length; i &lt; j; i++) {
+    sum += arguments[i];
+  }
+  return sum / arguments.length;
+};
+</pre>
+
+<p>Aquesta és semànticament equivalent a la forma funció avg (). És molt potent, ja que li permet posar una definició de funció completa en qualsevol lloc, fins i tot on normalment si posa una expressió. Això permet  tot tipus de trucs enginyosos. Aquí té una manera d '"amagar" algunes variables locals - àmbit de bloc com en C:</p>
+
+<pre class="brush: js">var a = 1;
+var b = 2;
+
+(function() {
+  var b = 3;
+  a += b;
+})();
+
+a; // 4
+b; // 2
+</pre>
+
+<p>JavaScript li permet cridar a funcions de forma recursiva. Això és particularment útil per fer front a les estructures d'arbre, com la que s'obté en el navegador DOM.</p>
+
+<pre class="brush: js">function countChars(elm) {
+  if (elm.nodeType == 3) { // TEXT_NODE
+    return elm.nodeValue.length;
+  }
+  var count = 0;
+  for (var i = 0, child; child = elm.childNodes[i]; i++) {
+    count += countChars(child);
+  }
+  return count;
+}
+</pre>
+
+<p>Això posa en relleu un problema potencial amb funcions anònimes: com cridar-les de forma recursiva si no tenen un nom? JavaScript permet gravar en una expressió el nom de la funció . Podeu utilitzar noms IIFEs  (Expressions de funció Immediatament invocats) com a continuació:</p>
+
+<pre class="brush: js">var charsInBody = (function counter(elm) {
+  if (elm.nodeType == 3) { // TEXT_NODE
+    return elm.nodeValue.length;
+  }
+  var count = 0;
+  for (var i = 0, child; child = elm.childNodes[i]; i++) {
+    count += counter(child);
+  }
+  return count;
+})(document.body);
+</pre>
+
+<p>El nom proporcionat a una expressió de funció com l'anterior només està disponible pel propi àmbit de la funció. Això permet tant que el motor pugui optimitzar més l'execució  un codi més llegible. El nom també apareix en el depurador i en alguns seguiments de pila  poden estalviar-li  temps.</p>
+
+<p>Recordeu que les funcions de JavaScript són en si mateixes objectes i se les hi pot afegir o canviar les propietats igual que en els objectes que hem vist a la secció Objectes</p>
+
+<h2 id="Custom_objects">Custom objects</h2>
+
+<div class="note"><strong>Note:</strong> For a more detailed discussion of object-oriented programming in JavaScript, see <a href="/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript" title="https://developer.mozilla.org/en/Introduction_to_Object-Oriented_JavaScript">Introduction to Object Oriented JavaScript</a>.</div>
+
+<p>In classic Object Oriented Programming, objects are collections of data and methods that operate on that data. JavaScript is a prototype-based language which contains no class statement, such as is found in C++ or Java. (This is sometimes confusing for programmers accustomed to languages with a class statement.) Instead, JavaScript uses functions as classes. Let's consider a person object with first and last name fields. There are two ways in which the name might be displayed: as "first last" or as "last, first". Using the functions and objects that we've discussed previously, here's one way of doing it:</p>
+
+<pre class="example-bad brush: js">function makePerson(first, last) {
+  return {
+    first: first,
+    last: last
+  };
+}
+function personFullName(person) {
+  return person.first + ' ' + person.last;
+}
+function personFullNameReversed(person) {
+  return person.last + ', ' + person.first;
+}
+
+s = makePerson("Simon", "Willison");
+personFullName(s); // "Simon Willison"
+personFullNameReversed(s); "Willison, Simon"
+</pre>
+
+<p>This works, but it's pretty ugly. You end up with dozens of functions in your global namespace. What we really need is a way to attach a function to an object. Since functions are objects, this is easy:</p>
+
+<pre class="brush: js">function makePerson(first, last) {
+  return {
+    first: first,
+    last: last,
+    fullName: function() {
+      return this.first + ' ' + this.last;
+    },
+    fullNameReversed: function() {
+      return this.last + ', ' + this.first;
+    }
+  };
+}
+
+s = makePerson("Simon", "Willison")
+s.fullName(); // "Simon Willison"
+s.fullNameReversed(); // "Willison, Simon"
+</pre>
+
+<p>There's something here we haven't seen before: the <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/this" title="/en/JavaScript/Reference/Operators/this">this</a></code> keyword. Used inside a function, <code>this</code> refers to the current object. What that actually means is specified by the way in which you called that function. If you called it using <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Accessing_properties" title="/en/JavaScript/Reference/Operators/Member_Operators">dot notation or bracket notation</a> on an object, that object becomes <code>this</code>. If dot notation wasn't used for the call, <code>this</code> refers to the global object.</p>
+
+<p>Note that <code>this</code> is a frequent cause of mistakes. For example:</p>
+
+<pre class="brush: js">s = makePerson("Simon", "Willison");
+var fullName = s.fullName;
+fullName(); // undefined undefined
+</pre>
+
+<p>When we call <code>fullName()</code> alone, without using <code>s.fullName()</code>, <code>this</code> is bound to the global object. Since there are no global variables called <code>first</code> or <code>last</code> we get <code>undefined</code> for each one.</p>
+
+<p>We can take advantage of the <code>this</code> keyword to improve our <code>makePerson</code> function:</p>
+
+<pre class="brush: js">function Person(first, last) {
+  this.first = first;
+  this.last = last;
+  this.fullName = function() {
+    return this.first + ' ' + this.last;
+  };
+  this.fullNameReversed = function() {
+    return this.last + ', ' + this.first;
+  };
+}
+var s = new Person("Simon", "Willison");
+</pre>
+
+<p>We have introduced another keyword: <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/new" title="/en/JavaScript/Reference/Operators/new">new</a></code>. <code>new</code> is strongly related to <code>this</code>. What it does is it creates a brand new empty object, and then calls the function specified, with <code>this</code> set to that new object. Notice though that the function specified with <code>this</code> does not return a value but merely modifies the <code>this</code> object. It's <code><code> </code>new</code> that returns the <code>this</code> object to the calling site. Functions that are designed to be called by <code>new</code> are called constructor functions. Common practice is to capitalize these functions as a reminder to call them with <code>new</code>.</p>
+
+<p>The improved function still has the same pitfall with calling <code>fullName()</code> alone.</p>
+
+<p>Our person objects are getting better, but there are still some ugly edges to them. Every time we create a person object we are creating two brand new function objects within it — wouldn't it be better if this code was shared?</p>
+
+<pre class="brush: js">function personFullName() {
+  return this.first + ' ' + this.last;
+}
+function personFullNameReversed() {
+  return this.last + ', ' + this.first;
+}
+function Person(first, last) {
+  this.first = first;
+  this.last = last;
+  this.fullName = personFullName;
+  this.fullNameReversed = personFullNameReversed;
+}
+</pre>
+
+<p>That's better: we are creating the method functions only once, and assigning references to them inside the constructor. Can we do any better than that? The answer is yes:</p>
+
+<pre class="brush: js">function Person(first, last) {
+  this.first = first;
+  this.last = last;
+}
+Person.prototype.fullName = function() {
+  return this.first + ' ' + this.last;
+};
+Person.prototype.fullNameReversed = function() {
+  return this.last + ', ' + this.first;
+};
+</pre>
+
+<p><code>Person.prototype</code> is an object shared by all instances of <code>Person</code>. It forms part of a lookup chain (that has a special name, "prototype chain"): any time you attempt to access a property of <code>Person</code> that isn't set, JavaScript will check <code>Person.prototype</code> to see if that property exists there instead. As a result, anything assigned to <code>Person.prototype</code> becomes available to all instances of that constructor via the <code>this</code> object.</p>
+
+<p>This is an incredibly powerful tool. JavaScript lets you modify something's prototype at any time in your program, which means you can add extra methods to existing objects at runtime:</p>
+
+<pre class="brush: js">s = new Person("Simon", "Willison");
+s.firstNameCaps(); // TypeError on line 1: s.firstNameCaps is not a function
+
+Person.prototype.firstNameCaps = function() {
+  return this.first.toUpperCase()
+};
+s.firstNameCaps(); // "SIMON"
+</pre>
+
+<p>Interestingly, you can also add things to the prototype of built-in JavaScript objects. Let's add a method to <code>String</code> that returns that string in reverse:</p>
+
+<pre class="brush: js">var s = "Simon";
+s.reversed(); // TypeError on line 1: s.reversed is not a function
+
+String.prototype.reversed = function() {
+  var r = "";
+  for (var i = this.length - 1; i &gt;= 0; i--) {
+    r += this[i];
+  }
+  return r;
+};
+
+s.reversed(); // nomiS
+</pre>
+
+<p>Our new method even works on string literals!</p>
+
+<pre class="brush: js">"This can now be reversed".reversed(); // desrever eb won nac sihT
+</pre>
+
+<p>As I mentioned before, the prototype forms part of a chain. The root of that chain is <code>Object.prototype</code>, whose methods include <code>toString()</code> — it is this method that is called when you try to represent an object as a string. This is useful for debugging our <code>Person</code> objects:</p>
+
+<pre class="brush: js">var s = new Person("Simon", "Willison");
+s; // [object Object]
+
+Person.prototype.toString = function() {
+  return '&lt;Person: ' + this.fullName() + '&gt;';
+}
+
+s.toString(); // "&lt;Person: Simon Willison&gt;"
+</pre>
+
+<p>Remember how <code>avg.apply()</code> had a null first argument? We can revisit that now. The first argument to <code>apply()</code> is the object that should be treated as '<code>this</code>'. For example, here's a trivial implementation of <code>new</code>:</p>
+
+<pre class="brush: js">function trivialNew(constructor, ...args) {
+  var o = {}; // Create an object
+  constructor.apply(o, args);
+  return o;
+}
+</pre>
+
+<p>This isn't an exact replica of <code>new</code> as it doesn't set up the prototype chain (it would be difficult to illustrate). This is not something you use very often, but it's useful to know about. In this snippet, <code>...args</code> (including the ellipsis) is called the "<a href="/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest arguments</a>" – as the name implies, this contains the rest of the arguments.</p>
+
+<p>Calling</p>
+
+<pre class="brush: js">var bill = trivialNew(Person, "William", "Orange");</pre>
+
+<p>is therefore almost equivalent to</p>
+
+<pre class="brush: js">var bill = new Person("William", "Orange");</pre>
+
+<p><code>apply()</code> has a sister function named <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call" title="/en/JavaScript/Reference/Global_Objects/Function/call"><code>call</code></a>, which again lets you set <code>this</code> but takes an expanded argument list as opposed to an array.</p>
+
+<pre class="brush: js">function lastNameCaps() {
+  return this.last.toUpperCase();
+}
+var s = new Person("Simon", "Willison");
+lastNameCaps.call(s);
+// Is the same as:
+s.lastNameCaps = lastNameCaps;
+s.lastNameCaps();
+</pre>
+
+<h3 id="Inner_functions">Inner functions</h3>
+
+<p>JavaScript function declarations are allowed inside other functions. We've seen this once before, with an earlier <code>makePerson()</code> function. An important detail of nested functions in JavaScript is that they can access variables in their parent function's scope:</p>
+
+<pre class="brush: js">function betterExampleNeeded() {
+  var a = 1;
+  function oneMoreThanA() {
+    return a + 1;
+  }
+  return oneMoreThanA();
+}
+</pre>
+
+<p>This provides a great deal of utility in writing more maintainable code. If a function relies on one or two other functions that are not useful to any other part of your code, you can nest those utility functions inside the function that will be called from elsewhere. This keeps the number of functions that are in the global scope down, which is always a good thing.</p>
+
+<p>This is also a great counter to the lure of global variables. When writing complex code it is often tempting to use global variables to share values between multiple functions — which leads to code that is hard to maintain. Nested functions can share variables in their parent, so you can use that mechanism to couple functions together when it makes sense without polluting your global namespace — 'local globals' if you like. This technique should be used with caution, but it's a useful ability to have.</p>
+
+<h2 id="Closures">Closures</h2>
+
+<p>This leads us to one of the most powerful abstractions that JavaScript has to offer — but also the most potentially confusing. What does this do?</p>
+
+<pre class="brush: js">function makeAdder(a) {
+  return function(b) {
+    return a + b;
+  };
+}
+var x = makeAdder(5);
+var y = makeAdder(20);
+x(6); // ?
+y(7); // ?
+</pre>
+
+<p>The name of the <code>makeAdder</code> function should give it away: it creates new 'adder' functions, which when called with one argument add it to the argument that they were created with.</p>
+
+<p>What's happening here is pretty much the same as was happening with the inner functions earlier on: a function defined inside another function has access to the outer function's variables. The only difference here is that the outer function has returned, and hence common sense would seem to dictate that its local variables no longer exist. But they <em>do</em> still exist — otherwise the adder functions would be unable to work. What's more, there are two different "copies" of <code>makeAdder</code>'s local variables — one in which <code>a</code> is 5 and one in which <code>a</code> is 20. So the result of those function calls is as follows:</p>
+
+<pre class="brush: js">x(6); // returns 11
+y(7); // returns 27
+</pre>
+
+<p>Here's what's actually happening. Whenever JavaScript executes a function, a 'scope' object is created to hold the local variables created within that function. It is initialised with any variables passed in as function parameters. This is similar to the global object that all global variables and functions live in, but with a couple of important differences: firstly, a brand new scope object is created every time a function starts executing, and secondly, unlike the global object (which is accessible as <code>this</code> and in browsers is accessible as <code>window</code>) these scope objects cannot be directly accessed from your JavaScript code. There is no mechanism for iterating over the properties of the current scope object, for example.</p>
+
+<p>So when <code>makeAdder</code> is called, a scope object is created with one property: <code>a</code>, which is the argument passed to the <code>makeAdder</code> function. <code>makeAdder</code> then returns a newly created function. Normally JavaScript's garbage collector would clean up the scope object created for <code>makeAdder</code> at this point, but the returned function maintains a reference back to that scope object. As a result, the scope object will not be garbage collected until there are no more references to the function object that <code>makeAdder</code> returned.</p>
+
+<p>Scope objects form a chain called the scope chain, similar to the prototype chain used by JavaScript's object system.</p>
+
+<p>A closure is the combination of a function and the scope object in which it was created.</p>
+
+<p>Closures let you save state — as such, they can often be used in place of objects. Several excellent introductions to closures can be found <a href="http://stackoverflow.com/questions/111102/how-do-javascript-closures-work">here</a>.</p>
+
+<h3 id="Memory_leaks">Memory leaks</h3>
+
+<p>An unfortunate side effect of closures is that they make it trivially easy to leak memory in Internet Explorer. JavaScript is a garbage collected language — objects are allocated memory upon their creation and that memory is reclaimed by the browser when no references to an object remain. Objects provided by the host environment are handled by that environment.</p>
+
+<p>Browser hosts need to manage a large number of objects representing the HTML page being presented — the objects of the DOM. It is up to the browser to manage the allocation and recovery of these.</p>
+
+<p>Internet Explorer uses its own garbage collection scheme for this, separate from the mechanism used for JavaScript. It is the interaction between the two that can cause memory leaks.</p>
+
+<p>A memory leak in IE occurs any time a circular reference is formed between a JavaScript object and a native object. Consider the following:</p>
+
+<pre class="example-bad brush: js">function leakMemory() {
+  var el = document.getElementById('el');
+  var o = { 'el': el };
+  el.o = o;
+}
+</pre>
+
+<p>The circular reference formed above creates a memory leak; IE will not free the memory used by <code>el</code> and <code>o</code> until the browser is completely restarted.</p>
+
+<p>The above case is likely to go unnoticed; memory leaks only become a real concern in long running applications or applications that leak large amounts of memory due to large data structures or leak patterns within loops.</p>
+
+<p>Leaks are rarely this obvious — often the leaked data structure can have many layers of references, obscuring the circular reference.</p>
+
+<p>Closures make it easy to create a memory leak without meaning to. Consider this:</p>
+
+<pre class="example-bad brush: js">function addHandler() {
+  var el = document.getElementById('el');
+  el.onclick = function() {
+    el.style.backgroundColor = 'red';
+  };
+}
+</pre>
+
+<p>The above code sets up the element to turn red when it is clicked. It also creates a memory leak. Why? Because the reference to <code>el</code> is inadvertently caught in the closure created for the anonymous inner function. This creates a circular reference between a JavaScript object (the function) and a native object (<code>el</code>).</p>
+
+<p>There are a number of workarounds for this problem. The simplest is not to use the <code>el</code> variable:</p>
+
+<pre class="example-good brush: js">function addHandler(){
+  document.getElementById('el').onclick = function(){
+    this.style.backgroundColor = 'red';
+  };
+}
+</pre>
+
+<p>Surprisingly, one trick for breaking circular references introduced by a closure is to add another closure:</p>
+
+<pre class="brush: js">function addHandler() {
+  var clickHandler = function() {
+    this.style.backgroundColor = 'red';
+  };
+  (function() {
+    var el = document.getElementById('el');
+    el.onclick = clickHandler;
+  })();
+}
+</pre>
+
+<p>The inner function is executed straight away, and hides its contents from the closure created with <code>clickHandler</code>.</p>
+
+<p>Another good trick for avoiding closures is breaking circular references during the <code>window.onunload</code> event. Many event libraries will do this for you. Note that doing so disables the <a href="/en-US/docs/Working_with_BFCache" title="En/Using_Firefox_1.5_caching">back-forward cache in Firefox</a>, so you should not register an <code>unload</code> listener in Firefox, unless you have other reasons to do so.</p>
diff --git a/files/ca/web/javascript/data_structures/index.html b/files/ca/web/javascript/data_structures/index.html
new file mode 100644
index 0000000000..5bb63891ed
--- /dev/null
+++ b/files/ca/web/javascript/data_structures/index.html
@@ -0,0 +1,258 @@
+---
+title: JavaScript data types and data structures
+slug: Web/JavaScript/Data_structures
+translation_of: Web/JavaScript/Data_structures
+---
+<div>{{jsSidebar("More")}}</div>
+
+<p>Tots els llenguatges de programació tenen estructures de dades definides com a part d'ells mateixos. Aquestes estrcutures, però, són sovint varien d'un llenguatge a un altre. Aquest article pretén llistar totes les estructures de dades que JavaScript té de forma interna, així com quines propietats tenen; aquestes estructures es poden utilitzar per a per a construir altres estrcutures. Es mostraran comparacionis amb altres llenguatges de programació quan sigui possible.</p>
+
+<h2 id="Tipatge_dinàmic">Tipatge dinàmic</h2>
+
+<p>JavaScript és un llenguatge <em>de tipatge flu</em><em>ix, </em><code>o </code><em>dinàmic</em>. Això vol dir que no cal declarar el tipus d'una variable abans d'utilitzar-la. El seu tipus es determinarà mentre el programa s'executi. Això també implica que la mateixa variable pot rebre valors que tinguin diferents tipus:</p>
+
+<pre class="brush: js notranslate">var foo = 42;    // foo ara és un Number
+var foo = "bar"; // foo ara és un String
+var foo = true;  // foo ara és un Boolean
+</pre>
+
+<h2 id="Tipus_de_dades">Tipus de dades</h2>
+
+<p>L'últim standard ECMAScript defineix set tipus de dades:</p>
+
+<ul>
+ <li>Sis tipus de dades que són {{Glossary("Primitive", "primitius")}}:
+  <ul>
+   <li>{{Glossary("Boolean")}}</li>
+   <li>{{Glossary("Null")}}</li>
+   <li>{{Glossary("Undefined")}}</li>
+   <li>{{Glossary("Number")}}</li>
+   <li>{{Glossary("String")}}</li>
+   <li>{{Glossary("Symbol")}} (nou, introduït a l'ECMAScript 6)</li>
+  </ul>
+ </li>
+ <li>i {{Glossary("Object")}}</li>
+</ul>
+
+<h2 id="Valors_primitius">Valors primitius</h2>
+
+<p>Tots els tipus, a excepció dels objectes, defineixen valors immutables (valors que no es poden canviar). Per exemple, al contrari que C, els Strings són immutables. Ens referim a valors d'aquests tipus com a "valors primitius".</p>
+
+<h3 id="Tipus_Booleà">Tipus Booleà</h3>
+
+<p>Els booleans representen una entitat lògica i poden tenir un dels dos valors següents: <code>true</code>, o bé <code>false</code>.</p>
+
+<h3 id="Tipus_Null">Tipus Null</h3>
+
+<p>El tipus Null té un únic valor: <code>null</code>. Vegeu {{jsxref("null")}} i {{Glossary("Null")}} per a més detalls.</p>
+
+<h3 id="Tipus_Undefined">Tipus Undefined</h3>
+
+<p>Una variable a la que no se l'ha assignat cap valor té el valor <code>undefined</code>. Vegeu {{jsxref("undefined")}} i {{Glossary("Undefined")}} per a més detalls.</p>
+
+<h3 id="Tipus_Number">Tipus Number</h3>
+
+<p>Segons el standard ECMAScript, només hi ha un tipus que representi nombres: el <a href="http://en.wikipedia.org/wiki/Double_precision_floating-point_format">valor de doble precisió de 64 bits en format binari IEEE 754</a> (capaç de representar nombres entre -(2<sup>53</sup> -1) i 2<sup>53</sup> -1). <strong>No hi ha un tipus específic per a representar nombres sencers</strong>. A més de ser capaç de representar nombres en coma flotant, el tipus Number disposa de tres valors adicionals simbòlics: <code>+Infinity</code>, <code>-Infinity</code>, i <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN"><code>NaN</code></a> (No un Nombre, de l'anglés Not-A-Number).</p>
+
+<p>Per a comprovar valors més grans o més petits que <code>+/-Infinity</code>, es poden emprar les constants {{jsxref("Number.MAX_VALUE")}} i {{jsxref("Number.MIN_VALUE")}} i, a partir de l'ECMAScript 6, també es pot comprovar si un nombre en coma flotant de doble precisió està dins el rang mitjançant {{jsxref("Number.isSafeInteger()")}}, així com {{jsxref("Number.MAX_SAFE_INTEGER")}} i {{jsxref("Number.MIN_SAFE_INTEGER")}}. Fora d'aquest rang no és segur utilitzar nombres a JavaScript.</p>
+
+<p>El tipus Number disposa únicament d'un nombre sencer que té dues representacions: 0 s'interpreta com a -0 i +0. ("0" és un alias per a +0). A la pràctica, això no te quasi cap impacte. Per exemple,  <code>+0 === -0</code> evalua a <code>true</code>. No obstant, aquesta diferència si existeix quan es divideix per zero:</p>
+
+<pre class="brush: js notranslate">&gt; 42 / +0
+Infinity
+&gt; 42 / -0
+-Infinity
+</pre>
+
+<p>Tot i que un nombre sovint només representa el seu valor, JavaScript disposa d'<a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators" title="en/JavaScript/Reference/Operators/Bitwise_Operators">alguns operadors binaris</a>. Aquests operadors es poden emprar per a representar un conjunt de valors Booleans dins un sol nombre, utilitzen una <a class="external" href="http://en.wikipedia.org/wiki/Mask_%28computing%29">màscara de bits</a>. Això es considera una mala pràctica tot i que JavaScript no ofereix cap altra forma per a representar un conjunt de Booleans (com ara un array de Booleans o un objecte amb valors assignats a propietats amb nom). Utilitzar màscares de bits també tendeix a fer el codi més difícil de llegir, entendre i mantenir. Pot ser necessari l'ús d'aquestes tècniques en entorns força limitats, com ara quan es disposa de pocs recursos d'emmagatzematge local o en casos extrems quan cada bit enviat a la xarxa compta. Només hauria de considerar-se l'ús d'aquesta tècnica quan sigui l'últim recurs que es pot emprar per a optimitzar espai.</p>
+
+<h3 id="Tipus_String">Tipus String</h3>
+
+<p>El tipus {{jsxref("Global_Objects/String", "String")}} de JavaScript s'utilitza per a representar dades textuals. Es tracta d'un llistat d'"elements" el valor dels quals és un nombre sencer de 16 bits sense signe. Cada element dins el String ocupa una posició. El primer element té l'índex 0, el segon index 1, etcètera. La llargada d'un String és el nombre d'elements que conté.</p>
+
+<p>A diferència d'altres llenguatges, com ara C, Els strings a JavaScript són immutables. És a dir, quan un string s'ha creat, no és possible modificar-lo. En comptes d'això, si que és possible crear un nou string basat en un string ja existent mitjançant una operació sobre l'original. Per exemple:</p>
+
+<ul>
+ <li>Un substring de l'original via escollint lletres individuals o bé mitjançant {{jsxref("String.substr()")}}.</li>
+ <li>Una concatenació de dos strings mitjançant l'operador de concatenació (<code>+</code>) o bé {{jsxref("String.concat()")}}.</li>
+</ul>
+
+<h4 id="Alerta_amb_abusar_dels_strings!">Alerta amb abusar dels strings!</h4>
+
+<p>Pot ser temptador utilitzar strings per a representar dades complexes. Fer-ho comporta beneficis a curt termini:</p>
+
+<ul>
+ <li>Resulta senzill construir strings complexos mitjançant la concatenació.</li>
+ <li>Els strings són fàcils de depurar (el que es veu imprés sempre és el que el string conté).</li>
+ <li>Els strings són el denominador comú de moltes APIs (<a href="/en-US/docs/Web/API/HTMLInputElement" title="HTMLInputElement">camps d'entrada</a>, valors <a href="/en-US/docs/Storage" title="Storage">emmagatzemats de forma local</a>, respostes {{ domxref("XMLHttpRequest") }} a l'utilitzar <code>responseText</code>, etc.) i pot resultar temptador utilitzar només strings.</li>
+</ul>
+
+<p>Amb les convencions adequades, és possible representar estructures de dades dins un string. Això no vol dir que fer-ho sigui una bona idea. Per exemple, amb un separador, seria possible emular una llista (tot i que un array de JavaScript seria més adient). Malauradament, quan s'utilitzi el separador en un dels elements de la "llista", la llista esdevendrà errònia. Una solució seria escollir un caràcter d'escapament, etcètera. Tot això requereix de convencions i crea un problema de manteniment innecesari.</p>
+
+<p>Utilitzeu strings només per a dades textuals. Quan representin dades complexes, interpreteu els strings i utilitzeu l'abstracció adequada.</p>
+
+<h3 id="Tipus_Symbol">Tipus Symbol</h3>
+
+<p>El tipus Symbol és nou a JavaScript, introduït a l'ECMAScript Edició 6. Un Symbol és un valor primitiu <strong>únic</strong> i <strong>immutable</strong> i pot ser utilitzat com a clau d'una propietat d'un objecte (vegeu més abaix). En alguns llenguatges de programació, als símbols s'els anomena àtoms. També guarden similituts a les enumeracions (enum) de C. Per a més detalls vegeu {{Glossary("Symbol")}} i l'objecte embolcallador {{jsxref("Symbol")}} a JavaScript.</p>
+
+<h2 id="Objectes">Objectes</h2>
+
+<p>En l'àmbit de la informàtica, un objecte és un valor en memòria que possiblement és referenciat per un {{Glossary("Identifier", "identificador")}}.</p>
+
+<h3 id="Propietats">Propietats</h3>
+
+<p>A JavaScript es poden entendre els objectes com una col·lecció de propietats. Amb la <a href="/en-US/docs/Web/JavaScript/Guide/Values,_variables,_and_literals#Object_literals">sintaxi literal d'objectes</a>, es pot inicialitzar un conjunt de propietats limitat; més tard es poden afegir propietats o bé esborrar-ne. Els valors de les propietats poden ser de qualsevol tipus, incloent altres objectes, el que comporta poder construir estructures de dades complexes. Les propietats s'identifiquen mitjançant valors clau. Una clau és o bé un valor de tipus String o Symbol.</p>
+
+<p>Hi ha dos tipus de propietats d'objectes, les quals tenen diferents atributs: Les propietats de tipus dada i les propietats de tipus accés.</p>
+
+<h4 id="Propietats_de_tipus_dada">Propietats de tipus dada</h4>
+
+<p>Associa una clau a un valor i disposa dels següents atributs:</p>
+
+<table class="standard-table">
+ <caption>Atributs de les propietats de tipus dada</caption>
+ <tbody>
+  <tr>
+   <th>Atribut</th>
+   <th>Tipus</th>
+   <th>Descripció</th>
+   <th>Valor per defecte</th>
+  </tr>
+  <tr>
+   <td>[[Value]]</td>
+   <td>Qualsevol tipus</td>
+   <td>El valor obtingut mitjançant un accés de tipus get a la propietat.</td>
+   <td>undefined</td>
+  </tr>
+  <tr>
+   <td>[[Writable]]</td>
+   <td>Boolean</td>
+   <td>Si val <code>false</code>, el [[Value]] de la propietat no es pot canviar.</td>
+   <td>false</td>
+  </tr>
+  <tr>
+   <td>[[Enumerable]]</td>
+   <td>Boolean</td>
+   <td>Si val <code>true</code>, la propietat apareixerà al recòrrer l'objecte pare amb un bucle <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a>.</td>
+   <td>false</td>
+  </tr>
+  <tr>
+   <td>[[Configurable]]</td>
+   <td>Boolean</td>
+   <td>Si val <code>false</code>, la propietat no pot ser esborrada i no es pot modificar cap atribut a excepció de [[Value]] i [[Writable]].</td>
+   <td>false</td>
+  </tr>
+ </tbody>
+</table>
+
+<h4 id="Propietats_de_tipus_accés">Propietats de tipus accés</h4>
+
+<p>Associen una clau amb una o dues funccións d'accés (get i set) per a obtindre o bé emmagatzemar un valor, i tenen els atributs següents:</p>
+
+<table class="standard-table">
+ <caption>Atributs de les propietats de tipus accés</caption>
+ <tbody>
+  <tr>
+   <th>Atribut</th>
+   <th>Tipus</th>
+   <th>Descripció</th>
+   <th>Valor per defecte</th>
+  </tr>
+  <tr>
+   <td>[[Get]]</td>
+   <td>Objecte de tipus Function o bé undefined</td>
+   <td>Es crida la funció amb un llistat d'arguments buit i retorna el valor de la propietat. S'executa quan s'accedeix al valor de la propietat. Vegeu també <a href="/en-US/docs/Web/JavaScript/Reference/Operators/get"><code>get</code></a>.</td>
+   <td>undefined</td>
+  </tr>
+  <tr>
+   <td>[[Set]]</td>
+   <td>Objecte de tipus Function o bé undefined</td>
+   <td>Es crida la funció amb un argument, que conté el valor a assignar a la propietat. S'executa quan es vol canviar el valor de la propietat. See also <a href="/en-US/docs/Web/JavaScript/Reference/Operators/set"><code>set</code></a>.</td>
+   <td>undefined</td>
+  </tr>
+  <tr>
+   <td>[[Enumerable]]</td>
+   <td>Boolean</td>
+   <td>Si val <code>true</code>, la propietat apareixerà al recòrrer l'objecte pare amb un bucle <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a>.</td>
+   <td>false</td>
+  </tr>
+  <tr>
+   <td>[[Configurable]]</td>
+   <td>Boolean</td>
+   <td>Si val <code>false</code>, no es pot esborrar la propietat i no es pot convertir a una propietat de tipus dada.</td>
+   <td>false</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Objectes_normals_i_functions">Objectes "normals" i functions</h3>
+
+<p>A JavaScript, un objecte és un mapa que associa claus amb valors. Les claus sempre són de tipus String mentre que els valors poden ser de qualsevol tipus. Això fa que els objectes es puguin utilitzar de forma intuitiva com a <a class="external" href="http://en.wikipedia.org/wiki/Hash_table">hashmaps</a>.</p>
+
+<p>Les funcions són objectes normals i correncts amb la característica adicional que poden ser cridats.</p>
+
+<h3 id="Dates">Dates</h3>
+
+<p>A l'hora de representar dates la millor opció és utilitzar l'objecte <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date"><code>Date</code></a> que JavaScript incorpora per defecte.</p>
+
+<h3 id="Col·leccions_indexades_Arrays_i_Arrays_amb_tipus">Col·leccions indexades: Arrays i Arrays amb tipus</h3>
+
+<p><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Array" title="Array">Els Arrays</a> són objectes normals i corrents en els que hi ha una relació específica entre les propietats, que utilitzen nombres sencers com a claus,  i la propietat 'length'. A més, els array hereten de <code>Array.prototype</code>, el qual els proporciona un conjunt de mètodes molt útils per a manipular arrays. Per exemple, <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf" title="en/JavaScript/Reference/Global_Objects/Array/indexOf">indexOf</a></code> (cerca un valor dins l'array) o bé <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Array/push" title="en/JavaScript/Reference/Global_Objects/Array/push">push</a></code> (afegeix un element a l'array), etcètera. Això fa que els Arrays siguin el candidat ideal per a representar llistes i <em>sets</em>.</p>
+
+<p><a href="/en-US/docs/Web/JavaScript/Typed_arrays">Els Arrays amb tipus</a> s'han incorporat a JavaScript recentment amb el standard ECMAScript Edició 6 i ofereixen una forma de treballar sobre buffers de dades binàries com si es tractessin d'arrays. La taula següent mostra el tipus de dades equivalent a C:</p>
+
+<p>{{page("/ca/docs/Web/JavaScript/Reference/Global_Objects/TypedArray", "TypedArray_objects", "", 0, 3)}}</p>
+
+<h3 id="Col·leccions_amb_claus_Maps_Sets_WeakMaps_WeakSets">Col·leccions amb claus: Maps, Sets, WeakMaps, WeakSets</h3>
+
+<p>Aquestes estructures de dades utilitzen referències a objectes com a claus i estan disponibles a partir de l'ECMAScript Edició 6. {{jsxref("Set")}} i {{jsxref("WeakSet")}} representen un conjunt d'objectes, mentre que {{jsxref("Map")}} i {{jsxref("WeakMap")}} associen valors a objectes. La diferència entre Maps i WeakMaps és que als Maps els objectes utilitzats com a clau es poden enumerar mentre que als WeakMaps no. Això permet optimitzar l'alliberament de memòria si es fan anar WeakMaps.</p>
+
+<p>Els Maps i Sets es podrien implementar utilitzant solament ECMAScript 5 però, com que els objectes no es poden comparar (en el sentit de poder considerar un objecte menor que un altre, per exemple), el rendiment a l'hora de cercar seria linear per força. Les implementacions d'aquestes col·leccions (incloent WeakMaps) permeten un rendiment superior, sent aproximadament entre logarítmic i constant.</p>
+
+<p>Normalment, a l'hora de vincular dades a un node del DOM, s'assignen propietats directament a l'objecte o s'utilitzen atributs del tipus <code>data-*</code>. Aquesta aproximació té l'inconvenient d'exposar aquestes dades a tots els scripts pertanyents al mateix context. Els Maps i els WeakMaps són una solució que permet vincular dades a objectes de forma privada.</p>
+
+<h3 id="Dades_estructurades_JSON">Dades estructurades: JSON</h3>
+
+<p>JSON (JavaScript Object Notation) és un format lleuger per a l'intercanvi de dades, derivat de JavaScript però utilitzat per molts llenguatges de programació. JSON construeix estructures de dades universals. Vegeu {{Glossary("JSON")}} i {{jsxref("JSON")}} per a més detalls.</p>
+
+<h3 id="Altres_objectes_de_la_llibreria_standard">Altres objectes de la llibreria standard</h3>
+
+<p>JavaScript disposa d'una llibreria standard d'objectes. Feu un cop d'ull a la <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects">referència</a> per a descobrir més objectes.</p>
+
+<h2 id="Determinar_el_tipus_utilitzant_loperador_typeof">Determinar el tipus utilitzant l'operador <code>typeof</code></h2>
+
+<p>L'operador <code>typeof</code> pot ajudar-vos a esbrinar el tipus d'una variable. Llegiu la <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof">pàgina de referència</a> per a més detalls i casos especials.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-8', 'Types')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-ecmascript-data-types-and-values', 'ECMAScript Data Types and Values')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a class="link-https" href="https://github.com/nzakas/computer-science-in-javascript/">Col·lecció d'estructures de dades i algorismes comuns en JavaScript, de Nicholas Zakas.</a></li>
+ <li><a href="https://github.com/monmohan/DataStructures_In_Javascript" title="https://github.com/monmohan/DataStructures_In_Javascript">Search Tre(i)es implemented in JavaScript</a></li>
+</ul>
diff --git a/files/ca/web/javascript/enumerability_and_ownership_of_properties/index.html b/files/ca/web/javascript/enumerability_and_ownership_of_properties/index.html
new file mode 100644
index 0000000000..34daee82e5
--- /dev/null
+++ b/files/ca/web/javascript/enumerability_and_ownership_of_properties/index.html
@@ -0,0 +1,243 @@
+---
+title: Enumerabilitat i pertanyença de les propietats
+slug: Web/JavaScript/Enumerability_and_ownership_of_properties
+translation_of: Web/JavaScript/Enumerability_and_ownership_of_properties
+---
+<div>{{JsSidebar("More")}}</div>
+
+<p>Les propietats enumerables són aquelles que es poden iterar en un <a href="/en-US/docs/JavaScript/Reference/Statements/for...in">bucle for..in</a>. La pertanyença de les propietats és determinada pel fet de si la propietat pertany directament a l'objecte en comptes de la seva cadena de prototipus. Les propietats d'un objecte també poden ser contades per a obtenir el nombre de propietats. Hi ha diverses formes de detectar, iterar/enumerar i obtindre les propietats d'un objecte. Es pot veure a la taula quines es poden emprar en cada cas. A continuació trobareu un bocí de codi d'exemple on es mostra com otenir les categories no trobades.</p>
+
+<table>
+ <caption>Enumerabilitat i pertanyença de propietats - mètodes de detecció,  obtenció i iteració</caption>
+ <tbody>
+  <tr>
+   <th>Funcionalitat</th>
+   <th>Pertanyença a l'objecte</th>
+   <th>Pertanyença a l'objecte o la seva cadena de prototipus</th>
+   <th>Pertanyença només a la cadena de prototipus</th>
+  </tr>
+  <tr>
+   <td>Detecció</td>
+   <td>
+    <table>
+     <thead>
+      <tr>
+       <th scope="col">Enumerable</th>
+       <th scope="col">No enumerable</th>
+       <th scope="col">Enumerable i No enumerable</th>
+      </tr>
+     </thead>
+     <tbody>
+      <tr>
+       <td><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable">propertyIsEnumerable</a></code></td>
+       <td><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/hasOwnProperty" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/hasOwnProperty">hasOwnProperty</a></code> i no <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable">propertyIsEnumerable</a></code></td>
+       <td><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/hasOwnProperty" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/hasOwnProperty">hasOwnProperty</a></code></td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+   <td>No disponible sense escriure més codi</td>
+   <td>No disponible sense escriure més codi</td>
+  </tr>
+  <tr>
+   <td>Obtenció</td>
+   <td>
+    <table>
+     <thead>
+      <tr>
+       <th scope="col">Enumerable</th>
+       <th scope="col">No enumerable</th>
+       <th scope="col">Enumerable i No enumerable</th>
+      </tr>
+     </thead>
+     <tbody>
+      <tr>
+       <td><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys">Object.keys</a></code></td>
+       <td><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code> filtrat per a incloure propietats si no se li passa<code> <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable">propertyIsEnumerable</a></code></td>
+       <td><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code></td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+   <td>No disponible sense escriure més codi</td>
+   <td>No disponible sense escriure més codi</td>
+  </tr>
+  <tr>
+   <td>Iteració</td>
+   <td>
+    <table>
+     <thead>
+      <tr>
+       <th scope="col">Enumerable</th>
+       <th scope="col">No enumerable</th>
+       <th scope="col">Enumerable i No enumerable</th>
+      </tr>
+     </thead>
+     <tbody>
+      <tr>
+       <td>Iterar sobre <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys">Object.keys</a></code></td>
+       <td>Iterar sobre <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a> </code>filtrat per a incloure propietats si no se li passa<code> <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable">propertyIsEnumerable</a></code></td>
+       <td>Iterar sobre <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code></td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+   <td>
+    <table>
+     <thead>
+      <tr>
+       <th scope="col">Enumerable</th>
+       <th scope="col">No enumerable</th>
+       <th scope="col">Enumerable i No enumerable</th>
+      </tr>
+     </thead>
+     <tbody>
+      <tr>
+       <td><code><a href="/en-US/docs/JavaScript/Reference/Statements/for...in" title="/en-US/docs/JavaScript/Reference/Statements/for...in">for..in</a></code></td>
+       <td>No disponible sense escriure més codi</td>
+       <td>No disponible sense escriure més codi</td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+   <td>No disponible sense escriure més codi</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Obtindre_propietats_per_enumerabilitatpertanyença">Obtindre propietats per enumerabilitat/pertanyença</h2>
+
+<p>Cal recalcar que aquest no és l'algorisme més eficient per a tots els casos, però és útil per a una demostració ràpida.</p>
+
+<ul>
+ <li>La detecció es pot aconseguir mitjançant <code>SimplePropertyRetriever.theGetMethodYouWant(obj).indexOf(prop) &gt; -1</code></li>
+ <li>La iteració es pot aconseguir mitjançant <code>SimplePropertyRetriever.theGetMethodYouWant(obj).forEach(function (value, prop) {});</code> (<code>o bé usant filter()</code>, <code>map()</code>, etc.)</li>
+</ul>
+
+<pre class="brush: js">var SimplePropertyRetriever = {
+    getOwnEnumerables: function (obj) {
+        return this._getPropertyNames(obj, true, false, this._enumerable);
+         // O es podria utilitzar for..in filtrat amb hasOwnProperty o bé simplement això: return Object.keys(obj);
+    },
+    getOwnNonenumerables: function (obj) {
+        return this._getPropertyNames(obj, true, false, this._notEnumerable);
+    },
+    getOwnEnumerablesAndNonenumerables: function (obj) {
+        return this._getPropertyNames(obj, true, false, this._enumerableAndNotEnumerable);
+        // O bé simplement utilitzar: return Object.getOwnPropertyNames(obj);
+    },
+    getPrototypeEnumerables: function (obj) {
+        return this._getPropertyNames(obj, false, true, this._enumerable);
+    },
+    getPrototypeNonenumerables: function (obj) {
+        return this._getPropertyNames(obj, false, true, this._notEnumerable);
+    },
+    getPrototypeEnumerablesAndNonenumerables: function (obj) {
+        return this._getPropertyNames(obj, false, true, this._enumerableAndNotEnumerable);
+    },
+    getOwnAndPrototypeEnumerables: function (obj) {
+        return this._getPropertyNames(obj, true, true, this._enumerable);
+        // O bé es podria utilitzar un for..in sense filtrar
+    },
+    getOwnAndPrototypeNonenumerables: function (obj) {
+        return this._getPropertyNames(obj, true, true, this._notEnumerable);
+    },
+    getOwnAndPrototypeEnumerablesAndNonenumerables: function (obj) {
+        return this._getPropertyNames(obj, true, true, this._enumerableAndNotEnumerable);
+    },
+    // Private static property checker callbacks
+    _enumerable : function (obj, prop) {
+        return obj.propertyIsEnumerable(prop);
+    },
+    _notEnumerable : function (obj, prop) {
+        return !obj.propertyIsEnumerable(prop);
+    },
+    _enumerableAndNotEnumerable : function (obj, prop) {
+        return true;
+    },
+    // Inspirat per http://stackoverflow.com/a/8024294/271577
+    _getPropertyNames : function getAllPropertyNames(obj, iterateSelfBool, iteratePrototypeBool, includePropCb) {
+        var props = [];
+
+        do {
+            if (iterateSelfBool) {
+                Object.getOwnPropertyNames(obj).forEach(function (prop) {
+                    if (props.indexOf(prop) === -1 &amp;&amp; includePropCb(obj, prop)) {
+                        props.push(prop);
+                    }
+                });
+            }
+            if (!iteratePrototypeBool) {
+                break;
+            }
+            iterateSelfBool = true;
+        } while (obj = Object.getPrototypeOf(obj));
+
+        return props;
+    }
+};</pre>
+
+<h2 id="Taula_de_detecció">Taula de detecció</h2>
+
+<table>
+ <thead>
+  <tr>
+   <th scope="row"> </th>
+   <th scope="col"><code>in</code></th>
+   <th scope="col"><code>for..in</code></th>
+   <th scope="col"><code>hasOwnProperty</code></th>
+   <th scope="col"><code>propertyIsEnumerable</code></th>
+   <th scope="col"><code>in Object.keys</code></th>
+   <th scope="col"><code>in Object.getOwnPropertyNames</code></th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <th scope="row">Enumerable</th>
+   <td>true</td>
+   <td>true</td>
+   <td>true</td>
+   <td>true</td>
+   <td>true</td>
+   <td>true</td>
+  </tr>
+  <tr>
+   <th scope="row">No enumerable</th>
+   <td>true</td>
+   <td>false</td>
+   <td>true</td>
+   <td>false</td>
+   <td>false</td>
+   <td>true</td>
+  </tr>
+  <tr>
+   <th scope="row">Enumerable heredat</th>
+   <td>true</td>
+   <td>true</td>
+   <td>false</td>
+   <td>false</td>
+   <td>false</td>
+   <td>false</td>
+  </tr>
+  <tr>
+   <th scope="row">No enumerable heredat</th>
+   <td>true</td>
+   <td>false</td>
+   <td>false</td>
+   <td>false</td>
+   <td>false</td>
+   <td>false</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Operators/in" title="/en-US/docs/JavaScript/Reference/Operators/in">in</a></code></li>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Statements/for...in" title="/en-US/docs/JavaScript/Reference/Statements/for...in">for..in</a></code></li>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/hasOwnProperty" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/hasOwnProperty">hasOwnProperty</a></code></li>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable">propertyIsEnumerable</a></code></li>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames">getOwnPropertyNames</a></code></li>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys">Object.keys</a></code></li>
+</ul>
diff --git a/files/ca/web/javascript/eventloop/index.html b/files/ca/web/javascript/eventloop/index.html
new file mode 100644
index 0000000000..921e6ffded
--- /dev/null
+++ b/files/ca/web/javascript/eventloop/index.html
@@ -0,0 +1,75 @@
+---
+title: Model de concurrència i bucle d'events
+slug: Web/JavaScript/EventLoop
+translation_of: Web/JavaScript/EventLoop
+---
+<div>{{JsSidebar("Advanced")}}</div>
+
+<p>JavaScript disposa d'un model de concurrencia basat en un "bucle d'events". Aquest model és força diferent del model de concurrencia que ofereixen altres llenguatges com C o Java.</p>
+
+<h2 id="Conceptes_sobre_l'execució_de_codi">Conceptes sobre l'execució de codi</h2>
+
+<p>A les següents seccions s'explica el model teòric de concurrencia. Els motors de JavaScript moderns suporten concurrencia basant-se en aquest model tot i que hi implementen un gran nombre d'optimitzacions.</p>
+
+<h3 id="Representació_visual">Representació visual</h3>
+
+<p style="text-align: center;"><img alt="Stack, heap, queue" src="/files/4617/default.svg" style="width: 294px; height: 270px;"></p>
+
+<h3 id="Stack_(pila_d'execució)">Stack (pila d'execució)</h3>
+
+<p>Les crides a funcions formen una pila de <em>frames</em>.</p>
+
+<pre class="brush: js">function f(b){
+  var a = 12;
+  return a+b+35;
+}
+
+function g(x){
+  var m = 4;
+  return f(m*x);
+}
+
+g(21);
+</pre>
+
+<p>Al cridar a <code>g</code> es crea un primer <em>frame</em>, que conté tots els arguments passats a la crida a més de les variables locals. Quan <code>g</code> crida <code>f</code> es crea un segon <em>frame</em>, que s'aplia a sobre del primer. Quan la funció <code>f</code> retorna el seu <em>frame</em> es treu de la pila (deixant només el <em>frame</em> de <code>g</code>). Quan <code>g</code> retorna la pila d'execució queda buida.</p>
+
+<h3 id="Heap_(regió_de_memòria)">Heap (regió de memòria)</h3>
+
+<p>Els objectes s'emmagatzemen a la <em>heap</em>, que és una regió de memòria sense cap estructura fixa a la que el motor hi té accès.</p>
+
+<h3 id="Queue_(cua_d'execució)">Queue (cua d'execució)</h3>
+
+<p>El procès d'execució de JavaScript conté una cua de missatges, que està formada pel llistat de missatges pendents de ser processats. Cada cop que es buida s'agafa un missatge de la cua i es processa. El processament del missatge consisteix a cridar la funció associada a ell (i en conseqüència s'afegeix un <em>frame</em> inicial a la pila d'execució). El processament conclou quan a la pila d'execució no hi queda cap <em>frame</em>.</p>
+
+<h2 id="Bucle_d'events">Bucle d'events</h2>
+
+<p>El <code>bucle d'events</code> rep el seu nom degut a la forma en la que normalment s'implementa, la qual sol ésser semblant al següent exemple:</p>
+
+<pre class="brush: js">while(cua.esperarMissatge()){
+  cua.processarSegüentMissatge();
+}</pre>
+
+<p><code>cua.esperarMissatge</code> espera de forma síncrona que un missatge arribi si la pila és buida.</p>
+
+<h3 id="Execució_ininterrompuda">Execució ininterrompuda</h3>
+
+<p>Cada missatge es processa de forma complerta i ininterrompuda abans un altre missatge no és processat. Aquest fet proporciona certes propietats força útils a tenir en compte a l'hora de pensar com realitzar un programa, com pot ser el fet que mentre s'està executant una funció es garanteix que aquesta mai serà interrompuda de forma que no cal preocupar-se per que cap altre codi pugui modificar dades que puguin afectar el resultat. Aquest comportament és totalment diferent del de llenguatges com C, per exemple, on les funcions es processen en fils d'execució, que poden ser interromputs en qualsevol moment per donar pas a l'execució d'altres fils, els quals poden potencialment modificar dades que poden alterar el resultat del primer fil.</p>
+
+<p>Un dels inconvenients del model emprat per JavaScript és que si un missatge triga massa a executar-se completament l'aplicació web no pot processar altres interaccions de l'usuari (que es transformen en missatges i van a parar a la cua) com ara clics o desplaçaments. Els navegadors sovint alleugen el problema tot advertint l'usuari amb el diàleg "un script està trigant massa a executar-se". Una bona pràctica consisteix a intentar que els missatges trigin poc temps a executar-se i, si és possible, trencar-los en diferents missatges més petits.</p>
+
+<h2 id="Afegir_missatges">Afegir missatges</h2>
+
+<p>Als navegadors web els missatges s'afegeixen a la cua sempre que un event succeeix i aquest event té un <em>event listener</em> associat. Si no hi ha cap <em>listener</em> associat l'event es perd. Així per exemple si es fa un clic a un element que té associada una funció a l'event de clic afegirà un missatge a la cua. Tanmateix amb qualsevol altre tipus d'event.</p>
+
+<p>Cridar a <code><a href="/en-US/docs/Web/API/WindowTimers.setTimeout" title="/en-US/docs/window.setTimeout">setTimeout</a></code> afegirà un missatge a la cua després que el temps indicat al segon argument hagi passat. Si no hi ha cap altre missatge a la cua, aquest missage s'executarà de forma immediata. Si hi ha altres missatges, però, el missatge afegit per <code>setTimeout</code> esperarà a que s'hagin processat tots els altres. És per aquest motiu que el segon argument indica el temps mínim d'espera i no el temps exacte garantit fins que es processi el missatge.</p>
+
+<h3 id="Comunicació_entre_diferents_fils_d'execució">Comunicació entre diferents fils d'execució</h3>
+
+<p>Els <em>web worker</em> (així s'anomenen els fils d'execució que s'encarreguen de processar missatges) i els <em>iframe</em> de tipus <em>cross-origin</em> tenen la seva pròpia pila, <em>heap</em> i cua de missatges. Dos fils d'execució diferents només es poden comunicar enviant-se missatges via el mètode <a href="/ca/docs/DOM/window.postMessage">postMessage</a>. Aquest mètode afegirà un missatge a un altre fil d'execució sempre i quan aquest fil d'execució estigui escoltant events de tipus <code>message</code> (és a dir, sempre que al fil d'execució que vol rebre el missatge hi hagi associat un <em>listener</em> a l'event <code>message</code>).</p>
+
+<h2 id="Completament_asíncron">Completament asíncron</h2>
+
+<p>Una propietat molt interessant del model de bucle d'events és que JavaScript, a diferència d'altres llenguatges, no es bloqueja mai a l'espera de res. Les operacions d'Entrada/Sortida (habitualment bloquejants a la majoria de llenguatges) són processades per JavaScript mitjançant events i <em>callbacks</em>, així , per exemple, mentre l'aplicació està esperant que una <em>query</em> a l'<a href="/en-US/docs/Web/API/IndexedDB_API" title="/en-US/docs/IndexedDB">IndexedDB</a> retorni o que una petició <a href="/en-US/docs/Web/API/XMLHttpRequest" title="/en-US/docs/DOM/XMLHttpRequest">XHR</a> retorni JavaScript pot executar altres events, com interaccions amb l'usuari, etcètera, ja que els resultats seràn rebuts i processats mitjançant un missatge diferent, que serà afegit a la cua quan els resultats estiguin llestos.</p>
+
+<p>Hi ha excepcions (degudes principalment a raons històriques), com el <em>dialog</em> <code>alert</code> o bé crides síncrones de tipus XHR, però es considera una bona pràctica evitar el seu ús. Tingueu en compte que també existeixen <a href="http://stackoverflow.com/questions/2734025/is-javascript-guaranteed-to-be-single-threaded/2734311#2734311">excepcions a l'excepció</a>, però normalment són degudes a errors d'implementació (bugs).</p>
diff --git a/files/ca/web/javascript/guide/details_of_the_object_model/index.html b/files/ca/web/javascript/guide/details_of_the_object_model/index.html
new file mode 100644
index 0000000000..9c2442d26f
--- /dev/null
+++ b/files/ca/web/javascript/guide/details_of_the_object_model/index.html
@@ -0,0 +1,746 @@
+---
+title: El model d'objectes en detall
+slug: Web/JavaScript/Guide/Details_of_the_Object_Model
+translation_of: Web/JavaScript/Guide/Details_of_the_Object_Model
+---
+<p>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Working_with_Objects", "Web/JavaScript/Guide/Iterators_and_Generators")}}</p>
+
+<p>JavaScript és un llenguatge orientat a objectes basat en prototipus en comptes d'estar basat en classes. Degut a aquesta diferència pot resultar menys evident la forma en que JavaScript permet crear jerarquies d'objectes i proporciona herència de propietats i els seus valors. Aquest capítol pretén aclarir aquest tema.</p>
+
+<p>Aquest capítol assumeix que teniu certa familiaritat amb JavaScript i sabeu crear objectes simples mitjançant funcions.</p>
+
+<h2 id="Llenguatges_basats_en_classes_vs_llenguatges_basats_en_prototipus">Llenguatges basats en classes vs llenguatges basats en prototipus</h2>
+
+<p>Els llenguatges orientats a objectes basats en classes, com ara Java i C++, es basen en el concepte de tenir dues entitats diferents: classes i instàncies.</p>
+
+<ul>
+ <li>Una <em>classe</em> defineix totes les propietats (considerem que a Java els mètodes i camps, així com els membres a C++, són propietats) que caracteritzen un determinat conjunt d'objectes. Una classe és quelcom abstracte, en contraposició amb un membre específic del grup d'objectes que defineix. Per exemple, la classe <code>Employee</code> podria representar el conjunt de tots els empleats.</li>
+ <li>Una <em>instància</em>, d'altra banda, és la instanciació d'una classe, és a dir, un dels seus membres. Per exemple, <code>Victoria</code> podría ser una instància de la classe <code>Employee</code>, representant un individu concret com a empleat. Una instància te exactament les propietats de la seva classe pare, ni més ni menys.</li>
+</ul>
+
+<p>Un llenguatge basat en prototipus, com ara JavaScript, no fa aquesta distinció: simplement disposa d'objectes. Un llenguatge basat en prototipus, però, té el concepte de <em>objecte prototipus</em>, un objecte que s'utilitza com a motlle del qual obtindre les propietats inicial d'un nou objecte. Qualsevol objecte pot especificar les seves pròpies propietats, ja sigui quan aquest és creat o be en temps d'execució. A més, qualsevol objecte pot ser associat com el <em>prototipus</em> d'un altre objecte, tot permetent al segon objecte compartir les propietats del primer.</p>
+
+<h3 id="Definir_una_classe">Definir una classe</h3>
+
+<p>En llenguatge basats en classes hom defineix una classe de forma separada com una <em>definició de classe</em>. En aquesta definició es poden especificar mètodes especials, anomenats <em>constructors</em>, que serveixen per a crear instàncies de la classe a la que pertanyen. Un mètode constructor pot especificar valors inicials per a les propietats d'una instància, així com realitzar altres tasques en temps de creació de l'objecte. Per a crear instàncies d'una classe s'utilitza l'operador <code>new</code> en associació amb un mètode constructor de la classe.</p>
+
+<p>JavaScript empra un model similar tot i que no disposa de definicions de classes separades dels constructors. En comptes d'això, es defineix una funció constructora per a crear objectes amb un conjunt específic de propietats i valors. Qualsevol funció de JavaScript pot ser utilitzada com a constructor. S'utilitza l'operador <code>new</code> amb una funció constructora per a crear un nou objecte.</p>
+
+<h3 id="Subclasses_i_herència">Subclasses i herència</h3>
+
+<p>En els llenguatges basats en classes, es poden crear jerarquies de classes mitjançant la definició de les classes. En una definició de classe es pot especificar que la nova classe és una <em>subclasse</em> d'una classe que ja existeix. La subclasse hereta totes les propietats de la <em>superclasse</em> i pot afegir noves propietats adicionals o bé modificar les heretades. Per exemple, suposem que la classe <code>Employee</code> només inclou les propietats <code>name</code> i <code>department</code>, i la classe <code>Manager</code> és una subclasse de <code>Employee</code> que afegeix la propietat <code>reports</code>. En aquest cas una instància de la classe <code>Manager</code> tindria totes tres propietats: <code>name</code>, <code>department</code> i <code>reports</code>.</p>
+
+<p>JavaScript implementa l'herència permetent associar un objecte prototipus a qualsevol funció constructora. D'aquesta forma es pot crear exactament l'exemple <code>Employee</code> — <code>Manager</code>, tot i que fent servir una terminologia lleugerament diferent. Primerament cal definir la funció constructora de <code>Employee</code>, tot especificant les propietats <code>nom</code> i <code>departament</code>. Seguidament es defineix la funció constructora de <code>Manager</code>, tot cridant el constructor de <code>Employee</code> i especificant la propietat <code>informes</code>. Finalment s'assigna el nou objecte derivat de <code>Employee.prototype</code> com el <code>prototype</code> de la funció constructora de <code>Manager</code>. Llavors quan es crea un nou objecte de tipus <code>Manager</code> aquest hereta les propietats <code>name</code> i <code>department</code> de l'objecte <code>Employee</code>.</p>
+
+<h3 id="Afegir_i_esborrar_propietats">Afegir i esborrar propietats</h3>
+
+<p>En llenguatges basats en classes les classes són normalment creades en temps de compilació i mentre que les instàncies de la classe poden ser creades tant en temps de compilació com en temps d'execució. No és possible canviar el nombre o el tipus de les propietats d'una classe després d'haver definit la classe. En JavaScript, però, és possible afegir o eliminar propietats de qualsevol objecte en temps d'execució. Si s'afegeix una propietat a un objecte que està sent utilitzat com a prototipus d'un conjunt d'objectes, aquests objectes també rebran la nova propietat.</p>
+
+<h3 id="Resum_de_diferències">Resum de diferències</h3>
+
+<p>La taula següent proporciona un breu resum d'algunes d'aquestes diferències. La resta del capítol descriu els detalls d'utilitzar constructors i prototipus a JavaScript per a crear jerarquies d'objectes i ho compara amb com es faria amb Java.</p>
+
+<table class="fullwidth-table">
+ <caption>Taula 8.1 Comparació de sistems d'objectes basats en classes (Java) i basats en prototipus (JavaScript)</caption>
+ <thead>
+  <tr>
+   <th scope="col">Basat en classes (Java)</th>
+   <th scope="col">Basat en prototipus (JavaScript)</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>Les classes i les instàncies són entitats diferents.</td>
+   <td>Qualsevol objecte pot heretar d'un altre objecte.</td>
+  </tr>
+  <tr>
+   <td>Es defineix una classe mitjançant una definició de classe; Es crea una instància d'una classe mitjançant un dels seus mètodes constructors.</td>
+   <td>Es defineix i es crea un conunt d'objectes mitjançant funcions constructores.</td>
+  </tr>
+  <tr>
+   <td>Es crea un sol objecte amb l'operador <code>new</code>.</td>
+   <td>Es crea un sol objecte amb l'operador <code>new</code>.</td>
+  </tr>
+  <tr>
+   <td>
+    <p>Les jerarquies d'objectes es construeixen mitjançant definicions de classes per a especificar subclasses de les classes existents.</p>
+   </td>
+   <td>
+    <p>Les jerarquies d'objectes es construeixen tot assignant un objecte com el prototipus associat amb una funció constructora.</p>
+   </td>
+  </tr>
+  <tr>
+   <td>Hereta les propietats tot següient la cadena de classes.</td>
+   <td>
+    <p>Hereta les propietats tot seguint la cadena de prototipus.</p>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <p>La definició d'una classe especifica <em>totes</em> les propietats per totes les instàncies de la classe. No és possible afegir propietats dinàmicament en temps d'execució.</p>
+   </td>
+   <td>
+    <p>Una funció constructora o un prototipus especifiquen un <em>conjunt inicial</em> de propietats. És possible afegir o eliminar propietats de forma dinàmica per a objectes individuals o bé de tot el conjunt d'objectes.</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p> </p>
+
+<h2 id="L'exemple_Employee">L'exemple Employee</h2>
+
+<p>La resta d'aquest capítol utilitza la jerarquia de <code>Employee</code> que es mostra en la següent figura.</p>
+
+<p><img alt="" class="internal" src="/@api/deki/files/4452/=figure8.1.png" style="height: 194px; width: 281px;"></p>
+
+<p><small><strong>Figura 8.1: Una jerarquia d'objectes simple</strong></small></p>
+
+<p>Aquest exemple utilitza els objectes següents:</p>
+
+<ul>
+ <li><code>Employee</code> té les propietats <code>name</code> (el valor de la qual és una cadena buida per defecte) i <code>dept</code> (el valor de la qual és "general" per defecte).</li>
+ <li><code>Manager</code> està basada en <code>Employee</code>. Afegeix la propietat <code>reports</code> (el valor de la qual és un array buit per defecte, i destinada a emmagatzemar un array d'objectes de tipus <code>Employee</code> com a valor).</li>
+ <li><code>WorkerBee</code> també està basada en <code>Employee</code>. afegeix la propietat<code> projects</code> (el valor de la qual és un array buit per defecte, i destinada a emmagatzemar un array de strings com a valor).</li>
+ <li><code>SalesPerson</code> està basada en <code>WorkerBee</code>. Afegeix la propietat <code>quota</code> (el valor de la qual és 100 per defecte). També sobreescriu la propietat <code>dept</code> amb el valor "sales", tot indicant que tots els objectes del tipus salespersons pertanyen al mateix department.</li>
+ <li><code>Engineer</code> està basat en <code>WorkerBee</code>. Afegeix la propietat <code>machine</code> (el valor de la qual és una string buida per defecte) i també sobreescriu la propietat <code>dept</code> amb el valor "engineering".</li>
+</ul>
+
+<h2 id="Crear_una_jerarquia">Crear una jerarquia</h2>
+
+<p>Hi ha diverses formes de definir les funcions constructores adequades per a implementar una jerarquia de Employee. Quina escollir-ne una depen en gran mesura del que es vol fer en l'aplicació.</p>
+
+<p>Aquesta secció mostra com utilitzar definicions molt simples (i comparativament poc flexibles) per a demostrar com funciona l'herència. En aquestes definicions no es pot especificar cap valor de les propietats al crear un objecte. L'objecte creat recentment senzillament té els valors per defecte, que es poden canviar després.</p>
+
+<p>En una aplicació real probablement es definirien constructors que permetessin especificar valors per les propietats de l'objecte al crear-lo (vegeu <a href="#Constructors_més_flexibles">Constructors més flexibles</a> per a més informació). De moment aquestes definicions simples demostren com funciona l'herència.</p>
+
+<p>Les següents definicions en Java i JavaScript de <code>Employee</code> són similars. L'única diferència és que a Java s'ha d'especificar el tipus de cada propietat de forma explícita mentre que a JavaScript no (degut a que Java és un <a href="http://en.wikipedia.org/wiki/Strong_and_weak_typing">llenguatge de tipatge fort</a> mentre que JavaScript és un llenguatge de tipatge dèbil).</p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">JavaScript</th>
+   <th scope="col">Java</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <pre class="brush: js">
+function Employee() {
+  this.name = "";
+  this.dept = "general";
+}
+</pre>
+   </td>
+   <td>
+    <pre class="brush: java">
+public class Employee {
+   public String name = "";
+   public String dept = "general";
+}
+</pre>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Les definicions de <code>Manager</code> i <code>WorkerBee</code> mostren com especificar quin és l'objecte pare dins la cadena d'herència. A JavaScript s'afegeix una instància prototipus com a valor de la propietat <code>prototype</code> de la funció constructora. Això es pot fer en qualsevol moment després d'haver definit el constructor. A Java, en canvi, s'ha d'especificar la superclasse dins la definició de la classe, i aquesta, en conseqüència, no pot canviar-se fora de la definició de classe.</p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">JavaScript</th>
+   <th scope="col">Java</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <pre class="brush: js">
+function Manager() {
+  Employee.call(this);
+  this.reports = [];
+}
+Manager.prototype = Object.create(Employee.prototype);
+
+function WorkerBee() {
+  Employee.call(this);
+  this.projects = [];
+}
+WorkerBee.prototype = Object.create(Employee.prototype);
+</pre>
+   </td>
+   <td>
+    <pre class="brush: java">
+public class Manager extends Employee {
+   public Employee[] reports;
+   public Manager () {
+      super();
+      this.reports = new Employee[0];
+   }
+}
+
+public class WorkerBee extends Employee {
+   public String[] projects;
+   public WorkerBee () {
+      super();
+      this.projects = new String[0];
+   }
+}
+</pre>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Les definicions de <code>Engineer</code> i <code>SalesPerson</code> creen objectes que descendeixen de <code>WorkerBee</code> i, per extensió, de <code>Employee</code>. Un objecte d'algun d'aquests tipus té les propietats de tots els objectes de damunt seu a la cadena d'herència. A més les definicions sobreescriuen els valors heretats de la propietat <code>dept</code> amb els nous valors especificats per a aquests objectes.</p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">JavaScript</th>
+   <th scope="col">Java</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <pre class="brush: js">
+function SalesPerson() {
+   WorkerBee.call(this);
+   this.dept = "sales";
+   this.quota = 100;
+}
+SalesPerson.prototype = Object.create(WorkerBee.prototype);
+
+function Engineer() {
+   WorkerBee.call(this);
+   this.dept = "engineering";
+   this.machine = "";
+}
+Engineer.prototype = Object.create(WorkerBee.prototype);
+</pre>
+   </td>
+   <td>
+    <pre class="brush: java">
+public class SalesPerson extends WorkerBee {
+   public double quota;
+   public SalesPerson () {
+      super();
+      this.dept = "sales";
+      this.quota = 100.0;
+   }
+}
+
+public class Engineer extends WorkerBee {
+   public String machine;
+   public Engineer () {
+      super();
+      this.dept = "engineering";
+      this.machine = "";
+   }
+}
+</pre>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>A l'utilitzar aquestes definicions les instàncies creades per aquests objectes tenen els valors per defecte apropiats per a les seves propietats. La figura 8.3 mostra com utilitzar aquestes definicions de JavaScript per a crear objectes nous i mostra els valors de les propietats per als nous objectes.</p>
+
+<div class="note">
+<p>El terme <em>instància</em> té un significat tècnic específic per a llenguatges basats en classes. En aquests llenguatges una instància és una instanciació individual d'una classe i és fundamentalment diferent de la classe. A JavaScript, "instància" no té aquest significat tècnic perquè aquest no diferencia entre classes i instàncies, tot i que parlant informalment de JavaScript es pot utilitzar el terme "instància" per a indicar un objecte creat utilitzant una funció constructora particular. Així, en aquest exemple, hom pot dir informalment que <code>jane</code> és una instància d'<code>Engineer</code>. De la mateixa manera, tot i que els termes <em>fill</em>, <em>predecessor</em> i <em>descendent</em> no tenen cap significat formal a JavaScript, aquests poden emprar-se de forma informal per a fer referència a objectes més amunt o bé més avall de la cadena de prototipus.</p>
+</div>
+
+<p> </p>
+
+<p><img alt="figure8.3.png" class="default internal" id="figure8.3" src="/@api/deki/files/4403/=figure8.3.png"><br>
+ <a id="8.3" name="8.3"><small><strong>Figura 8.3: Creació d'objectes amb definicions simples</strong></small></a></p>
+
+<h2 id="Propietats_d'un_objecte">Propietats d'un objecte</h2>
+
+<p>Aquesta secció explica com els objectes hereten propietats d'altres objecte mitjançant la cadena de prototipus i què succeeix quan s'afegeix una propietat en temps d'execució.</p>
+
+<h3 id="Heretar_propietats">Heretar propietats</h3>
+
+<p>Suposem que creem l'objecte <code>mark</code> a partir de <code>WorkerBee</code> (tal i com es mostra a la <a href="#8.3">Figura 8.3</a>) amb la sentència següent:</p>
+
+<pre class="brush: js">var mark = new WorkerBee;
+</pre>
+
+<p>Quan JavaScript es troba amb l'operador <code>new</code>, aquest crea un nou objecte genèric i passa aquest nou objecte com a valor de la paraula clau <code>this</code> a la funció constructora de <code>WorkerBee</code>. La funció constructora assigna el valor de la propietat project de forma explícita, i assigna implícitament el valor <code>WorkerBee.prototype</code> a la propietat interna <code>__proto__</code> (el nom d'aquesta propietat conté dos guions baixos tant al principi com al final). La propietat <code>__proto__</code> determina la cadena de prototipus que s'emprarà per a retornar valors de propietats. Un cop assignades aquestes propietats, JavaScript retorna el nou objecte i la sentència d'assignació associa l'objecte a la variable <code>mark</code>.</p>
+
+<p>Aquest procés no assigna valors de forma explícita a l'objecte <code>mark</code> (valors <em>locals</em>) per a les propietats que mark hereta a través de la cadena de prototipus. Quan s'intenta obtindre el valor d'una propietat JavaScript primer mira si el valor existeix en aquest objecte. Si és així, aquest és el valor retornat. Si el valor no existeix de forma <em>local</em>, JavaScript recorre la cadena prototipus (mitjançant la propietat <code>__proto__</code>). Si un objecte de la cadena prototipus té un valor per assignat a la propietat, aquest és el valor retornat. Si aquesta propietat no es troba a cap objecte de la cadena prototipus JavaScript determina que l'objete no té aquesta propietat. D'aquesta forma, l'objete <code>mark</code> té les següents propietats i valors:</p>
+
+<pre class="brush: js">mark.name = "";
+mark.dept = "general";
+mark.projects = [];
+</pre>
+
+<p>L'objecte <code>mark</code> hereta els valors per a les propietats <code>name</code> i <code>dept</code> de l'objecte prototipus a <code>mark.__proto__</code>. La propietat <code>projects</code> rep un valor local designat pel constructor <code>WorkerBee</code>. Així és com funciona l'herència de propietats i els seus valors a JavaScript. Es poden trobar alguns detalls d'aquest procès a <a href="#Un_segon_cop_d'ull_a_l'herència_de_propietats">Un segon cop d'ull a l'herència de propietats</a>.</p>
+
+<p>Com que aquests constructors no permeten valors per a l'instància aquesta informació és genèrica. Els valors de les propietats són compartits per defecte, compartits per tots els nous objectes creats a partir de <code>WorkerBee</code>. Per suposat, es poden canviar els valors inicials d'aquestes propietats. A continuació es mostra com canviar informació específica:</p>
+
+<pre class="brush: js">mark.name = "Doe, Mark";
+mark.dept = "admin";
+mark.projects = ["navigator"];</pre>
+
+<h3 id="Afegir_propietats">Afegir propietats</h3>
+
+<p>A JavaScript, es poden afegir propietats a qualsevol objecte en temps d'execució. No hi ha cap limitació que ens forci a utilitzar només les propietats que ofereix la funció constructora. Per a afegir una propietat específicament a només un objecte, s'assigna un valor a l'objecte de la manera següent:</p>
+
+<pre class="brush: js">mark.bonus = 3000;
+</pre>
+
+<p>Ara l'objecte <code>mark</code> té una propietat anomenada <code>bonus</code>, però cap altre objecte de tipus WorkerBee tindrà aquesta propietat.</p>
+
+<p>Si s'afegeix una nova propietat a un objecte que és emprat com a prototipus per una funció constructora, la propietat s'afegeix a tots els objectes que hereten propietats del prototipus. Per exemple, podem afegir la propietat <code>specialty</code> a tots els empleats amb la sentència següent:</p>
+
+<pre class="brush: js">Employee.prototype.specialty = "none";
+</pre>
+
+<p>Un cop la sentència s'ha executat l'objecte <code>mark</code> també disposa de la propietat <code>specialty</code>, amb el valor <code>"none"</code>. La figura següent mostra l'efecte d'afegir aquesta propietat al prototipus <code>Employee</code> i tot seguit sobreescriure-la per al prototipus <code>Engineer</code>.</p>
+
+<p><img alt="" class="internal" src="/@api/deki/files/4422/=figure8.4.png" style="height: 519px; width: 833px;"><br>
+ <small><strong>Figura 8.4: Afegir propietats</strong></small></p>
+
+<h2 id="Constructors_més_flexibles">Constructors més flexibles</h2>
+
+<p>Les funcions constructores emprades fins ara no permeten especificar els valors de les propietats al crear una instància. Tal i com succeeix amb Java, es poden passar arguments als constructors per a inicialitzar els valors de les propietats de les instàncies a crear. La figura següent mostra una forma d'aconseguir-ho.</p>
+
+<p><img alt="" class="internal" id="figure8.5" src="/@api/deki/files/4423/=figure8.5.png" style="height: 481px; width: 1012px;"><br>
+ <a id="8.5" name="8.5"><small><strong>Figura 8.5: Determinar propietats en un constructor, primera aproximació</strong></small></a></p>
+
+<p>La taula següent mostra les definicions tant en Java com en JavaScript d'aquests objectes.</p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">JavaScript</th>
+   <th scope="col">Java</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <pre class="brush: js">
+function Employee (name, dept) {
+  this.name = name || "";
+  this.dept = dept || "general";
+}
+</pre>
+   </td>
+   <td>
+    <pre class="brush: java">
+public class Employee {
+   public String name;
+   public String dept;
+   public Employee () {
+      this("", "general");
+   }
+   public Employee (String name) {
+      this(name, "general");
+   }
+   public Employee (String name, String dept) {
+      this.name = name;
+      this.dept = dept;
+   }
+}
+</pre>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <pre class="brush: js">
+function WorkerBee (projs) {
+
+ this.projects = projs || [];
+}
+WorkerBee.prototype = new Employee;
+</pre>
+   </td>
+   <td>
+    <pre class="brush: java">
+public class WorkerBee extends Employee {
+   public String[] projects;
+   public WorkerBee () {
+      this(new String[0]);
+   }
+   public WorkerBee (String[] projs) {
+      projects = projs;
+   }
+}
+
+</pre>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <pre class="brush: js">
+
+function Engineer (mach) {
+   this.dept = "engineering";
+   this.machine = mach || "";
+}
+Engineer.prototype = new WorkerBee;
+</pre>
+   </td>
+   <td>
+    <pre class="brush: java">
+public class Engineer extends WorkerBee {
+   public String machine;
+   public Engineer () {
+      dept = "engineering";
+      machine = "";
+   }
+   public Engineer (String mach) {
+      dept = "engineering";
+      machine = mach;
+   }
+}
+</pre>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Aquestes definicions de JavaScript utilitzen un modisme especial per a assignar els valors per defecte:</p>
+
+<pre class="brush: js">this.name = name || "";
+</pre>
+
+<p>L'operador lògic OR de JavaScript (<code>||</code>) avalua el primer argument. Si aquest argument esdevé cert, l'operador el retorna. En cas constrari l'operador retorna el valor del segon argument. Així, aquesta línia de codi comprova que la propietat name tingui un valor útil. Si és així, assigna aquest valor a <code>this.name</code>. En cas contrari, assigna una string buida a <code>this.name</code>. Aquest capítol utilitza aquest modisme per a abreujar tot i que pot resultar desconcertant a primera vista.</p>
+
+<div class="note">
+<p>Això pot no tindre el comportament esperat si la funció constructora es crida amb arguments que s'avaluen a fals (com <code>0</code> (zero) o la cadena buida (<code>""</code>). En aquest cas el valor per defecte serà l'escollit.</p>
+
+<p>Amb aquestes definicions, al crear una instància d'un objecte, podem especificar valors per a les propietats locals definides. Tal i com es mostra a la <a href="#8.5">Figura 8.5</a>, es pot utilitzar la sentència següent per a crear un now <code>Engineer</code>:</p>
+</div>
+
+<pre class="brush: js">var jane = new Engineer("belau");
+</pre>
+
+<p>Les propietats de <code>Jane</code> ara són:</p>
+
+<pre class="brush: js">jane.name == "";
+jane.dept == "engineering";
+jane.projects == [];
+jane.machine == "belau"
+</pre>
+
+<p>Fixeu-vos que amb aquestes definicions no és possible especificar un valor inicial per a propietats heretades, com ara <code>name</code>. Si es vol especificar un valor inicial per a propietats heretades a JavaScript és necesari afegir més codi a la funció constructora.</p>
+
+<p>Fins ara les funcions constructores han creat objectes genèrics i han pogut assignar valors a les propietats locals del nou objecte. El constructor mateix també pot afegir més propietats mitjançant la crida a la funció constructora d'un objecte més adalt en la cadena de propotitpus. La figura següent mostra aquestes noves definicions.</p>
+
+<p><img alt="" class="internal" src="/@api/deki/files/4430/=figure8.6.png" style="height: 534px; width: 1063px;"><br>
+ <small><strong>Figura 8.6 Especificar propietats al consctructor, segona aproximació</strong></small></p>
+
+<p>Fem un cop d'ull a una d'aquestes definicions en detall. Aquesta és la nova definició del constructor de <code>Engineer</code>:</p>
+
+<pre class="brush: js">function Engineer (name, projs, mach) {
+  this.base = WorkerBee;
+  this.base(name, "engineering", projs);
+  this.machine = mach || "";
+}
+</pre>
+
+<p>Suposem que creem un nou objecte de tipus <code>Engineer</code> de la forma següent:</p>
+
+<pre class="brush: js">var jane = new Engineer("Doe, Jane", ["navigator", "javascript"], "belau");
+</pre>
+
+<p>JavaScript realitza els següents passos:</p>
+
+<ol>
+ <li>L'operador new crea un objecte genèric i assigna <code>Engineer.prototype</code> a la propietat <code>__proto__</code> d'aquest nou objecte.</li>
+ <li>L'operador new passa el nou objecte al constructor de <code>Engineer</code> com a valor de la paraula clau <code>this</code>.</li>
+ <li>El constructor crea una nova propietat anomenada <code>base</code> per a aquest objecte i assigna el valor del constructor de <code>WorkerBee</code> a aquesta propietat. Això fa que el constructor <code>WorkerBee</code> pugui ser emprat com un mètode de l'objecte <code>Engineer</code>. El nom de la propietat base no és especial. Es pot emprar qualsevol nom de propietat que sigui vàlid; <code>base</code> ha estat escollit perquè simplement és adient per al seu propòsit.</li>
+ <li>El constructor crida el mètode <code>base</code>, tot passant-li com a arguments dos dels arguments passats al constructor (<code>"Doe, Jane"</code> and <code>["navigator", "javascript"]</code>) i també la string <code>"engineering"</code>. Al passar <code>"engineering"</code> explícitament al constructor tots els objectes de tipus <code>Engineer</code> tindran el mateix valor per a la propietat hertada <code>dept</code>, i aquest valor sobreescriurà el valor heretat de <code>Employee</code>.</li>
+ <li>
+  <p>Com que base és un mètode de <code>Engineer</code>, durant la crida a base JavaScript assigna a la paraula clau this l'objecte creat al pas 1. D'aquesta forma, la funció <code>WorkerBee</code> passa els arguments <code>"Doe, Jane"</code> i <code>"engineering"</code> a la funció constructora <code>Employee</code>. Un cop la funció constructora <code>Employee</code> ha retornat, la funció <code>WorkerBee</code> utilitza l'argument restant per a assignar un valor a la propietat <code>projects</code>.</p>
+ </li>
+ <li>Un cop el mètode base ha retornat, el constructor <code>Engineer</code> initialitza la propietat <code>machine</code> de l'objecte al valor <code>"belau"</code>.</li>
+ <li>Un cop el constructor ha retornat, JavaScript assigna el nou objecte a la variable <code>jane</code>.</li>
+</ol>
+
+<p>Es pot pensar que, debug a que s'ha cridat al constructor <code>WorkerBee</code> des de dins el constructor <code>Engineer</code>, s'ha inicialitzat la herència de forma adequada per als objectes <code>Engineer</code>. No és el cas. Cridar el constructor <code>WorkerBee</code> ens asegura que l'objecte <code>Engineer</code> comença amb les propietats especificades per a totes les funcions constructores que es criden. Però, si més tard afegim propietats als prototipus <code>Employee</code> o <code>WorkerBee</code>, aquestes propietats no són heretades per l'objecte <code>Engineer</code>. Per exemple, suposem que tenim les sentències següents:</p>
+
+<pre class="brush: js">function Engineer (name, projs, mach) {
+  this.base = WorkerBee;
+  this.base(name, "engineering", projs);
+  this.machine = mach || "";
+}
+var jane = new Engineer("Doe, Jane", ["navigator", "javascript"], "belau");
+Employee.prototype.specialty = "none";
+</pre>
+
+<p>L'objecte <code>jane</code> no hereta la propietat <code>specialty</code>. Es fa necesari inicialitzar el prototipus per a assegurar que hi haurà herència de forma dinàmica. Suposem que tenim les sentències següents:</p>
+
+<pre class="brush: js">function Engineer (name, projs, mach) {
+  this.base = WorkerBee;
+  this.base(name, "engineering", projs);
+  this.machine = mach || "";
+}
+Engineer.prototype = new WorkerBee;
+var jane = new Engineer("Doe, Jane", ["navigator", "javascript"], "belau");
+Employee.prototype.specialty = "none";
+</pre>
+
+<p>Ara el valor de la propietat specialty de l'objecte  <code>jane</code> és "none".</p>
+
+<p>Una altra forma d'heretar és mitjançant els mètodes <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function/call" title="en-US/docs/JavaScript/Reference/Global Objects/Function/call"><code>call()</code></a> / <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function/apply" title="en-US/docs/JavaScript/Reference/Global Objects/Function/apply"><code>apply()</code></a>. Les funcions següents són equivalents:</p>
+
+<table>
+ <tbody>
+  <tr>
+   <td>
+    <pre class="brush: js">
+function Engineer (name, projs, mach) {
+  this.base = WorkerBee;
+  this.base(name, "engineering", projs);
+  this.machine = mach || "";
+}
+</pre>
+   </td>
+   <td>
+    <pre class="brush: js">
+function Engineer (name, projs, mach) {
+  WorkerBee.call(this, name, "engineering", projs);
+  this.machine = mach || "";
+}
+</pre>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Utilitzar el mètode de JavaScript <code>call()</code> esdevé en una implementació més neta perquè ja no es requereix la propietat <code>base</code>.</p>
+
+<h2 id="Un_segon_cop_d'ull_a_la_herència_de_propietats">Un segon cop d'ull a la herència de propietats</h2>
+
+<p>Les seccions anteriors han descrit com utilitzar els constructors de JavaScript i els prototipus per crear jerarquies i proporcionar herència. Aquesta secció explica alguns detalls que poden no haver estat obvis en les seccions anteriors.</p>
+
+<h3 id="Valors_locals_versus_valors_heretats">Valors locals versus valors heretats</h3>
+
+<p>A l'accedir a la propietat d'un objecte, JavaScritp segueix els passos següents, tal i com s'ha descrit abans en aquest mateix capítol:</p>
+
+<ol>
+ <li>Es comprova si el valor existeix de forma local. En cas afirmatiu es retorna aquest valor.</li>
+ <li>Si ho hi ha valor local, es cerca a la cadena de prototipus (mitjançant la propietat<code> __proto__</code>).</li>
+ <li>Si un objecte de la cadena de prototipus té un valor per la propietat especificada, es retorna aquest valor.</li>
+ <li>Si no es troba aquesta propietat, s'infereix que l'objecte no té aquesta propietat.</li>
+</ol>
+
+<p>El resultat d'aquests passos depèn de com s'hagin definit les coses. L'exemple original disposaba de les següents definicions:</p>
+
+<pre class="brush: js">function Employee () {
+  this.name = "";
+  this.dept = "general";
+}
+
+function WorkerBee () {
+  this.projects = [];
+}
+WorkerBee.prototype = new Employee;
+</pre>
+
+<p>Amb aquestes definicions, suposem que creem amy com una instància de WorkerBee amb la sentència següent:</p>
+
+<pre class="brush: js">var amy = new WorkerBee;
+</pre>
+
+<p>L'objecte <code>amy</code> té una propietat local, <code>projects</code>. Els valors per a les propietats <code>name</code> i <code>dept</code> no són locals per a <code>amy</code> i en conseqüència s'obtenen a partir de la propietat <code>__proto__</code> de <code>amy</code>. Així, <code>amy</code> té els següents valors a les seves propietats:</p>
+
+<pre class="brush: js">amy.name == "";
+amy.dept == "general";
+amy.projects == [];
+</pre>
+
+<p>Ara suposem que canviem el valor de la propietat <code>name</code> en el prototipus associat a <code>Employee</code>:</p>
+
+<pre class="brush: js">Employee.prototype.name = "Unknown"
+</pre>
+
+<p>A primer cop d'ull podeu pensar que el nou valor es propagarà afectant a totes les instàncies de <code>Employee</code>. Tanmateix això no succeeix.</p>
+
+<p>Quan es crea <em>qualsevol</em> instància de l'objecte <code>Employee</code>, aquesta instància un valor local per a la propietat <code>name</code> (la cadena buida). Això vol dir que quan s'assigna el prototipus <code>WorkerBee</code> al crear un nou objecte <code>Employee</code>, <code>WorkerBee.propotype</code> té un valor local per a la propietat <code>name</code>. Així, quan JavaScript cerca la propietat <code>name</code> per a l'objecte <code>amy</code> (una instància de <code>WorkerBee</code>), JavaScript trova la variable local per a aquesta propietat a <code>WorkerBee.prototype</code>. Degut a això no cerca la propietat més enllà dins la cadena de prototipus, cap a <code>Employee.prototype</code>.</p>
+
+<p>Si es vol canviar el valor de la propietat d'un objecte en temps d'execució i que el nou valor sigui heretat per tots els descendents d'un objecte, no es pot definir la propietat dins la funció constructora de l'objecte. En comptes d'això, s'afegeix al constructor del protipus associat. Per exemple, suposem que canviem el codi anterir pel següent:</p>
+
+<pre class="brush: js">function Employee () {
+  this.dept = "general";
+}
+Employee.prototype.name = "";
+
+function WorkerBee () {
+  this.projects = [];
+}
+WorkerBee.prototype = new Employee;
+
+var amy = new WorkerBee;
+
+Employee.prototype.name = "Unknown";
+</pre>
+
+<p>En aquest cas, la propietat <code>name</code> de <code>amy</code> esdevé "Unknown".</p>
+
+<p>Tal i com mostren els exemples, si es vol tenir un valor predefinit per a les propietats d'un objecte i es vol poder canviar aquest valor predefinit en temps d'execució, les propietats s'han d'assignar al constructor del prototipus i no a la funció constructora de l'objecte mateix.</p>
+
+<h3 id="Determining_instance_relationships">Determining instance relationships</h3>
+
+<p>Property lookup in JavaScript looks within an object's own properties and, if the property name is not found, it looks within the special object property <code>__proto__</code>. This continues recursively; the process is called "lookup in the prototype chain".</p>
+
+<p>The special property <code>__proto__</code> is set when an object is constructed; it is set to the value of the constructor's <code>prototype</code> property. So the expression <code>new Foo()</code> creates an object with <code>__proto__ == <code class="moz-txt-verticalline">Foo.prototype</code></code>. Consequently, changes to the properties of <code class="moz-txt-verticalline">Foo.prototype</code> alters the property lookup for all objects that were created by <code>new Foo()</code>.</p>
+
+<p>Every object has a <code>__proto__</code> object property (except <code>Object</code>); every function has a <code>prototype</code> object property. So objects can be related by 'prototype inheritance' to other objects. You can test for inheritance by comparing an object's <code>__proto__</code> to a function's <code>prototype</code> object. JavaScript provides a shortcut: the <code>instanceof</code> operator tests an object against a function and returns true if the object inherits from the function prototype. For example,</p>
+
+<pre class="brush: js">var f = new Foo();
+var isTrue = (f instanceof Foo);</pre>
+
+<p>For a more detailed example, suppose you have the same set of definitions shown in <a href="#Inheriting_properties">Inheriting properties</a>. Create an <code>Engineer</code> object as follows:</p>
+
+<pre class="brush: js">var chris = new Engineer("Pigman, Chris", ["jsd"], "fiji");
+</pre>
+
+<p>With this object, the following statements are all true:</p>
+
+<pre class="brush: js">chris.__proto__ == Engineer.prototype;
+chris.__proto__.__proto__ == WorkerBee.prototype;
+chris.__proto__.__proto__.__proto__ == Employee.prototype;
+chris.__proto__.__proto__.__proto__.__proto__ == Object.prototype;
+chris.__proto__.__proto__.__proto__.__proto__.__proto__ == null;
+</pre>
+
+<p>Given this, you could write an <code>instanceOf</code> function as follows:</p>
+
+<pre class="brush: js">function instanceOf(object, constructor) {
+   object = object.__proto__;
+   while (object != null) {
+      if (object == constructor.prototype)
+         return true;
+      if (typeof object == 'xml') {
+        return constructor.prototype == XML.prototype;
+      }
+      object = object.__proto__;
+   }
+   return false;
+}
+</pre>
+
+<div class="note"><strong>Note:</strong> The implementation above checks the type of the object against "xml" in order to work around a quirk of how XML objects are represented in recent versions of JavaScript. See {{ bug(634150) }} if you want the nitty-gritty details.</div>
+
+<p class="note">Using the <code>instanceOf</code> function defined above, these expressions are true:</p>
+
+<pre class="brush: js">instanceOf (chris, Engineer)
+instanceOf (chris, WorkerBee)
+instanceOf (chris, Employee)
+instanceOf (chris, Object)
+</pre>
+
+<p>But the following expression is false:</p>
+
+<pre class="brush: js">instanceOf (chris, SalesPerson)
+</pre>
+
+<h3 id="Informació_global_als_constructors">Informació global als constructors</h3>
+
+<p>A l'hora de crear constructors cal anar amb compte si es manega informació global dins el constructor. Per exemple, suposem que volem crear un identificador (ID) únic que serà assignat automàticament per a cada nou <code>Employee</code>. Podríem utilitzar la definició següent per a <code>Employee</code>:</p>
+
+<pre class="brush: js">var idCounter = 1;
+
+function Employee (name, dept) {
+   this.name = name || "";
+   this.dept = dept || "general";
+   this.id = idCounter++;
+}
+</pre>
+
+<p>Amb aquesta definició quan es crea un nou <code>Employee</code>, el constructor assigna la següent ID seqüencialment i llavors incrementa el valor del contador global de ID. Així, suposant el codi següent, tenim que <code>victoria.id</code> val 1 i <code>harry.id</code> val 2:</p>
+
+<pre class="brush: js">var victoria = new Employee("Pigbert, Victoria", "pubs")
+var harry = new Employee("Tschopik, Harry", "sales")
+</pre>
+
+<p> </p>
+
+<p>At first glance that seems fine. However, <code>idCounter</code> gets incremented every time an <code>Employee</code> object is created, for whatever purpose. If you create the entire <code>Employee</code> hierarchy shown in this chapter, the <code>Employee</code> constructor is called every time you set up a prototype. Suppose you have the following code:</p>
+
+<pre class="brush: js">var idCounter = 1;
+
+function Employee (name, dept) {
+   this.name = name || "";
+   this.dept = dept || "general";
+   this.id = idCounter++;
+}
+
+function Manager (name, dept, reports) {...}
+Manager.prototype = new Employee;
+
+function WorkerBee (name, dept, projs) {...}
+WorkerBee.prototype = new Employee;
+
+function Engineer (name, projs, mach) {...}
+Engineer.prototype = new WorkerBee;
+
+function SalesPerson (name, projs, quota) {...}
+SalesPerson.prototype = new WorkerBee;
+
+var mac = new Engineer("Wood, Mac");
+</pre>
+
+<p>Ara suposem que les definicions omeses aquí tenen la propietat <code>base</code> i criden el constructor que tenen damunt de la cadena de prototipus. En aquest cas, quan es crea l'objecte <code>mac</code>, <code>mac.id</code> rep el valor de 5.</p>
+
+<p>Depenent de l'aplicació, el fet que el contador s'incrementi aquests cops adicionals pot tenir o no conseqüències. Si el valor exacte d'aquest contador és important una possible solució pot ser el constructor següent:</p>
+
+<pre class="brush: js">function Employee (name, dept) {
+   this.name = name || "";
+   this.dept = dept || "general";
+   if (name)
+      this.id = idCounter++;
+}
+</pre>
+
+<p>Al crear una instància de <code>Employee</code> per a ser emprada com a prototipus, no es passen paràmetres al constructor. Aquesta definició del constructor no assigna un valor a la id i no actualitza el contador quan el constructor no rep paràmetres. Així, per a que un <code>Employee</code> rebi una id, requerim que rebi un nom. Executar l'exemple anterior amb el nou constructor esdevindrà en que <code>mac.id</code> rebi el valor 1.</p>
+
+<h3 id="No_hi_ha_herència_múltiple">No hi ha herència múltiple</h3>
+
+<p>Alguns llenguatges orientats a objectes permeten l'herència múltiple, és a dir, que un objecte pugui heretar propietats i valors de pares que no tenen res a veure entre ells. JavaScript no suporta l'herència múltiple.</p>
+
+<p>L'herència de valors de propietats succeeix en temps d'execució i és proporcionada per fet que JavaScript cerqui un valor dins la cadena de prototipus de l'objecte. Com que un objecte disposa d'un sol prototipus associat a ell JavaScript no pot heretar dinàmicament de més d'una cadena de prototipus.</p>
+
+<p>A JavaScript, però, es pot fer que una funció constructora cridi a més d'una funció constructora dins d'ella. Això crea la ilusió d'herència múltiple. Per exemple, suposem les sentències següents:</p>
+
+<pre class="brush: js">function Hobbyist (hobby) {
+   this.hobby = hobby || "scuba";
+}
+
+function Engineer (name, projs, mach, hobby) {
+   this.base1 = WorkerBee;
+   this.base1(name, "engineering", projs);
+   this.base2 = Hobbyist;
+   this.base2(hobby);
+   this.machine = mach || "";
+}
+Engineer.prototype = new WorkerBee;
+
+var dennis = new Engineer("Doe, Dennis", ["collabra"], "hugo")
+</pre>
+
+<p>Ara suposem que la definició de WorkerBee és l'emprada abans en aquest capítol. En aquest case l'objecte <code>dennis</code> rep les propietats següents:</p>
+
+<pre class="brush: js">dennis.name == "Doe, Dennis"
+dennis.dept == "engineering"
+dennis.projects == ["collabra"]
+dennis.machine == "hugo"
+dennis.hobby == "scuba"
+</pre>
+
+<p>Així tenim que dennis rep la propietat <code>hobby</code> del constructor <code>Hobbyist</code>. Tot i així, suposem llavors que afegim una propietat al constructor del prototipus <code>Hobbyist</code>:</p>
+
+<pre class="brush: js">Hobbyist.prototype.equipment = ["mask", "fins", "regulator", "bcd"]
+</pre>
+
+<p>L'objecte <code>dennis</code> no hereta aquesta nova propietat.</p>
+
+<div>{{PreviousNext("Web/JavaScript/Guide/Working_with_Objects", "Web/JavaScript/Guide/Iterators_and_Generators")}}</div>
diff --git a/files/ca/web/javascript/guide/expressions_i_operadors/index.html b/files/ca/web/javascript/guide/expressions_i_operadors/index.html
new file mode 100644
index 0000000000..9985daa497
--- /dev/null
+++ b/files/ca/web/javascript/guide/expressions_i_operadors/index.html
@@ -0,0 +1,846 @@
+---
+title: Expressions i operadors
+slug: Web/JavaScript/Guide/Expressions_i_Operadors
+translation_of: Web/JavaScript/Guide/Expressions_and_Operators
+---
+<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Functions", "Web/JavaScript/Guide/Numbers_and_dates")}}</div>
+
+<p>Aquest capítol explica les expressions i els operadors de JavaScript, incloent l'assignació, comparació, airtmètic, operadors de bits, lògics, cadenes, i operadors especials.</p>
+
+<h2 id="Expressions">Expressions</h2>
+
+<p>Una <em>expressió</em> és qualsevol unitat de codi vàlida que esdevé un valor.</p>
+
+<p>Conceptualment hi ha dos tipus d'expressions: les que assignen un valor a una variable i les que simplement tenen un valor.</p>
+
+<p>L'expressió <code>x = 7</code> és un exemple del primer tipus. Aquesta expressió fa servir l'operador<em> </em> = per a assignar el valor set a la variable <code>x</code>. L'expressió per si mateixa s'avalua com a 7.</p>
+
+<p>El codi 3 + 4 és un exemple d'expressió del segon tipus. Aquesta expressió utilitza l'operador + per a sumar tres i quatre sense assignar el resultat, set, a una variable.<br>
+ <br>
+ JavaScript té les següents categories d'expressions:</p>
+
+<ul>
+ <li>Aritmètiques: s'avaluen a un nombre, per exemple 3.14159. (Generalment utilitzen {{ web.link("#Arithmetic_operators", "operadors aritmètics") }}.)</li>
+ <li>String: s'avaluen a una cadena de caràcters, per exemple, "Pau" o "234". (Generalment utilitzen {{ web.link("#String_operators", "operadors d'strings") }}.)</li>
+ <li>Lògiques: s'avaluen a cert o fals. (sovint inclouen {{ web.link("#Logical_operators", "operadors lògics") }}.)</li>
+ <li>Objecte: s'avaluen a un objecte. (Vegeu els {{ web.link("#Special_operators", "operadors especials") }} més informació.)</li>
+</ul>
+
+<h2 id="Operadors">Operadors</h2>
+
+<p>JavaScript disposa dels següents tipus d'operadors. Aquesta secció descriu els operadors i conté informació sobre la seva precedència.</p>
+
+<ul>
+ <li>{{ web.link("#Assignment_operators", "Operadors d'assignació") }}</li>
+ <li>{{ web.link("#Comparison_operators", "Operadors de comparació") }}</li>
+ <li>{{ web.link("#Arithmetic_operators", "Operadors aritmètics") }}</li>
+ <li>{{ web.link("#Bitwise_operators", "Operadors de bits") }}</li>
+ <li>{{ web.link("#Logical_operators", "Operadors lògics") }}</li>
+ <li>{{ web.link("#String_operators", "Operadors de strings") }}</li>
+ <li>{{ web.link("#Special_operators", "Operadors especials") }}</li>
+</ul>
+
+<p>JavaScript té operadors <em>binaris</em> i <em>unaris</em>, també disposa d'un operador especial ternari, l'operador condicional. Un operador binari requereix dos operands, un abans l'operador i l'altre després de l'operador:</p>
+
+<pre><em>operand1</em> <em>operador</em> <em>operand2</em>
+</pre>
+
+<p>Per exemple, <code>3+4</code> o <code>x*y</code>.</p>
+
+<p>Un operador unari A requereix d'un sol operand, ja sigui abans o després de l'operador:</p>
+
+<pre><em>operador</em> <em>operand</em>
+</pre>
+
+<p>o be</p>
+
+<pre><em>operand</em> <em>operador</em>
+</pre>
+
+<p>Per exemple, <code>x++</code> o <code>++x</code>.</p>
+
+<h3 id="Operadors_d'assignació">Operadors d'assignació</h3>
+
+<p>Un operador d'assignació assigna un valor a l'operand de la seva esquerra basat en l'operand de la seva dreta. L'operador d'assignació simple és l'igual (<code>=</code>), que assigna el valor de l'operand de la dreta a l'operand de l'esquerra. És a dir, <code>x = y</code> assigna el valor de <code>y</code> a <code>x</code>.</p>
+
+<p>També hi ha operadors d'assignació compostos, que són abreviacions per als operadors llistats a la taula següent:</p>
+
+<table class="standard-table">
+ <caption>Taula 3.1 Operadors d'assignació</caption>
+ <thead>
+  <tr>
+   <th scope="col">Operadors d'assignació compostos</th>
+   <th scope="col">Significat</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>x += y</code></td>
+   <td><code>x = x + y</code></td>
+  </tr>
+  <tr>
+   <td><code>x -= y</code></td>
+   <td><code>x = x - y</code></td>
+  </tr>
+  <tr>
+   <td><code>x *= y</code></td>
+   <td><code>x = x * y</code></td>
+  </tr>
+  <tr>
+   <td><code>x /= y</code></td>
+   <td><code>x = x / y</code></td>
+  </tr>
+  <tr>
+   <td><code>x %= y</code></td>
+   <td><code>x = x % y</code></td>
+  </tr>
+  <tr>
+   <td><code>x &lt;&lt;= y</code></td>
+   <td><code>x = x &lt;&lt; y</code></td>
+  </tr>
+  <tr>
+   <td><code>x &gt;&gt;= y</code></td>
+   <td><code>x = x &gt;&gt; y</code></td>
+  </tr>
+  <tr>
+   <td><code>x &gt;&gt;&gt;= y</code></td>
+   <td><code>x = x &gt;&gt;&gt; y</code></td>
+  </tr>
+  <tr>
+   <td><code>x &amp;= y</code></td>
+   <td><code>x = x &amp; y</code></td>
+  </tr>
+  <tr>
+   <td><code>x ^= y</code></td>
+   <td><code>x = x ^ y</code></td>
+  </tr>
+  <tr>
+   <td><code>x |= y</code></td>
+   <td><code>x = x | y</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Operadors_de_comparació">Operadors de comparació</h3>
+
+<p><span class="comment">This seems to me kind of poorly explained, mostly the difference betwen "==" and "==="...</span>Els operadors de comparació comparen els operands i retornen un valor lògic basat en si la comparació és certa o no. Els operands poden ser numèrics, string, lògics, o bé valors d'objectes. Els Strings es comparen basant-se en l'ordre lexicogràfic standard, utilitzant valors Unicode. Quan els dos operands no són del mateix tipus, en la majoria dels casos JavaScript intenta convertir-los a un tipus apropiat per a realitzar la comparació.<br>
+  Aquest comportament generalment resulta en una comparació amb els operands transformats a nombres. La única excepció quant a la conversió de tipus és quan s'utilitzen els operands <code>===</code> i <code>!==</code>, els quals realitzen comparacións estrictes de igualtat i no-igualtat, respectivament. Aquests operadors no intenten convertir els operands a tipus compatibles abans de aplicar l'igualtat. La taula següent descriu els operadors de comparació en base a aquest exemple:</p>
+
+<pre class="brush: js">var var1 = 3, var2 = 4;
+</pre>
+
+<table class="standard-table">
+ <caption>Taula 3.2 Operadors de comparació</caption>
+ <thead>
+  <tr>
+   <th scope="col">Operador</th>
+   <th scope="col">Descripció</th>
+   <th scope="col">Exemples que s'avaluen a cert</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>Igualtat (<code>==</code>)</td>
+   <td>Retorna true si els operands són iguals.</td>
+   <td><code>3 == var1</code>
+    <p><code>"3" == var1</code></p>
+    <code>3 == '3'</code></td>
+  </tr>
+  <tr>
+   <td>No-igualtat (<code>!=</code>)</td>
+   <td>Retorna true si els operands són diferents.</td>
+   <td><code>var1 != 4<br>
+    var2 != "3"</code></td>
+  </tr>
+  <tr>
+   <td>Igualtat estricta (<code>===</code>)</td>
+   <td>Retorna true si els operands són iguals i del mateix tipus. Vegeu també <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is"><code>Object.is</code></a> i <a href="/en-US/docs/Web/JavaScript/Guide/Sameness" title="/en-US/docs/Web/JavaScript/Guide/Sameness">igualtat a JS</a>.</td>
+   <td><code>3 === var1</code></td>
+  </tr>
+  <tr>
+   <td>No-igualtat estricta (<code>!==</code>)</td>
+   <td>Retorna true si els operands no són iguals i/o del mateix tipus.</td>
+   <td><code>var1 !== "3"<br>
+    3 !== '3'</code></td>
+  </tr>
+  <tr>
+   <td>Major que (<code>&gt;</code>)</td>
+   <td>Retorna true si l'operand de l'esquerra és més gran que l'operand e la dreta.</td>
+   <td><code>var2 &gt; var1<br>
+    "12" &gt; 2</code></td>
+  </tr>
+  <tr>
+   <td>Major o igual que (<code>&gt;=</code>)</td>
+   <td>Retorna true si l'operand de l'esquera és major o igual que l'operand de la dreta.</td>
+   <td><code>var2 &gt;= var1<br>
+    var1 &gt;= 3</code></td>
+  </tr>
+  <tr>
+   <td>Menor que (<code>&lt;</code>)</td>
+   <td>Retorna true si l'operand de l'esquerra és més petit que l'operand de la dreta.</td>
+   <td><code>var1 &lt; var2<br>
+    "2" &lt; "12"</code></td>
+  </tr>
+  <tr>
+   <td>Menor o igual que (<code>&lt;=</code>)</td>
+   <td>Retorna true si l'operand de l'esquerra és menor o igual que l'operand de la dreta.</td>
+   <td><code>var1 &lt;= var2<br>
+    var2 &lt;= 5</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Operadors_aritmètics">Operadors aritmètics</h3>
+
+<p>Els operadors aritmètics prenen valors numèrics (ja siguin literals o variables) com a operands i retornen un sol valors numèric. Els operadors aritmètics standard són la suma (+), la resta (-), la multiplicació (*) i la divisió (/). Aquests operadors funcionen de la mateixa manera que a la majoria d'altres llenguatges de programació quan s'utilitzen amb nombres de coma flotant (particularment, cal destacar que la divisió entre zero produeix <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity"><code>Infinity</code></a>). Per exemple:</p>
+
+<pre class="brush: js">console.log(1 / 2); /* imprimeix 0.5 */
+console.log(1 / 2 == 1.0 / 2.0); /* això també és cert */
+</pre>
+
+<p>Adicionalment, JavaScript proporciona els operadors aritmètics llistats a la taula següent:</p>
+
+<table class="fullwidth-table">
+ <caption>Taula 3.3 Operadors aritmètics</caption>
+ <thead>
+  <tr>
+   <th scope="col">Operador</th>
+   <th scope="col">Descripció</th>
+   <th scope="col">Exemple</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>%</code><br>
+    (Mòdul)</td>
+   <td>Operador binari. Retorna el residu de dividir els dos operands.</td>
+   <td>12 % 5 retorna 2.</td>
+  </tr>
+  <tr>
+   <td><code>++</code><br>
+    (Increment)</td>
+   <td>
+    <p>Operador unari. Afegeix un al seu operand. Si s'utilitza com a prefix (<code>++x</code>), retorna el valor del seu operand després d'afexir-li un; si s'utilitza com a sufix (<code>x++</code>), retorna el valor del seu operand abans d'afegir-li un.</p>
+   </td>
+   <td>Si <code>x</code> és 3, llavors <code>++x</code> assigna 4 a <code>x</code> i retorna 4, mentre que <code>x++</code> retorna 3 i, només llavors, assigna 4 a <code>x</code>.</td>
+  </tr>
+  <tr>
+   <td><code>--</code><br>
+    (Decrement)</td>
+   <td>Operador uniari. Resta un al seu operand. Retorna el valor anàleg a l'operador increment.</td>
+   <td>Si <code>x</code> és 3, llavors <code>--x</code> assigna 2 a <code>x</code> i retorna 2, mentre que <code>x--</code> retorna 3 i, només llavors, assigna 2 a<code> x</code>.</td>
+  </tr>
+  <tr>
+   <td><code>-</code><br>
+    (Negació unària)</td>
+   <td>Operador unari. Retorna el resultat de negar el seu operand.</td>
+   <td>Si <code>x</code> val 3, llavors <code>-x</code> retorna -3.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Operadors_de_bits">Operadors de bits</h3>
+
+<p>Els operadors de bits tracten els seus operands com a conunts de 32 bits (zeros i uns), en comptes de com a nombres decimals, hexadecimals o octals. Per exemple, el nombre decimal 9 és representat de forma binària per 1001. Els operadors de bits realitzen operacions sobre aquestes representacions binàries, però sempre retornen valors numèrics de JavaScript.</p>
+
+<p>La taula següent resumeix els operadors de bits disponibles a JavaScript.</p>
+
+<table class="standard-table">
+ <caption>Taula 3.4 Operadors de bits</caption>
+ <thead>
+  <tr>
+   <th scope="col">Operador</th>
+   <th scope="col">Ús</th>
+   <th scope="col">Descripció</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>AND binari</td>
+   <td><code>a &amp; b</code></td>
+   <td>Retorna 1 a cada posició de bit on la posició corresponent a ambdós operadors conten uns.</td>
+  </tr>
+  <tr>
+   <td>OR binari</td>
+   <td><code>a | b</code></td>
+   <td>
+    <p>Retorna 1 a cada posició de bit on al menys un dels operands té un 1 a la posició corresponent.</p>
+   </td>
+  </tr>
+  <tr>
+   <td>XOR binari</td>
+   <td><code>a ^ b</code></td>
+   <td>
+    <p>Retorna un 1 a cada posició de bit on només un dels operands té un 1 a la posicio corresponent, però no ambdós.</p>
+   </td>
+  </tr>
+  <tr>
+   <td>NOT binari</td>
+   <td><code>~ a</code></td>
+   <td>Inverteix els bits del seu operand.</td>
+  </tr>
+  <tr>
+   <td>Desplaçament a l'esquerra</td>
+   <td><code>a &lt;&lt; b</code></td>
+   <td>Desplaça la representació binària de <code>a</code> <code>b</code> bits a l'esquerra, afegint zeros a la dreta.</td>
+  </tr>
+  <tr>
+   <td>Desplaçament a la dreta amb propagació de signe</td>
+   <td><code>a &gt;&gt; b</code></td>
+   <td>Desplaça la representació binària de <code>a</code> <code>b</code> bits a la dreta, descartant els bits que no hi caben.</td>
+  </tr>
+  <tr>
+   <td>Desplaçament a la dreta amb inserció de zeros</td>
+   <td><code>a &gt;&gt;&gt; b</code></td>
+   <td>Desplaça la representació binària de <code>a</code> <code>b</code> bits a la dreta, descartant els bits que no hi caben i inserint zeros a l'esquerra.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h4 id="Bitwise_Logical_Operators" name="Bitwise_Logical_Operators">Operadors lògics de bits</h4>
+
+<p>Conceptualment, els operadors lògics de bits funcionen de la següent manera:</p>
+
+<ul>
+ <li>Es converteixen els operands a nombres sencers de 32 bits expressats per una sèrie de bits (zeros i uns).</li>
+ <li>S'emparella cada bit del primer operand amb el bit corresponent del segond operand: el primer bit amb el primer bit, el segon amb el segon, etcètera.</li>
+ <li>S'aplica l'operador per a cada parella de bits, i el resultat es construeix de forma binària.</li>
+</ul>
+
+<p>Per exemple, la representació binària de 9 és 1001, mentre que la representació binària de quinze és 1111. Així, quan els operadors de bits s'apliquen a aquests valors el resultat és el següent:</p>
+
+<table class="standard-table">
+ <caption>Taula 3.5 Exemples d'operadors de bits</caption>
+ <thead>
+  <tr>
+   <th scope="col">Expressió</th>
+   <th scope="col">Resultat</th>
+   <th scope="col">Descripció binària</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>15 &amp; 9</code></td>
+   <td><code>9</code></td>
+   <td><code>1111 &amp; 1001 = 1001</code></td>
+  </tr>
+  <tr>
+   <td><code>15 | 9</code></td>
+   <td><code>15</code></td>
+   <td><code>1111 | 1001 = 1111</code></td>
+  </tr>
+  <tr>
+   <td><code>15 ^ 9</code></td>
+   <td><code>6</code></td>
+   <td><code>1111 ^ 1001 = 0110</code></td>
+  </tr>
+  <tr>
+   <td><code>~15</code></td>
+   <td><code>-16</code></td>
+   <td><code>~</code><code>00000000...</code><code>00001111 = </code><code>1111</code><code>1111</code><code>...</code><code>11110000</code></td>
+  </tr>
+  <tr>
+   <td><code>~9</code></td>
+   <td><code>-10</code></td>
+   <td><code>~</code><code>00000000</code><code>...</code><code>0000</code><code>1001 = </code><code>1111</code><code>1111</code><code>...</code><code>1111</code><code>0110</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Fixeu-vos que a l'utilitzar l'operador de bits <code>NOT</code> tots 32 bits són invertit, i que els valors amb el bit més significatiu (el de l'esquerra) amb valor 1 representen nombres negatius (representació en complement a dos).</p>
+
+<h4 id="Bitwise_Shift_Operators" name="Bitwise_Shift_Operators">Operadors de desplaçament de bits</h4>
+
+<p>Els operadors de desplaçament de bits requereixen de dos operands: el primer és un conjunt de bits a desplaçar. El segon operand és el nombre de posicions que es desplaçaran els bits del primer operand. La direcció des desplaçament és controlada per l'operador utilitzat.</p>
+
+<p>Els operadors de desplaçament de bits converteixen els seus operands a nombres de 32 bits i el valor retornat és del mateix tipus que l'operand de l'esquerra. Trobareu un llistat amb els operadors de desplaçament de bits a la taula següent.</p>
+
+<table class="fullwidth-table">
+ <caption>Taula 3.6 Operadors de desplaçament de bits</caption>
+ <thead>
+  <tr>
+   <th scope="col">Operador</th>
+   <th scope="col">Descripció</th>
+   <th scope="col">Exemple</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>&lt;&lt;</code><br>
+    (Desplaçament a l'esquerra)</td>
+   <td>
+    <p>Aquest operador desplaça a l'esquerra el primer operand el nombre de bits especificat. Els bits que no hi caben es descarten. Les noves posicions de la dreta s'omplen amb zeros.</p>
+   </td>
+   <td><code>9&lt;&lt;2</code> retorna 36, perquè 1001 desplaçat 2 bits a l'esquerra esdevé 100100, que és la representació binaria de 36.</td>
+  </tr>
+  <tr>
+   <td><code>&gt;&gt;</code><br>
+    (Desplaçament a la dreta amb propagació de signe)</td>
+   <td>
+    <p>Aquest operador desplaça el primer operand el nombre de bits especificats cap a la dreta. Els nous bits de l'esquerra són copies del bit originalment més significatiu.</p>
+   </td>
+   <td><code>9&gt;&gt;2</code> retorna 2, perquè 1001 desplaçat 2 bits a la dreta esdevé 10, que és la representació binària de 2. De la mateixa manera, <code>-9&gt;&gt;2</code> retorna -3, perquè el signe l'operand preseva el signe.</td>
+  </tr>
+  <tr>
+   <td><code>&gt;&gt;&gt;</code><br>
+    (Desplaçament a la dreta omplint amb zeros)</td>
+   <td>
+    <p>Aquest operador desplaça l'operand el nombre de bits especificat a la dreta. Els bits sobrant són descartats. Els nous bits de l'esquerra s'omplen amb zeros.</p>
+   </td>
+   <td><code>19&gt;&gt;&gt;2</code> retorna 4, perquè 10011 desplaçat 2 bits a la dreta esdevé 100, que és la representació binària de 4. Per a nombres no negatius aquest operador retorna el mateix resultat que l'operador de desplaçament a la dreta amb propagació de signe.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Operadors_lògics">Operadors lògics</h3>
+
+<p>Els operadors lògics utilitzen típicament amb valors booleans (lògics); quan ho són, retornen un valor de tipus Boolean. Els operadors &amp;&amp; i || , però, en realitat retornen el valor d'un dels operands, de tal manera que si aquests operadors s'utilitzen amb valors no booleans poden retornar un valor no booleà. A la següent taula es descriuen els operadors lògics.</p>
+
+<table class="fullwidth-table">
+ <caption>Taula 3.6 Operadors lògics</caption>
+ <thead>
+  <tr>
+   <th scope="col">Operador</th>
+   <th scope="col">Ús</th>
+   <th scope="col">Descripció</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>&amp;&amp;</code></td>
+   <td><code>expr1 &amp;&amp; expr2</code></td>
+   <td>(AND lògic) Retorna <code>expr1</code> si pot ser convertida a fals; en qualsevol altre cas retorna <code>expr2</code>. Així, quan es proporcionen operands booleans, <code>&amp;&amp;</code> retorna true si ambdós operands són true: en qualsevol altre cas retorna fals.</td>
+  </tr>
+  <tr>
+   <td><code>||</code></td>
+   <td><code>expr1 || expr2</code></td>
+   <td>(OR lògic) Retorna <code>expr1</code> si pot ser convertida a true; en qualsevol altre cas retorna <code>expr2</code>. És a dir, quan s'utilitza amb operands booleans, <code>||</code> retorna true si qualsevol dels dos operands és true; si ambdós operands són false, retorna false.</td>
+  </tr>
+  <tr>
+   <td><code>!</code></td>
+   <td><code>!expr</code></td>
+   <td>(NOT lògic) Retorna false si el seu únic operand es pot convertir a true; en qualsevol altre cas retorna true.</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Alguns exemples d'expressions que es poden convertir a false són aquelles que s'avaluen a <code>null</code>, <code>0</code>, <code>NaN</code>, l'string buit (<code>""</code>), o <code>undefined</code>.</p>
+
+<p>El codi següent mostra exemples de l'operador &amp;&amp; (AND lògic).</p>
+
+<pre class="brush: js">var a1 =  true &amp;&amp; true;     // t &amp;&amp; t retorna true
+var a2 =  true &amp;&amp; false;    // t &amp;&amp; f retorna false
+var a3 = false &amp;&amp; true;     // f &amp;&amp; t retorna false
+var a4 = false &amp;&amp; (3 == 4); // f &amp;&amp; f retorna false
+var a5 = "Cat" &amp;&amp; "Dog";    // t &amp;&amp; t retorna Dog
+var a6 = false &amp;&amp; "Cat";    // f &amp;&amp; t retorna false
+var a7 = "Cat" &amp;&amp; false;    // t &amp;&amp; f retorna false
+</pre>
+
+<p>El codi següent mostra exemples de l'operador || (OR lògic).</p>
+
+<pre class="brush: js">var o1 =  true || true;     // t || t retorna true
+var o2 = false || true;     // f || t retorna true
+var o3 =  true || false;    // t || f retorna true
+var o4 = false || (3 == 4); // f || f retorna false
+var o5 = "Cat" || "Dog";    // t || t retorna Cat
+var o6 = false || "Cat";    // f || t retorna Cat
+var o7 = "Cat" || false;    // t || f retorna Cat
+</pre>
+
+<p>El codi següent mostra exemples de l'operador ! (NOT lògic).</p>
+
+<pre class="brush: js">var n1 = !true;  // !t retorna false
+var n2 = !false; // !f retorna true
+var n3 = !"Cat"; // !t retorna false
+</pre>
+
+<h4 id="Short-Circuit_Evaluation" name="Short-Circuit_Evaluation">Avaluació en curtcircuit</h4>
+
+<p>Mentre les expressions lògiques es van avaluant una a una d'esquerra a dreta, a l'avaluar cadascuna també s'avalua si curtcirquiatar l'expressió mitjançant les regles següents:</p>
+
+<ul>
+ <li><code>false</code> &amp;&amp; <em>quelcom</em> es curtcircuita avaluant-se a false.</li>
+ <li><code>true</code> || quelcom es curtcircuita avaluant-se a true.</li>
+</ul>
+
+<p>Les regles de la lògica garanteixen que aquestes avaluacions sempre són correctes. Cal remarca que la part <em>quelcom</em> no arriva a avaluar-se mai, així que cap efecte secundari provocat per la seva avaluació tindrà efecte.</p>
+
+<h3 id="Operadors_de_Strings">Operadors de Strings</h3>
+
+<p>A més dels operadors de comparació, que poden utilitzar-se amb valors de tipus string, l'operador de concatenació (+) concatena dos valors string, retornant un altre string format per la unió dels dos strings operands. Per exemple, <code>"la meva " + "string"</code> retorna la string <code>"la meva string"</code>.</p>
+
+<p>L'abreviació de operador d'assignació += també pot ser emprat per a concatenar strings. Per exemple, si la variable <code>mystring</code> te el valor "alfa", llavors l'expressió <code>mystring += "bet"</code> s'avalua a "alfabet" i assigna aquest valor a <code>mystring</code>.</p>
+
+<h3 id="Operadors_especial">Operadors especial</h3>
+
+<p>JavaScript ofereix els següents operadors especials:</p>
+
+<ul>
+ <li>{{ web.link("#Conditional_operator", "Operador condicional") }}</li>
+ <li>{{ web.link("#Comma_operator", "Operador coma") }}</li>
+ <li><code>{{ web.link("#delete", "delete") }}</code></li>
+ <li><code>{{ web.link("#in", "in") }}</code></li>
+ <li><code>{{ web.link("#instanceof", "instanceof") }}</code></li>
+ <li><code>{{ web.link("#new", "new") }}</code></li>
+ <li><code>{{ web.link("#this", "this") }}</code></li>
+ <li><code>{{ web.link("#typeof", "typeof") }}</code></li>
+ <li><code>{{ web.link("#void", "void") }}</code></li>
+</ul>
+
+<h4 id="conditional_operator" name="conditional_operator">Operador condicional</h4>
+
+<p>L'operador condicional és l'únic operador de JavaScript que accepta tres operands. L'operador retorna un de dos valors basant-se en una condició. La sintaxi és la següent:</p>
+
+<pre><em>condició</em> ? <em>val1</em> : <em>val2</em>
+</pre>
+
+<p>Si <code>condició</code> és certa, l'operador retorna el valor <code>val1</code>. En qualsevol altre cas retorna el valor <code>val2</code>. Es pot emprar l'operador condicional a qualsevol lloc on es pugui utilitzar un operador standard.</p>
+
+<p>Per exemple,</p>
+
+<pre class="brush: js">var estat = (edat &gt;= 18) ? "adult" : "menor";
+</pre>
+
+<p>Aquesta sentència assigna el valor "adult" a la variable <code>estat</code> si edat és 18 o més. En qualsevol altre cas assigna el valor "menor" a <code>estat</code>.</p>
+
+<h4 id="comma_operator" name="comma_operator">Operador coma</h4>
+
+<p>L'operador coma (<code>,</code>) simplement avalua els seus dos operands i retorna el valor del segon operand. Aquest operdor s'utilitza principalment dins el bucle <code>for</code> per a permetre que múltiples variables s'actualitzin per a cada volta del bucle.</p>
+
+<p>Per exemple, si <code>a</code> és un array de dues dimensions amb 10 elements per dimensió, el codi següent utilitza l'operador coma per a incrementar dues variables a l'hora. El codi mostra els valors dels elements de la diagonal de l'array:</p>
+
+<pre class="brush: js">for (var i = 0, j = 9; i &lt;= j; i++, j--)
+  document.writeln("a[" + i + "][" + j + "]= " + a[i][j]);
+</pre>
+
+<h4 id="delete" name="delete"><code>delete</code></h4>
+
+<p>L'operador <code>delete</code> esborra un objecte, una propietat d'un objecte o l'element a la posició especificada d'un array. La sintaxi és:</p>
+
+<pre class="brush: js">delete nomObjecte;
+delete nomObjecte.property;
+delete nomObjecte[index];
+delete propietat; // Només és legal dins una sentència with
+</pre>
+
+<p>on <code>nomObjecte</code> és el nom d'un objecte, <code>propietat</code> és una propietat existent i <code>index</code> és un nombre sencer que representa la posició d'un element dins un array.</p>
+
+<p>La quarta forma només és legal dins una sentència <code>with</code>, per a esborrar la propietat d'un objecte.</p>
+
+<p>Es pot emprar l'operador <code>delete</code> per a esborrar variables declarades implícitament però no serveix per a variables declarades amb la sentència <code>var</code>.</p>
+
+<p>Si l'operador delete aconsegueix el seu objectiu, assigna el valor <code>undefined</code> a la propietat o element esmentat. L'operador <code>delete</code> retorna true si l'operació és posible; retorna false si l'operació no és posible.</p>
+
+<pre class="brush: js">x = 42;
+var y = 43;
+myobj = new Number();
+myobj.h = 4;    // crea la propietat h
+delete x;       // retorna true (pot esborrar si la variable ha estat declarada implicitament)
+delete y;       // retorna false (no pot esborrar si la variable ha estat declarada amb var)
+delete Math.PI; // retorna false (no pot esborrar propietats predefinides)
+delete myobj.h; // retorna true (pot esborrar propietats definides per l'usuari)
+delete myobj;   // retorna true (pot esborrar si l'objecte ha estat declarat implícitament)
+</pre>
+
+<h5 id="Esborrar_elements_d'un_array">Esborrar elements d'un array</h5>
+
+<p>A l'esborrar l'element d'un array, la longitud de l'array no es veu afectada. Per exemple, si s'esborrar <code>a[3]</code>, <code>a[4]</code> roman a <code>a[4]</code> mentre que <code>a[3]</code> passa a valer <code>undefined</code>.</p>
+
+<p>Quan l'operador delete esborra un element d'un array, aquest element ja no és a l'array. Al següent exemple, s'esborra <code>trees[3]</code> amb delete. Tot i així, <code>trees[3]</code> encara és accessible i retorna <code>undefined</code>.</p>
+
+<pre class="brush: js">var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
+delete trees[3];
+if (3 in trees) {
+  // aquest codi no s'arriba a executar mai
+}
+</pre>
+
+<p>Si es vol que un element d'un array existeixi però tingui un valor indefinit, es pot emprar la paraula clau undefined en comptes de l'operador <code>delete</code>. Al següent exemple, <code>trees[3]</code> rep el valor <code>undefined</code>, però l'elelement de l'array encara existeix:</p>
+
+<pre class="brush: js">var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
+trees[3] = undefined;
+if (3 in trees) {
+  // aquest codi s'executa
+}
+</pre>
+
+<h4 id="in" name="in"><code>in</code></h4>
+
+<p>L'operador <code>in</code> retorna true si la propietat especificada existeix en l'objecte especificat. La sintaxi és:</p>
+
+<pre class="brush: js">nomPropOnombre in nomObjecte
+</pre>
+
+<p>on <code>nomPropOnombre</code> és una string que representa el nom d'una propietat o bé una expressió numèrica que representa la posició d'un element dins un array, i <code>nomObjecte</code> és el nom d'un objecte.</p>
+
+<p>Els següents exemples mostren alguns usos de l'operador <code>in</code>.</p>
+
+<pre class="brush: js">// Arrays
+var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
+0 in trees;        // retorna true
+3 in trees;        // retorna true
+6 in trees;        // retorna false
+"bay" in trees;    // retorna false (s'ha de proporcionar l'índex,
+                   // no el valor a aquell índex)
+"length" in trees; // retorna true (length és una propietat de Array)
+
+// Objects predefinits
+"PI" in Math;          // retorna true
+var myString = new String("coral");
+"length" in myString;  // retorna true
+
+// Objectes creats per l'usuari
+var mycar = {make: "Honda", model: "Accord", year: 1998};
+"make" in mycar;  // retorna true
+"model" in mycar; // retorna true
+</pre>
+
+<h4 id="instanceof" name="instanceof"><code>instanceof</code></h4>
+
+<p>L'operador <code>instanceof</code> retorna cert si l'objecte especificat és del tipus especificat. La sintaxi és:</p>
+
+<pre class="brush: js">nomObjecte instanceof tipusObjecte
+</pre>
+
+<p>on <code>nomObjecte</code> és el nom de l'objecte a comprarar amb <code>tipusObjecte</code>, i tipusObjecte és un tipus d'objecte, com ara <code>Date</code> o <code>Array</code>.</p>
+
+<p>Utilitzeu <code>instanceof</code> quan necessiteu confirmar el tipus d'un objecte en temps d'execució. Per exemple, a l'hora de capturar execepcions és posible executar diferent codi segons el tipus d'excepció llençada.</p>
+
+<p>Per exemple, el següent codi utilitza instanceof per a determinar si <code>dia</code> és un objecte de tipus <code>Date</code>. Com que dia és un objecte de tipus <code>Date</code> les sentències dins la sentència <code>if</code> s'executaran.</p>
+
+<pre class="brush: js">var dia = new Date(1995, 12, 17);
+if (dia instanceof Date) {
+  // bloc de codi que s'executarà
+}
+</pre>
+
+<h4 id="new" name="new"><code>new</code></h4>
+
+<p>L'operador <code>new</code> s'utilitza per a crear una instància d'un tipus d'objete definit per l'usuari o bé un dels tipus d'objectes predefinits <code>Array</code>, <code>Boolean</code>, <code>Date</code>, <code>Function</code>, <code>Image</code>, <code>Number</code>, <code>Object</code>, <code>Option</code>, <code>RegExp</code>, o <code>String</code>. Al servidor també es pot emprar amb <code>DbPool</code>, <code>Lock</code>, <code>File</code>, i <code>SendMail</code>. La sintaxi de <code>new</code> és la següent:</p>
+
+<pre class="brush: js">var nomObjecte = new tipusObjecte([param1, param2, ..., paramN]);
+</pre>
+
+<p>També és posible crear objectes mitjançant inicialitzadors d'objectes, tal i com s'explica a {{ web.link("Working_with_objects#Using_object_initializers", "utilitzar inicialitzadors d'objectes") }}.</p>
+
+<p>Vegeu la pàgina de l'<a href="/en-US/docs/Web/JavaScript/Reference/Operators/new">operador <code>new</code></a> a la Referència del nucli de JavaScript per a més informació.</p>
+
+<h4 id="this" name="this"><code>this</code></h4>
+
+<p>La paraula clau <code>this</code> s'utilitza per a referir-se a l'objecte actual. En general this fa referència a l'objecte que ha realitzat la crida dins un mètode. La sintaxi de <code>this</code> és la següent:</p>
+
+<pre class="brush: js">this["nomPropietat"]
+</pre>
+
+<pre class="brush: js">this.nomPropietat
+</pre>
+
+<p><strong>Exemple 1.</strong><br>
+ Suposem que una funció anomenada <code>validate</code> valida la propietat <code>value</code> d'un objecte, donat l'objecte i el rang de valors:</p>
+
+<pre class="brush: js">function validate(obj, lowval, hival){
+  if ((obj.value &lt; lowval) || (obj.value &gt; hival))
+    alert("Valor no vàlid!");
+}
+</pre>
+
+<p>Podríem cridar <code>validate</code> a cada manegador d'events <code>onChange</code> dels elements d'un formulari, utilitzant <code>this</code> per a passar l'element del formulari, tal i com es mostra al següent exemple:</p>
+
+<pre class="brush: html">&lt;B&gt;Introduïu un nombre entre 18 i 99:&lt;/B&gt;
+&lt;INPUT TYPE="text" NAME="edat" SIZE=3
+   onChange="validate(this, 18, 99);"&gt;
+</pre>
+
+<p><strong>Exemple 2.</strong><br>
+ Al combinar-lo amb la propietat del <code>form</code>, <code>this</code> fa referència al pare de l'objecte del formulari. Al següent exemple el form <code>myForm</code> conté un bojecte <code>Text</code> i un botó. Quan l'usuari fa clic al botó, el valor de l'objecte <code>Text</code> és assignat al nom del formulari. El manegador de l'event <code>onClick</code> del botó utilitza <code>this.form</code> per a fererir-se al fomulari pare, <code>myForm</code>.</p>
+
+<pre class="brush: html">&lt;FORM NAME="myForm"&gt;
+Nom del formulari:&lt;INPUT TYPE="text" NAME="text1" VALUE="Beluga"/&gt;
+&lt;INPUT NAME="button1" TYPE="button" VALUE="Mostrar el nom del formulari"
+   onClick="this.form.text1.value = this.form.name;"/&gt;
+&lt;/FORM&gt;
+</pre>
+
+<h4 id="typeof" name="typeof"><code>typeof</code></h4>
+
+<p>L'operador <code>typeof</code> es pot utilitzar de qualsevol de les formes següents:</p>
+
+<ol>
+ <li>
+  <pre class="brush: js">typeof operand
+</pre>
+ </li>
+ <li>
+  <pre class="brush: js">typeof (operand)
+</pre>
+ </li>
+</ol>
+
+<p>L'operador <code>typeof</code> retorna una string indicant el tipus de l'operand, que no és avaluat. operand és una string, variable, paraula clau u objecte del qual es retornarà el tipus. Els parèntesi són opcionals.</p>
+
+<p>Suposem que es defineixen les següents variables:</p>
+
+<pre class="brush: js">var myFun = new Function("5 + 2");
+var forma = "rodona";
+var tamany = 1;
+var avui = new Date();
+</pre>
+
+<p>L'operador <code>typeof</code> retornarà els següents resultats per a aquestes variables:</p>
+
+<pre class="brush: js">typeof myFun;      // retorna "function"
+typeof forma;      // retorna "string"
+typeof tamany;     // retorna "number"
+typeof avui;       // retorna "object"
+typeof noExisteix; // retorna "undefined"
+</pre>
+
+<p>Per a les paraules clau <code>true</code> i <code>null</code>, l'operador <code>typeof</code> retorna els següents resultats:</p>
+
+<pre class="brush: js">typeof true; // retorna "boolean"
+typeof null; // retorna "object"
+</pre>
+
+<p>Per a un nombre o string, l'operador <code>typeof</code> retorna els següents resultats:</p>
+
+<pre class="brush: js">typeof 62;            // retorna "number"
+typeof 'Hola món';    // retorna "string"
+</pre>
+
+<p>Per a valors de propietats, l'operador <code>typeof</code> retorna el tipus del valor que conté la propietat:</p>
+
+<pre class="brush: js">typeof document.lastModified; // retorna "string"
+typeof window.length;         // retorna "number"
+typeof Math.LN2;              // retorna "number"
+</pre>
+
+<p>Per a mètodes i funcions, l'operador <code>typeof</code> retorna els següents resultats:</p>
+
+<pre class="brush: js">typeof blur;        // retorna "function"
+typeof eval;        // retorna "function"
+typeof parseInt;    // retorna "function"
+typeof shape.split; // retorna "function"
+</pre>
+
+<p>Per a objectes predefinits, l'operador <code>typeof</code> retorna els resultats següents:</p>
+
+<pre class="brush: js">typeof Date;     // retorna "function"
+typeof Function; // retorna "function"
+typeof Math;     // retorna "object"
+typeof Option;   // retorna "function"
+typeof String;   // retorna "function"
+</pre>
+
+<h4 id="void" name="void"><code>void</code></h4>
+
+<p>L'operador <code>void</code> es pot emprar de qualsevol de les maneres següents:</p>
+
+<ol>
+ <li>
+  <pre class="brush: js">void (expression)
+</pre>
+ </li>
+ <li>
+  <pre class="brush: js">void expression
+</pre>
+ </li>
+</ol>
+
+<p>L'operador <code>void</code> avalua una expressió però no retorna cap valor. <code>expression</code> és l'expressió JavaScript a avaluar. Els parèntesi que embocallen l'expressió són opcionals, però es considera una bona pràctica utilitzar-los.</p>
+
+<p>És possible utilitzar l'operador <code>void</code> per a especificar una expressió com a hipervincle. L'expressió serà avaluada però el seu contingut no reemplaçarà el contingut del document actual.</p>
+
+<p>El codi següent crea un hipervincle que no fa res quan l'usuari faci clic a l'hipervincle. Quan l'usuari fa clic al l'hipervincle, <code>void(0)</code> serà avaluada com a <code>undefined</code>, la qual cosa no té cap efecte en JavaScript.</p>
+
+<pre class="brush: html">&lt;A HREF="javascript:void(0)"&gt;Cliqueu aquí per a no fer res&lt;/A&gt;
+</pre>
+
+<p>El codi següent crea un hipervincle que envia un formulari quan l'usuari fa clic sobre ell.</p>
+
+<pre class="brush: html">&lt;A HREF="javascript:void(document.form.submit())"&gt;
+Feu clic aquí per a enviar el formulari&lt;/A&gt;</pre>
+
+<h3 id="Precedència_d'operadors">Precedència d'operadors</h3>
+
+<p>La <em>precedència</em> d'operadors determina l'ordre en el qual aquests s'apliquen quan s'avalua una expressió. Es pot canviar aquest comportament mitjançant parèntesi.</p>
+
+<p>La taula següent descriu la precedència dels operadors, del més prioritari al que ho és menys.</p>
+
+<table class="standard-table">
+ <caption>Taula 3.7 Precedència d'operadors</caption>
+ <thead>
+  <tr>
+   <th scope="col">Tipus d'operador</th>
+   <th scope="col">Operadors individuals</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>membre</td>
+   <td><code>. []</code></td>
+  </tr>
+  <tr>
+   <td>crida / creació d'una instància</td>
+   <td><code>() new</code></td>
+  </tr>
+  <tr>
+   <td>negació/increment</td>
+   <td><code>! ~ - + ++ -- typeof void delete</code></td>
+  </tr>
+  <tr>
+   <td>multiplicació/divisió</td>
+   <td><code>* / %</code></td>
+  </tr>
+  <tr>
+   <td>suma/resta</td>
+   <td><code>+ -</code></td>
+  </tr>
+  <tr>
+   <td>desplaçament de bits</td>
+   <td><code>&lt;&lt; &gt;&gt; &gt;&gt;&gt;</code></td>
+  </tr>
+  <tr>
+   <td>relacionals</td>
+   <td><code>&lt; &lt;= &gt; &gt;= in instanceof</code></td>
+  </tr>
+  <tr>
+   <td>igualtat</td>
+   <td><code>== != === !==</code></td>
+  </tr>
+  <tr>
+   <td>AND binari</td>
+   <td><code>&amp;</code></td>
+  </tr>
+  <tr>
+   <td>XOR binari</td>
+   <td><code>^</code></td>
+  </tr>
+  <tr>
+   <td>OR binari</td>
+   <td><code>|</code></td>
+  </tr>
+  <tr>
+   <td>AND lògic</td>
+   <td><code>&amp;&amp;</code></td>
+  </tr>
+  <tr>
+   <td>OR lògic</td>
+   <td><code>||</code></td>
+  </tr>
+  <tr>
+   <td>condicional</td>
+   <td><code>?:</code></td>
+  </tr>
+  <tr>
+   <td>assignació</td>
+   <td><code>= += -= *= /= %= &lt;&lt;= &gt;&gt;= &gt;&gt;&gt;= &amp;= ^= |=</code></td>
+  </tr>
+  <tr>
+   <td>coma</td>
+   <td><code>,</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Trobareu una versió més detallada d'aqueta taula, completa amb enllaços a a detalls adicionals per a cada operador a la <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence#Table">Referència de JavaScript</a>.</p>
diff --git a/files/ca/web/javascript/guide/functions/index.html b/files/ca/web/javascript/guide/functions/index.html
new file mode 100644
index 0000000000..503937d85a
--- /dev/null
+++ b/files/ca/web/javascript/guide/functions/index.html
@@ -0,0 +1,697 @@
+---
+title: Funcions
+slug: Web/JavaScript/Guide/Functions
+translation_of: Web/JavaScript/Guide/Functions
+---
+<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Loops_and_iteration", "Web/JavaScript/Guide/Expressions_and_Operators")}}</div>
+
+<p>Les funcions són uns dels blocs de construcció elementals en JavaScript. Una funció és un procediment de JavaScript—un conjunt de sentències que performa una tasca o calcula un valor. Per tal de fer servir una funció, primer s'ha de defnir en alguna part de l'ámbit en que es vol cridar.</p>
+
+<h2 id="Definir_funcions">Definir funcions</h2>
+
+<p>Una<strong> definició de funció</strong> (també anomenada<strong> declaració de funció</strong>) consta de la paraula clau <a href="/en-US/docs/JavaScript/Reference/Statements/function" title="function"><code>function</code></a>, seguit per:</p>
+
+<ul>
+ <li>El nom de la funció.</li>
+ <li>Una llista de paràmetres de la funció, continguts entre parèntesis i separats per comes.</li>
+ <li>Les sentències de JavaScript que defineixen la funció, contingudes entre claus, <code>{ }</code>.</li>
+</ul>
+
+<p>Per exemple, el codi següent defineix una funció simple anomenada <code>square</code>:</p>
+
+<div style="margin-right: 270px;">
+<pre class="brush: js">function square(number) {
+  return number * number;
+}
+</pre>
+</div>
+
+<p>La funció <code>square</code> té un paràmetre, anomenat <code>number</code>. Aquesta funció consisteix d'una sentència que retorna l'argument de la funció ( <code>number</code>) multiplicat per ell mateix. La sentència <a href="/en-US/docs/JavaScript/Reference/Statements/return" title="return"><code>return</code></a> especifica el valor retornat per la funció.</p>
+
+<pre class="brush: js">return number * number;
+</pre>
+
+<p>Els paràmetres primitius (com ara un nombre) són passat a les funcions <strong> per valor</strong>; el valor és passat a la funció, però si la funció canvia el valor del paràmetre, aquest canvia sense reflectir-se globalment o en la funció de crida.</p>
+
+<p>Si es pasa un objecte (p.ex. un <a href="/en-US/docs/JavaScript/Glossary" title="en-US/docs/JavaScript/Glossary">valor no primitiu</a>, com ara un <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Array" title="Array"><code>Array</code></a> o un objecte definit per l'usuari) com a paràmetre i la funció canvia les propietats de l'objecte, aquest canvi és visible fora de la funció, com es mostra en l'exemple següent:</p>
+
+<pre class="brush: js">function myFunc(theObject) {
+  theObject.make = "Toyota";
+}
+
+var mycar = {make: "Honda", model: "Accord", year: 1998},
+    x,
+    y;
+
+x = mycar.make;     // x gets the value "Honda"
+
+myFunc(mycar);
+y = mycar.make;     // y gets the value "Toyota"
+                    // (the make property was changed by the function)
+</pre>
+
+<div class="note">
+<p>Nota:  Assignar un nou objecte als paràmetres <strong>no</strong> té cap efecte fora de la funció, ja que aquest canvia el valor del paràmetre i no del valor d'una de les propietats de l'objecte:</p>
+</div>
+
+<pre class="brush: js">function myFunc(theObject) {
+  theObject = {make: "Ford", model: "Focus", year: 2006};
+}
+
+var mycar = {make: "Honda", model: "Accord", year: 1998},
+    x,
+    y;
+
+x = mycar.make;     // x gets the value "Honda"
+
+myFunc(mycar);
+y = mycar.make;     // y still gets the value "Honda" </pre>
+
+<p>Mentre que la declaració de la funció d'adalt és sintàcticament una sentència, les funcions també poden ser creades per l'<strong> expressió d'una funció</strong>. Aquesta funció pot ser <strong>anònima</strong>; no té cap nom. Per exemple, la funció <code style="font-size: 14px;">square</code> podria ésser definida com:</p>
+
+<pre class="brush: js" style="font-size: 14px;">var square = function(number) {return number * number};
+var x = square(4) //x gets the value 16</pre>
+
+<p>Tanmateix, un nom es pot proporcionar amb una expressió d'una funció i es pot utilitzar dins la funció per referir-se a si mateix, o en un depurador per identificar la funció en la traça de la pila.</p>
+
+<pre class="brush: js" style="font-size: 14px;">var factorial = function fac(n) {return n&lt;2 ? 1 : n*fac(n-1)};
+
+console.log(factorial(3));
+</pre>
+
+<p>Les expressions d'una funció són convenients quan es passa una funció com a argument d'una altra funció. El següent exemple mostra la definició d'una funció de mapa, i la posterior crida amb una funció anònima com a primer paràmetre.</p>
+
+<pre class="brush: js" style="font-size: 14px;">function map(f,a) {
+  var result = [], // Create a new Array
+      i;
+  for (i = 0; i != a.length; i++)
+    result[i] = f(a[i]);
+  return result;
+}
+</pre>
+
+<p>El codi següent:</p>
+
+<pre class="brush: js" style="font-size: 14px;">map(function(x) {return x * x * x}, [0, 1, 2, 5, 10]);
+</pre>
+
+<p>retorna [0, 1, 8, 125, 1000].</p>
+
+<p>En JavaScript, una funció pot ser definida basant-se en una condició. Per exemple, la següent definició de la funció defineix <code>myFunc</code> només si <code>num</code> és igual 0:</p>
+
+<pre class="brush: js">var myFunc;
+if (num == 0){
+  myFunc = function(theObject) {
+    theObject.make = "Toyota"
+  }
+}</pre>
+
+<p><span style="line-height: 1.572;">A més de definir les funcions com ho fem aquí, podeu utilitzar el </span><a href="/en-US/docs/JavaScript/Guide/Predefined_Core_Objects#Function_Object" style="line-height: 1.572;" title="en-US/docs/JavaScript/Guide/Predefined Core Objects#Function Object">constructor de funció</a><span style="line-height: 1.572;"> per crear funcions d'una cadena en temps d'execució, igual que </span><a href="/en-US/docs/JavaScript/Guide/Functions#eval_Function" style="line-height: 1.572;" title="en-US/docs/JavaScript/Guide/Functions#eval_Function"><code>eval()</code></a><span style="line-height: 1.572;">.</span></p>
+
+<p>Un <strong>mètode</strong> és una funció que es propietat d'un objecte. Podeu llegir més sobre mètodes i funcions a <a href="/en-US/docs/JavaScript/Guide/Working_with_Objects" title="en-US/docs/JavaScript/Guide/Working with Objects">Treballar amb objectes</a>.</p>
+
+<h2 id="Crida_de_funcions">Crida de funcions</h2>
+
+<p>Definir una funció no l'executa. Definir una funció simplement anomena la funció i especifica que fer quan es crida la funció. <strong>Cridar</strong> la funció en realitat realitza les accions especificades amb els paràmetres indicats. Per exemple, si es defineix la funció <code>square</code>, aquesta es cridaria de la següent manera:</p>
+
+<pre class="brush: js">square(5);
+</pre>
+
+<p>La sentència anterior crida la funció amb un argument de 5. La funció executa executes les seves sentències i retorna el valor 25.</p>
+
+<p>Les funcions han de ser en un àmbit quan son cridades, però la declaració de la funció pot estar abans de la crida, com és en aquest exemple:</p>
+
+<pre>console.log(square(5));
+/* ... */
+function square(n){return n*n}
+</pre>
+
+<p>L'àmbit de la funció es troba en la funció en la qual s'ha declarat, o en el programa complet si s'ha declarat  is the function in which it is declared, or the entire program if it is declared a nivell global.</p>
+
+<div class="note">
+<p>Nota: Això només funciona quan definim la funció fent servir la sintaxis d'adalt (p.ex. <code>function funcName(){}</code>). El codi d'abaix no funcionaria.</p>
+</div>
+
+<pre class="brush: js">console.log(square(5));
+square = function (n) {
+  return n * n;
+}
+</pre>
+
+<p>Els arguments d'una funció no estan limitats a cadenes o nombres. Es pot passar objectes sencers a una funció. La funció <code>show_props</code> (definida a <a href="/en-US/docs/JavaScript/Guide/Working_with_Objects#Objects_and_Properties" title="https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Working_with_Objects#Objects_and_Properties">Treballant amb Objectes</a>) és un exemple d'una funció que pren un objecte com a argument.</p>
+
+<p>Una funció pot cridar-se a si mateixa. Per exemple, aquí baix trobem una funció que  is a function that calcula factorials recursivament:</p>
+
+<pre class="brush: js">function factorial(n){
+  if ((n == 0) || (n == 1))
+    return 1;
+  else
+    return (n * factorial(n - 1));
+}
+</pre>
+
+<p>D'aquesta manera es podria calcular els factorials de l'ú al cinc de la forma següent:</p>
+
+<pre class="brush: js">var a, b, c, d, e;
+a = factorial(1); // a gets the value 1
+b = factorial(2); // b gets the value 2
+c = factorial(3); // c gets the value 6
+d = factorial(4); // d gets the value 24
+e = factorial(5); // e gets the value 120
+</pre>
+
+<p>Hi ha altres maneres de cridar funcions. Sovint hi ha casos en que s'ha de cridar la funció dinàmicament, o casos en que el nombre d'arguments d'una funció pot variar o en els que el context de la crida a la funció de s'ha d'establir a un objecte específic determinat en temps d'execució. Resulta que les funcions són per elles mateixes, objectes, i aquests objectes, al seu torn, tenen mètodes (vegeu l'<a href="/en-US/docs/JavaScript/Guide/Obsolete_Pages/Predefined_Core_Objects/Function_Object" title="Function Object">objecte funció</a>). Un d'aquests, el mètode <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function/apply" title="apply"><code>apply()</code></a>, pot ser usat per aconseguir aquest objectiu.</p>
+
+<h2 class="deki-transform" id="Àmbit_d'una_funció">Àmbit d'una funció</h2>
+
+<p>Les variables definides dins d'una funció no són accessibles des de llocs de fora de la funció, ja que la variable es defineix només en l'àmbit de la funció. No obstant això, una funció pot accedir a totes les variables i funcions definides dins de l'àmbit en el qual es defineix. En altres paraules, una funció definida en l'àmbit global pot tenir accés a totes les variables definides en l'àmbit global. Una funció definida dins d'una altra funció pot accedir a totes les variables definides en la funció pare i qualsevol altra variable a la qual la funció pare té accés.</p>
+
+<pre class="brush: js">// The following variables are defined in the global scope
+var num1 = 20,
+    num2 = 3,
+    name = "Chamahk";
+
+// This function is defined in the global scope
+function multiply() {
+  return num1 * num2;
+}
+
+multiply(); // Returns 60
+
+// A nested function example
+function getScore () {
+  var num1 = 2,
+      num2 = 3;
+
+  function add() {
+    return name + " scored " + (num1 + num2);
+  }
+
+  return add();
+}
+
+getScore(); // Returns "Chamahk scored 5"
+</pre>
+
+<h2 id="Scope_and_the_function_stack" name="Scope_and_the_function_stack">Àmbit d'aplicació i la pila de la funció</h2>
+
+<h3 id="Recursion" name="Recursion">Recursivitat</h3>
+
+<p>Una funció pot referir-se i cridar-se a ella mateixa. Hi ha tres formes per a que una funció es refereixi a ella mateixa:</p>
+
+<ol>
+ <li>El nom de la funció</li>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/callee">arguments.callee</a></code></li>
+ <li>Una variable continguda en l'àmbit que refereixi a la funció</li>
+</ol>
+
+<p>Per exemple, la definició de funció següent:</p>
+
+<pre class="brush: js">var foo = function bar() {
+   // statements go here
+};
+</pre>
+
+<p>Dins del cos de la funció, els següent són tots equivalents:</p>
+
+<ol>
+ <li><code>bar()</code></li>
+ <li><code>arguments.callee()</code></li>
+ <li><code>foo()</code></li>
+</ol>
+
+<p>Una funció que es pot cridar a ella mateixa és una<em> funció recursiva</em>. En certa manera, la recursió és anàleg a un bucle. En ambdós casos el codi s'executa múltiples vegades, i els dos requereixen d'una condició (per evitar el bucle infinit, o més aviat, la infinita recursió en aquest cas). Per exemple, en el següent bucle:</p>
+
+<pre class="brush: js">var x = 0;
+while (x &lt; 10) { // "x &lt; 10" is the loop condition
+   // do stuff
+   x++;
+}
+</pre>
+
+<p>Es pot converitr en una funció recursiva i una crida a una funció:</p>
+
+<pre class="brush: js">function loop(x) {
+   if (x &gt;= 10) // "x &gt;= 10" is the exit condition (equivalent to "!(x &lt; 10)")
+      return;
+   // do stuff
+   loop(x + 1); // the recursive call
+}
+loop(0);
+</pre>
+
+<p>Tanmateix, alguns algorismes no poden ser bucles iteratius simples. Per exemple, obtenir tots els nodes de l'estructura d'arbre (e.x. el <a href="/en-US/docs/DOM">DOM</a>) és fa més fàcilment usant la recursió:</p>
+
+<pre class="brush: js">function walkTree(node) {
+   if (node == null) //
+      return;
+   // do something with node
+   for (var i = 0; i &lt; node.childNodes.length; i++) {
+      walkTree(node.childNodes[i]);
+   }
+}
+</pre>
+
+<p>Comparat amb la funció <code>loop</code>, cada crida recursiva que es crida a si mateixa fa varies crides recursives aquí.</p>
+
+<p>És possible convertir qualsevol algorisme recursiu a un no recursiu, però sovint la llògica és molt més complexa i fer-ho requereix l'ús d'una pila. De fet, la recursió per si mateixa fa servir una pila: la funció stack.</p>
+
+<p>El comportament de l'stack es pot veure en el següent exemple:</p>
+
+<pre class="brush: js">function foo(i) {
+   if (i &lt; 0)
+      return;
+   document.writeln('begin:' + i);
+   foo(i - 1);
+   document.writeln('end:' + i);
+}
+foo(3);
+</pre>
+
+<p>El qual mostra:</p>
+
+<pre>begin:3
+begin:2
+begin:1
+begin:0
+end:0
+end:1
+end:2
+end:3
+</pre>
+
+<h3 id="Nested_functions_and_closures" name="Nested_functions_and_closures">Funcions aniuades i <em>closures</em></h3>
+
+<p>Es pot aniuar una funció dins d'una altra funció. El contingut de la funció aniuada (la de dins) és privada a la funció que la conté (la de fora). També forma un <em>closure</em>.</p>
+
+<dl>
+ <dd>Un <em>closure</em> és una expressió (normalment una funció) que pot tenir variables lliures juntes amb un àmbit que lliga aquestes variables (que "<em>closes</em>" l'expresió).</dd>
+</dl>
+
+<p>Ja que una funció aniuada és un <em>closure</em>, això significa que una funció aniuada pot "heredar" els arguments i variables de la funció que la conté. En altres paraules, la funció de dins conté l'àmbit de la funció de fora.</p>
+
+<p>Resumint:</p>
+
+<ul>
+ <li>Es pot accedir a la funció de dins només des de sentències que es troben dins la funció de fora.</li>
+</ul>
+
+<ul>
+ <li>La funció de dins forma un <em>closure</em>: la funció de dins pot usar els arguments i les variables de la funció de fora, mentre que la funció de fora no pot usar els arguments i les variables de la funció de dins.</li>
+</ul>
+
+<p>El següent exemple mostra funcions aniuades:</p>
+
+<pre class="brush: js">function addSquares(a,b) {
+   function square(x) {
+      return x * x;
+   }
+   return square(a) + square(b);
+}
+a = addSquares(2,3); // returns 13
+b = addSquares(3,4); // returns 25
+c = addSquares(4,5); // returns 41
+</pre>
+
+<p>Atès que la funció interior forma un <em>closure</em>, es pot cridar la funció exterior i especificar els arguments per ambdues funcions, l'exterior i l'interior:</p>
+
+<pre class="brush: js">function outside(x) {
+   function inside(y) {
+      return x + y;
+   }
+   return inside;
+}
+fn_inside = outside(3); // Think of it like: give me a function that adds 3 to whatever you give it
+result = fn_inside(5); // returns 8
+
+result1 = outside(3)(5); // returns 8
+</pre>
+
+<h3 id="Efficiency_considerations" name="Efficiency_considerations">Preservació de les variables</h3>
+
+<p>Vegeu com és preserva <code>x</code> quan es retorna <code>inside</code>. Un <em>closure</em> ha de preservar els arguments i variables en tots els àmbits de les seves referències. Donat que cada crida proveeix potencialment diferents arguments, es crea una nova <em>closure </em>per cada crida que es fa a l'exterior. La memòria pot ser alliberada només quan no es pot accedir més al retorn d'<span style="font-family: Consolas,Monaco,'Andale Mono',monospace;">inside.</span></p>
+
+<p>Això no és diferent d'emmagatzemar referències en altres objectes, però sovint és menys obvi perque no podem establir les referències directament ni inspeccionar-les. </p>
+
+<h3 id="Multiply-nested_functions" name="Multiply-nested_functions">Funcions aniuades múltiples</h3>
+
+<p>Les funcions també poden ser aniuades múltiples, p.ex. Una funció (A) conté una funció (B) que conté una funció (C). Ambudes funcions B i C formen aquí <em>closures,</em> de forma que B pot accedir a A i C pot accedir a B. A més a més, ja que C pot accedir a B, el qual pot accedir a A, C també pot accedir a A. D'aquesta forma, els <em>closures</em> poden contenir múltiples àmbits; contenen recursivament l'àmbit de les funcionsthey recursively contain the scope of the functions containing it. Això s'anomena <em>scope chaining</em>. (El perquè s'anomena "<em>chaining</em>" s'explicarà més tard.)</p>
+
+<p>Considereu l'exemple següent:</p>
+
+<pre class="brush: js">function A(x) {
+   function B(y) {
+      function C(z) {
+         alert(x + y + z);
+      }
+      C(3);
+   }
+   B(2);
+}
+A(1); // alerts 6 (1 + 2 + 3)
+</pre>
+
+<p>En aquest exemple, <code>C</code> accedeix a <code>y</code> de <code>B</code>  i <code>x</code> d'<code>A</code>. Això és possible perquè:</p>
+
+<ol>
+ <li><code>B</code> forma un <em>closure</em> incloïent <code>A</code>, és a dir, <code>B</code> pot accedir als arguments i les variables d'<code>A</code>.</li>
+ <li><code>C</code> forma un <em>closure</em> que inclou <code>B</code>.</li>
+ <li>Com que el <em>clousure</em> de <code>B</code> inclou <code>A</code>, el <em>closure</em> de <code>C</code> inclou <code>A</code>, <code>C</code> pot accedir tant als arguments i les variables de <code>B</code> com als d'<code>A</code>. En altres paraules, <code>C</code> encadena l'accés als àmbits de <code>B</code> i <code>A</code> en aquest ordre.</li>
+</ol>
+
+<p>El revers, però, no és cert. <code>A</code> no pot accedir a <code>C</code>, perquè <code>A</code> no pot accedir a cap argument o variable de <code>B</code>, de la qual <code>C</code> n'és una variable. D'aquesta forma, <code>C</code> roman privat només a <code>B</code>.</p>
+
+<h3 id="Name_conflicts" name="Name_conflicts">Conflictes de noms</h3>
+
+<p>Quan dos arguments o variables de l'àmbit del closure tenen el mateix nom, hi ha un <em>conflicte de nom</em>. Els àmbits més interns tenen prioritat, de forma que l'àmbit més intern té la màxima prioritat, mentre que l'àmbit més exterior no en tét. Això és l cadena d'àmbit. El primer de la cadena és l'àmbit més intern, i l'últim és l'àmbit més extern. Vegeu l'exemple següent:</p>
+
+<pre class="brush: js">function outside() {
+   var x = 10;
+   function inside(x) {
+      return x;
+   }
+   return inside;
+}
+result = outside()(20); // returns 20 instead of 10
+</pre>
+
+<p>El conflicte de nom ocorre en la sentència <code>return x</code> i es troba entreand is between <code>inside</code>'s parameter <code>x</code> and <code>outside</code>'s variable <code>x</code>. The scope chain here is {<code>inside</code>, <code>outside</code>, global object}. Therefore <code>inside</code>'s <code>x</code> takes precedences over <code>outside</code>'s <code>x</code>, and 20 (<code>inside</code>'s <code>x</code>) is returned instead of 10 (<code>outside</code>'s <code>x</code>).</p>
+
+<h2 id="Closures">Closures</h2>
+
+<p>Els<em> closures</em> son unes de les característiques més poderoses de JavaScript. JavaScript permet l'aniuament de funcions i concedeix a la funció interior accès total a totes les variables i funcions definides dins de la funció exterior (i totes les altres variables i funcions que la funció exterior té accés). Tanmateix, la funció exterior no té accés a les variables i funcions definides dins la funció interior. Això proveeix seguretat a les variables de la funció interior. A més, ja que la funció interior té accés a l'àmbit de la funcio exterior, les variables i funcions definides en la funció de fora viuran més que la mateixa funció de fora, si la funció interior se les arregla per sobreviure a partir de la vida de la funció exterior. Un <em>closure</em> es crea quan la funció interior és d'alguna manera accessible per qualsevol àmbit fora de la funció exterior.</p>
+
+<pre class="brush: js">var pet = function(name) {          // The outer function defines a variable called "name"
+      var getName = function() {
+        return name;                // The inner function has access to the "name" variable of the outer function
+      }
+
+      return getName;               // Return the inner function, thereby exposing it to outer scopes
+    },
+    myPet = pet("Vivie");
+
+myPet();                            // Returns "Vivie"
+</pre>
+
+<p>Pot ser molt més complex que el codi d'adalt. Un objecte que conté mètodes per manipular les variables interior d'una funció exterior poder ser retornades.</p>
+
+<pre class="brush: js">var createPet = function(name) {
+  var sex;
+
+  return {
+    setName: function(newName) {
+      name = newName;
+    },
+
+    getName: function() {
+      return name;
+    },
+
+    getSex: function() {
+      return sex;
+    },
+
+    setSex: function(newSex) {
+      if(typeof newSex == "string" &amp;&amp; (newSex.toLowerCase() == "male" || newSex.toLowerCase() == "female")) {
+        sex = newSex;
+      }
+    }
+  }
+}
+
+var pet = createPet("Vivie");
+pet.getName();                  // Vivie
+
+pet.setName("Oliver");
+pet.setSex("male");
+pet.getSex();                   // male
+pet.getName();                  // Oliver
+</pre>
+
+<p>En els codis d'adalt, la variable <code>name</code> de la funció exterior és accesible des de les funcions interiors, i no hi ha cap altra forma d'accedir a les variables interiors apart the fer-ho a través de les funcions interiors. Les variables interiors de la funció interior es comporten com a magatzems segurs per a les funcions interiors. Aquestes emmagatzemen de forma "persistent", però segures, les dades amb que les funcions interiors han de treballar. Les funcions no tenen ni tant sols ser assignades a una variable, tampoc han de tenir un nom.</p>
+
+<pre class="brush: js">var getCode = (function(){
+  var secureCode = "0]Eal(eh&amp;2";    // A code we do not want outsiders to be able to modify...
+
+  return function () {
+    return secureCode;
+  };
+})();
+
+getCode();    // Returns the secureCode
+</pre>
+
+<p>Hi ha, tanmateix, un nombre de trampes o obstacles que vigilar quan es fa servir <em>closures</em>. Si una <em>closure</em><u><em> </em></u>defineix una variable amb el mateix nom que el nom de la variable que es troba en l'àmbit exterior, no hi ha cap manera de referir-se una altra vegada a la variable de l'àmbit exterior.</p>
+
+<pre class="brush: js">var createPet = function(name) {  // Outer function defines a variable called "name"
+  return {
+    setName: function(name) {    // Enclosed function also defines a variable called "name"
+      name = name;               // ??? How do we access the "name" defined by the outer function ???
+    }
+  }
+}
+</pre>
+
+<p>La variable màgica <code>this</code> és força delicada en<em> closures</em>. S'ha de saber fer servir acuradament, ja que al que <code>this</code> es refereix depen completament del lloc on la funció es cridada, i no d'on és definida.</p>
+
+<h2 id="Ús_de_l'objecte_arguments">Ús de l'objecte arguments</h2>
+
+<p>Els arguments d'una funció és mantenen en un objecte semblant a un array. Dins una funció,  és pot accedir als arguments passats a la funció de la següent forma:</p>
+
+<pre class="brush: js">arguments[i]
+</pre>
+
+<p>On <code>i</code> és el nombre ordinal de l'argument, que comença amb zero. Així, el primer argument passat a una funció seria <code>arguments[0]</code>. El nombre total d'arguments és indicat per <code>arguments.length</code>.</p>
+
+<p>Fent servir l'objecte <code>arguments</code>, es pot cridar una funció amb més arguments dels que formament està declarat a acceptar. Això sovint és útil si no es sap amb anticipació quants arguments seràn passats a la funció. Es pot fer servir <code>arguments.length</code> per determinar el nombre d'arguments que se li passen a la funció, i després accedir a cada arguments fent ús de l'objecte <code>arguments</code>.</p>
+
+<p>Per exemple, sospeseu una funció que concatena diverses cadenes. L'únic argument formal per la funció és una cadena que especifica els caràcters que separen els ítems per concatenar. La funció és defineix com:</p>
+
+<pre class="brush: js">function myConcat(separator) {
+   var result = "", // initialize list
+       i;
+   // iterate through arguments
+   for (i = 1; i &lt; arguments.length; i++) {
+      result += arguments[i] + separator;
+   }
+   return result;
+}
+</pre>
+
+<p>Es pot passar qualsevol nombre d'arguments a aquesta funció, i concatena cada argument dins d'una "llista" de cadenes:</p>
+
+<pre class="brush: js">// returns "red, orange, blue, "
+myConcat(", ", "red", "orange", "blue");
+
+// returns "elephant; giraffe; lion; cheetah; "
+myConcat("; ", "elephant", "giraffe", "lion", "cheetah");
+
+// returns "sage. basil. oregano. pepper. parsley. "
+myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");
+</pre>
+
+<div class="note">
+<p>Nota: la variable <code>arguments</code> és semblant a un array, però no és un array. S'assembla a un array en que té un índex numerat i la propietat <code>length</code>. Tanmateix, no poseeix tots els mètodes de manipulació d'un array.</p>
+</div>
+
+<p>Vegeu l'<a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function" title="en-US/docs/JavaScript/Reference/Global Objects/Function">objecte</a> <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function" title="en-US/docs/JavaScript/Reference/Global Objects/Function"><code>Function</code></a> en la referència de JavaScript per més informació.</p>
+
+<h2 id="Functions_as_event_handlers" name="Functions_as_event_handlers">Funcions com a controladors d'events</h2>
+
+<p>En JavaScript, els controladors d'events <a href="/en-US/docs/DOM">DOM</a> són funcions (a diferència dels objectes que contenen un mètode <code>handleEvent</code> en altres enllaços de llenguatge DOM). Les funcions passen un objecte d'<a href="/en-US/docs/DOM/event">event</a> com el primer i únic paràmetre. Com qualsevol altre paràmetre, si l'objecte event no s'ha de fer servir, es pot ometre de la llista de paràmetres formals.</p>
+
+<p>Alguns probables objectius d'un document <a href="/en-US/docs/Web/HTML">HTML</a> inclouen: <code>window</code> (l'objecte<code> Window</code>, incloent frames), <code>document</code> (l'objecte <code>HTMLDocument</code>), i elements (<code>Element</code> objects). En el <a href="http://www.w3.org/TR/DOM-Level-2-HTML/">HTML DOM</a>, els objectius d'events tenen propietats de controladors d'events. Aquestes propietats seràn nomes d'events amb minúscules amb el prefix "on", p.ex. <code>onfocus</code>. Una altra forma de fer, més robusta, d'afegir detectors d'events és ser proveït pel <a href="http://www.w3.org/TR/DOM-Level-2-Events/">nivell 2 d'events DOM</a>.</p>
+
+<p>Nota: Events formen part del DOM, no de JavaScript. (JavaScript només proveeix un enllaç al DOM.)</p>
+
+<p>El següent exemple assigna una funció al controlador d'events "focus" d'una finestra.</p>
+
+<pre class="brush: js">window.onfocus = function() {
+   document.body.style.backgroundColor = 'white';
+};
+</pre>
+
+<p>Si una funció és assignada a una variable, es pot assignar la variable a un controlador d'event. El codi següent assigna una funció a la variable <code>setBGColor</code>.</p>
+
+<pre class="brush: js">var setBGColor = new Function("document.body.style.backgroundColor = 'white';");
+</pre>
+
+<p>Es pot fer servir aquesta variable per assignar una funció a un controlador d'event de diverses formes. Aquí mostrem dues formes de fer-ho:</p>
+
+<ol>
+ <li>scripting amb propietats d'event DOM HTML
+  <pre class="brush: js">document.form1.colorButton.onclick = setBGColor;
+</pre>
+ </li>
+ <li>Atribut event HTML
+  <pre class="brush: html">&lt;input name="colorButton" type="button"
+   value="Change background color"
+   onclick="setBGColor();"/&gt;
+</pre>
+
+  <p>Un controlador d'events establert d'aquesta manera, és de fet, una funció,  named after the attribute, wrapped around the specified code. Això explica perquè els parèntesis en "<code>setBGColor()</code>" són necessaris aquí (en lloc de només "<code>setBGColor</code>"). És equivalent a:</p>
+
+  <pre class="brush: js">document.form1.colorButton.onclick = function onclick(event) {
+   setBGColor();
+};
+</pre>
+
+  <p>Vegeu com l'objecte event object es passa a aquesta funció com a paràmetre <code>event</code>. Això permet al codi específic utilitzar l'objecte Event:</p>
+
+  <pre class="brush: html">&lt;input ...
+    onclick="alert(event.target.tagName);"/&gt;
+</pre>
+ </li>
+</ol>
+
+<p>Com qualsevol altra propietat que fa referència a una funció, el controlador d'event pot comportat-se com un mètode, i <code>this</code> faria referència a l'element que conté el controlador d'event. En l'exemple següent, la funció que fa referència <code>onfocus</code> es crida amb <code>this</code> que equival a <code>window</code>.</p>
+
+<pre class="brush: js">window.onfocus();
+</pre>
+
+<p>Un error comú de principiants de Javascript és snnexar parèntesis i/o paràmetres al final de la variable p.ex. cridar un controlador d'event quan es fa l'assignació. Afeguir aquests parèntesis assignarà el valor<em> returned from calling the event handler</em>, que sovint és <code>undefined</code> (si la funció no retorna res), rather than the event handler itself:</p>
+
+<pre class="brush: js">document.form1.button1.onclick = setBGColor();
+</pre>
+
+<p>Per passar paràmetres a un controlador d'event, el controlador ha d'estar embolcallat dins d'una altra funció com la següent:</p>
+
+<pre class="brush: js">document.form1.button1.onclick = function() {
+   setBGColor('some value');
+};
+</pre>
+
+<h2 id="Funcions_predefinides">Funcions predefinides</h2>
+
+<p>JavaScript té diverses funcions predefinides que poden emprar-se des de qualsevol àmbit:</p>
+
+<ul>
+ <li>{{ web.link("#eval_function", "eval") }}</li>
+ <li>{{ web.link("#isFinite_function", "isFinite") }}</li>
+ <li>{{ web.link("#isNaN_function", "isNaN") }}</li>
+ <li>{{ web.link("#parseInt_and_parseFloat_functions", "parseInt and parseFloat") }}</li>
+ <li>{{ web.link("#Number_and_String_functions", "Number and String") }}</li>
+ <li>{{ web.link("#escape_and_unescape_functions", "encodeURI, decodeURI, encodeURIComponent, and decodeURIComponent") }} (all available with Javascript 1.5 and later).</li>
+</ul>
+
+<p>Les seccions següents introdueixen aquestes funcions. Vegeu el <a href="/en-US/docs/JavaScript/Reference" title="en-US/docs/JavaScript/Reference">JavaScript Reference</a> per informació detallada de totes aquestes funcions.</p>
+
+<h3 id="Funció_eval">Funció eval</h3>
+
+<p>La funció <code>eval</code>avalua una cadena del codi de JavaScript sense fer referència a cap objecte en particular. La sintaxi de <code>eval</code> és:</p>
+
+<pre class="brush: js">eval(expr);
+</pre>
+
+<p>on <code>expr</code> és una cadena per ser avaluada.</p>
+
+<p>Si la cadena representa una expressió, <code>eval</code> evalua l'expressió. Si l'argument representa una sentència o més de JavaScript, eval performa aquestes sentències. L'àmbit del codi d'<code>eval</code> és idèntic a l'àmbit del codi de crida. No s'ha de cridar <code>eval</code> per avaluar una expressió aritmèica; JavaScript aritmètiques automàticament.</p>
+
+<h3 id="Funció_isFinite">Funció isFinite</h3>
+
+<p>La funció <code>isFinite</code> avalua un argument per determinar si és un nombre finit. La sintaxi d' <code>isFinite</code> és:</p>
+
+<pre class="brush: js">isFinite(number);
+</pre>
+
+<p>on <code>number</code> és el nombre que s'ha d'avaluar.</p>
+
+<p>Si l'argument és <code>NaN </code>(no un nombre), infinit positiu o infinit negatiu, aquest mètode retorna <code>false</code>, sinó retornarà <code>true</code>.</p>
+
+<p>El codi següent comprova si ClientInput per determinar si és un nombre finit.</p>
+
+<pre class="brush: js">if(isFinite(ClientInput)){
+   /* take specific steps */
+}
+</pre>
+
+<h3 id="Funció_isNaN">Funció isNaN</h3>
+
+<p>La funció <code>isNaN</code> avalua un argument que determina si és "NaN." La sintaxi d'<code>isNaN</code> és:</p>
+
+<pre class="brush: js">isNaN(testValue);
+</pre>
+
+<p>On <code>testValue</code> és el valor que es vol avaluar.</p>
+
+<p>Les funcions <code>parseFloat</code> i <code>parseInt</code> retornen "NaN" quan avaluen un valor que no és un nombre. <code>isNaN</code> retorna true si passa "NaN," i false sinó ho fa.</p>
+
+<p>El codi següent avalua <code>floatValue</code> que determina si és un nombre i després crida un procediment de la manera adequada:</p>
+
+<pre class="brush: js">var floatValue = parseFloat(toFloat);
+
+if (isNaN(floatValue)) {
+   notFloat();
+} else {
+   isFloat();
+}
+</pre>
+
+<h3 id="Funcions_parseInt_i_parseFloat">Funcions parseInt i parseFloat</h3>
+
+<p>Les dos funcions "parse", <code>parseInt</code> i <code>parseFloat</code>, retornen un valor numèric quan es dóna com a argument una cadena.</p>
+
+<p>La sintaxi de <code>parseFloat</code> és:</p>
+
+<pre class="brush: js">parseFloat(str);
+</pre>
+
+<p>On <code>parseFloat</code> parses el seu argument,la cadena <code>str</code>, and attempts to return a floating-point number. If it encounters a character other than a sign (+ or -), a numeral (0-9), a decimal point, or an exponent, then it returns the value up to that point and ignores that character and all succeeding characters. If the first character cannot be converted to a number, it returns "NaN" (not a number).</p>
+
+<p>La sintaxi de <code>parseInt</code> és:</p>
+
+<pre class="brush: js">parseInt(str [, radix]);
+</pre>
+
+<p><code>parseInt</code> interpreta el seu primer argument, la cadena de caràcters <code>str</code>, i intenta retornar un nombre sencer de la base especificada pel paràmetre opcional <code>radix</code>. Per exemple, si <code>radix</code> és 10 això indica que es demana una conversió al sistema decimal (base 10), si és 8 octal, si és 16 hexadecimal, etcètera. Per a bases majors que 10 es fan anar lletres de l'alfabet per a indicar els numerals majors que 9. Per exemple, per a nombres hexadecimals (base 16), s'empren les lletres de la A fins la F.</p>
+
+<p>Si <code>parseInt</code> troba un caràcter que no és un numeral de la base especificada, aquest és ignorat així com la resta de caràcters que el segueixen i retorna el valor sencer interpretat fins aquest punt. Si el primer caràcter no es pot convertir a un nombre de la base especificada es retorna "NaN". La funció <code>parseInt</code> trunca la cadena de caràcters a valors sencers.</p>
+
+<h3 id="Funcions_Number_i_String">Funcions Number i String</h3>
+
+<p>Les funcions <code>Number</code> i <code>String</code> permeten convertir un objecte a un nombre o a una cadena. La sintaxi d'aquestes funcions és:</p>
+
+<pre class="brush: js">var objRef;
+objRef = Number(objRef);
+objRef = String(objRef);
+</pre>
+
+<p>On <code>objRef</code> és una referència a l'objecte. Number fa servir el valorOf() method of the object; String uses the toString() method of the object.</p>
+
+<p>L'exemple següent converteix l'objecte <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Date" title="en-US/docs/JavaScript/Reference/Global Objects/Date">Date</a></code> a una cadena de caràcters fàcilment interpretrable per humans.</p>
+
+<pre class="brush: js">var D = new Date(430054663215),
+    x;
+x = String(D); // x equals "Thu Aug 18 04:37:43 GMT-0700 (Pacific Daylight Time) 1983"
+</pre>
+
+<p>L'exemple següent converteix l'objecte <code><a class="internal" href="/en-US/docs/JavaScript/Reference/Global_Objects/String" title="en-US/docs/JavaScript/Reference/Global Objects/String">String</a></code> a l'objecte <code><a class="internal" href="/en-US/docs/JavaScript/Reference/Global_Objects/Number" title="en-US/docs/JavaScript/Reference/Global Objects/Number">Number</a></code>.</p>
+
+<pre class="brush: js">var str = "12",
+    num;
+num = Number(str);
+</pre>
+
+<p>Es pot comprovar utilitzant el mètode del DOM <code>write()</code> i l'operador de JavaScript <code>typeof</code>.</p>
+
+<pre class="brush: js">var str = "12",
+    num;
+document.write(typeof str);
+document.write("&lt;br/&gt;");
+num = Number(str);
+document.write(typeof num);
+</pre>
+
+<h3 id="Funcions_escape_i_unescape_(Obsoletes_a_partir_de_JavaScript_1.5)">Funcions escape i unescape (Obsoletes a partir de JavaScript 1.5)</h3>
+
+<p>Les funcions <code>escape</code> i <code>unescape</code> no funcionen correctamenr per a caràcter que no siguin ASCII i han quedat obsoletes. En la versió de JavaScript 1.5 i posteriors, es fa servir <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/encodeURI" title="en-US/docs/JavaScript/Reference/Global_Functions/encodeURI">encodeURI</a></code>, <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/decodeURI" title="en-US/docs/JavaScript/Reference/Global_Functions/decodeURI">decodeURI</a></code>, <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/encodeURIComponent" title="en-US/docs/JavaScript/Reference/Global_Functions/encodeURIComponent">encodeURIComponent</a></code>, i <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/decodeURIComponent" title="en-US/docs/JavaScript/Reference/Global_Functions/decodeURIComponent">decodeURIComponent</a></code>.</p>
+
+<p>Les funcions <code>escape</code> i <code>unescape</code> permeten codificar i descodificar cadenes. La funció <code>escape</code> retorna function returns the hexadecimal encoding of an argument in the ISO Latin character set. The <code>unescape</code> function returns the ASCII string for the specified hexadecimal encoding value.</p>
+
+<p>La sintaxi d'aquestes funcions és:</p>
+
+<pre class="brush: js">escape(string);
+unescape(string);
+</pre>
+
+<p>Aquestes funcions s'usen principalment amb JavaScript que s'executa al servidor per codificar i descodificar parells de clau/valor en URLs.</p>
diff --git a/files/ca/web/javascript/guide/index.html b/files/ca/web/javascript/guide/index.html
new file mode 100644
index 0000000000..5bd35b4659
--- /dev/null
+++ b/files/ca/web/javascript/guide/index.html
@@ -0,0 +1,127 @@
+---
+title: Guia de JavaScript
+slug: Web/JavaScript/Guide
+tags:
+  - Guide
+  - JavaScript
+  - NeedsTranslation
+  - TopicStub
+translation_of: Web/JavaScript/Guide
+---
+<div>{{jsSidebar("JavaScript Guide")}}</div>
+
+<p class="summary">La Guia de JavaScript mostra com utilitzar <a href="/ca/docs/Web/JavaScript">JavaScript</a> a l'hora que proporciona una visió general del llenguatge. Per a començar amb JavaScript o a programar en general podeu consultar els article de l'<a href="/ca/Learn">zona d'aprenentatge</a>. Per a informació exhaustiva sobre qualsevol característica del llenguatge podeu consultar la<a href="/ca/docs/Web/JavaScript/Referencia"> referència de JavaScript</a>.</p>
+
+<h2 id="Capítols">Capítols</h2>
+
+<p>Aquesta guia es divideix en diversos capítols:</p>
+
+<ul class="card-grid">
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Introducció">Introducció</a></span>
+
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Introducció#Where_to_find_JavaScript_information">Quant a aquesta guia</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Introducció#What_is_JavaScript.3F">Quant a JavaScript</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Introducció#JavaScript_and_Java">JavaScript i Java</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Introducció#JavaScript_and_the_ECMAScript_Specification">ECMAScript</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Introducció#Getting_started_with_JavaScript">Eines</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Introducció#Hello_world">Hola Món</a></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Grammar_and_types">Gramàtica i tipus</a></span>
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Grammar_and_types#Basics">Sintaxi bàsica i comentaris</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Grammar_and_types#Declarations">Declaracions</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Grammar_and_types#Variable_scope">Àmbit de variables</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Grammar_and_types#Variable_hoisting">Hoisting de variables</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Grammar_and_types#Data_structures_and_types">Estructures de dades i tipus</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Grammar_and_types#Literals">Literals</a></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Control_flow_and_error_handling">Control de fluxe i manegament d'errors</a></span>
+  <p><code><a href="/ca/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#if...else_statement">if...else</a></code><br>
+   <code><a href="/ca/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#switch_statement">switch</a></code><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Exception_handling_statements"><code>try</code>/<code>catch</code>/<code>throw</code></a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Utilizing_Error_objects">Objecte Error</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Promises">Objecte Promise</a></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Loops_and_iteration">Bucles i iteració</a></span>
+  <p><code><a href="/ca/docs/Web/JavaScript/Guide/Loops_and_iteration#for_statement">for</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Loops_and_iteration#while_statement">while</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Loops_and_iteration#do...while_statement">do...while</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Loops_and_iteration#break_statement">break</a>/<a href="/ca/docs/Web/JavaScript/Guide/Loops_and_iteration#continue_statement">continue</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Loops_and_iteration#for...in_statement">for..in</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Loops_and_iteration#for...of_statement">for..of</a></code></p>
+ </li>
+</ul>
+
+<ul class="card-grid">
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Functions">Funcions</a></span>
+
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Functions#Defining_functions">Definir funcions</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Functions#Calling_functions">Cridar funcions</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Functions#Function_scope">Àmbit de funcions</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Functions#Closures">Closures</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Functions#Using_the_arguments_object">Arguments</a> i <a href="/ca/docs/Web/JavaScript/Guide/Functions#Function_parameters">paràmeters</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Functions#Arrow_functions">Functions fletxa</a></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Expressions_i_Operadors">Expressions i Operadors</a></span>
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Expressions_i_Operadors#Assignment_operators">Assignaments</a> i <a href="/ca/docs/Web/JavaScript/Guide/Expressions_i_Operadors#Comparison_operators">Comparacions</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Expressions_i_Operadors#Arithmetic_operators">Operadors aritmètics</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Expressions_i_Operadors#Bitwise_operators">Operadors de bits</a> i <a href="/ca/docs/Web/JavaScript/Guide/Expressions_i_Operadors#Logical_operators">operadors lògics</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Expressions_i_Operadors#Conditional_(ternary)_operator">Operador condicional (ternari)</a></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Numbers_and_dates">Nombres i dates</a></span>
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Numbers_and_dates#Numbers">Literals de nombres</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Numbers_and_dates#Number_object">Objecte <code>Number</code></a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Numbers_and_dates#Math_object">Objecte <code>Math</code></a><br>
+   <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Guide/Numbers_and_dates#Date_object">Objecte <code>Date</code></a></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Text_formatting">Formateig de text</a></span>
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Text_formatting#String_literals">Literals String</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Text_formatting#String_objects"><code>String</code> object</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Text_formatting#Multi-line_template_strings">Strings plantilla</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Text_formatting#Internationalization">Internacionalització</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Regular_Expressions">Expressions regulars</a></p>
+ </li>
+</ul>
+
+<ul class="card-grid">
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Indexed_collections">Col·leccions indexades</a></span>
+
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Indexed_collections#Array_object">Arrays</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Indexed_collections#Array_comprehensions">Comprensions per a Arrays</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Indexed_collections#Typed_Arrays">Arrays amb tipus</a></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Keyed_collections">Col·leccions clau-valor</a></span>
+  <p><code><a href="/ca/docs/Web/JavaScript/Guide/Keyed_collections#Map_object">Map</a></code><br>
+   <code><a href="/ca/docs/Web/JavaScript/Guide/Keyed_collections#WeakMap_object">WeakMap</a></code><br>
+   <code><a href="/ca/docs/Web/JavaScript/Guide/Keyed_collections#Set_object">Set</a></code><br>
+   <code><a href="/ca/docs/Web/JavaScript/Guide/Keyed_collections#WeakSet_object">WeakSet</a></code></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Treballar_amb_Objectes">Treballar amb Objectes</a></span>
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Treballar_amb_Objectes#Objects_and_properties">Objectes i propietats</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Treballar_amb_Objectes#Creating_new_objects">Crear objectes</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Treballar_amb_Objectes#Defining_methods">Definir mètodes</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Treballar_amb_Objectes#Defining_getters_and_setters">Getters i setters</a></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Details_of_the_Object_Model">Detalls del model d'objectes</a></span>
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">Programació Orientada a Objectes basada en Prototipus</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Creating_the_hierarchy">Crear jerarquies d'objectes</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Property_inheritance_revisited">Herència</a></p>
+ </li>
+</ul>
+
+<ul class="card-grid">
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Iterators_and_Generators">Iteradors i generadors</a></span>
+
+  <p><a href="/ca/docs/Web/JavaScript/Guide/Iterators_and_Generators#Iterators">Iteradors</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Iterators_and_Generators#Iterables">Iterables</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Iterators_and_Generators#Generators">Generdors</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Iterators_and_Generators#Generator_comprehensions">Comprensions per a Generadors</a></p>
+ </li>
+ <li><span><a href="/ca/docs/Web/JavaScript/Guide/Meta_programming">Meta programació</a></span>
+  <p><code><a href="/ca/docs/Web/JavaScript/Guide/Meta_programming#Proxies">Proxy</a></code><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Meta_programming#Handlers_and_traps">Manegadors i trampes</a><br>
+   <a href="/ca/docs/Web/JavaScript/Guide/Meta_programming#Revocable_Proxy">Proxy Revocable</a><br>
+   <code><a href="/ca/docs/Web/JavaScript/Guide/Meta_programming#Reflection">Reflect</a></code></p>
+ </li>
+</ul>
+
+<p>{{Next("Web/JavaScript/Guide/Introduction")}}</p>
diff --git a/files/ca/web/javascript/guide/introducció/index.html b/files/ca/web/javascript/guide/introducció/index.html
new file mode 100644
index 0000000000..1b598dad9b
--- /dev/null
+++ b/files/ca/web/javascript/guide/introducció/index.html
@@ -0,0 +1,140 @@
+---
+title: Introducció
+slug: Web/JavaScript/Guide/Introducció
+translation_of: Web/JavaScript/Guide/Introduction
+---
+<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}</div>
+
+<div class="summary">
+<p>Aquest capítol presenta JavaScript i comenta alguns dels seus conceptes fonamentals.</p>
+</div>
+
+<h2 id="Coneixements_previs">Coneixements previs</h2>
+
+<p>Aquesta guia asumeix que el lector te els següents coneixements previs:</p>
+
+<ul>
+ <li>Una idea general de Internet i la World Wide Web ({{Glossary("WWW")}}).</li>
+ <li>Bon coneixement de l'HyperText Markup Language ({{Glossary("HTML")}}).</li>
+ <li>Alguns coneixements de programació. Si sou nous quant a la programació proveu qualsevol dels tutorials que trobareu a la pàgina principal sobre <a href="/en-US/docs/Web/JavaScript" title="/en-US/docs/">JavaScript</a>.</li>
+</ul>
+
+<h2 id="On_trobar_informació_sobre_JavaScript">On trobar informació sobre JavaScript</h2>
+
+<p>La documentació de JavaScript al MDN inclou els següents apartats:</p>
+
+<ul>
+ <li><a href="/en-US/Learn">Aprenent la Web</a> proporciona informació per a nouvinguts i introdueix conceptes bàsics de programació i Internet.</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Guide" title="en/Core_JavaScript_1.5_Guide">La guia de JavaScript</a> (aquesta guia) proporciona un resum del llenguatge JavaScript així com els seus objectes.</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference" title="en/JavaScript/Reference">La referència de JavaScript</a> proporciona material de referència detallat per a JavaScript.</li>
+</ul>
+
+<p>Si vostè és nou al món de JavaScript es recomana començar amb els articles que es poden trobar a l'<a href="/en-US/Learn">àrea d'aprenentatge</a> i la <a href="/en-US/docs/Web/JavaScript/Guide" title="en/Core_JavaScript_1.5_Guide">Guia de JavaScript</a>. Un cop assolits els conceptes fonamentals podeu obtindre més detalls sobre objectes individuals i sentències mitjançant la <a href="/en-US/docs/Web/JavaScript/Reference" title="en/JavaScript/Reference">Referència de JavaScript</a>.</p>
+
+<h2 id="Què_és_JavaScript">Què és JavaScript?</h2>
+
+<p>JavaScript és un llenguatge d'script multiplataforma i orientat a objectes. És un llenguatge petit i lleuger. Dins l'entorn d'un amfitrió, es pot connectar JavaScript als objectes del l'entorn per a tenir un control programàtic sobre aquests.</p>
+
+<p>JavaScript conté una llibreria estàndard d'objectes, com <code>Array</code>, <code>Date</code> i <code>Math</code>, o un conjunt bàsic d'elements del llenguatge, com ara operadors, estructures de control o sentències. El nucli de JavaScript es pot estendre per a diferents propòsits mitjançant objectes adicionals; per exemple:</p>
+
+<ul>
+ <li><em>JavaScript al cantó del client</em> estén el llenguatge bàsic tot proveint objectes per a controlar un navegador i el seu Document Object Model (DOM). Per exemple, les extensions del cantó del client permeten a una aplicació posar elements en un formulari HTML i respondre a esdeveniments (events) d'usuari com ara clics del ratolí, entrada de formularis o navegació per la pàgina.</li>
+ <li><em>JavaScript al cantó del servidor</em> estén el llenguatge bàsic tot proveint objectes rellevants a córrer JavaScript en un servidor. Per exemple, les extensions del cantó del servidor permeten a una aplicació comunicar-se amb una base de dades, proveir continuitat d'informació d'una instància a una altra de l'aplicació, o bé realitzar manipulacions de fitxers al servidor.</li>
+</ul>
+
+<h2 id="JavaScript_and_Java" name="JavaScript_and_Java">JavaScript i Java</h2>
+
+<p>JavaScript i Java són similars des d'alguns punts de vista però són fonamentalment diferents des d'uns altres. El llenguatge JavaScript s'assembla al Java però no té el tipatge estàtic ni les comprovacions de tipatge fort de Java. JavaScript segueix la majoria de les expressions de sintaxi de Java, convencions de nomenclatura i construccions de control de flux bàsiques, la qual és la raó per la qual el seu nom va ser canviat de LiveScript a JavaScript.</p>
+
+<p>En contrast amb el sistema de classes de Java en temps de compilació fabricat per declaracions, JavaScript suporta un sistema en temps d'execució basat en un petit nombre de tipus de dades que representen valors numèrics, booleans i cadenes de caràcters. JavaScript té model d'objecte basat en prototipus en comptes del model més comú, basat en classes. El model basat en prototipus ofereix herència dinàmica, és a dir, el que és heretat pot variar entre diferents objectes individuals. JavaScript també suporta funcions sense cap mena de requeriment declaratiu especial. Les funcions poden ser propietats d'objectes, sent executades com a mètodes de tipatge lliure.</p>
+
+<p>JavaScript és un llenguatge de forma molt lliure en comparació amb Java. No és necessari declarar totes les variables, classes i mètodes. No és necessari preocupar-se per quins mètodes són públics, privats o protegits, i no és necessari implementar interfícies. Variables, paràmetres i tipus de retorn de funcions so són de tipatge explícit.</p>
+
+<p>Java és un llenguatge de programació basat en classes dissenyat per a executar-se ràpidament i ser segur quant a tipatge. Ser segur quant al tipatge vol dir que, per exemple, no es pot assignar un nombre sencer de Java a una referència d'objecte, o accedir memòria privada tot corrompent bytecode de Java. El model basat en classes de Java implica que els programes consisteixen exclusivament de classes i els seus mètodes. L'herència de classes a Java i el tipatge fort generalment requereixen jerarquies d'objectes fortament acoblades. Aquests requisits fan que programar en Java sigui més complex que programar en JavaScript.</p>
+
+<p>En contrast, JavaScript descendeix en esperit d'una línia de llenguatges més petits, amb tipatge dinàmic com ara HyperTalk i dBASE. Aquests llenguatges d'scripting ofereixen eines de programació a una audiència molt més àmplia a causa de la seva sintaxi més simple, funcionalitats especialitzades integrades i uns requeriments mínims per a la creació d'objectes.</p>
+
+<table class="standard-table">
+ <caption>JavaScript en comparació a Java</caption>
+ <thead>
+  <tr>
+   <th scope="col">JavaScript</th>
+   <th scope="col">Java</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>
+    <p>Basat en objectes. No hi ha distinció entre tipus d'objectes. L'herència funciona a través del mecanisme de prototipus i les propietats i mètodes es poden afegir a qualsevol objecte de forma dinàmica.</p>
+   </td>
+   <td>
+    <p>Basat en classes. Els objectes es divideixen entre classes i instàncies, amb l'herència aplicada mitjançant la jerarquia de classes. No es poden afegir propietats ni mètodes dinàmicament ni a classes ni a instàncies.</p>
+   </td>
+  </tr>
+  <tr>
+   <td>El tipus de dades de les variables no es declaren (tipatge dinàmic).</td>
+   <td>El tipus de dades de les variables s'ha de declarar (tipatge estàtic).</td>
+  </tr>
+  <tr>
+   <td>No pot escriure a disc de forma automàtica.</td>
+   <td>No pot escriure a disc de forma automàtica.</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Per a més informació sobre les diferències entre JavaScript i Java vegeu el capítol <a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model" title="JavaScript/Guide/Details of the Object Model">Detalls del model d'objecte</a>.</p>
+
+<h2 id="JavaScript_and_the_ECMAScript_Specification" name="JavaScript_and_the_ECMAScript_Specification">JavaScript i l'especificació ECMAScript</h2>
+
+<p>L'estandardització de JavaScript es realitza a <a class="external" href="http://www.ecma-international.org/">Ecma International</a> — l'associació Europea per a l'estandardització  de sistemes d'informació i comunicació (ECMA era anteriorment un acrònim d'European Computer Manufacturers Association) per a proporcionar un llenguatge de programació estàndard i internacional basat en JavaScript. Aquesta versió estandarditzada de JavaScript, anomenada ECMAScript, es comporta de la mateixa manera a totes les aplicacions que suporten l'estàndard. Les empreses poden utilitzar el llenguatge estàndard obert per a desenvolupar la seva pròpia implementació de JavaScript. L'estàndard ECMAScript està documentat en l'especificació ECMA-262. Vegeu <a href="/en-US/docs/Web/JavaScript/New_in_JavaScript">Nou a JavaScript</a> per a aprendre sobre les diferents versions de JavaScript així com les diferents edicions de l'especificació d'ECMAScript.</p>
+
+<p>A més, l'estàndard ECMA-262 també està aprovat per l'<a class="external" href="http://www.iso.ch/">ISO</a> (International Organization of Standarization) com a ISO-16262. Podeu trobar l'especificació al <a class="external" href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">lloc web d'Ecma International</a>. L'especificació de l'ECMAScript no descriu el Model d'Objecte Document (DOM), el qual està estandaritzat pel <a class="external" href="http://www.w3.org/">World Wide Web Consortium (W3C)</a>. El DOM defineix la forma en què els objectes d'un document HTML s'exposen a l'script. Per a fer-se una millor idea de les diferents tecnologies usades en programar en JavaScript, consulteu l'article: <a href="/en-US/docs/Web/JavaScript/JavaScript_technologies_overview">resum de tecnologies de JavaScript</a>.</p>
+
+<h3 id="JavaScript_Documentation_versus_the_ECMAScript_Specification" name="JavaScript_Documentation_versus_the_ECMAScript_Specification">La documentació de JavaScript versus l'especificació de l'ECMAScript</h3>
+
+<p>L'especificació de l'ECMAScript és un conjunt de requeriments per a implementar ECMAScript; és útil si es vol implementar característiques del llenguatge que compleixin amb els estàndards a la vostra pròpia implementació d'ECMAScript o a un motor JavaScript (com per exemple el SpiderMonkey a Firefox, o el v8 a Chrome).</p>
+
+<p>El document d'ECMAScript no pretén ajudar als programadors de scripts; utilitzeu la documentació de JavaScript per a obtenir informació sobre com escriure scripts.</p>
+
+<p>L'especificació d'ECMAScript utilitza terminologia i sintaxi que poden no ser familiars per a programador de JavaScript. Tot i que la descripció del llenguatge pot variar a ECMAScript, el llenguatge en si roman sense canvis. JavaScript suporta totes les funcionalitats definides a l'especificació d'ECMAScript.</p>
+
+<p>La documentació de JavaScript descriu aspectes del llenguatge que són apropiats per al programador de JavaScript.</p>
+
+<h2 id="Iniciant-se_en_JavaScript">Iniciant-se en JavaScript</h2>
+
+<p>Iniciar-se en JavaScript és senzill: tot el que fa falta és un navegador Web modern. Aquesta guia inclou algunes de les característiques de JavaScript que només estan disponibles a les últimes versions de Firefox, per això es recomana utilitzar la versió de Firefox més recent.</p>
+
+<p>Hi ha dues eines que formen part de Firefox que són útils per a experimentar amb JavaScript: la Consola del Web i Scratchpad.</p>
+
+<h3 id="La_Consola_del_Web">La Consola del Web</h3>
+
+<p>La <a href="/en-US/docs/Tools/Web_Console">Consola del Web</a> mostra informació sobre la pàgina Web carregada actualment i també inclou una <a href="/en-US/docs/Tools/Web_Console#The_command_line_interpreter">línia d'ordres</a> que podeu utilitzar per a executar expressions JavaScript a la pàgina actual.</p>
+
+<p>Per a obrir la Consola del Web, seleccioneu "Web Console" des del menú "Web Developer", que trobareu sota el menú "Tools" a Firefox. Apareixerà a la part de sota de la finestra del navegador. A la part de sota de la consola hi ha la línia d'ordres que podeu utilitzar per a introduir JavaScript, i la sortida apareix al panell de sobre:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7363/web-console-commandline.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h3 id="Scratchpad">Scratchpad</h3>
+
+<p>La Consola del Web és excel·lent per a executar línies individuals de JavaScript, però tot i que pot executar múltiples línies no és gaire còmoda per a això, i no permet desar mostres de codi. És per això que per a exemples més complexos <a href="/en-US/docs/Tools/Scratchpad">Scratchpad</a> és una eina més adient.</p>
+
+<p>Per a obrir Scratchpad, seleccioneu "Scratchpad" al menú "Web Developer", que trobareu dins el menú "Tools" al Firefox. S'obre en una finestra separada i consisteix d'un editor que podeu utilitzar per a escriure i executar JavaScript al navegador. També podeu desar scripts al disc i carregar scripts des del disc.</p>
+
+<p>Si seleccioneu l'opció "Inspect", el codi a l'editor és executat al navegador i els resultats són inserits tot seguit a l'editor en forma de comentari:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7365/scratchpad.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h3 id="Hola_món">Hola món</h3>
+
+<p>Per a iniciar-vos a escriure JavaScript, obriu la Consola del Web o bé l'Scratchpad i escriviu el vostre primer codi "Hola món" en JavaScript.</p>
+
+<pre class="brush: js notranslate">function saluda(user) {
+  return "Hola " + user;
+}
+
+saluda("Alice"); // "Hola Alice"
+</pre>
+
+<p>A les següents pàgines, aquesta guia us introduirà la sintaxi de JavaScript així com les seves característiques, de manera que sereu capaços d'escriure aplicacions més complexes.</p>
+
+<p>{{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}</p>
diff --git a/files/ca/web/javascript/index.html b/files/ca/web/javascript/index.html
new file mode 100644
index 0000000000..2aef119061
--- /dev/null
+++ b/files/ca/web/javascript/index.html
@@ -0,0 +1,105 @@
+---
+title: JavaScript
+slug: Web/JavaScript
+tags:
+  - JavaScript
+  - NeedsTranslation
+  - References
+  - TopicStub
+translation_of: Web/JavaScript
+---
+<div>{{JsSidebar()}}</div>
+
+<div class="summary">
+<p><strong>JavaScript</strong><sup>®</sup> (tot sovint abreujat com a <strong>JS</strong>) és un llenguatge orientat a objectes, lleuger i interpretat, amb <a href="https://en.wikipedia.org/wiki/First-class_functions" title="https://en.wikipedia.org/wiki/First-class_functions">funcions de primera classe</a>, més conegut per ser el llenguatge d'scripting per a pàgines Web, però també <a class="external" href="http://en.wikipedia.org/wiki/JavaScript#Uses_outside_web_pages">utilitzat en molts àmbits fora d'un navegador web</a> com ara <a class="external" href="http://nodejs.org/">node.js</a> o <a href="http://couchdb.apache.org">Apache CouchDB</a>. Es tracta d'un llenguatge d'scripting multi-paradigma, <a class="mw-redirect" href="https://en.wikipedia.org/wiki/Prototype-based" title="Prototype-based">basat en prototipus</a>, que és dinamic i suporta estils de programació funcional, imperativa i orientada a objectes. Llegiu més <a href="/ca/docs/Web/JavaScript/About_JavaScript">sobre JavaScript</a>.</p>
+</div>
+
+<p>El standard JavaScript és <a href="/ca/docs/JavaScript/Language_Resources">ECMAScript</a>. A l'any 2012, tots els navegadors moderns suporten plenament l'ECMAScript 5.1. Navegadors més vells suporten com a mínim l'ECMAScript 3. Una sisena gran revisió del standard està en procés i s'espera que estigui enllestida al voltant de mitjans de 2015.</p>
+
+<p>Aquesta secció del lloc Web està dedicada al llenguatge JavaScript en si mateix, les parts que no són específiques per a pàgines Web o d'altres entorns que l'acullen. Per a més informació sobre les APIs específiques per a pàgines Web, vegeu <a href="/ca/docs/Web/API">APIs Web</a> i <a href="/ca/docs/Glossary/DOM">DOM</a>.</p>
+
+<p>És important no confondre JavaScript amb el <a href="http://en.wikipedia.org/wiki/Java_(programming_language)">llenguatge de programació Java</a>. Java és una marca comercial o marca enregistrada pertanyent a Oracle als Estats Units d'Amèrica i d'altres països.</p>
+
+<div class="column-container">
+<div class="column-half">
+<h2 id="Creating" name="Creating">Tutorials</h2>
+
+<p>Apreneu com programar en JavaScript.</p>
+
+<h3 id="Nivell_introductori">Nivell introductori</h3>
+
+<dl>
+ <dt><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Guide">Guia de JavaScript</a></dt>
+ <dd>Si sou nous quant a JavaScript, aquesta guia recorre el llenguatge.</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/JavaScript_technologies_overview">Resum de tecnologies de JavaScript</a></dt>
+ <dd>Introducció al món de JavaScript dins el navegador web.</dd>
+ <dt><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">Introducció al JavaScript Orientat a Objectes</a></dt>
+ <dd>Introducció als conceptes de programació orientada a objectes en JavaScript.</dd>
+</dl>
+
+<h3 id="Nivell_intermig">Nivell intermig</h3>
+
+<dl>
+ <dt><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/A_re-introduction_to_JavaScript">Una re-introducció a JavaScript</a></dt>
+ <dd>Un resum per a aquells que <em>creuen</em> que ja ho saben tot sobre JavaScript.</dd>
+</dl>
+
+<dl>
+ <dt><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Data_structures">Estructures de dades de JavaScript</a></dt>
+ <dd>Resum de les estructures de dades disponibles a JavaScript.</dd>
+ <dt><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Equality_comparisons_and_when_to_use_them">Comparacions d'equitat i quan utilitzar-les</a></dt>
+ <dd>JavaScript proporciona dos operacions diferents per a comparar valors: l'igualtat estricta mitjançant <code>===</code> i l'igualtat relaxada mitjançant <code>==.</code></dd>
+</dl>
+
+<h3 id="Nivell_avançat">Nivell avançat</h3>
+
+<dl>
+ <dt><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain">Herència i la cadena de prototipus</a></dt>
+ <dd>Explicació de l'herència basada en prototipus, tot sovint malentesa i poc valorada.</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/Reference/Strict_mode">El mode estricte</a></dt>
+ <dd>Una variant restringida de JavaScript.</dd>
+ <dt><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Typed_arrays">Arrays amb tipus a JavaScript</a></dt>
+ <dd>Les arrays amb tipus de JavaScript proporcionen un mecanisme per a accedir a dades binàries sense tractar.</dd>
+ <dt><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Memory_Management">Manegament de Memòria</a></dt>
+ <dd>El cicle de vida de la memòria i la recolecció de la brossa a JavaScript.</dd>
+</dl>
+</div>
+
+<div class="column-half">
+<h2 id="Referència">Referència</h2>
+
+<p>Navegue per la documentació de <a href="/ca/docs/Web/JavaScript/Reference">referència de JS</a> complerta.</p>
+
+<dl>
+ <dt><a href="/ca/docs/Web/JavaScript/Referencia/Objectes_standard">Objectes standard</a></dt>
+ <dd>Conegueu els objectes standard proporcionats per JavaScript <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/Array" title="The JavaScript Array global object is a constructor for arrays, which are high-level, list-like objects."><code>Array</code></a></code>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/Date" title="Creates a JavaScript Date instance that represents a single moment in time. Date objects are based on a time value that is the number of milliseconds since 1 January, 1970 UTC."><code>Date</code></a>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/Error" title="The Error constructor creates an error object. Instances of Error objects are thrown when runtime errors occur. The Error object can also be used as a base objects for user-defined exceptions. See below for standard built-in error types."><code>Error</code></a>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/Function" title="The Function constructor creates a new Function object. In JavaScript every function is actually a Function object."><code>Function</code></a>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/JSON" title="The JSON object contains methods for parsing JavaScript Object Notation (JSON) and converting values to JSON. It can't be called or constructed, and aside from its two method properties it has no interesting functionality of its own."><code>JSON</code></a>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/Math" title="Math is a built-in object that has properties and methods for mathematical constants and functions. Not a function object."><code>Math</code></a>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/Number" title="The Number JavaScript object is a wrapper object allowing you to work with numerical values. A Number object is created using the Number() constructor."><code>Number</code></a>, <a href="/ca/docs/Web/JavaScript/Reference/Global_Objects/Object"><code>Object</code></a>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/RegExp" title="The RegExp constructor creates a regular expression object for matching text with a pattern."><code>RegExp</code></a>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/String" title="The String global object is a constructor for strings, or a sequence of characters."><code>String</code></a>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/Map" title="The Map object is a simple key/value map. Any value (both objects and primitive values) may be used as either a key or a value."><code>Map</code></a>, <code><a href="/ca/docs/Web/JavaScript/Reference/Global_Objects/Set">Set</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/WeakMap" title="The WeakMap object is a collection of key/value pairs in which the keys are objects and the values can be arbitrary values."><code>WeakMap</code></a></code>, <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Global_Objects/WeakSet" title="The WeakSet object lets you store weakly held objects in a collection."><code>WeakSet</code></a>, i d'altres.</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/Reference/Operators">Expressions i operadors</a></dt>
+ <dd>Apreneu més sobre el comportament dels operadors de JavaScript <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Operators/instanceof">instanceof</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Operators/typeof">typeof</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Operators/new">new</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Operators/this">this</a></code>, i més.</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/Reference/Statements">Sentències i declaracions</a></dt>
+ <dd>Apreneu com funcionen les sentències <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Statements/do...while">do-while</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Statements/for...in">for-in</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Statements/for...of">for-of</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Statements/try...catch">try-catch</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Statements/let">let</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Statements/var">var</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Statements/const">const</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Statements/if...else">if-else</a></code>, <code><a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Statements/switch">switch</a></code>, així com d'altres sentències i paraules clau de JavaScript.</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/Reference/Functions">Funcions</a></dt>
+ <dd>Apreneu com treballar amb funcions a JS per a desenvolupar aplicacions.</dd>
+</dl>
+
+<h2 id="Eines_i_recursos">Eines i recursos</h2>
+
+<p>Eines útils per a escriure i depurar codi JavaScript.</p>
+
+<dl>
+ <dt><a href="/ca/docs/Tools">Firefox Developer Tools</a></dt>
+ <dd><a href="/ca/docs/Tools/Scratchpad">Scratchpad</a>, <a href="/ca/docs/Tools/Web_Console">Web Console</a>, <a href="/ca/docs/Tools/Profiler">JavaScript Profiler</a>, <a href="/ca/docs/Tools/Debugger">Debugger</a>, i més.</dd>
+ <dt><a class="external" href="http://www.getfirebug.com/">Firebug</a></dt>
+ <dd>Editeu, depureu i controleu CSS, HTML i JavaScript en directe a qualsevol pàgina web.</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/Shells">Consoles JavaScript</a></dt>
+ <dd>Les consoles JavaScript permeten provar ràpidament bocins de codi JavaScript.</dd>
+ <dt><a href="https://togetherjs.com/">TogetherJS</a></dt>
+ <dd>
+ <p class="hero-header-text large">Colaborar de forma senzilla.</p>
+ </dd>
+ <dt><a href="http://stackoverflow.com/questions/tagged/javascript">Stack Overflow</a></dt>
+ <dd>Preguntes a Stack Overflow amb l'etiqueta "JavaScript".</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/New_in_JavaScript">Versions de JavaScript i notes de versió</a></dt>
+ <dd>Navegeu per l'històric de característiques de JavaScript així com l'estat de la seva implementació.</dd>
+</dl>
+</div>
+</div>
diff --git a/files/ca/web/javascript/inheritance_and_the_prototype_chain/index.html b/files/ca/web/javascript/inheritance_and_the_prototype_chain/index.html
new file mode 100644
index 0000000000..d4c5aee693
--- /dev/null
+++ b/files/ca/web/javascript/inheritance_and_the_prototype_chain/index.html
@@ -0,0 +1,299 @@
+---
+title: Herència i la cadena de prototipus
+slug: Web/JavaScript/Inheritance_and_the_prototype_chain
+tags:
+  - Avançat
+  - Guía
+  - Herencia
+  - JavaScript
+  - OOP
+translation_of: Web/JavaScript/Inheritance_and_the_prototype_chain
+---
+<div>{{jsSidebar("Advanced")}}</div>
+
+<p>JavaScript pot resultar una mica confús per als desenvolupadors amb experiència en llenguatges bassats en classes (com ara Java o C++), ja que al ser un llenguatge dinàmic no proporciona una implementació de <code>class</code> per se (la paraula clau <code>class</code> va ser introduïda al ES2015, però sintàcticament és irrellevant, JavaScript continua essent basat en prototipus).</p>
+
+<p>En quant a l'herència, JavaScript només disposa d'una construcció: objectes. Cada objecte té una propietat privada (referida com a [[Prototipus]]) que conté un un enllaç a un altre objecte, anomenat el seu <strong>prototipus</strong>. Aquest objecte prototipus també té el seu propi prototipus, i així es crea una cadena fins que s'arriba a un objecte que tingui <code>null</code> com a prototipus. <code>null</code>, per definició, no te prototipus, i actua com a enllaç final en aquesta <strong>cadena de prototipus</strong>.</p>
+
+<p>Gairebé tots els objectes en JavaScript són instàncies de {{jsxref("Object")}}, que resta al principi de la cadena de prototipus.</p>
+
+<p>Encara que això es consideri freqüentment com a un dels punts dèbils de JavaScript, el model d'herència basat en prototipus és, de fet, més potent que el model clàssic. És, per exemple, força senzill construir un model clàssic mitjançant un model basat en prototipus.</p>
+
+<h2 id="Herència_mitjançant_la_cadena_de_prototipus">Herència mitjançant la cadena de prototipus</h2>
+
+<h3 id="Propietats_heretades">Propietats heretades</h3>
+
+<p>Els objectes a JavaScript són "bosses" dinàmiques de propietats (referenciades com a <strong>propietats pròpies</strong>). Els objectes a JavaScript tenen una referènia a un objecte prototipus. A l'hora d'intentar accedir a una propietat d'un objecte, no només es cercarà la propietat dins l'objecte mateix, sinò també al prototipus de l'objecte, el prototipus del prototipus, i així fins a que o bé es trobi la propietat amb el nom que es buscava o bé es troba el final de la cadena de prototipus.</p>
+
+<div class="note">
+<p>Tot seguint l'standard ECMAScript, utilitzem la notació <code>unObjecte.[[Prototipus]]</code> per a designar el prototipus de <code>unObjecte</code><code>.</code> Des de l'ECMAScript 2015, el [[Prototipus]] és accedit utilitzant les funcions d'accés {{jsxref("Object.getPrototypeOf()")}} i {{jsxref("Object.setPrototypeOf()")}}. El resultat és el mateix que el d'utilitzar la propietat <code>__proto__</code> que no és estàndard però l'implementen la majoria de navegadors. </p>
+
+<p>No s'ha de confondre amb la propietat <em>func</em>.prototype de les funcions, que especifica el [[Prototipus]] que s'assigna a totes les <em>instàncies </em>dels objectes creats per una funció quan aquesta s'utilitza com a constructora. La propietat <strong>Object.prototype</strong> representa l'objecte prototipus {{jsxref("Object")}}.</p>
+</div>
+
+<p>A continuació es mostra el que succeeix quan s'intenta accedir a una propietat:</p>
+
+<pre class="brush: js">// Assumim que disposem de l'objecte o, amb les seves pròpies propietats a i b:
+// {a: 1, b: 2}
+// o.[[Prototipus]] té les propietats b i c:
+// {b: 3, c: 4}
+// Finalment, o.[[Prototipus]].[[Prototipus]] és null.
+// Aquest és el final de la cadena de prototipus ja que null,
+// per definició, no té [[Prototipus]].
+// Aleshores, la cadena de prototipus sencera és la següent:
+// {a:1, b:2} ---&gt; {b:3, c:4} ---&gt; null
+
+console.log(o.a); // 1
+// Hi ha una propietat 'a' pròpia a l'objecte o? Sí, i el seu valor és 1.
+
+console.log(o.b); // 2
+// Hi ha una propietat 'b' pròpia a l'objecte o? Sí, i el seu valor és 2.
+// El prototipus també té una propietat 'b', però aquest no s'arriba a visitar.
+// Aquest fenòmen es coneix com a "property shadowing"
+
+console.log(o.c); // 4
+// Hi ha una propietat 'c' pròpia a l'objecte o? No, cerca-la al seu prototipus.
+// Hi ha una propietat 'c' pròpia a o[[Prototipus]]? Sí, i el seu valor és 4.
+
+console.log(o.d); // undefined
+// Hi ha una propietat 'd' pròpia a l'objecte o? No, cerca-la al seu prototipus.
+// Hi ha una propietat 'd' pròpia a o[[Prototipus]]? No, cerca-la al seu prototipus.
+// o.[[Prototipus]].[[Prototipus]] és null, atura la cerca,
+// no s'ha trobat la propietat, retornem undefined
+</pre>
+
+<p>Assignar una propietat a un objecte crea una propietat pròpia. L'única excepció al les regles de comportament d'assignació i obtenció és quan hi ha una propietat heretada que disposa d'un <a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_getters_and_setters" title="Defining Getters and Setters">getter o un setter</a>.</p>
+
+<h3 id="Herència_de_mètodes">Herència de "mètodes"</h3>
+
+<p>JavaScript no té "mètodes" de la manera en que els llenguatges bassats en classes els defineixen. En JavaScript, qualsevol funció pot ser afegida a un objecte com a propietat. Una funció heretada actua com qualsevol altra propietat, incloent <em>shadowing</em> de propietats, tal i com es mostra més amunt (en aquest cas, una forma de <em>sobreescritura de mètodes</em>).</p>
+
+<p>Quan s'executa una funció heretada, el valor de <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this" title="this"><code>this</code></a> passa a apuntar a l'objecte que l'hereta, no a l'objecte prototipus al qual la funció pertany com a propietat pròpia.</p>
+
+<pre class="brush: js">var o = {
+  a: 2,
+  m: function(b){
+    return this.a + 1;
+  }
+};
+
+console.log(o.m()); // 3
+// Al cridar a o.m en aquest cas, 'this' fa referència a o
+
+var p = Object.create(o);
+// p és un objecte que hereta de o
+
+p.a = 12; // crea una propietat pròpia 'a' a l'objecte p
+console.log(p.m()); // 13
+// quan es crida p.m 'this' fa referència a p.
+// Així quan p hereta la funció m de o,
+// 'this.a' s'avalua com a p.a, la propietat pròpia 'a' de p
+</pre>
+
+<h2 id="Formes_diferents_de_crear_objectes_i_la_cadena_de_prototipus_resultant">Formes diferents de crear objectes i la cadena de prototipus resultant</h2>
+
+<h3 id="Crear_objectes_amb_sintaxi_de_construcció">Crear objectes amb sintaxi de construcció</h3>
+
+<pre class="brush: js">var o = {a: 1};
+
+// L'objecte recentment creat o té Object.prototype com al seu [[Prototipus]]
+// o no te cap propietat pròpia anomenada 'hasOwnProperty'
+// hasOwnProperty és una propietat pròpia de Object.prototype.
+// Així o hereta hasOwnProperty de Object.prototype
+// El prototipus de Object.prototype val null.
+// o ---&gt; Object.prototype ---&gt; null
+
+var a = ["yo", "whadup", "?"];
+
+// Els Arrays hereten de Array.prototype
+// (el qual té mètodes com ara indexOf, forEach, etc.)
+// La cadena de prototipus té la forma següent:
+// a ---&gt; Array.prototype ---&gt; Object.prototype ---&gt; null
+
+function f(){
+  return 2;
+}
+
+// Les funcions hereten de Function.prototype
+// (que té mètodes com ara call, bind, etc.)
+// f ---&gt; Function.prototype ---&gt; Object.prototype ---&gt; null
+</pre>
+
+<h3 id="Crear_objectes_mitjançant_un_constructor">Crear objectes mitjançant un constructor</h3>
+
+<p>En JavaScript, una "constructora" és "simplement" una funció que es crida amb l'<a href="/en-US/docs/Web/JavaScript/Reference/Operators/new" title="new">operador new</a>.</p>
+
+<pre class="brush: js">function Graph() {
+  this.vertices = [];
+  this.edges = [];
+}
+
+Graph.prototype = {
+  addVertex: function(v){
+    this.vertices.push(v);
+  }
+};
+
+var g = new Graph();
+// g és un objecte amb propietats pròpies 'vertices' i 'edges'.
+// g.[[Prototipus]] és el valor de Graph.prototype quan s'executa new Graph().
+</pre>
+
+<h3 id="Crear_objectes_mitjançant_Object.create">Crear objectes mitjançant <code>Object.create</code></h3>
+
+<p>ECMAScript 5 va introduïr un nou mètode: {{jsxref("Object.create()")}}. Cridar aquest mètode crea un nou objecte. El prototipus d'aquest objecte es el primer argument de la funció:</p>
+
+<pre class="brush: js">var a = {a: 1};
+// a ---&gt; Object.prototype ---&gt; null
+
+var b = Object.create(a);
+// b ---&gt; a ---&gt; Object.prototype ---&gt; null
+console.log(b.a); // 1 (heretat)
+
+var c = Object.create(b);
+// c ---&gt; b ---&gt; a ---&gt; Object.prototype ---&gt; null
+
+var d = Object.create(null);
+// d ---&gt; null
+console.log(d.hasOwnProperty);
+// undefined, perque d no hereta de Object.prototype
+</pre>
+
+<div>
+<h3 id="Crear_objectes_mitjançant_la_paraula_clau_class">Crear objectes mitjançant la paraula clau <code>class</code></h3>
+
+<p>ECMAScript 2015 va introduïr un nou conjunt de paraules clau per a implementar <a href="/en-US/docs/Web/JavaScript/Reference/Classes">classes</a>. Encara que aquestes construccions s'assemblen a les que es poden trobar en llenguatges bassats en classes, no són iguals. JavaScript continua sent un llenguatge bassat en prototipus. Les noves paraules clau inclouen {{jsxref("Statements/class", "class")}}, {{jsxref("Classes/constructor", "constructor")}}, {{jsxref("Classes/static", "static")}}, {{jsxref("Classes/extends", "extends")}}, i {{jsxref("Operators/super", "super")}}.</p>
+
+<pre class="brush: js">"use strict";
+
+class Polygon {
+  constructor(height, width) {
+    this.height = height;
+    this.width = width;
+  }
+}
+
+class Square extends Polygon {
+  constructor(sideLength) {
+    super(sideLength, sideLength);
+  }
+  get area() {
+    return this.height * this.width;
+  }
+  set sideLength(newLength) {
+    this.height = newLength;
+    this.width = newLength;
+  }
+}
+
+var square = new Square(2);
+</pre>
+
+<h3 id="Rendiment">Rendiment</h3>
+
+<p>El temps que es triga a resoldre propietats que estan lluny dins la cadena de prototipups pot tenir un impacte negatiu en el rendiment, i aquest impacte pot ser significatiu en parts del codi on el rendiment és crític. A més, intentar accedir a propietats que no existeixen sempre atravessarà totalment la cadena de prototipus.</p>
+
+<p>Adicionalment, quan s'itera sobre propietats d'un objecte, <strong>totes</strong> les propietats enumerables de la cadena de prototipus seran enumerades.</p>
+
+<p>Per a comprovar si un objecte té una propietat definida <em>en si mateix</em> (pròpia) en comptes de heretada de la cadena de prototipus, s'ha d'utilitzar el mètode <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty" title="/ru/docs/JavaScript/Reference/Global_Objects/Object/hasOwnProperty"><code>hasOwnProperty</code></a>, el qual és heretat per tots els objectes mitjançant <code>Object.prototype</code>.</p>
+
+<p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty" title="/ru/docs/JavaScript/Reference/Global_Objects/Object/hasOwnProperty">hasOwnProperty</a></code> és l'únic element de JavaScript que treballa amb propietats i <strong>no</strong> recorre la cadena de prototipus.</p>
+Nota: <strong>No n'hi ha prou</strong> amb comprovar si una propietat és <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined"><code>undefined</code></a>. La propietat pot existir perfectament, però tenir assignat el valor <code>undefined</code>.</div>
+
+<h3 id="sect1"> </h3>
+
+<h3 id="Males_pràctiques_Extensió_de_prototipus_nadius">Males pràctiques: Extensió de prototipus nadius</h3>
+
+<p>Una característica que sovint es mal utilitza és extendre <code>Object.prototype</code> o qualsevol altre prototipus nadiu.</p>
+
+<p>Aquesta tècnica, anomenada <em>monkey patching</em>, trenca l'<em>encapsulació</em>. Malgrat ser utilitzada per llibreries populars, com ara Prototype.js, no hi ha cap bona raó per saturar els tipus nadius amb funcionalitats no estàndards.</p>
+
+<p>La <strong>única</strong> possible bona raó per a extendre un prototipus nadiu és per a afegir característiques dels nous motors de JavaScript no suportades per motors més antics (funcions <em>polifill</em>), com ara <code>Array.forEach</code>.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p><code>B</code> hauria d'heretar de <code>A</code>:</p>
+
+<pre class="brush: js">function A(a){
+  this.varA = a;
+}
+
+// Quin és el propòsit d'incloure varA al prototipus quan A.prototype.varA <em>sempre </em>estarà amagat (<em>shadowed</em>) per
+// this.varA, donada la definició de la funció A de dalt?
+A.prototype = {
+  varA : null,  // No hauriem de treure varA del prototipus ja que no fa res?
+      // potser es tracta d'una optimització per a reservar espai a classes ocultes?
+      // https://developers.google.com/speed/articles/optimizing-javascript#Initializing instance variables
+      // seria vàlid si varA no s'inicialitzés de forma única per a cada instància
+  doSomething : function(){
+    // ...
+  }
+}
+
+function B(a, b){
+  A.call(this, a);
+  this.varB = b;
+}
+B.prototype = Object.create(A.prototype, {
+  varB : {
+    value: null,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  },
+  doSomething : {
+    value: function(){ // sobreescriu
+      A.prototype.doSomething.apply(this, arguments); // crida a super
+      // ...
+    },
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }
+});
+B.prototype.constructor = B;
+
+var b = new B();
+b.doSomething();
+</pre>
+
+<p>Les parts importants són:</p>
+
+<ul>
+ <li>Els tipus es defineixen a <code>.prototype</code></li>
+ <li>S'utilitza <code>Object.create()</code> per a heretar</li>
+</ul>
+
+<h2 id="prototype_i_Object.getPrototypeOf"><code>prototype</code> i <code>Object.getPrototypeOf</code></h2>
+
+<p>JavaScript pot resultar una mica confús per a desenvolupadors que vinguin de Java o C++ degut a que és completament dinàmic, tot succeeix en temps d'execució i no té classes. Només té instàncies (objectes). Fins i tot les "classes" que simulem són simplement un objecte de tipus funció.</p>
+
+<p>Potser ja us heu adonat que la nostra funció <code>A</code> té una propietat especial anomenada <code>prototype</code>. Aquesta propietat especial funciona en conjunció amb l'operador de JavaScript <code>new</code>. La referència a l'objecte prototipus es copia a la propietat interna <code>[[Prototype]]</code> de la nova instància. Per exemple, amb el codi <code>var a1 = new A()</code>, JavaScript (després de crear l'objecte en memòria però abans d'executar la funció <code>A()</code> amb <code>this</code> definit i apuntant a si mateixa) assigna <code>a1.[[Prototype]] = A.prototype</code>. Després, quan accedim a les propietats de la instància, JavaScript primer comprova si aquestes existeixen dins l'objecte mateix i, en cas contrari, les cerca dins el <code>[[Prototipus]]</code>. Això implica que tot allò que es defineix al <code>prototype</code> és compartit per totes les instàncies, i més tard es poden canviar parts de <code>prototype</code> de forma que els canvis afectaran a totes les instàncies que existeixen, si es vol.</p>
+
+<p>Si, a l'exemple anterior, s'executa <code>var a1 = new A(); var a2 = new A();</code> llavors <code>a1.doSomething</code> faria referència en realitat a <code>Object.getPrototypeOf(a1).doSomething</code>, que és el mateix que <code>A.prototype.doSomething</code> que heu definit, per exemple, <code>Object.getPrototypeOf(a1).doSomething == Object.getPrototypeOf(a2).doSomething == A.prototype.doSomething</code>.</p>
+
+<p>Resumint, <code>prototype</code> és per als tipus mentre que <code>Object.getPrototypeOf()</code> és el mateix per les instàncies.</p>
+
+<p><code>[[Prototype]]</code> s'accedeix <em>de forma recursiva</em>, per exemple: <code>a1.doSomething</code>, <code>Object.getPrototypeOf(a1).doSomething</code>, <code>Object.getPrototypeOf(Object.getPrototypeOf(a1)).doSomething</code> etc., fins que es troba o bé <code>Object.getPrototypeOf retorna null</code>.</p>
+
+<p>Així, quan cridem:</p>
+
+<pre class="brush: js">var o = new Foo();</pre>
+
+<p>JavaScript simplement executa:</p>
+
+<pre class="brush: js">var o = new Object();
+o.[[Prototype]] = Foo.prototype;
+Foo.call(o);</pre>
+
+<p>(o quelcom similar) i quan després executem:</p>
+
+<pre class="brush: js">o.someProp;</pre>
+
+<p>comprova si <code>o</code> té definida la propietat <code>someProp</code>. En cas que no, comprova <code>Object.getPrototypeOf(o).someProp</code> i si aquesta tampoc existeix llavors comprova <code>Object.getPrototypeOf(Object.getPrototypeOf(o)).someProp</code>, etcètera.</p>
+
+<div>
+<h2 id="Conclusions">Conclusions</h2>
+
+<p>Resulta <strong>essencial</strong> entendre el model d'herència basat en prototipus abans de començar a escriure codi complex que es basi en ell. Així mateix, és important tenir en compte la longitud de la cadena de prototipus dins el nostre codi i trencar-la en cas necesari, per a evitar possibles problemes de rendiment. A més els prototipus natius no s'haurien d'extendre <strong>mai</strong> a no ser que el motiu sigui afegir compatibilitat amb característiques més modernes de JavaScript.</p>
+</div>
diff --git a/files/ca/web/javascript/introducció_al_javascript_orientat_a_objectes/index.html b/files/ca/web/javascript/introducció_al_javascript_orientat_a_objectes/index.html
new file mode 100644
index 0000000000..6e5a4e2922
--- /dev/null
+++ b/files/ca/web/javascript/introducció_al_javascript_orientat_a_objectes/index.html
@@ -0,0 +1,361 @@
+---
+title: Introducció al Javascript orientat a Objectes
+slug: Web/JavaScript/Introducció_al_Javascript_orientat_a_Objectes
+translation_of: Learn/JavaScript/Objects
+---
+<div>{{jsSidebar("Introductory")}}</div>
+
+<p>JavaScript és orientat a objectes des del nucli, amb unes capacitats potents, flexibles {{Glossary("OOP")}}. Aquest article comença amb la introducció de la programació orientada a objectes, després es revisa el model d'objectes de Javascript, i finalment es mostren els conceptes de la programació orientada a objectes en JavaScript.</p>
+
+<h2 id="JavaScript_Review" name="JavaScript_Review">Revisió de JavaScript</h2>
+
+<p>Si no us sentiu segurs amb els conceptes de Javascript com ara variables, tipus, funcions, i àmbits podeu llegir sobre aquests temes en <a href="/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript">Una reintroducció a JavaScript</a>. També podeu consultar la <a href="/en-US/docs/Web/JavaScript/Guide">Guia de JavaScript</a>.</p>
+
+<h2 id="Object-oriented_programming" name="Object-oriented_programming">Programació orientada a Objectes</h2>
+
+<p>La programació orientada a Objectes és un paradigma de programació que usa l'abstracció per crear models basants en el món real. Fa servir diverseses tècniques de paradigmes previament establerts, inclosa la modularitat, poliformisme, i l'encapsulament. Avui, moltes llengües de programació (com Java, JavaScript, C#, C++, Python, PHP, Ruby i Objective-C) suporten la programació orientada a Objectes (POO).</p>
+
+<p>La programació orientada a Objectes es pot entendre com el disseny de software fent servir una col·lecció d'objectes que cooperen, al contrari de la visió tradicional en el qual un programa es vist com una col·lecció de funcions, o simplement com una llista d'instruccions per a un ordinador. En POO, cada objecte és capaç de rebre missatges, processar data, i enviar missatges a altres objectes. Cada objecte pot ser entès com una petita màquina independent amb un rol diferent o amb responsabilitat.</p>
+
+<p>La programació orientada a Objectes intenta promoure una major flexibilitat, mantenibilitat en programació, i és àmpliament popular en enginyeria de software a gran esala. En virtut de la seva forta èmfasi en modularitat, el codi orientat a objecte intenta ser més simple de desenvolupar i més facil d'entendre després, es presta a una anàlisi més directa, codificació, i comprensió de situacions complexes i procediments en comptes d'altres mètodes de programació menys modulars.<a href="#cite-1"><sup>1</sup></a></p>
+
+<h2 id="Terminology" name="Terminology">Terminologia</h2>
+
+<dl>
+ <dt>{{Glossary("Namespace")}}</dt>
+ <dd>Un contenidor que permet als desenvolupadors agrupar totes les funcionalitats sota un nom únic d'aplicació específica.</dd>
+ <dt>{{Glossary("Class")}}</dt>
+ <dd>Defineix les característiques de l'objecte. És la definició d'una plantilla de variables i mètodes d'un objecte.</dd>
+ <dt>{{Glossary("Object")}}</dt>
+ <dd>Una instància d'una classe.</dd>
+ <dt>{{Glossary("Property")}}</dt>
+ <dd>Una característca d'un objecte, com ara un color.</dd>
+ <dt>{{Glossary("Method")}}</dt>
+ <dd>Una capacitat d'un objecte, com ara caminar. És una subrutina o funció associada amb una classe.</dd>
+ <dt>{{Glossary("Constructor")}}</dt>
+ <dd>Un mètode que es crida en el moment d'instanciació d'un objecte. Normalment té el mateix nom que el de la classe que el conté.</dd>
+ <dt>{{Glossary("Inheritance")}}</dt>
+ <dd>Una classe pot heretar les característiques d'una altra classe.</dd>
+ <dt>{{Glossary("Encapsulation")}}</dt>
+ <dd>Una manera d'agrupar les dades i mètodes que es fan servir juntes.</dd>
+ <dt>{{Glossary("Abstraction")}}</dt>
+ <dd>La conjunció d'una herència complexa, mètodes, les propietats d'un objecte, han de ser capaces de simular una realitat a modelar.</dd>
+ <dt>{{Glossary("Polymorphism")}}</dt>
+ <dd>Poli significa "<em>molts</em>" i morfisme significa "<em>formes</em>". Classes diferents poden definir el mateix mètode o propietat.</dd>
+</dl>
+
+<p>Per una descripció més extensa sobre la programació orientada a objectes vegeu {interwiki("wikipedia", "Object-oriented programming")}} a la Viquipèdia.</p>
+
+<h2 id="Programació_basada_en_prototipus">Programació basada en prototipus</h2>
+
+<p>Programació basat en prototipus és un estil de programació orientada a objectes que no fa ús de les classes. En el seu lloc, la reutilització del comportament (conegut com a herència en llenguatges basats en classes) es porta a terme a través d'un procés de decoració (o d'ampliació) on els objectes que ja existeixen serveixen com a prototipus. Aquest model també és conegut com a model sense classes, orientat a prototip, o programació basadad en instàncies.</p>
+
+<p>L'exemple original (i més canònic) d'un llenguatge basat en prototipus és el llenguatge de programació {{interwiki("wikipedia", "Self (programming language)", "Self")}} desenvolupat per David Ungar i Randall Smith. Tanmateix, l'estil de programació sense classes s'ha anat fent més i més popular, i ha sigut adoptat per llenguatges de programació com JavaScript, Cecil, NewtonScript, Io, MOO, REBOL, Kevo, Squeak (quan s'utilitza el marc Viewer per manipular components Morphic), i altres.<a href="#cite-1"><sup>1</sup></a></p>
+
+<h2 id="JavaScript_Object_Oriented_Programming" name="JavaScript_Object_Oriented_Programming">Programació orientada a Objectes de JavaScript</h2>
+
+<h3 id="Namespace">Namespace</h3>
+
+<p>Un namespace és un contenidor el qual permet als desenvolupadors agrupar totes les funcionalitats sota un únic, nom d'aplicació específic. <strong>En JavaScript un namespace és només un altre objecte que conté mètodes, propietats, i objectes.</strong></p>
+
+<div class="note">
+<p><strong>Nota:</strong> Es important remarcar que en JavaScript, no hi ha diferèn<u>cia de nivell d'idioma entre els objectes regulars i els namespace</u>s. Això dista d'altres llenguatges orientats a objectes, i pot resultat confús als programadors nous en JavaScript.</p>
+</div>
+
+<p>La idea darrera la creació d'un namespace en JavaScript és simple: Un objecte global és creat i totes les variables, metòdes, i funcions es converteixen en propietats d'aquest objecte.<u> L'ús de namespaces també minimitza la possibilitat de conflictes de noms en l'aplicació, ja que cada objecte d'aplicació son propietats d'un objecte global d'aplicació definit</u>.</p>
+
+<p>Creem un objecte global anomenat MYAPP:</p>
+
+<pre class="brush: js">// global namespace
+var MYAPP = MYAPP || {};</pre>
+
+<p>En el codi de mostra superior, primer hem comprovat si MYAPP ja està definit (ja sigui en el mateix arxiu o en un altre arxiu). En cas de ser així, s'usa l'objecte global MYAPP existent, del contrari es crea un objecte buit anomenat MYAPP el qual encapsula el mètode, funcions, variables, i objectes.</p>
+
+<p>També podem crear sub-namespaces:</p>
+
+<pre class="brush: js">// sub namespace
+MYAPP.event = {};</pre>
+
+<p>Abaix es troba la sintaxi de codi per crear un namespace i afegir variables, funcions, i un mètode:</p>
+
+<pre class="brush: js">// Create container called MYAPP.commonMethod for common method and properties
+MYAPP.commonMethod = {
+  regExForName: "", // define regex for name validation
+  regExForPhone: "", // define regex for phone no validation
+  validateName: function(name){
+    // Do something with name, you can access regExForName variable
+    // using "this.regExForName"
+  },
+
+  validatePhoneNo: function(phoneNo){
+    // do something with phone number
+  }
+}
+
+// Object together with the method declarations
+MYAPP.event = {
+    addListener: function(el, type, fn) {
+    //  code stuff
+    },
+   removeListener: function(el, type, fn) {
+    // code stuff
+   },
+   getEvent: function(e) {
+   // code stuff
+   }
+
+   // Can add another method and properties
+}
+
+// Syntax for Using addListener method:
+MYAPP.event.addListener("yourel", "type", callback);</pre>
+
+<h3 id="Core_Objects" name="Core_Objects">Objectes estàndards integrats</h3>
+
+<p>JavaScript té alguns objectes inclosos en el seu nucli, per exemple, trobem objectes come Math, Object, Array, i String. L'exemple d'abaix ens mostra com fer servir l'objecte Math per aconseguir números aleatoris usant el seu mètode <code>random()</code>.</p>
+
+<pre class="brush: js">console.log(Math.random());
+</pre>
+
+<div class="note"><strong>Nota:</strong> Aquest i tots els exemples següents suposen que la funció anomenada {{domxref("console.log()")}} es defineix globalment. De fet, la funció <code>console.log()</code> no és part del llenguatge de JavaScript en si, però molts navegadors ho implementen per tal d'ajudar en la depuració.</div>
+
+<p>Vegeu <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects" title="en-US/docs/Web/JavaScript/Reference/Global_Objects">Referència de JavaScript: Objectes estàndards integrats</a> per una llista d'objectes cor en JavaScript.</p>
+
+<p>Cada objecte en JavaScript és una instància de l'objecte <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object"><code>Object</code></a> i per tant, n'hereda totes les seves propietats i mètodes.</p>
+
+<h3 id="Custom_Objects" name="Custom_Objects">Objectes personalitzats</h3>
+
+<h4 id="The_Class" name="The_Class">La classe</h4>
+
+<p>JavaScript és un llenguatge basat en prototipus que no conté<u> cap <code>class</code> statement, </u>el qual si que es pot trobar en C++ o Java. Això és confós a vegades per a programadors acostumats a llenguatges amb el <u><code>class</code> statement.</u> En el seu lloc, JavaScript fa servir funcions com a classes. Definir duna classe és tan fàcil com definir una funció. En l'exemple d'abaix definim una nova classe anomenada Person.</p>
+
+<pre class="brush: js">var Person = function () {};
+</pre>
+
+<h4 id="The_Object_.28Class_Instance.29" name="The_Object_.28Class_Instance.29">L'objecte (instància de classe)</h4>
+
+<p>Per crear una nova instància d'un objecte <code>obj</code> fem servir la declaració <code>new obj</code>, assignant el resultat (el qual és de tipus <code>obj</code>) a una variable per accedir-hi més tard. <span style="font-size: 14px; line-height: 1.5;">Una forma alternativa de crear una nova instància és fent servir {{jsxref("Object.create()")}}. Aquesta crearà una instància This will create an <u>uninititalized instance.</u></span></p>
+
+<p>En l'exemple d'adalt definim una classe anomenada <code>Person</code>. En l'exemple següent creem dues instàncies (<code>person1</code> i <code>person2</code>).</p>
+
+<pre class="brush: js">var person1 = new Person();
+var person2 = new Person();
+</pre>
+
+<div class="note"><strong>Nota:</strong> Siusplau vegeu {{jsxref("Object.create()")}} per un mètode instantacional nou, addiccional new, additional, instantiation mètode.</div>
+
+<h4 id="The_Constructor" name="The_Constructor">El constructor</h4>
+
+<p>El constructor és cridat en el moment de la instantiation (el moment en que la instància de l'objecte és creat). El constructor és ún mètode de la classe. En JavaScript la funció serveix com el constructor de l'objecte, therefore there is no need to explicitly define a constructor method. Every action declared in the class gets executed at the time of instantiation.</p>
+
+<p>El constructor es fa servir per establir les propietats de l'objecte o per cridar mè call methods to prepare the object for use. Per afegir mètodes de classes i les seves definicions es necessita una sintaxi diferent que s'explicarà més tard en aquest article.</p>
+
+<p>En l'exemple d'abaix, el constructor de la classe <code>Person</code> mostra un missatge quan és crea una instànca <code>Person</code>.</p>
+
+<pre class="brush: js">var Person = function () {
+  console.log('instance created');
+};
+
+var person1 = new Person();
+var person2 = new Person();
+</pre>
+
+<h4 id="The_Property_.28object_attribute.29" name="The_Property_.28object_attribute.29">La propietat (atribut de l'objecte)</h4>
+
+<p>Les propietats són variables contingudes en la classe; cada instància de l'objecte té aquestes propietats. Les propietats són asssignades en el constructor (funció) de la classe de forma que es creen en cada instància.</p>
+
+<p>Per treballar amb propietats de dins de la classe s'utilitza la paraula clau <code>this</code>, que fa referència a l'objecte actual. Accedir (llegir o escriure) a una propietat fora d'aquesta classe es fa mitjançant la sintaxi: <code>InstanceName.Property</code>; Aquesta és la mateixa sintaxi que es fa servir en C++, Java, i numeroses altres llengües. (Dins la classe, la sintaxi <code>this.Property</code> s'utilitza per obtindre o escriure el valor de les propietats.)</p>
+
+<p>En l'exemple següent definim la propietat <code>firstName</code> property per la classe <code>Person</code> i ho definim com a instanciació.</p>
+
+<pre class="brush: js">var Person = function (firstName) {
+  this.firstName = firstName;
+  console.log('Person instantiated');
+};
+
+var person1 = new Person('Alice');
+var person2 = new Person('Bob');
+
+// Show the firstName properties of the objects
+console.log('person1 is ' + person1.firstName); // logs "person1 is Alice"
+console.log('person2 is ' + person2.firstName); // logs "person2 is Bob"
+</pre>
+
+<h4 id="The_methods" name="The_methods">Els mètodes</h4>
+
+<p>Els mètodes segueixen la mateixa llògica que les propietats; la diferència es que són funcions i estan definides com a funcions. Cridar un mètode és similar a accedir a una propietat, però s'afegeix <code>()</code> al final the nom del mètode, possiblement amb arguments. Per definir un mètode, s'assigna una funció a una propietat amb nom de la propietat de la classe <code>prototype</code>; el nom que s'assigna a la funció és el mateix que el nom que té el mètode en l'objecte.</p>
+
+<p>En l'exemple següent definim i usem el mètode <code>sayHello()</code> per la classe <code>Person</code>.</p>
+
+<pre class="brush: js">var Person = function (firstName) {
+  this.firstName = firstName;
+};
+
+Person.prototype.sayHello = function() {
+  console.log("Hello, I'm " + this.firstName);
+};
+
+var person1 = new Person("Alice");
+var person2 = new Person("Bob");
+
+// call the Person sayHello method.
+person1.sayHello(); // logs "Hello, I'm Alice"
+person2.sayHello(); // logs "Hello, I'm Bob"
+</pre>
+
+<p>En JavaScript els mètodes són funcions normals dels objectes que són lligats a un objecte com una propietat, El que vol dir que poden ser invocats "fora del context". Vegeu el codi d'exemple següent:</p>
+
+<pre class="brush: js">var Person = function (firstName) {
+  this.firstName = firstName;
+};
+
+Person.prototype.sayHello = function() {
+  console.log("Hello, I'm " + this.firstName);
+};
+
+var person1 = new Person("Alice");
+var person2 = new Person("Bob");
+var helloFunction = person1.sayHello;
+
+// logs "Hello, I'm Alice"
+person1.sayHello();
+
+// logs "Hello, I'm Bob"
+person2.sayHello();
+
+// logs "Hello, I'm undefined" (or fails
+// with a TypeError in strict mode)
+helloFunction();
+
+// logs true
+console.log(helloFunction === person1.sayHello);
+
+// logs true
+console.log(helloFunction === Person.prototype.sayHello);
+
+// logs "Hello, I'm Alice"
+helloFunction.call(person1);</pre>
+
+<p>Com l'exemple mostra, totes les referències a la funció <code>sayHello</code> — les que existeixen a <code>person1</code>, a <code>Person.prototype</code>, a la variable <code>helloFunction</code>, etc. — fan referència a la <em>mateixa funció</em>. El valor de <code>this</code> durant una crida a la funció depen en com es crida. En el cas comú en que es crida la funció des d'una propietat de l'objecte — <code>person1.sayHello()</code> — <code>this</code> rep el valor de l'objecte d'on prové la propietat (<code>person1</code>), és per això que <code>person1.sayHello()</code> fa servir el nom "Alice" i <code>person2.sayHello()</code> fa servir el nom "Bob". Però si ho cridem d'altres maneres, <code>this</code> rebrà un valor diferent: Cridar-la des d'una variable — <code>helloFunction()</code> — <code>this</code> rep el valor de l'objecte global (<code>window</code>, en navegadors). Al no tenir la propietat <code>firstName aquest </code>objecte (probablement) , acabem amb el resultat "Hello, I'm undefined". (Això és en el mode no estricte; en el <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode" title="/en/docs/Web/JavaScript/Reference/Functions_and_function_scope/Strict_mode">mode estricte </a>seria diferent [un error], però per evitar confussions no entrarem aquí en detall.) O podem assignar explícitament el valor de <code>this</code> mitjançant <code>Function#call</code> (o <code>Function#apply</code>), com es mostra al final de l'exemple.</p>
+
+<div class="note"><strong>Nota:</strong> Vegeu més sobre <code>this</code> a <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call" title="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call">Function#call</a> i <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply" title="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/apply">Function#apply</a></div>
+
+<h4 id="Inheritance" name="Inheritance">L'herència</h4>
+
+<p>L'herència és una manera de crear una classe com una versió especialitzada d'una o més classes (<em>JavaScript només suporta l'herència única</em>). La classe especialitzada és communment anomenada el <em>fill</em>, i l'altra classe es comunment anomenada el <em>pare</em>. En JavaScript això s'aconsegueix mitjançant l'assignació d'una instància de la classe pare a la classe fill, i després s'especialitza. En navegadors moderns també es pot usar <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create#Classical_inheritance_with_Object.create" title="/en-US/docs/JavaScript/Reference/Global_Objects/Object/create#Classical_inheritance_with_Object.create">Object.create</a> per implementar herències.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> JavaScript does no detecta la classe fill <code>prototype.constructor</code> (vegeu <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype">Object.prototype</a>), així que ho hem de declarar manualment.</p>
+</div>
+
+<p>En l'exemple d'abaix, definim la classe <code>Student</code> com una classe fill de <code>Person</code>. Després redefinim el mètode <code>sayHello()</code> i afegim el mètode <code>sayGoodBye()</code>.</p>
+
+<pre class="brush: js">// Define the Person constructor
+var Person = function(firstName) {
+  this.firstName = firstName;
+};
+
+// Add a couple of methods to Person.prototype
+Person.prototype.walk = function(){
+  console.log("I am walking!");
+};
+
+Person.prototype.sayHello = function(){
+  console.log("Hello, I'm " + this.firstName);
+};
+
+// Define the Student constructor
+function Student(firstName, subject) {
+  // Call the parent constructor, making sure (using Function#call)
+  // that "this" is set correctly during the call
+  Person.call(this, firstName);
+
+  // Initialize our Student-specific properties
+  this.subject = subject;
+};
+
+// Create a Student.prototype object that inherits from Person.prototype.
+// Note: A common error here is to use "new Person()" to create the
+// Student.prototype. That's incorrect for several reasons, not least
+// that we don't have anything to give Person for the "firstName"
+// argument. The correct place to call Person is above, where we call
+// it from Student.
+Student.prototype = Object.create(Person.prototype); // See note below
+
+// Set the "constructor" property to refer to Student
+Student.prototype.constructor = Student;
+
+// Replace the "sayHello" method
+Student.prototype.sayHello = function(){
+  console.log("Hello, I'm " + this.firstName + ". I'm studying "
+              + this.subject + ".");
+};
+
+// Add a "sayGoodBye" method
+Student.prototype.sayGoodBye = function(){
+  console.log("Goodbye!");
+};
+
+// Example usage:
+var student1 = new Student("Janet", "Applied Physics");
+student1.sayHello();   // "Hello, I'm Janet. I'm studying Applied Physics."
+student1.walk();       // "I am walking!"
+student1.sayGoodBye(); // "Goodbye!"
+
+// Check that instanceof works correctly
+console.log(student1 instanceof Person);  // true
+console.log(student1 instanceof Student); // true
+</pre>
+
+<p>Pel que fa a la línia <code>Student.prototype = Object.create(Person.prototype)</code>: En els motors de Javascript més antics sense <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create" title="Object.create"><code>Object.create</code></a>, es pot utilitzar tant un "polyfill" (també conegut com a  "falca", vegeu l'article enllaçat), o fer servir una funció que aconegueixi assolir el mateix resultat, tal com:</p>
+
+<pre class="brush: js">function createObject(proto) {
+    function ctor() { }
+    ctor.prototype = proto;
+    return new ctor();
+}
+
+// Usage:
+Student.prototype = createObject(Person.prototype);
+</pre>
+
+<div class="note"><strong>Nota:</strong> Vegeu <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create" title="Object.create">Object.create</a> per més informació sobre el que fa, i una falca per a motors més vells.</div>
+
+<h4 id="Encapsulation" name="Encapsulation">L'encapsulació</h4>
+
+<p>En l'exemple anterior, <code>Student</code> no necessita saber com el mètode <code>Person</code> class's <code>walk()</code> és implementat, però tot i així pot fer-lo servir com a mètode; la classe <code>Student</code>no necessita definir explícitament aquest mètode a no ser que ho volguem canviar. D'això se'n diu <strong>encapsulació</strong>, per la qual cada classe empaqueta data i mètodes en una sola unitat.</p>
+
+<p>L'ocultació d'informació és una característica comuna en altres llenguatges sovint com a mètodes/propietats privats i protegits. Tot i que es podria simular alguna cosa com aquesta en JavaScript, no és un requeriment per fer programació orientada a objectes.<a href="#cite-2"><sup>2</sup></a></p>
+
+<h4 id="Abstraction" name="Abstraction">L'abstracció</h4>
+
+<p>L'abstracció és un mecanisme que permet modelar la part que ens ocupa del problema en el qual estem treballant. Això es pot aconseguir per mitjar de l'herència (especialització), o composició. JavaScript aconsegueix l'especialització per mitjà de l'herència, i la composició per mitjà de deixar a les instàncies de classes ser valors d'atributs d'altres objectes.</p>
+
+<p>La classe Function de JavaScript hereta de la classe Object (això demostra la especialització del model) i la propietat Function.prototype property és una instància d'Object (Això demostra composició).</p>
+
+<pre class="brush: js">var foo = function () {};
+
+// logs "foo is a Function: true"
+console.log('foo is a Function: ' + (foo instanceof Function));
+
+// logs "foo.prototype is an Object: true"
+console.log('foo.prototype is an Object: ' + (foo.prototype instanceof Object));</pre>
+
+<h4 id="Polymorphism" name="Polymorphism">El polimorfisme</h4>
+
+<p>Tal i com tots els mètodes i propietats són definides dins la propietat Prototype, classes diferents poden definir mètodes amb el mateix nom; els mètodes estan en l'àmbit de la classe en la qual estan definits. Això només és cert quan les dues classes no tenen una relació pare-fill (quan un no hereta de l'altre en una cadena d'herència).</p>
+
+<h2 id="Notes" name="Notes">Notes</h2>
+
+<p>Les tècniques presentades en aquesta article per implementar programació orientada a objectes no són les úniques que es poden fer servir en JavaScript, que és molt flexible en termes de com es pot realitzar la programació orientada a objectes.</p>
+
+<p>De la mateixa manera, les tècniques que s'han mostrat aquí no utilitzen cap <em>hack</em> del llenguatge, ni imiten cap implementació de teories d'objectes d'altres llenguatges.</p>
+
+<p>Hi ha altres tècniques que proporcionen programació orientada a objectes més avançada en JavaScript, però aquests estan fora de l'abast d'aquest article introductori.</p>
+
+<h2 id="References" name="References">Referències</h2>
+
+<ol>
+ <li><a name="cite-1"></a>Viquipèdia. "<a href="http://ca.wikipedia.org/wiki/Programaci%C3%B3_orientada_a_objectes">Programació orientada a Objectes</a>"</li>
+ <li><a name="cite-2"></a>Viquipèdia. "<a href="http://ca.wikipedia.org/wiki/Encapsulaci%C3%B3">Encapsulació (programació orientada a Objectes)</a>"</li>
+</ol>
diff --git a/files/ca/web/javascript/language_resources/index.html b/files/ca/web/javascript/language_resources/index.html
new file mode 100644
index 0000000000..843ee185e4
--- /dev/null
+++ b/files/ca/web/javascript/language_resources/index.html
@@ -0,0 +1,98 @@
+---
+title: Recursos pel llenguatge JavaScript
+slug: Web/JavaScript/Language_Resources
+translation_of: Web/JavaScript/Language_Resources
+---
+<div>{{JsSidebar()}}</div>
+
+<p><strong>ECMAScript</strong> és el llenguatge que forma el nucli de <a href="/en-US/docs/JavaScript">JavaScript</a>. ECMAScript és un standard definit per la organització d'standards <a href="http://www.ecma-international.org/" title="http://www.ecma-international.org/">Ecma International</a> sota les <strong>especificacions ECMA-262 i ECMA-402.</strong> Els següents standards de ECMAScript han sigut aprovats:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th>Nom</th>
+   <th>Enllaços</th>
+   <th>Data</th>
+   <th>Descripció</th>
+  </tr>
+  <tr>
+   <td>ECMA-262 Edició 5.1</td>
+   <td><a href="http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf">PDF</a>, <a href="http://www.ecma-international.org/ecma-262/5.1/">HTML</a></td>
+   <td>Juny 2011</td>
+   <td>
+    <p>ECMAScript 5.1, l'última revisió publicada de la Especificació del Llenguatge.</p>
+
+    <p>Aquesta versió està en sincronia amb la 3a edició de l'standard internacional <a href="http://www.iso.org/iso/iso_catalogue/catalogue_tc/catalogue_detail.htm?csnumber=55755">ISO/IEC 16262:2011</a>.<br>
+     Inclou esmenes a errades al ES5, però cap característica adicional.</p>
+   </td>
+  </tr>
+  <tr>
+   <td>ECMA-402</td>
+   <td><a href="http://ecma-international.org/ecma-402/1.0/ECMA-402.pdf">PDF</a>, <a href="http://ecma-international.org/ecma-402/1.0/index.html">HTML</a></td>
+   <td>Desembre 2012</td>
+   <td>API d'internacionalització de l'ECMAScript.</td>
+  </tr>
+  <tr>
+   <td>ECMA-357 Edició 2</td>
+   <td><a href="http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-357.pdf">PDF</a></td>
+   <td>Desembre 2005</td>
+   <td><a href="/en-US/docs/E4X" title="E4X">ECMAScript for XML (E4X)</a>.</td>
+  </tr>
+  <tr>
+   <th colspan="4">Edicions obsoletes</th>
+  </tr>
+  <tr>
+   <td>ECMA-262</td>
+   <td><a href="http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%201st%20edition,%20June%201997.pdf">PDF</a></td>
+   <td>Juny 1997</td>
+   <td>L'standard original d'ECMAScript.</td>
+  </tr>
+  <tr>
+   <td>ECMA-262 Edició 2</td>
+   <td><a href="http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%202nd%20edition,%20August%201998.pdf">PDF</a></td>
+   <td>Agost 1998</td>
+   <td>La segona revisió de l'standard ECMAScript; també conegut com a standard ISO 16262.</td>
+  </tr>
+  <tr>
+   <td>ECMA-262 Edició 3</td>
+   <td><a href="http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%203rd%20edition,%20December%201999.pdf">PDF</a></td>
+   <td>Desembre 1999</td>
+   <td>La tercera revisió de l'standard ECMAScript; es correspon a la versió 1.5 de JavaScript.<br>
+    Vegeu també la <a href="http://www.mozilla.org/js/language/E262-3-errata.html">fe d'errades</a>.</td>
+  </tr>
+  <tr>
+   <td>ECMA-262 Edició 5</td>
+   <td><a href="http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262%205th%20edition%20December%202009.pdf">PDF</a></td>
+   <td>Desembre 2009</td>
+   <td>ECMAScript 5<br>
+    Vegeu també <a href="http://wiki.ecmascript.org/doku.php?id=es3.1:es3.1_proposal_working_draft">fe d'errades del ES5</a> i el <a href="/en-US/docs/JavaScript/ECMAScript_5_support_in_Mozilla" title="JavaScript/ECMAScript 5 support in Mozilla">suport a ECMAScript 5 a Mozilla</a></td>
+  </tr>
+  <tr>
+   <td>ECMA-357</td>
+   <td><a href="http://www.ecma-international.org/publications/files/ECMA-ST-WITHDRAWN/ECMA-357,%201st%20edition,%20June%202004.pdf">PDF</a></td>
+   <td>June 2004</td>
+   <td><a href="/en-US/docs/E4X" title="E4X">ECMAScript per a XML (E4X)</a>.<br>
+    Vegeu també la <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=169406">fe d'errades E4X</a>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Vegeu la <a href="http://en.wikipedia.org/wiki/ECMAScript" title="http://en.wikipedia.org/wiki/ECMAScript">entrada d'ECMAScript a la viquipèdia</a> per a més informació sobre la història de l'ECMAScript.</p>
+
+<p>Es pot participar o simplement seguir el treball realitzat a les properes revisions de l'especificació del llenguatge ECMAScript, la qual rep el nom clau de "Harmony", així com la Especificació de la API d'internacionalització de ECMAScript mitjançant la wiki pública i la <a class="link-https" href="https://mail.mozilla.org/listinfo/es-discuss" title="https://mail.mozilla.org/listinfo/es-discuss">llista de correu es-discuss</a> que es poden trobar enllaçades des de <a href="http://www.ecmascript.org/community.php" title="http://www.ecmascript.org/community.php">ecmascript.org</a>.</p>
+
+<h2 id="Implementacions">Implementacions</h2>
+
+<ul>
+ <li><a href="/en-US/docs/SpiderMonkey" title="SpiderMonkey">SpiderMonkey</a> - el motor de JavaScript utilitzat per Firefox;</li>
+ <li><a href="/en-US/docs/Rhino" title="Rhino">Rhino</a> - un motor de JavaScript escrit en Java;</li>
+ <li><a href="/en-US/docs/Tamarin" title="Tamarin">Tamarin</a> - la màquina virtual de ActionScript (utilitzat per l'Adobe® Flash® Player);</li>
+ <li><a href="http://en.wikipedia.org/wiki/List_of_ECMAScript_engines" title="http://en.wikipedia.org/wiki/List_of_ECMAScript_engines">Altres implementacions</a> (viquipèdia).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="http://brendaneich.com/" title="http://brendaneich.com/">El bloc de Brendan Eich</a>. Brendan és el creador de JavaScript i el motor SpiderMonkey. Encara treballa amb el grup de treball de ECMA per a millorar el llenguatge.</li>
+ <li><a href="http://dmitrysoshnikov.com/" title="http://dmitrysoshnikov.com/">L'anàlisi de les edicions 3 i 5 de ECMA-262 de Dmitry Soshnikov</a></li>
+</ul>
diff --git a/files/ca/web/javascript/quant_a_javascript/index.html b/files/ca/web/javascript/quant_a_javascript/index.html
new file mode 100644
index 0000000000..f581aa7021
--- /dev/null
+++ b/files/ca/web/javascript/quant_a_javascript/index.html
@@ -0,0 +1,55 @@
+---
+title: Sobre JavaScript
+slug: Web/JavaScript/quant_a_JavaScript
+translation_of: Web/JavaScript/About_JavaScript
+---
+<div>{{JsSidebar()}}</div>
+
+<h2 id="What_is_JavaScript.3F" name="What_is_JavaScript.3F">Què és JavaScript?</h2>
+
+<p><span class="external">JavaScript</span><sup>®</sup> és el llenguatge de tipus scripting orientat a objectes desenvolupat per Netscape, utilitzat en millions de pàgines web i aplicacions de servidor arreu del món. El JavaScript de Netscape extén el llenguatge de scripting standard definit a l'ECMA-262 Edició 3 (<a href="/en-US/docs/Web/JavaScript/Language_Resources" title="en-US/docs/ECMAScript">ECMAScript</a>), amb només lleus diferències de l'standard publicat.</p>
+
+<p>Al contrari del que popular ment es creu de forma errònia, JavaScript no és "Java interpretat". En resum, JavaScript és un llegunatge d'scripting dinàmic que suporta contrucció d'objectes <a href="/ca/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-Based_vs._Prototype-Based_Languages">basada en prototipus</a>. La sintaxi bàsica és similar a Java i C++ de forma intencionada per a reduir el nombre de conceptes nous requerits per a aprendre el llenguatge. Construccions del llenguatge, com ara sentències <code>if</code>, bucles <code>for</code> i <code>while</code>, blocs <code>switch</code> i <code>try ... catch</code> funcionen de la mateixa forma que en aquests llenguatges (o bé d'una forma molt semblant).</p>
+
+<p>JavaScript pot funcionar com un llenguatge tant <a href="http://en.wikipedia.org/wiki/Procedural_programming">procedural</a> com <a href="/ca/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">orientat a objectes</a>. Els objectes es creen de forma programàtica en JavaScript tot afegint-hi mètodes i propietats a objectes <strong>en temps d'execució</strong> que d'altra forma serien buits, contràriament a les definicions sintàctiques  de classes tan comunes a llenguatges compilats com C++ i Java. Un cop construit un objecte aquest pot ser utilitzat com a motlle (o prototipus) per a crear objectes similars.</p>
+
+<p>Les capacitats dinàmiques de JavaScript inclouen construcció d'objectes en temps d'execució, llistats de paràmetres variables, funcions com a variables, creació dinàmica de scripts (via <code><a href="/ca/docs/Web/JavaScript/Reference/Global_Objects/eval">eval</a></code>), introspecció d'objectes (via <code>for ... in</code>) i recuperació del codi font (els programes escrits en JavaScript poden decompilar els cosos de funcions a la seva forma original de codi font).</p>
+
+<p>Els objectes intrínsecs són <code>Number</code>, <code>String</code>, <code>Boolean</code>, <code>Date</code>, <code>RegExp</code>, i <code>Math</code>.</p>
+
+<p>Per a una discussió més profunda de la programació en JavaScript seguiu els enllaços de <a href="#JavaScript_resources">recursos de JavaScript</a> que trobareu a sota.</p>
+
+<h2 id="What_JavaScript_implementations_are_available.3F" name="What_JavaScript_implementations_are_available.3F">Quines implementacions de JavaScript hi ha disponibles?</h2>
+
+<p>mozilla.org alberga dues implementacions de JavaScript. La primera implementació de JavaScript <strong>de tots els temps</strong> va ser creada per Brendan Eich a Netscape, i des de llavors ha sigut actualitzada per a compliar amb la ECMA-262 Edició 5 i versions posteriors. Aquest motor, anomenat <a href="/ca/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a>, està implementat en C. El motor <a href="/ca/docs/Rhino">Rhino</a>, creat principalment per Norris Boyd (també a Netscape) és una implementació JavaScript en Java. Com el SpiderMonkey, Rhino compleix amb ECMA-262 Edició 3.</p>
+
+<p>Al llarg del temps s'han anat afegint diverses optimitzacions al motor de JavaScript SpiderMonkey, com ara TraceMonkey (Firefox 3.5), JägerMonkey (Firefox 4) i IonMonkey.</p>
+
+<p>A més de les implementacions anomenades a dalt, existeixen altres motors JavaScript, com ara:</p>
+
+<ul>
+ <li>El <a class="external" href="http://code.google.com/p/v8/" title="http://code.google.com/p/v8/">V8</a> de Google, utilitzat al navegador Google Chrome i a les versions més recents del navegador Opera.</li>
+ <li>El <a class="external" href="http://www.webkit.org/projects/javascript/index.html" title="http://www.webkit.org/projects/javascript/index.html">JavaScriptCore</a> (SquirrelFish/Nitro), utilitzat a alguns navegadors basats en WebKit, com ara l'Apple Safari.</li>
+ <li>El <a class="external" href="http://my.opera.com/ODIN/blog/carakan-faq" title="http://my.opera.com/ODIN/blog/carakan-faq">Carakan</a>, utilitzats en versions antigues d'Opera.</li>
+ <li>El <a class="external" href="http://en.wikipedia.org/wiki/Chakra_%28JScript_engine%29" title="http://en.wikipedia.org/wiki/Chakra_%28JScript_engine%29">Chakra</a>, utilitzat en Internet Explorer (tot i que el llenguatge que implementa és anomenat formalment "JScript" per a evitar problemes amb marques registrades).</li>
+</ul>
+
+<p>Tots els motors de JavaScript de mozilla.org exposen una API pública que les aplicacions poden emprar per a saber sobre el suport de JavaScript. L'entorn més comú per a JavaScript són els navegadors web, amb diferència. Els navegadors web usualment utilitzen una API pública per a crear 'objectes host' responsables d'exposar el <a href="http://www.w3.org/DOM/">DOM</a> dins de JavaScript.</p>
+
+<p>Una altra aplicació comuna de JavaScript és com a llenguatge d'escripting al cantó del servidor (web). Un servidor web de JavaScript exposaria els objectes host que representen peticions HTTP i objectes resposta, que podrien llavors ser manipulats per un programa JavaScript per a generar pàgines web de forma dinàmica.</p>
+
+<h2 id="JavaScript_resources" name="JavaScript_resources">Recursos de JavaScript</h2>
+
+<dl>
+ <dt><a href="/en-US/docs/Mozilla/Projects/SpiderMonkey" title="en-US/docs/SpiderMonkey">SpiderMonkey</a></dt>
+ <dd>Informació específica per a incrustar el motor JavaScript escrit en C (també conegut com a SpiderMonkey).</dd>
+</dl>
+
+<dl>
+ <dt><a href="/en-US/docs/Rhino" title="en-US/docs/Rhino">Rhino</a></dt>
+ <dd>Informació específica sobre la implementació de JavaScript escrita en Java (també coneguda com a Rhino).</dd>
+ <dt><a href="/en-US/docs/Web/JavaScript/Language_Resources" title="en-US/docs/JavaScript_Language_Resources">Recursos del llenguatge</a></dt>
+ <dd>Recull dels standards de JavaScript publicats.</dd>
+ <dt><a href="/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript" title="en-US/docs/A_re-introduction_to_JavaScript">Una re-introducció a JavaScript</a></dt>
+ <dd><a href="/en-US/docs/Web/JavaScript/Guide" title="en-US/docs/JavaScript/Guide">Guia de JavaScript</a> i <a href="/en-US/docs/Web/JavaScript/Reference" title="en-US/docs/JavaScript/Reference">referència de JavaScript</a>.</dd>
+</dl>
diff --git a/files/ca/web/javascript/reference/errors/index.html b/files/ca/web/javascript/reference/errors/index.html
new file mode 100644
index 0000000000..c295fccea6
--- /dev/null
+++ b/files/ca/web/javascript/reference/errors/index.html
@@ -0,0 +1,31 @@
+---
+title: JavaScript error reference
+slug: Web/JavaScript/Reference/Errors
+tags:
+  - Debugging
+  - Error
+  - Errors
+  - Exception
+  - JavaScript
+  - NeedsTranslation
+  - TopicStub
+  - exceptions
+translation_of: Web/JavaScript/Reference/Errors
+---
+<p>{{jsSidebar("Errors")}}</p>
+
+<p>Below, you'll find a list of errors which are thrown by JavaScript. These errors can be a helpful debugging aid, but the reported problem isn't always immediately clear. The pages below will provide additional details about these errors. Each error is an object based upon the {{jsxref("Error")}} object, and has a <code>name</code> and a <code>message</code>.</p>
+
+<p>Errors displayed in the Web console may include a link to the corresponding page below to help you quickly comprehend the problem in your code.</p>
+
+<h2 id="List_of_errors">List of errors</h2>
+
+<p>In this list, each page is listed by name (the type of error) and message (a more detailed human-readable error message). Together, these two properties provide a starting point toward understanding and resolving the error. For more information, follow the links below!</p>
+
+<p>{{ListSubPages("/en-US/docs/Web/JavaScript/Reference/Errors")}}</p>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Learn/JavaScript/First_steps/What_went_wrong">What went wrong? Troubleshooting JavaScript</a>: Beginner's introductory tutorial on fixing JavaScript errors.</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/errors/nomes-lectura/index.html b/files/ca/web/javascript/reference/errors/nomes-lectura/index.html
new file mode 100644
index 0000000000..30c70c40dd
--- /dev/null
+++ b/files/ca/web/javascript/reference/errors/nomes-lectura/index.html
@@ -0,0 +1,78 @@
+---
+title: 'TipusError: "x" es només de lectura'
+slug: Web/JavaScript/Reference/Errors/Nomes-Lectura
+tags:
+  - Errors
+  - JavaScript
+  - TypeError
+translation_of: Web/JavaScript/Reference/Errors/Read-only
+---
+<div>{{jsSidebar("Errors")}}</div>
+
+<h2 id="Missatge">Missatge</h2>
+
+<pre class="syntaxbox">TipusError: "x" es només de lectura (Firefox)
+TipusError: 0 es només de lectura (Firefox)
+TipusError: No es pot fer l'assignació a la propietat 'x' de #&lt;Object&gt; que es només de lectura (Chrome)
+TipusError: No es pot fer l'assignació a la propietat '0' de [object Array] (Chrome)
+</pre>
+
+<h2 id="Tipus_d'error">Tipus d'error</h2>
+
+<p>{{jsxref("TypeError")}}</p>
+
+<h2 id="Qué_ha_anat_malament">Qué ha anat malament?</h2>
+
+<p>La variable global o propietat de l'objecte a la qual s'ha volgut fer l'assignació es només de lectura. (Tècnicament, es una <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty#Writable_attribute">propietat de no-escriptura</a>.)</p>
+
+<p>Aquest error succeeix només en <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">codi en mode estricte</a>. En codi en mode no estricte, l'assignació es ignorada de manera silenciosa.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Casos_invàlids">Casos invàlids</h3>
+
+<p>Propietats de només lectura no son súper comuns, però es poden donar quan es fa servir {{jsxref("Object.defineProperty()")}} o {{jsxref("Object.freeze()")}}.</p>
+
+<pre class="brush: js example-bad">'use strict';
+var obj = Object.freeze({name: 'Elsa', score: 157});
+obj.score = 0;  // TypeError
+
+'use strict';
+Object.defineProperty(this, 'LUNG_COUNT', {value: 2, writable: false});
+LUNG_COUNT = 3;  // TypeError
+
+'use strict';
+var frozenArray = Object.freeze([0, 1, 2]);
+frozenArray[0]++;  // TypeError
+</pre>
+
+<p>També hi ha unes poques propietats de només lectura en la construcció de JavaScript. Potser que hagis provat de redefinir una constant matemàtica.</p>
+
+<pre class="brush: js example-bad">'use strict';
+Math.PI = 4;  // TypeError</pre>
+
+<p>Ho sentim, no pots fer això.</p>
+
+<p>La variable global <code>undefined</code> també es només de lectura, llavors no pots silenciar l'infame error "undefined no es una funció" fent això:</p>
+
+<pre class="brush: js example-bad">'use strict';
+undefined = function() {};  // TypeError: "undefined" es només de lectura
+</pre>
+
+<h3 id="Valid_cases">Valid cases</h3>
+
+<pre class="brush: js example-good">'use strict';
+var obj = Object.freeze({name: 'Score', points: 157});
+obj = {name: obj.name, points: 0};   // reemplaçant-ho amb un nou objecte funciona
+
+'use strict';
+var LUNG_COUNT = 2;  // Una `var` funciona, perque no es de només lectura
+LUNG_COUNT = 3;  // ok (anatòmicament potser, però poc probable)
+</pre>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{jsxref("Object.defineProperty()")}}</li>
+ <li>{{jsxref("Object.freeze()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/functions/arguments/caller/index.html b/files/ca/web/javascript/reference/functions/arguments/caller/index.html
new file mode 100644
index 0000000000..b0a6afdf3e
--- /dev/null
+++ b/files/ca/web/javascript/reference/functions/arguments/caller/index.html
@@ -0,0 +1,93 @@
+---
+title: arguments.caller
+slug: Web/JavaScript/Reference/Functions/arguments/caller
+translation_of: Archive/Web/JavaScript/arguments.caller
+---
+<div>{{jsSidebar("Functions")}}</div>
+
+<p>La propietat obsoleta <strong><code>arguments.caller</code></strong> solia proporcionar la funció que invoca la funció que s'està executant en aquest moment. Aquesta propietat s'ha eleminitat i ja no funciona.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La propietat ja no és troba disponible, però encara es pot utilitzar {{jsxref("Function.caller")}}.</p>
+
+<pre class="brush: js">function whoCalled() {
+   if (whoCalled.caller == null)
+      console.log('I was called from the global scope.');
+   else
+      console.log(whoCalled.caller + ' called me!');
+}</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>El codi següent s'utilitzava per comprovar el valor de <code>arguments.caller</code> en una funció, però ja no funciona.</p>
+
+<pre class="brush: js">function whoCalled() {
+   if (arguments.caller == null)
+      console.log('I was called from the global scope.');
+   else
+      console.log(arguments.caller + ' called me!');
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap estàndard. Implementat en JavaScript 1.1 i eliminat en {{bug(7224)}} a causa una potencial vulnerabilitat de seguretat.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Function")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/functions/arguments/index.html b/files/ca/web/javascript/reference/functions/arguments/index.html
new file mode 100644
index 0000000000..da5237bdf0
--- /dev/null
+++ b/files/ca/web/javascript/reference/functions/arguments/index.html
@@ -0,0 +1,211 @@
+---
+title: Arguments object
+slug: Web/JavaScript/Reference/Functions/arguments
+tags:
+  - Functions
+  - JavaScript
+  - NeedsTranslation
+  - TopicStub
+  - arguments
+translation_of: Web/JavaScript/Reference/Functions/arguments
+---
+<div>
+<div>{{jsSidebar("Functions")}}</div>
+</div>
+
+<p>The <strong><code>arguments</code></strong> object is an <code>Array</code>-like object corresponding to the arguments passed to a function.</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="syntaxbox">arguments</pre>
+
+<h2 id="Description">Description</h2>
+
+<p>The <code>arguments</code> object is a local variable available within all functions. <code>arguments</code> as a property of <code>Function</code> can no longer be used.</p>
+
+<p>You can refer to a function's arguments within the function by using the <code>arguments</code> object. This object contains an entry for each argument passed to the function, the first entry's index starting at 0. For example, if a function is passed three arguments, you can refer to the argument as follows:</p>
+
+<pre class="brush: js">arguments[0]
+arguments[1]
+arguments[2]
+</pre>
+
+<p>The arguments can also be set:</p>
+
+<pre class="brush: js">arguments[1] = 'new value';</pre>
+
+<p>The <code>arguments</code> object is not an {{jsxref("Array")}}. It is similar to an <code>Array</code>, but does not have any <code>Array</code> properties except <code><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments/length" title="JavaScript/Reference/Functions_and_function_scope/arguments/length">length</a></code>. For example, it does not have the <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop" title="JavaScript/Reference/Global_Objects/Array/pop">pop</a></code> method. However it can be converted to a real <code>Array</code>:</p>
+
+<pre class="brush: js">var args = Array.prototype.slice.call(arguments);</pre>
+
+<div class="warning">
+<p><strong>Important:</strong> You should not slice on arguments because it prevents optimizations in JavaScript engines (V8 for example). Instead, try constructing a new array by iterating through the arguments object. <a href="https://github.com/petkaantonov/bluebird/wiki/Optimization-killers#3-managing-arguments">More information</a>.</p>
+</div>
+
+<p>If <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array#Array_generic_methods" title="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array#Array_generic_methods">Array generics</a> are available, one can use the following instead:</p>
+
+<pre class="brush: js">var args = Array.slice(arguments);</pre>
+
+<p>The <code>arguments</code> object is available only within a function body. Attempting to access the <code>arguments</code> object outside a function declaration results in an error.</p>
+
+<p>You can use the <code>arguments</code> object if you call a function with more arguments than it is formally declared to accept. This technique is useful for functions that can be passed a variable number of arguments. You can use <code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/length" title="JavaScript/Reference/Functions_and_function_scope/arguments/length">arguments.length</a></code> to determine the number of arguments passed to the function, and then process each argument by using the <code>arguments</code> object. (To determine the number of arguments declared when a function was defined, use the <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function/length" title="JavaScript/Reference/Global_Objects/Function/length">Function.length</a></code> property.)</p>
+
+<h2 id="Properties">Properties</h2>
+
+<dl>
+ <dt><code><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments/callee" title="JavaScript/Reference/Functions_and_function_scope/arguments/callee">arguments.callee</a></code></dt>
+ <dd>Reference to the currently executing function.</dd>
+ <dt><code><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments/caller" title="JavaScript/Reference/Functions_and_function_scope/arguments/caller">arguments.caller</a></code> {{ Obsolete_inline() }}</dt>
+ <dd>Reference to the function that invoked the currently executing function.</dd>
+ <dt><code><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments/length" title="JavaScript/Reference/Functions_and_function_scope/arguments/length">arguments.length</a></code></dt>
+ <dd>Reference to the number of arguments passed to the function.</dd>
+</dl>
+
+<h2 id="Examples">Examples</h2>
+
+<h3 id="Defining_a_function_that_concatenates_several_strings">Defining a function that concatenates several strings</h3>
+
+<p>This example defines a function that concatenates several strings. The only formal argument for the function is a string that specifies the characters that separate the items to concatenate. The function is defined as follows:</p>
+
+<pre class="brush:js">function myConcat(separator) {
+  var args = Array.prototype.slice.call(arguments, 1);
+  return args.join(separator);
+}</pre>
+
+<p>You can pass any number of arguments to this function, and it creates a list using each argument as an item in the list.</p>
+
+<pre class="brush:js">// returns "red, orange, blue"
+myConcat(", ", "red", "orange", "blue");
+
+// returns "elephant; giraffe; lion; cheetah"
+myConcat("; ", "elephant", "giraffe", "lion", "cheetah");
+
+// returns "sage. basil. oregano. pepper. parsley"
+myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");</pre>
+
+<h3 id="Defining_a_function_that_creates_HTML_lists">Defining a function that creates HTML lists</h3>
+
+<p>This example defines a function that creates a string containing HTML for a list. The only formal argument for the function is a string that is "<code>u</code>" if the list is to be unordered (bulleted), or "<code>o</code>" if the list is to be ordered (numbered). The function is defined as follows:</p>
+
+<pre class="brush:js">function list(type) {
+  var result = "&lt;" + type + "l&gt;&lt;li&gt;";
+  var args = Array.prototype.slice.call(arguments, 1);
+  result += args.join("&lt;/li&gt;&lt;li&gt;");
+  result += "&lt;/li&gt;&lt;/" + type + "l&gt;"; // end list
+
+  return result;
+}</pre>
+
+<p>You can pass any number of arguments to this function, and it adds each argument as an item to a list of the type indicated. For example:</p>
+
+<pre class="brush:js">var listHTML = list("u", "One", "Two", "Three");
+
+/* listHTML is:
+
+"&lt;ul&gt;&lt;li&gt;One&lt;/li&gt;&lt;li&gt;Two&lt;/li&gt;&lt;li&gt;Three&lt;/li&gt;&lt;/ul&gt;"
+
+*/</pre>
+
+<h3 id="Rest_default_and_destructured_parameters">Rest, default and destructured parameters</h3>
+
+<p>The <code>arguments</code> object can be used in conjunction with <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest parameters</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters">default parameters</a> or <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">destructured parameters</a>.</p>
+
+<pre class="brush: js">function foo(...args) {
+  return arguments;
+}
+foo(1, 2, 3); // { "0": 1, "1": 2, "2": 3 }
+</pre>
+
+<p>However, in non-strict functions, a <strong>mapped <code>arguments</code> object</strong> is only provided if the function does <strong>not</strong> contain any <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest parameters</a>, any <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters">default parameters</a> or any <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">destructured parameters</a>. For example, in the following function that uses a default parameter, <code>1</code>0 instead of 100 is returned:</p>
+
+<pre class="brush: js">function bar(a=1) {
+  arguments[0] = 100;
+  return a;
+}
+bar(10); // 10
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Initial definition. Implemented in JavaScript 1.1</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-10.6', 'Arguments Object')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-arguments-exotic-objects', 'Arguments Exotic Objects')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{jsxref("Function")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/functions/arguments/length/index.html b/files/ca/web/javascript/reference/functions/arguments/length/index.html
new file mode 100644
index 0000000000..cf2660b7e4
--- /dev/null
+++ b/files/ca/web/javascript/reference/functions/arguments/length/index.html
@@ -0,0 +1,117 @@
+---
+title: arguments.length
+slug: Web/JavaScript/Reference/Functions/arguments/length
+translation_of: Web/JavaScript/Reference/Functions/arguments/length
+---
+<div>{{jsSidebar("Functions")}}</div>
+
+<p>La propietat <strong><code>arguments.length</code></strong> conté el número d'arguments passats a la funció.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">arguments.length</pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La propietat arguments.length proporciona el número d'arguments passats a la funció. Aquest pot ser major o menor que el nombre total de paràmetres definits. (Vegeu {{jsxref("Function.length")}}).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_arguments.length">Utilitzar <code>arguments.length</code></h3>
+
+<p>En aquest exemple definim una funció que pot afegir dos o més nombres.</p>
+
+<pre class="brush: js">function adder(base /*, n2, ... */) {
+  base = Number(base);
+  for (var i = 1; i &lt; arguments.length; i++) {
+    base += Number(arguments[i]);
+  }
+  return base;
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.1</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-10.6', 'Arguments Object')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-arguments-exotic-objects', 'Arguments Exotic Objects')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Function")}}</li>
+ <li>{{jsxref("Function.length")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/functions/get/index.html b/files/ca/web/javascript/reference/functions/get/index.html
new file mode 100644
index 0000000000..92a9de2965
--- /dev/null
+++ b/files/ca/web/javascript/reference/functions/get/index.html
@@ -0,0 +1,217 @@
+---
+title: getter
+slug: Web/JavaScript/Reference/Functions/get
+translation_of: Web/JavaScript/Reference/Functions/get
+---
+<div>{{jsSidebar("Functions")}}</div>
+
+<p>la sintaxi <strong><code>get</code></strong> lliga la propietat d'un objecte a una funció que es cridarà quan la propietat sigui cercada.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{get <em>prop</em>() { ... } }
+{get <em>[expressió]</em>() { ... } }</pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>prop</code></dt>
+ <dd>El nom de la propietat que es pretén lligar a la funció donada.</dd>
+ <dt>expressió</dt>
+ <dd>A partir d'ECMAScript 6, també es pot utilitzar expressions per a calcular el nom d'una propietat a lligar a la funció donada.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>A vegades és desitjable permetre l'accès a una propietat que retorna un valor calculat dinàmicament, o potser es vol reflectir l'estat d'una variable interna sense ésser necessari l'ús de crides explícites a mètodes. En JavaScript, Això es pot aconseguir utilitzant un <em>getter</em>. No és possible tenir simultàniament un lligam a una propietat i que aquesta mateixa propietat contingui un valor, tot i que sí és possible utilitzar un getter i un setter en conjunt per crear un tipus de pseudo-propietat.</p>
+
+<p>Tingueu en compte el següent quan treballeu amb la sintàxi <code>get</code>:</p>
+
+<div>
+<ul>
+ <li>Pot tenir com a identificador tant un número com una string;</li>
+ <li>Ha de tenir exactament zero paràmetres (vegeu <a class="external" href="http://whereswalden.com/2010/08/22/incompatible-es5-change-literal-getter-and-setter-functions-must-now-have-exactly-zero-or-one-arguments/" rel="external nofollow">Canvi incompatible <abbr title="ECMAScript 5th edition">ES5</abbr>: les funcions getter i setter literals han de tenir zero o un argument</a> per més informació).</li>
+ <li>No pot aparèixer en un objecte literla amb un altre <code>get</code> o amb una entrada de dades per la mateixa propietat (<code>{ get x() { }, get x() { } }</code> i <code>{ x: ..., get x() { } }</code> estàn prohibits).</li>
+</ul>
+</div>
+
+<p>Un getter pot ser eliminiat utilitzant l'operador <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/delete" title="en/Core_JavaScript_1.5_Reference/Operators/Special_Operators/delete_Operator">delete.</a></code></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Definir_un_getter_en_nous_objectes_en_inicialitzadors_d'objectes">Definir un getter en nous objectes, en inicialitzadors d'objectes</h3>
+
+<p>Això crearà una pseudo-propietat <code>latest</code> per l'objecte <code>obj</code>, el qual retornarà l'últim ítem de l'array en <code>log</code>.</p>
+
+<pre class="brush: js">var log = ['test'];
+var obj = {
+  get latest () {
+    if (log.length == 0) retorna undefined;
+    return log[log.length - 1]
+  }
+}
+console.log (obj.latest); // Retornarà "test".
+</pre>
+
+<p>Recordeu que intentar assignar un valor a <code>latest</code> no el canviarà.</p>
+
+<h3 id="Eliminar_un_getter_utilitzanr_l'operador_delete">Eliminar un getter utilitzanr l'operador <code>delete</code></h3>
+
+<p>Si voleu eliminar el getter, simplement utilitzeu <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/delete">delete</a></code>:</p>
+
+<pre class="brush: js">delete obj.latest;
+</pre>
+
+<h3 id="Definir_un_getter_en_objectes_existents_utilitzant_la_Propietat_define">Definir un getter en objectes existents utilitzant la<code> Propietat</code> <code>define</code></h3>
+
+<p>Per annexar un getter a un objecte existent posteriorment en qualsevol moment, utilitzeu {{jsxref("Object.defineProperty()")}}.</p>
+
+<pre class="brush: js">var o = { a:0 }
+
+Object.defineProperty(o, "b", { get: function () { return this.a + 1; } });
+
+console.log(o.b) // Executa el getter, el qual produeix a + 1 (que és 1)</pre>
+
+<h3 id="Utilitzar_un_nom_de_propietat_calculat">Utilitzar un nom de propietat calculat</h3>
+
+<div class="note">
+<p><strong>Nota:</strong> Les propietats calculades són una tecnologia experimental, que forma part de la proposta d'ECMAScript 6, i encara no estàn ampliament suportats pels navegadors. Això llençarà un error de sintàxi en entorns que no les suportin.</p>
+</div>
+
+<pre class="brush: js">var expr = "foo";
+
+var obj = {
+  get [expr]() { return "bar"; }
+};
+
+console.log(obj.foo); // "bar"</pre>
+
+<h3 id="Getters_smart_self-overwriting_lazy"> Getters smart / self-overwriting / lazy</h3>
+
+<p>Getters et donen una forma de definir una propietat d'un objecte, però aquests no calculen el valor de la propietat fins que no s'hi ha accedit. getter posposen el cost de calcular el valor fins el moment en que es necessiti el valor, i si no és mai necessari, mai es pagarà el cost.</p>
+
+<p>Una tècnica d'optimització addiccional per retardar o realitzar de forma lenta el càlcul del valor d'una propietat i guardar-ho per a accedir-hi posteriorment són els<strong> getters smart o<em> <a href="https://en.wikipedia.org/wiki/Memoization">memoized</a> </em></strong>. El valor és calculat el primer cop que es crida el getter, i és llavors guardat per tal els accessos subsegüents retornin el calor guardat en caché sense recalcular-lo. Això és útil en les situacions següents:</p>
+
+<ul>
+ <li>Si el càlcul del valor d'una propietat és car (utilitza massa RAM o massa temps de CPU, spawns worker thread, recupera els arxius remots, etc).</li>
+ <li>Si el valor no és necessari ara mateix. S'utilitzarà després, o en alguns casos no s'utilitzarà mai.</li>
+ <li>Si s'utilitza, serà accedit diverses vegades, i no hi ha necessitat de recalcular el valor que no es canviarà, o no s'hauria de recalcular.</li>
+</ul>
+
+<p>Això vol dir que no haurieu d'utilitzar un getter lazy per una propietat el valor de la qual espereu canviar, ja que el getter no recalcularà el valor.</p>
+
+<p>En l'exemple següent, l'objecte té un getter com propietat pròpia. Obtenint la propietat, la propietat s'elimina de l'objecte i es reafegeix, però implícitament com a propietat de tipus data aquest cop. Finalment el valor es retorna.</p>
+
+<pre class="brush: js">get notifier() {
+  delete this.notifier;
+  return this.notifier = document.getElementById("bookmarked-notification-anchor");
+},</pre>
+
+<p>Per codi Firefox, vegeu també el mòdul de codi XPCOMUtils.jsm, el qual defineix la funció <code><a href="/en-US/docs/Mozilla/JavaScript_code_modules/XPCOMUtils.jsm#defineLazyGetter()">defineLazyGetter()</a></code>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11.1.5', 'Object Initializer')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-method-definitions', 'Method definitions')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Noms de propietats calculats afegits.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-method-definitions', 'Method definitions')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(1)}}</td>
+   <td>{{ CompatGeckoDesktop("1.8.1") }}</td>
+   <td>{{ CompatIE(9) }}</td>
+   <td>9.5</td>
+   <td>3</td>
+  </tr>
+  <tr>
+   <td>Noms de propietats calculats</td>
+   <td>{{CompatChrome(46)}}</td>
+   <td>{{ CompatGeckoDesktop("34") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("1.8.1") }}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Noms de propietats calculats</td>
+   <td>47</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatGeckoMobile("34.0") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/set">setter</a></li>
+ <li>{{jsxref("Operators/delete", "delete")}}</li>
+ <li>{{jsxref("Object.defineProperty()")}}</li>
+ <li>{{jsxref("Object.defineGetter", "__defineGetter__")}}</li>
+ <li>{{jsxref("Object.defineSetter", "__defineSetter__")}}</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_getters_and_setters">Definir Getters i Setters</a> en la guia de JavaScript</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/functions/index.html b/files/ca/web/javascript/reference/functions/index.html
new file mode 100644
index 0000000000..1dbb672ef5
--- /dev/null
+++ b/files/ca/web/javascript/reference/functions/index.html
@@ -0,0 +1,617 @@
+---
+title: Functions
+slug: Web/JavaScript/Reference/Functions
+tags:
+  - Function
+  - Functions
+  - JavaScript
+  - NeedsTranslation
+  - TopicStub
+translation_of: Web/JavaScript/Reference/Functions
+---
+<div>{{jsSidebar("Functions")}}</div>
+
+<p>Generally speaking, a function is a "subprogram" that can be <em>called</em> by code external (or internal in the case of recursion) to the function. Like the program itself, a function is composed of a sequence of statements called the <em>function body</em>. Values can be <em>passed</em> to a function, and the function can <em>return</em> a value.</p>
+
+<p>In JavaScript, functions are first-class objects, i.e. they are objects and can be manipulated and passed around just like any other object. Specifically, they are <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function">Function</a></code> objects.</p>
+
+<p>For more examples and explanations, see also the <a href="/en-US/docs/Web/JavaScript/Guide/Functions">JavaScript guide about functions</a>.</p>
+
+<h2 id="Description">Description</h2>
+
+<p>Every function in JavaScript is a <code>Function</code> object. See {{jsxref("Function")}} for information on properties and methods of <code>Function</code> objects.</p>
+
+<p>Functions are not the same as procedures. A function always returns a value, but a procedure may or may not return any value.</p>
+
+<p>To return a specific value other than the default, a function must have a <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/return">return</a></code> statement that specifies the value to return. A function without a return statement will return a default value. In the case of a <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor">constructor</a> called with the <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/new">new</a></code> keyword, the default value is the value of its <code>this</code> parameter. For all other functions, the default return value is <code>undefined</code>.</p>
+
+<p>The parameters of a function call are the function's <em>arguments</em>. Arguments are passed to functions <em>by value</em>. If the function changes the value of an argument, this change is not reflected globally or in the calling function. However, object references are values, too, and they are special: if the function changes the referred object's properties, that change is visible outside the function, as shown in the following example:</p>
+
+<pre class="brush: js">/* Declare the function 'myFunc' */
+function myFunc(theObject) {
+   theObject.brand = "Toyota";
+ }
+
+ /*
+  * Declare variable 'mycar';
+  * create and initialize a new Object;
+  * assign reference to it to 'mycar'
+  */
+ var mycar = {
+   brand: "Honda",
+   model: "Accord",
+   year: 1998
+ };
+
+ /* Logs 'Honda' */
+ console.log(mycar.brand);
+
+ /* Pass object reference to the function */
+ myFunc(mycar);
+
+ /*
+  * Logs 'Toyota' as the value of the 'brand' property
+  * of the object, as changed to by the function.
+  */
+ console.log(mycar.brand);
+</pre>
+
+<p>The <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this"><code>this</code> keyword</a> does not refer to the currently executing function, so you must refer to <code>Function</code> objects by name, even within the function body.</p>
+
+<h2 id="Defining_functions">Defining functions</h2>
+
+<p>There are several ways to define functions:</p>
+
+<h3 id="The_function_declaration_(function_statement)">The function declaration (<code>function</code> statement)</h3>
+
+<p>There is a special syntax for declaring functions (see <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">function statement</a> for details):</p>
+
+<pre class="syntaxbox">function <em>name</em>([<em>param</em>[, <em>param</em>[, ... <em>param</em>]]]) {
+   <em>statements</em>
+}
+</pre>
+
+<dl>
+ <dt><code>name</code></dt>
+ <dd>The function name.</dd>
+</dl>
+
+<dl>
+ <dt><code>param</code></dt>
+ <dd>The name of an argument to be passed to the function. A function can have up to 255 arguments.</dd>
+</dl>
+
+<dl>
+ <dt><code>statements</code></dt>
+ <dd>The statements comprising the body of the function.</dd>
+</dl>
+
+<h3 id="The_function_expression_(function_expression)">The function expression (<code>function</code> expression)</h3>
+
+<p>A function expression is similar to and has the same syntax as a function declaration (see <a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">function expression</a> for details):</p>
+
+<pre class="syntaxbox">function [<em>name</em>]([<em>param</em>] [, <em>param</em>] [..., <em>param</em>]) {
+   <em>statements</em>
+}
+</pre>
+
+<dl>
+ <dt><code>name</code></dt>
+ <dd>The function name. Can be omitted, in which case the function becomes known as an anonymous function.</dd>
+</dl>
+
+<dl>
+ <dt><code>param</code></dt>
+ <dd>The name of an argument to be passed to the function. A function can have up to 255 arguments.</dd>
+ <dt><code>statements</code></dt>
+ <dd>The statements which comprise the body of the function.</dd>
+</dl>
+
+<h3 id="The_generator_function_declaration_(function*_statement)">The generator function declaration (<code>function*</code> statement)</h3>
+
+<div class="note">
+<p><strong>Note:</strong> Generator function are an <em>experimental technology,</em> part of the ECMAScript 6 proposal, and are not widely supported by browsers yet.</p>
+</div>
+
+<p>There is a special syntax for declaration generator functions (see {{jsxref('Statements/function*', 'function* statement')}} for details):</p>
+
+<pre class="syntaxbox">function* <em>name</em>([<em>param</em>[, <em>param</em>[, ... <em>param</em>]]]) {
+   <em>statements</em>
+}
+</pre>
+
+<dl>
+ <dt><code>name</code></dt>
+ <dd>The function name.</dd>
+</dl>
+
+<dl>
+ <dt><code>param</code></dt>
+ <dd>The name of an argument to be passed to the function. A function can have up to 255 arguments.</dd>
+</dl>
+
+<dl>
+ <dt><code>statements</code></dt>
+ <dd>The statements comprising the body of the function.</dd>
+</dl>
+
+<h3 id="The_generator_function_expression_(function*_expression)">The generator function expression (<code>function*</code> expression)</h3>
+
+<div class="note">
+<p><strong>Note:</strong> Generator function are an <em>experimental technology,</em> part of the ECMAScript 6 proposal, and are not widely supported by browsers yet.</p>
+</div>
+
+<p>A generator function expression is similar to and has the same syntax as a generator function declaration (see {{jsxref('Operators/function*', 'function* expression')}} for details):</p>
+
+<pre class="syntaxbox">function* [<em>name</em>]([<em>param</em>] [, <em>param</em>] [..., <em>param</em>]) {
+   <em>statements</em>
+}
+</pre>
+
+<dl>
+ <dt><code>name</code></dt>
+ <dd>The function name. Can be omitted, in which case the function becomes known as an anonymous function.</dd>
+</dl>
+
+<dl>
+ <dt><code>param</code></dt>
+ <dd>The name of an argument to be passed to the function. A function can have up to 255 arguments.</dd>
+ <dt><code>statements</code></dt>
+ <dd>The statements which comprise the body of the function.</dd>
+</dl>
+
+<h3 id="The_arrow_function_expression_(>)">The arrow function expression (=&gt;)</h3>
+
+<div class="note">
+<p><strong>Note:</strong> Arrow function expressions are an <em>experimental technology,</em> part of the ECMAScript 6 proposal, and are not widely supported by browsers yet.</p>
+</div>
+
+<p>An arrow function expression has a shorter syntax and lexically binds its this value (see <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">arrow functions</a> for details):</p>
+
+<pre class="syntaxbox">([param] [, param]) =&gt; {
+   statements
+}
+
+param =&gt; expression
+</pre>
+
+<dl>
+ <dt><code>param</code></dt>
+ <dd>The name of an argument. Zero arguments need to be indicated with <code>()</code>.  For only one argument the parentheses are not required. (like <code>foo =&gt; 1</code>)</dd>
+ <dt><code>statements or expression</code></dt>
+ <dd>Multiple statements need to be enclosed in brackets. A single expression requires no brackets. The expression is also the implicit return value of that function.</dd>
+</dl>
+
+<h3 id="The_Function_constructor">The <code>Function</code> constructor</h3>
+
+<div class="note">
+<p><strong>Note:</strong> Using the <code>Function</code> constructor to create functions is not recommended since it needs the function body as a string which may prevent some JS engine optimizations and can also cause other problems.</p>
+</div>
+
+<p>As all other objects, {{jsxref("Function")}} objects can be created using the <code>new</code> operator:</p>
+
+<pre class="syntaxbox">new Function (<em>arg1</em>, <em>arg2</em>, ... <em>argN</em>, <em>functionBody</em>)
+</pre>
+
+<dl>
+ <dt><code>arg1, arg2, ... arg<em>N</em></code></dt>
+ <dd>Zero or more names to be used by the function as formal argument names. Each must be a string that conforms to the rules for a valid JavaScript identifier or a list of such strings separated with a comma; for example "<code>x</code>", "<code>theValue</code>", or "<code>a,b</code>".</dd>
+</dl>
+
+<dl>
+ <dt><code>functionBody</code></dt>
+ <dd>A string containing the JavaScript statements comprising the function definition.</dd>
+</dl>
+
+<p>Invoking the <code>Function</code> constructor as a function (without using the <code>new</code> operator) has the same effect as invoking it as a constructor.</p>
+
+<h3 id="The_GeneratorFunction_constructor">The <code>GeneratorFunction</code> constructor</h3>
+
+<div class="note">
+<p><strong>Note:</strong> Arrow function expressions are an <em>experimental technology,</em> part of the ECMAScript 6 proposal, and are not widely supported by browsers yet.</p>
+</div>
+
+<div class="note">
+<p><strong>Note:</strong> <code>GeneratorFunction</code> is not a global object, but could be obtained from generator function instance (see {{jsxref("GeneratorFunction")}} for more detail).</p>
+</div>
+
+<div class="note">
+<p><strong>Note:</strong> Using the <code>GeneratorFunction</code> constructor to create functions is not recommended since it needs the function body as a string which may prevent some JS engine optimizations and can also cause other problems.</p>
+</div>
+
+<p>As all other objects, {{jsxref("GeneratorFunction")}} objects can be created using the <code>new</code> operator:</p>
+
+<pre class="syntaxbox">new GeneratorFunction (<em>arg1</em>, <em>arg2</em>, ... <em>argN</em>, <em>functionBody</em>)
+</pre>
+
+<dl>
+ <dt><code>arg1, arg2, ... arg<em>N</em></code></dt>
+ <dd>Zero or more names to be used by the function as formal argument names. Each must be a string that conforms to the rules for a valid JavaScript identifier or a list of such strings separated with a comma; for example "<code>x</code>", "<code>theValue</code>", or "<code>a,b</code>".</dd>
+</dl>
+
+<dl>
+ <dt><code>functionBody</code></dt>
+ <dd>A string containing the JavaScript statements comprising the function definition.</dd>
+</dl>
+
+<p>Invoking the <code>Function</code> constructor as a function (without using the <code>new</code> operator) has the same effect as invoking it as a constructor.</p>
+
+<h2 id="Function_parameters">Function parameters</h2>
+
+<div class="note">
+<p><strong>Note:</strong> Default and rest parameters are <em>experimental technology,</em> part of the ECMAScript 6 proposal, and are not widely supported by browsers yet.</p>
+</div>
+
+<h3 id="Default_parameters">Default parameters</h3>
+
+<p>Default function parameters allow formal parameters to be initialized with default values if no value or <code>undefined</code> is passed. For more details, see<a href="/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters"> default parameters</a>.</p>
+
+<h3 id="Rest_parameters">Rest parameters</h3>
+
+<p>The rest parameter syntax allows to represent an indefinite number of arguments as an array. For more details, see <a href="/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest parameters</a>.</p>
+
+<h2 id="The_arguments_object">The <code>arguments</code> object</h2>
+
+<p>You can refer to a function's arguments within the function by using the <code>arguments</code> object. See <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments">arguments</a>.</p>
+
+<ul>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments">arguments</a></code>: An array-like object containing the arguments passed to the currently executing function.</li>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/callee">arguments.callee</a></code> {{Deprecated_inline}}: The currently executing function.</li>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/caller">arguments.caller</a></code> {{Obsolete_inline}} : The function that invoked the currently executing function.</li>
+ <li><code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/length">arguments.length</a></code>: The number of arguments passed to the function.</li>
+</ul>
+
+<h2 id="Defining_method_functions">Defining method functions</h2>
+
+<h3 id="Getter_and_setter_functions">Getter and setter functions</h3>
+
+<p>You can define getters (accessor methods) and setters (mutator methods) on any standard built-in object or user-defined object that supports the addition of new properties. The syntax for defining getters and setters uses the object literal syntax.</p>
+
+<dl>
+ <dt><a href="/en-US/docs/Web/JavaScript/Reference/Functions/get">get</a></dt>
+ <dd>
+ <p>Binds an object property to a function that will be called when that property is looked up.</p>
+ </dd>
+ <dt><a href="/en-US/docs/Web/JavaScript/Reference/Functions/set">set</a></dt>
+ <dd>Binds an object property to a function to be called when there is an attempt to set that property.</dd>
+</dl>
+
+<h3 id="Method_definition_syntax">Method definition syntax</h3>
+
+<div class="note">
+<p><strong>Note:</strong> <em>Method definitions are experimental technology,</em> part of the ECMAScript 6 proposal, and are not widely supported by browsers yet.</p>
+</div>
+
+<p>Starting with ECMAScript 6, you are able to define own methods in a shorter syntax, similar to the getters and setters. See <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">method definitions</a> for more information.</p>
+
+<pre class="brush: js">var obj = {
+  foo() {},
+  bar() {}
+};</pre>
+
+<h2 id="Function_constructor_vs._function_declaration_vs._function_expression"><code>Function</code> constructor vs. function declaration vs. function expression</h2>
+
+<p>Compare the following:</p>
+
+<p>A function defined with the <code>Function</code> constructor assigned to the variable <code>multiply:</code></p>
+
+<pre class="brush: js">function multiply(x, y) {
+   return x * y;
+}
+</pre>
+
+<p>A <em>function expression</em> of an anonymous function assigned to the variable <code>multiply:</code></p>
+
+<pre class="brush: js">var multiply = function(x, y) {
+   return x * y;
+};
+</pre>
+
+<p>A <em>function expression</em> of a function named <code>func_name</code> assigned to the variable <code>multiply:</code></p>
+
+<pre class="brush: js">var multiply = function func_name(x, y) {
+   return x * y;
+};
+</pre>
+
+<h3 id="Differences">Differences</h3>
+
+<p>All do approximately the same thing, with a few subtle differences:</p>
+
+<p>There is a distinction between the function name and the variable the function is assigned to. The function name cannot be changed, while the variable the function is assigned to can be reassigned. The function name can be used only within the function's body. Attempting to use it outside the function's body results in an error (or <code>undefined</code> if the function name was previously declared via a <code>var</code> statement). For example:</p>
+
+<pre class="brush: js">var y = function x() {};
+alert(x); // throws an error
+</pre>
+
+<p>The function name also appears when the function is serialized via <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/toString"><code>Function</code>'s toString method</a>.</p>
+
+<p>On the other hand, the variable the function is assigned to is limited only by its scope, which is guaranteed to include the scope where the function is declared in.</p>
+
+<p>As the 4th example shows, the function name can be different from the variable the function is assigned to. They have no relation to each other.A function declaration also creates a variable with the same name as the function name. Thus, unlike those defined by function expressions, functions defined by function declarations can be accessed by their name in the scope they were defined in:</p>
+
+<p>A function defined by '<code>new Function'</code> does not have a function name. However, in the <a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> JavaScript engine, the serialized form of the function shows as if it has the name "anonymous". For example, <code>alert(new Function())</code> outputs:</p>
+
+<pre class="brush: js">function anonymous() {
+}
+</pre>
+
+<p>Since the function actually does not have a name, <code>anonymous</code> is not a variable that can be accessed within the function. For example, the following would result in an error:</p>
+
+<pre class="brush: js">var foo = new Function("alert(anonymous);");
+foo();
+</pre>
+
+<p>Unlike functions defined by function expressions or by the <code>Function</code> constructor, a function defined by a function declaration can be used before the function declaration itself. For example:</p>
+
+<pre class="brush: js">foo(); // alerts FOO!
+function foo() {
+   alert('FOO!');
+}
+</pre>
+
+<p>A function defined by a function expression inherits the current scope. That is, the function forms a closure. On the other hand, a function defined by a <code>Function</code> constructor does not inherit any scope other than the global scope (which all functions inherit).</p>
+
+<p>Functions defined by function expressions and function declarations are parsed only once, while those defined by the <code>Function</code> constructor are not. That is, the function body string passed to the <code>Function</code> constructor must be parsed each and every time the constructor is called. Although a function expression creates a closure every time, the function body is not reparsed, so function expressions are still faster than "<code>new Function(...)</code>". Therefore the <code>Function</code> constructor should generally be avoided whenever possible.</p>
+
+<p>It should be noted, however, that function expressions and function declarations nested within the function generated by parsing a <code>Function constructor</code> 's string aren't parsed repeatedly. For example:</p>
+
+<pre class="brush: js">var foo = (new Function("var bar = \'FOO!\';\nreturn(function() {\n\talert(bar);\n});"))();
+foo(); // The segment "function() {\n\talert(bar);\n}" of the function body string is not re-parsed.</pre>
+
+<p>A function declaration is very easily (and often unintentionally) turned into a function expression. A function declaration ceases to be one when it either:</p>
+
+<ul>
+ <li>becomes part of an expression</li>
+ <li>is no longer a "source element" of a function or the script itself. A "source element" is a non-nested statement in the script or a function body:</li>
+</ul>
+
+<pre class="brush: js">var x = 0;               // source element
+if (x == 0) {            // source element
+   x = 10;               // not a source element
+   function boo() {}     // not a source element
+}
+function foo() {         // source element
+   var y = 20;           // source element
+   function bar() {}     // source element
+   while (y == 10) {     // source element
+      function blah() {} // not a source element
+      y++;               // not a source element
+   }
+}
+</pre>
+
+<h3 id="Examples">Examples</h3>
+
+<pre class="brush: js">// function declaration
+function foo() {}
+
+// function expression
+(function bar() {})
+
+// function expression
+x = function hello() {}
+
+
+if (x) {
+   // function expression
+   function world() {}
+}
+
+
+// function declaration
+function a() {
+   // function declaration
+   function b() {}
+   if (0) {
+      // function expression
+      function c() {}
+   }
+}
+</pre>
+
+<h2 id="Conditionally_defining_a_function">Conditionally defining a function</h2>
+
+<p>Functions can be conditionally defined using either //function statements// (an allowed extension to the <a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">ECMA-262 Edition 3</a> standard) or the <code>Function</code> constructor. Please note that such <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=609832">function statements are no longer allowed in ES5 strict</a>. Additionally, this feature does not work consistently cross-browser, so you should not rely on it.</p>
+
+<p>In the following script, the <code>zero</code> function is never defined and cannot be invoked, because '<code>if (0)</code>' evaluates its condition to false:</p>
+
+<pre class="brush: js">if (0) {
+   function zero() {
+      document.writeln("This is zero.");
+   }
+}
+</pre>
+
+<p>If the script is changed so that the condition becomes '<code>if (1)</code>', function <code>zero</code> is defined.</p>
+
+<p>Note: Although this kind of function looks like a function declaration, it is actually an expression (or statement), since it is nested within another statement. See differences between function declarations and function expressions.</p>
+
+<p>Note: Some JavaScript engines, not including <a href="/en-US/docs/SpiderMonkey">SpiderMonkey</a>, incorrectly treat any function expression with a name as a function definition. This would lead to <code>zero</code> being defined, even with the always-false <code>if</code> condition. A safer way to define functions conditionally is to define the function anonymously and assign it to a variable:</p>
+
+<pre class="brush: js">if (0) {
+   var zero = function() {
+      document.writeln("This is zero.");
+   }
+}
+</pre>
+
+<h2 id="Examples_2">Examples</h2>
+
+<h3 id="Returning_a_formatted_number">Returning a formatted number</h3>
+
+<p>The following function returns a string containing the formatted representation of a number padded with leading zeros.</p>
+
+<pre class="brush: js">// This function returns a string padded with leading zeros
+function padZeros(num, totalLen) {
+   var numStr = num.toString();             // Initialize return value as string
+   var numZeros = totalLen - numStr.length; // Calculate no. of zeros
+   for (var i = 1; i &lt;= numZeros; i++) {
+      numStr = "0" + numStr;
+   }
+   return numStr;
+}
+</pre>
+
+<p>The following statements call the padZeros function.</p>
+
+<pre class="brush: js">var result;
+result = padZeros(42,4); // returns "0042"
+result = padZeros(42,2); // returns "42"
+result = padZeros(5,4);  // returns "0005"
+</pre>
+
+<h3 id="Determining_whether_a_function_exists">Determining whether a function exists</h3>
+
+<p>You can determine whether a function exists by using the <code>typeof</code> operator. In the following example, a test is peformed to determine if the <code>window</code> object has a property called <code>noFunc</code> that is a function. If so, it is used; otherwise some other action is taken.</p>
+
+<pre class="brush: js"> if ('function' == typeof window.noFunc) {
+   // use noFunc()
+ } else {
+   // do something else
+ }
+</pre>
+
+<p>Note that in the <code>if</code> test, a reference to <code>noFunc</code> is used—there are no brackets "()" after the function name so the actual function is not called.</p>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Initial definition. Implemented in JavaScript 1.0</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-13', 'Function Definition')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-function-definitions', 'Function definitions')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>New: Arrow functions, Generator functions, default parameters, rest parameters</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#', 'function*')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-arrow-function-definitions', 'Arrow Function Definitions')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Generator function</td>
+   <td>39</td>
+   <td>{{CompatGeckoDesktop("26.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>26</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Arrow function</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("22.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Generator function</td>
+   <td>{{CompatUnknown}}</td>
+   <td>39</td>
+   <td>{{CompatGeckoMobile("26.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>26</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Arrow function</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("22.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{jsxref("Statements/function", "function statement")}}</li>
+ <li>{{jsxref("Operators/function", "function expression")}}</li>
+ <li>{{jsxref("Statements/function*", "function* statement")}}</li>
+ <li>{{jsxref("Operators/function*", "function* expression")}}</li>
+ <li>{{jsxref("Function")}}</li>
+ <li>{{jsxref("GeneratorFunction")}}</li>
+ <li>{{jsxref("Functions/Arrow_functions", "Arrow functions")}}</li>
+ <li>{{jsxref("Functions/Default_parameters", "Default parameters")}}</li>
+ <li>{{jsxref("Functions/rest_parameters", "Rest parameters")}}</li>
+ <li>{{jsxref("Functions/arguments", "Arguments object")}}</li>
+ <li>{{jsxref("Functions/get", "getter")}}</li>
+ <li>{{jsxref("Functions/set", "setter")}}</li>
+ <li>{{jsxref("Functions/Method_definitions", "Method definitions")}}</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope" title="JavaScript/Reference/Functions_and_function_scope">Functions and function scope</a></li>
+</ul>
diff --git a/files/ca/web/javascript/reference/functions/parameters_rest/index.html b/files/ca/web/javascript/reference/functions/parameters_rest/index.html
new file mode 100644
index 0000000000..68fc5f0bba
--- /dev/null
+++ b/files/ca/web/javascript/reference/functions/parameters_rest/index.html
@@ -0,0 +1,156 @@
+---
+title: Paràmetres rest
+slug: Web/JavaScript/Reference/Functions/parameters_rest
+translation_of: Web/JavaScript/Reference/Functions/rest_parameters
+---
+<div>{{jsSidebar("Functions")}}</div>
+
+<p>El <strong>paràmetre rest</strong> ens permet  representar un nombre indefinit d'arguments en forma d 'array.</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="brush: js">function f(a, b, ...theArgs) {
+  // ...
+}
+</pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si l'últim argument d'una funció, està prefixat amb l'operador <code>...</code>, aquest esdevé un array el qual té com a elements des de <code>0</code> (inclòs) fins a <code>theArgs.length</code> (no inclòs) els arguments passats a la funció.</p>
+
+<p>A l'exemple de sobre, <code>theArgs</code> aglutina el tercer argument de la funció, ja que el primer està mapejat a <code>a</code>  i el segon està mapejat a <code>b</code> , i tota la resta d'arguments consecutius. </p>
+
+<h3 id="Diferència_entre_els_paràmetres_rest_i_l'objecte_arguments">Diferència entre els paràmetres rest i l'objecte <code>arguments</code></h3>
+
+<p>Existeixen tres diferències principals entre els  paràmetres rest i l'objecte <code>arguments</code></p>
+
+<ul>
+ <li>Els paràmetres rest són aquells als que no s' ha donat un nom per separat, mentre que l' objecte <code>arguments</code> conté tots els paràmetres passats a la funció</li>
+ <li>L' objecte <code>arguments</code> no és un array real, mentre que els paràmetres rest són instàncies d' <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array" title="Array"><code>Array</code></a> , el qual significa que els hi podem aplicar directamaent els mètodes <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort" title="Array sort method"><code>sort</code></a>, <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map" title="Array map method"><code>map</code></a>, <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach" title="Array forEach method"><code>forEach</code></a> o <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop" title="Array pop method">pop</a>.</code></li>
+ <li>L' objecte <code>arguments</code> té funcionalitat específica a sí mateix (com la propietat <code>calle</code>).</li>
+</ul>
+
+<h3 id="Des_d'_arguments_fins_a_un_array">Des d' arguments fins a un array</h3>
+
+<p>El paràmetre rest ha estat introduit per tal de reduir la quantitat de codi utilitzat que es introduit per els arguments</p>
+
+<pre class="brush: js">// Anteriorment a l' existència del paràmetre rest el s' utilitzava seguent codi
+function f(a, b) {
+  var args = Array.prototype.slice.call(arguments, f.length);
+
+  // …
+}
+
+// equivalent a
+
+function f(a, b, ...args) {
+
+}
+</pre>
+
+<h3 id="Desestructurant_paràmetres_rest">Desestructurant paràmetres rest</h3>
+
+<p>Els paràmetres rest es poden desestructurar, que vol dir que els valors que contenen es poden desenpaquetar en variables diferents i separades. Vegeu <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">Destructuring assignment</a>.</p>
+
+<pre class="brush: js">function f(...[a, b, c]) {
+  return a + b + c;
+}
+
+f(1)          // NaN (bi c són undefined)
+f(1, 2, 3)    // 6
+f(1, 2, 3, 4) // 6 (el quart paràmetre no està desetructurat)</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Com que <code>theArgs</code> és un array, la propietat <code>length</code> en retorna el recompte:</p>
+
+<pre class="brush: js">function fun1(...theArgs) {
+  console.log(theArgs.length);
+}
+
+fun1();  // 0
+fun1(5); // 1
+fun1(5, 6, 7); // 3
+</pre>
+
+<p>En el seguent exemple el paràmetre rest s' utilitza per aglutinar tots els paràmetres passats a la funcció després del primer en un array. Després cadascun d' ells és multiplicat per el primer paràmetre passat a la funció i es retorna l' array.</p>
+
+<pre class="brush: js">function multiply(multiplier, ...theArgs) {
+  return theArgs.map(function(element) {
+    return multiplier * element;
+  });
+}
+
+var arr = multiply(2, 1, 2, 3);
+console.log(arr); // [2, 4, 6]
+</pre>
+
+<p>El seguent exemple mostra com els mètodes d' <code>Array</code> es poden utilitzar am paràmetres rest, però no amb l' objecte <code>arguments</code> :</p>
+
+<pre class="brush: js">function sortRestArgs(...theArgs) {
+  var sortedArgs = theArgs.sort();
+  return sortedArgs;
+}
+
+console.log(sortRestArgs(5, 3, 7, 1)); // mostra 1, 3, 5, 7
+
+function sortArguments() {
+  var sortedArgs = arguments.sort();
+  return sortedArgs; // aquesta línia mai s' executarà
+}
+
+// genera el TypeError: arguments.sort no és una funció
+console.log(sortArguments(5, 3, 7, 1));
+</pre>
+
+<p>Per tal de poder usar els mètodes d' <code>Array</code> amb l' objecte <code>arguments</code> , aquest s' ha de convertir primer en un array.</p>
+
+<pre class="brush: js">function sortArguments() {
+  var args = Array.prototype.slice.call(arguments);
+  var sortedArgs = args.sort();
+  return sortedArgs;
+}
+console.log(sortArguments(5, 3, 7, 1)); // shows 1, 3, 5, 7
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-function-definitions', 'Function Definitions')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Initial definition</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-function-definitions', 'Function Definitions')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<div>
+
+
+<p>{{Compat("javascript.functions.rest_parameters")}}</p>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator" title="spread operator">Spread operator</a> (also ‘<code>...</code>’)</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments" title="arguments">Arguments object</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array" title="Array">Array</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions" title="Functions and function scope">Functions</a></li>
+ <li><a class="external" href="http://wiki.ecmascript.org/doku.php?id=harmony:rest_parameters">Original proposal at ecmascript.org</a></li>
+ <li><a class="external" href="http://javascriptweblog.wordpress.com/2011/01/18/javascripts-arguments-object-and-beyond/">JavaScript arguments object and beyond</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">Destructuring assignment</a></li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/dataview/buffer/index.html b/files/ca/web/javascript/reference/global_objects/dataview/buffer/index.html
new file mode 100644
index 0000000000..40da57fa52
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/dataview/buffer/index.html
@@ -0,0 +1,101 @@
+---
+title: DataView.prototype.buffer
+slug: Web/JavaScript/Reference/Global_Objects/DataView/buffer
+translation_of: Web/JavaScript/Reference/Global_Objects/DataView/buffer
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat d'accés <strong><code>buffer</code></strong> representa el {{jsxref("ArrayBuffer")}} referenciat per <code>DataView</code> en el temps de construcció.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><var>dataview</var>.buffer</pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La propietat <code>buffer</code> és una propietat d'accés de la qual la seva funció d'accés és <code>undefined</code>, el que vol dir que només es pot llegir aquesta propietat. El valor s'estableix quan <code>DataView</code> és construït i no es pot canviar.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_la_propietat_buffer">Utilitzar la propietat <code>buffer</code></h3>
+
+<pre class="brush:js">var buffer = new ArrayBuffer(8);
+var dataview = new DataView(buffer);
+dataview.buffer; // ArrayBuffer { byteLength: 8 }
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-get-dataview.prototype.buffer', 'DataView.prototype.buffer')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>9.0</td>
+   <td>{{ CompatGeckoDesktop("15.0") }}</td>
+   <td>10</td>
+   <td>12.1</td>
+   <td>5.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("15") }}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>12.0</td>
+   <td>4.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("DataView")}}</li>
+ <li>{{jsxref("ArrayBuffer")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/dataview/getfloat32/index.html b/files/ca/web/javascript/reference/global_objects/dataview/getfloat32/index.html
new file mode 100644
index 0000000000..83de1562e4
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/dataview/getfloat32/index.html
@@ -0,0 +1,122 @@
+---
+title: DataView.prototype.getFloat32()
+slug: Web/JavaScript/Reference/Global_Objects/DataView/getFloat32
+translation_of: Web/JavaScript/Reference/Global_Objects/DataView/getFloat32
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code>getFloat32()</code> obtè un nombre decimal en coma flotant amb signe de 32 bits (float) a la posició en bytes especificada, content des del començament de {{jsxref("DataView")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><var>dataview</var>.getFloat32(byteOffset [, littleEndian])</pre>
+
+<h2 id="Paràmetres">Paràmetres</h2>
+
+<dl>
+ <dt>byteOffset</dt>
+ <dd>La posició, en bytes, des de l'inici de la vista a la que es llegiran les dades.</dd>
+ <dt>littleEndian</dt>
+ <dd>{{optional_inline}} Indica si el nombre decimal en coma flotant de 32 bits es troba emmagatzemat en format {{Glossary("Endianness", "little- o big-endian")}}. De ésser false o undefined, s'interpreta el valor com a big-endian.</dd>
+</dl>
+
+<h3 id="Errors_llençats">Errors llençats</h3>
+
+<dl>
+ <dt>{{jsxref("RangeError")}}</dt>
+ <dd>Es llença si <code>byteOffset</code> té un valor que representa una posició més enllà del final de la vista.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>No hi ha cap restricció d'alineament; es poden llegir valors de múltiples bytes des de qualsevol posició.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_getFloat32">Utilitzar el mètode <code>getFloat32</code></h3>
+
+<pre class="brush:js">var buffer = new ArrayBuffer(8);
+var dataview = new DataView(buffer);
+dataview.getFloat32(1); // 0
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Typed Array')}}</td>
+   <td>{{Spec2('Typed Array')}}</td>
+   <td>Reemplaçada per ECMAScript 6.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-dataview.prototype.getfloat32', 'DataView.prototype.getFloat32')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial en un estàndard ECMA.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("15.0")}}</td>
+   <td>10</td>
+   <td>12.1</td>
+   <td>5.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{ CompatGeckoMobile("15") }}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>12.0</td>
+   <td>4.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("DataView")}}</li>
+ <li>{{jsxref("ArrayBuffer")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/dataview/index.html b/files/ca/web/javascript/reference/global_objects/dataview/index.html
new file mode 100644
index 0000000000..90c9d640ee
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/dataview/index.html
@@ -0,0 +1,174 @@
+---
+title: DataView
+slug: Web/JavaScript/Reference/Global_Objects/DataView
+tags:
+  - Constructor
+  - DataView
+  - JavaScript
+  - NeedsTranslation
+  - TopicStub
+  - TypedArrays
+translation_of: Web/JavaScript/Reference/Global_Objects/DataView
+---
+<div>{{JSRef}}</div>
+
+<p>The <strong><code>DataView</code></strong> view provides a low-level interface for reading data from and writing it to an {{jsxref("ArrayBuffer")}}.</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="syntaxbox">new DataView(buffer [, byteOffset [, byteLength]])</pre>
+
+<h3 id="Parameters">Parameters</h3>
+
+<dl>
+ <dt><code>buffer</code></dt>
+ <dd>An existing {{jsxref("ArrayBuffer")}} to use as the storage for the new <code>DataView</code> object.</dd>
+ <dt><code>byteOffset</code> {{optional_inline}}</dt>
+ <dd>The offset, in bytes, to the first byte in the specified buffer for the new view to reference. If not specified, the view of the buffer will start with the first byte.</dd>
+ <dt><code>byteLength</code> {{optional_inline}}</dt>
+ <dd>The number of elements in the byte array. If unspecified, length of the view will match the buffer's length.</dd>
+</dl>
+
+<h3 id="Return_value">Return value</h3>
+
+<p>A new <code>DataView</code> object representing the specified data buffer.</p>
+
+<h3 id="Errors_thrown">Errors thrown</h3>
+
+<dl>
+ <dt><code>{{jsxref("RangeError")}}</code></dt>
+ <dd>Thrown if the <code>byteOffset</code> and <code>byteLength</code> result in the specified view extending past the end of the buffer.</dd>
+</dl>
+
+<h2 id="Description">Description</h2>
+
+<h3 id="Detect_endianness">Detect endianness</h3>
+
+<p>You'll probably need to detect the type of architecture your script is running, here is a little trick to check it. See {{Glossary("Endianness")}} for more information.</p>
+
+<pre class="brush: js">var littleEndian = (function() {
+  var buffer = new ArrayBuffer(2);
+  new DataView(buffer).setInt16(0, 256, true);
+  return new Int16Array(buffer)[0] === 256;
+})();
+console.log(littleEndian); // true or false
+</pre>
+
+<h2 id="Properties">Properties</h2>
+
+<dl>
+ <dt>DataView.length</dt>
+ <dd>The <code>DataView</code> constructor's length property whose value is 3.</dd>
+ <dt>{{jsxref("DataView.prototype")}}</dt>
+ <dd>Allows the addition of properties to all <code>DataView</code> objects.</dd>
+</dl>
+
+<h2 id="DataView_instances"><code>DataView</code> instances</h2>
+
+<p>All <code>DataView</code> instances inherit from {{jsxref("DataView.prototype")}}.</p>
+
+<h3 id="Properties_2">Properties</h3>
+
+<p>{{page('en-US/Web/JavaScript/Reference/Global_Objects/DataView/prototype','Properties')}}</p>
+
+<h3 id="Methods">Methods</h3>
+
+<p>{{page('en-US/Web/JavaScript/Reference/Global_Objects/DataView/prototype','Methods')}}</p>
+
+<h2 id="Example">Example</h2>
+
+<pre class="brush: js">var buffer = new ArrayBuffer(16);
+var dv = new DataView(buffer, 0);
+
+dv.setInt16(1, 42);
+dv.getInt16(1); //42
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-dataview-constructor', 'DataView')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Initial definition in an ECMA standard</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('Typed Array')}}</td>
+   <td>{{Spec2('Typed Array')}}</td>
+   <td>Superseded by ECMAScript 6</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>9.0</td>
+   <td>{{CompatGeckoDesktop("15.0")}}</td>
+   <td>10</td>
+   <td>12.1</td>
+   <td>5.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>4.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("15")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>12.0</td>
+   <td>4.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Firefox-specific_notes">Firefox-specific notes</h2>
+
+<p>Starting with Gecko / SpiderMonkey 40 {{geckoRelease(40)}}, <code>DataView</code> requires to be constructed with a {{jsxref("Operators/new", "new")}} operator. Calling <code>DataView()</code> as a function without <code>new</code>, will throw a {{jsxref("TypeError")}} from now on.</p>
+
+<pre class="brush: js example-bad">var dv = DataView(buffer, 0);
+// TypeError: calling a builtin DataView constructor without new is forbidden</pre>
+
+<pre class="brush: js example-good">var dv = new DataView(buffer, 0);</pre>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a class="link-https" href="https://github.com/jDataView/jDataView">jDataView</a>: JavaScript library that polyfills and extends the <code>DataView</code> API to all browsers and Node.js.</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/dataview/prototype/index.html b/files/ca/web/javascript/reference/global_objects/dataview/prototype/index.html
new file mode 100644
index 0000000000..203e5076e4
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/dataview/prototype/index.html
@@ -0,0 +1,146 @@
+---
+title: DataView.prototype
+slug: Web/JavaScript/Reference/Global_Objects/DataView/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/DataView
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>DataView</strong></code><strong><code>.prototype</code></strong> representa el prototip de l'objecte {{jsxref("DataView")}}.</p>
+
+<div>{{js_property_attributes(0,0,0)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Les instàncies <code>DataView</code> hereten de <code>DataView.prototype</code>. Com passa amb tots els constructors, podeu canviar l'objecte prototip del constructor per produir canvis a totes les instàncies <code>DataView</code>.</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt>DataView.prototype.constructor</dt>
+ <dd>Especifica la funció que crea un prototip de l'objecte. El valor inicial és el constructor integrat estàndard <code>DataView</code>.</dd>
+ <dt>{{jsxref("DataView.prototype.buffer")}} {{readonlyInline}}</dt>
+ <dd>L'{{jsxref("ArrayBuffer")}} referenciat per aquesta vista. Fixat en el temps de construcció i per tant és <strong>només de lectura.</strong></dd>
+ <dt>{{jsxref("DataView.prototype.byteLength")}} {{readonlyInline}}</dt>
+ <dd>La llargària (en bytes) d'aquesta vista des del començament del seu {{jsxref("ArrayBuffer")}}. Fixat en el temps de construcció i per tant és <strong>només de lectura.</strong></dd>
+ <dt>{{jsxref("DataView.prototype.byteOffset")}} {{readonlyInline}}</dt>
+ <dd>La posició (en bytes) d'aquesta vista des de l'inici del seu {{jsxref("ArrayBuffer")}}. Fixat en el temps de construcció i per tant és <strong>només de lectura.</strong></dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<h3 id="Lectura">Lectura</h3>
+
+<dl>
+ <dt>{{jsxref("DataView.prototype.getInt8()")}}</dt>
+ <dd>Obté un nombre sencer (byte) de 8 bits amb signe al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.getUint8()")}}</dt>
+ <dd>Obté un nombre sencer sense signe de 8 bits (unsigned byte) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.getInt16()")}}</dt>
+ <dd>Obté un nombre sencer de 16 bits (short) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.getUint16()")}}</dt>
+ <dd>Obté un nombre sencer sense signe de 16 bits (unsigned short) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.getInt32()")}}</dt>
+ <dd>Obté un nombre sencer de 32 bits (long) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.getUint32()")}}</dt>
+ <dd>Obté un nombre sencer sense signe de 31 bits (unsigned long) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.getFloat32()")}}</dt>
+ <dd>Obté un nombre en coma flotant amb signe de 32 bits (float) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.getFloat64()")}}</dt>
+ <dd>Obté un nombre en coma flotant amb signe de 64 bits (double) al byte de posició especificat des de l'inici de la vista.</dd>
+</dl>
+
+<h3 id="Escritura">Escritura</h3>
+
+<dl>
+ <dt>{{jsxref("DataView.prototype.setInt8()")}}</dt>
+ <dd>Emmagatzema el valor d'un nombre sencer de 8 bits (byte) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.setUint8()")}}</dt>
+ <dd>Emmagatzema el valor d'un nombre sencer sense signe de 8 bits (unsigned byte) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.setInt16()")}}</dt>
+ <dd>Emmagatzema el valor d'un nombre sencer amb signe de 16 bits (short) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.setUint16()")}}</dt>
+ <dd>Emmagatzema el valor d'un nombre sencer sense signe de 16 bits (unsigned short) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.setInt32()")}}</dt>
+ <dd>Emmagatzema el valor d'un nombre sencer amb signe de 32 bits (long) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.setUint32()")}}</dt>
+ <dd>Emmagatzema el valor d'un nombre sencer sense signe de 32 bits  (unsigned long) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.setFloat32()")}}</dt>
+ <dd>Emmagatzema el valor d'un nombre en coma flotant amb signe de 32 bits (float) al byte de posició especificat des de l'inici de la vista.</dd>
+ <dt>{{jsxref("DataView.prototype.setFloat64()")}}</dt>
+ <dd>Emmagatzema el valor d'un nombre en coma flotant amb signe de 64 bits (double) al byte de posició especificat des de l'inici de la vista.</dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-dataview.prototype', 'DataView.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegador">Compatibilitat amb navegador</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>9.0</td>
+   <td>{{ CompatGeckoDesktop("15.0") }}</td>
+   <td>10</td>
+   <td>12.1</td>
+   <td>5.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>4.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("15")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>12.0</td>
+   <td>4.2</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("DataView")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/evalerror/index.html b/files/ca/web/javascript/reference/global_objects/evalerror/index.html
new file mode 100644
index 0000000000..65a4df349e
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/evalerror/index.html
@@ -0,0 +1,161 @@
+---
+title: EvalError
+slug: Web/JavaScript/Reference/Global_Objects/EvalError
+tags:
+  - Error
+  - EvalError
+  - JavaScript
+  - NeedsTranslation
+  - Reference
+  - TopicStub
+translation_of: Web/JavaScript/Reference/Global_Objects/EvalError
+---
+<div>{{JSRef}}</div>
+
+<p>The <strong><code>EvalError</code></strong> object indicates an error regarding the global {{jsxref("Global_Objects/eval", "eval()")}} function.</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="syntaxbox"><code>new EvalError([<var>message</var>[, <var>fileName</var>[, <var>lineNumber</var>]]])</code></pre>
+
+<h3 id="Parameters">Parameters</h3>
+
+<dl>
+ <dt><code>message</code></dt>
+ <dd>Optional. Human-readable description of the error</dd>
+ <dt><code>fileName</code> {{non-standard_inline}}</dt>
+ <dd>Optional. The name of the file containing the code that caused the exception</dd>
+ <dt><code>lineNumber</code> {{non-standard_inline}}</dt>
+ <dd>Optional. The line number of the code that caused the exception</dd>
+</dl>
+
+<h2 id="Description">Description</h2>
+
+<p>An <code>EvalError</code> is thrown when the global {{jsxref("Global_Objects/eval", "eval()")}} function is used improperly.</p>
+
+<h2 id="Properties">Properties</h2>
+
+<dl>
+ <dt>{{jsxref("EvalError.prototype")}}</dt>
+ <dd>Allows the addition of properties to an <code>EvalError</code> object.</dd>
+</dl>
+
+<h2 id="Methods">Methods</h2>
+
+<p>The global <code>EvalError</code> contains no methods of its own, however, it does inherit some methods through the prototype chain.</p>
+
+<h2 id="EvalError_instances"><code>EvalError</code> instances</h2>
+
+<h3 id="Properties_2">Properties</h3>
+
+<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/EvalError/prototype', 'Properties')}}</div>
+
+<h3 id="Methods_2">Methods</h3>
+
+<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/EvalError/prototype', 'Methods')}}</div>
+
+<h2 id="Examples">Examples</h2>
+
+<p><code>EvalError</code> is not used now, and never be thrown by the runtime.</p>
+
+<h3 id="Creating_an_EvalError">Creating an <code>EvalError</code></h3>
+
+<pre class="brush: js">try {
+  throw new EvalError('Hello', 'someFile.js', 10);
+} catch (e) {
+  console.log(e instanceof EvalError); // true
+  console.log(e.message);              // "Hello"
+  console.log(e.name);                 // "EvalError"
+  console.log(e.fileName);             // "someFile.js"
+  console.log(e.lineNumber);           // 10
+  console.log(e.columnNumber);         // 0
+  console.log(e.stack);                // "@Scratchpad/2:2:9\n"
+}
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.11.6.1', 'EvalError')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Not used in this specification. Present for backward compatibility.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-native-error-types-used-in-this-standard-evalerror', 'EvalError')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Not used in this specification. Present for backward compatibility.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{jsxref("Error")}}</li>
+ <li>{{jsxref("EvalError.prototype")}}</li>
+ <li>{{jsxref("Global_Objects/eval", "eval()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/evalerror/prototype/index.html b/files/ca/web/javascript/reference/global_objects/evalerror/prototype/index.html
new file mode 100644
index 0000000000..8aecc42c15
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/evalerror/prototype/index.html
@@ -0,0 +1,123 @@
+---
+title: EvalError.prototype
+slug: Web/JavaScript/Reference/Global_Objects/EvalError/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/EvalError
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>EvalError.prototype</strong></code> representa el prototip del constructor {{jsxref("EvalError")}}.</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Totes les instàncies {{jsxref("EvalError")}} hereten de <code>EvalError.prototype</code>. Es pot utilitzar el prototip per afegir propietats o mètodes a totes les instàncies.</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>EvalError.prototype.constructor</code></dt>
+ <dd>Especifica la funció que ha creat el prototip d'una instància.</dd>
+ <dt>{{jsxref("Error.prototype.message", "EvalError.prototype.message")}}</dt>
+ <dd>Missatge d'error. Tot i que l'ECMA-262 especifica que {{jsxref("EvalError")}} hauria de proveir la seva pròpia propietat <code>message</code>, en <a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a>, hereta {{jsxref("Error.prototype.message")}}.</dd>
+ <dt>{{jsxref("Error.prototype.name", "EvalError.prototype.name")}}</dt>
+ <dd>Nom de l'error. Heretat de {{jsxref("Error")}}.</dd>
+ <dt>{{jsxref("Error.prototype.fileName", "EvalError.prototype.fileName")}}</dt>
+ <dd>Camí cap al fitxer que ha llançat aquest error. Heretat de {{jsxref("Error")}}.</dd>
+ <dt>{{jsxref("Error.prototype.lineNumber", "EvalError.prototype.lineNumber")}}</dt>
+ <dd>Número de línia en el fitxer que ha llançat aquest error. Heretat de {{jsxref("Error")}}.</dd>
+ <dt>{{jsxref("Error.prototype.columnNumber", "EvalError.prototype.columnNumber")}}</dt>
+ <dd>Número de columna en la línia que ha llançat aquest error. Heretat de {{jsxref("Error")}}.</dd>
+ <dt>{{jsxref("Error.prototype.stack", "EvalError.prototype.stack")}}</dt>
+ <dd>Traça de l'error. Heretat de {{jsxref("Error")}}.</dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<p>Tot i que l'objecte prototip {{jsxref("EvalError")}} no contè cap mètode en si mateix, les instàncies  {{jsxref("EvalError")}} hereten alguns mètodes a través de la cadena prototip.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.11.7.6', 'NativeError.prototype')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definit com a <code><em>NativeError</em>.prototype</code>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-nativeerror.prototype', 'NativeError.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definit com a <code><em>NativeError</em>.prototype</code>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype")}}</li>
+ <li>{{jsxref("Function.prototype")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/function/arguments/index.html b/files/ca/web/javascript/reference/global_objects/function/arguments/index.html
new file mode 100644
index 0000000000..6371caeb23
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/function/arguments/index.html
@@ -0,0 +1,125 @@
+---
+title: Function.arguments
+slug: Web/JavaScript/Reference/Global_Objects/Function/arguments
+translation_of: Web/JavaScript/Reference/Global_Objects/Function/arguments
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>La propietat <code><strong><em>function</em>.arguments</strong></code> es refereix a un objecte que s'assembla a una array corresponent als arguments passats a una funció. Utilitzeu la variable simple {{jsxref("Functions/arguments", "arguments")}}.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La sintaxis <code><em>function</em>.arguments</code> és obsoleta. El camí recomanat per accedir a l'objecte {{jsxref("Functions/arguments", "arguments")}} disponible en les funcions requereix simplement referir-se a la variable{{jsxref("Functions/arguments", "arguments")}}.</p>
+
+<p>En cas de recursivitat, és a dir, si la funció <code>f</code> apareix vàries vegades en la pila de crides, el valor det <code>f.arguments</code> representa els arguments corresponents a la invocació més recent de la funció.</p>
+
+<p>El valor del la propietat arguments normalment és null si no hi ha una invocació excel·lent de la funció (això vol dir, que s'ha cridat la funció però la seva execució encara no s'ha acabat).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">function f(n) { g(n - 1); }
+
+function g(n) {
+  console.log('before: ' + g.arguments[0]);
+  if (n &gt; 0) { f(n); }
+  console.log('after: ' + g.arguments[0]);
+}
+
+f(2);
+
+console.log('returned: ' + g.arguments);
+
+// Resultat
+
+// abans: 1
+// abans: 0
+// després: 0
+// després: 1
+// retorn: null
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Obsolet a favor de {{jsxref("Functions/arguments", "arguments")}} en ES3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-10.6', 'arguments object')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>{{jsxref("Functions/arguments", "arguments")}} object</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-arguments-object', 'arguments object')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>{{jsxref("Functions/arguments", "arguments")}} object</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característca</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Objecte {{jsxref("Functions/arguments", "arguments")}}</li>
+ <li>{{jsxref("Functions", "Functions and function scope", "", 1)}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/function/arity/index.html b/files/ca/web/javascript/reference/global_objects/function/arity/index.html
new file mode 100644
index 0000000000..d330307535
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/function/arity/index.html
@@ -0,0 +1,70 @@
+---
+title: Function.arity
+slug: Web/JavaScript/Reference/Global_Objects/Function/arity
+translation_of: Archive/Web/JavaScript/Function.arity
+---
+<div>{{JSRef}} {{obsolete_header}}</div>
+
+<p class="note">La propietat <code><strong>arity</strong></code> solia retornar el número d'arguments esperats per la funció, tanmateix, ja no existeix i s'ha reemplaçat per la propietat {{jsxref("Function.prototype.length")}}.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>Implementat en JavaScript 1.2. Obsolet en JavaScript 1.4.}</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Function.prototype.length")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/function/caller/index.html b/files/ca/web/javascript/reference/global_objects/function/caller/index.html
new file mode 100644
index 0000000000..613e163d6a
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/function/caller/index.html
@@ -0,0 +1,124 @@
+---
+title: Function.caller
+slug: Web/JavaScript/Reference/Global_Objects/Function/caller
+translation_of: Web/JavaScript/Reference/Global_Objects/Function/caller
+---
+<div>{{JSRef}} {{non-standard_header}}</div>
+
+<p>La propietat <code><strong><em>function</em>.caller</strong></code> retorna la funció que ha invocat la funció especificada.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>SI la funció <code>f</code> ha estat invocada pel codi de nivell superior, el valor de <code>f.caller</code> és {{jsxref("null")}}, sinó és la funció que ha cridat <code>f</code>.</p>
+
+<p>Aquesta propietat reemplaça la propietat obsoleta {{jsxref("Functions/arguments/caller", "arguments.caller")}} de l'objecte {{jsxref("Functions/arguments", "arguments")}}.</p>
+
+<p>La propietat especial <code>__caller__</code>, la qual retorna l'objecte activatwhich returned the activation object of the caller thus allowing to reconstruct the stack, was removed for security reasons.</p>
+
+<h3 id="Notes">Notes</h3>
+
+<p>Vegeu que en cas de recursió, no podeu reconstruir la pila de crida fent servir aquesta propietat. C that in case of recursion, you can't reconstruct the call stack using this property. Tingueu en compte:</p>
+
+<pre class="brush: js">function f(n) { g(n - 1); }
+function g(n) { if (n &gt; 0) { f(n); } else { stop(); } }
+f(2);
+</pre>
+
+<p>At the moment <code>stop()</code> is called the call stack will be:</p>
+
+<pre class="brush: js">f(2) -&gt; g(1) -&gt; f(1) -&gt; g(0) -&gt; stop()
+</pre>
+
+<p>El següent és cert:</p>
+
+<pre class="brush: js">stop.caller === g &amp;&amp; f.caller === g &amp;&amp; g.caller === f
+</pre>
+
+<p>so if you tried to get the stack trace in the <code>stop()</code> function like this:</p>
+
+<pre class="brush: js">var f = stop;
+var stack = 'Stack trace:';
+while (f) {
+  stack += '\n' + f.name;
+  f = f.caller;
+}
+</pre>
+
+<p>El bucle mai s'aturaria.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Checking_the_value_of_a_function's_caller_property">Checking the value of a function's <code>caller</code> property</h3>
+
+<p>El codi següent comprova que el valor following code checks the value a function's <code>caller</code> property.</p>
+
+<pre class="brush: js">function myFunc() {
+  if (myFunc.caller == null) {
+    return 'The function was called from the top!';
+  } else {
+    return 'This function\'s caller was ' + myFunc.caller;
+  }
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. Implementat en JavaScript 1.5.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>8.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>Error d'Implementació de SpiderMonkey {{bug(65683)}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/function/index.html b/files/ca/web/javascript/reference/global_objects/function/index.html
new file mode 100644
index 0000000000..9cb0571d13
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/function/index.html
@@ -0,0 +1,236 @@
+---
+title: Function
+slug: Web/JavaScript/Reference/Global_Objects/Function
+tags:
+  - Constructor
+  - Function
+  - JavaScript
+  - NeedsTranslation
+  - TopicStub
+translation_of: Web/JavaScript/Reference/Global_Objects/Function
+---
+<div>{{JSRef}}</div>
+
+<p>The <strong><code>Function</code> constructor</strong> creates a new <code>Function</code> object. In JavaScript every function is actually a <code>Function</code> object.</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="syntaxbox"><code>new Function ([<var>arg1</var>[, <var>arg2</var>[, ...<var>argN</var>]],] <var>functionBody</var>)</code></pre>
+
+<h3 id="Parameters">Parameters</h3>
+
+<dl>
+ <dt><code>arg1, arg2, ... arg<em>N</em></code></dt>
+ <dd>Names to be used by the function as formal argument names. Each must be a string that corresponds to a valid JavaScript identifier or a list of such strings separated with a comma; for example "<code>x</code>", "<code>theValue</code>", or "<code>a,b</code>".</dd>
+ <dt><code>functionBody</code></dt>
+ <dd>A string containing the JavaScript statements comprising the function definition.</dd>
+</dl>
+
+<h2 id="Description">Description</h2>
+
+<p><code>Function</code> objects created with the <code>Function</code> constructor are parsed when the function is created. This is less efficient than declaring a function with a <a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">function expression</a> or <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">function statement</a> and calling it within your code, because such functions are parsed with the rest of the code.</p>
+
+<p>All arguments passed to the function are treated as the names of the identifiers of the parameters in the function to be created, in the order in which they are passed.</p>
+
+<div class="note">
+<p><strong>Note:</strong> Functions created with the <code>Function</code> constructor do not create closures to their creation contexts; they always are created in the global scope. When running them, they will only be able to access their own local variables and global ones, not the ones from the scope in which the <code>Function</code> constructor was called. This is different from using {{jsxref("eval")}} with code for a function expression.</p>
+</div>
+
+<p>Invoking the <code>Function</code> constructor as a function (without using the <code>new</code> operator) has the same effect as invoking it as a constructor.</p>
+
+<h2 id="Properties_and_Methods_of_Function">Properties and Methods of <code>Function</code></h2>
+
+<p>The global <code>Function</code> object has no methods or properties of its own, however, since it is a function itself it does inherit some methods and properties through the prototype chain from {{jsxref("Function.prototype")}}.</p>
+
+<h2 id="Function_prototype_object"><code>Function</code> prototype object</h2>
+
+<h3 id="Properties">Properties</h3>
+
+<div>{{page('/en-US/docs/JavaScript/Reference/Global_Objects/Function/prototype', 'Properties')}}</div>
+
+<h3 id="Methods">Methods</h3>
+
+<div>{{page('/en-US/docs/JavaScript/Reference/Global_Objects/Function/prototype', 'Methods')}}</div>
+
+<h2 id="Function_instances"><code>Function</code> instances</h2>
+
+<p><code>Function</code> instances inherit methods and properties from {{jsxref("Function.prototype")}}. As with all constructors, you can change the constructor's prototype object to make changes to all <code>Function</code> instances.</p>
+
+<h2 id="Examples">Examples</h2>
+
+<h3 id="Specifying_arguments_with_the_Function_constructor">Specifying arguments with the <code>Function</code> constructor</h3>
+
+<p>The following code creates a <code>Function</code> object that takes two arguments.</p>
+
+<pre class="brush: js">// Example can be run directly in your JavaScript console
+
+// Create a function that takes two arguments and returns the sum of those arguments
+var adder = new Function('a', 'b', 'return a + b');
+
+// Call the function
+adder(2, 6);
+// &gt; 8
+</pre>
+
+<p>The arguments "<code>a</code>" and "<code>b</code>" are formal argument names that are used in the function body, "<code>return a + b</code>".</p>
+
+<h3 id="A_recursive_shortcut_to_massively_modify_the_DOM">A recursive shortcut to massively modify the DOM</h3>
+
+<p>Creating functions with the <code>Function</code> constructor is one of the ways to dynamically create an indeterminate number of new objects with some executable code into the global scope from a function. The following example (a recursive shortcut to massively modify the DOM) is impossible without the invocation of the <code>Function</code> constructor for each new query if you want to avoid closures.</p>
+
+<pre class="brush: html">&lt;!doctype html&gt;
+&lt;html&gt;
+&lt;head&gt;
+&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
+&lt;title&gt;MDN Example - a recursive shortcut to massively modify the DOM&lt;/title&gt;
+&lt;script type="text/javascript"&gt;
+var domQuery = (function() {
+  var aDOMFunc = [
+    Element.prototype.removeAttribute,
+    Element.prototype.setAttribute,
+    CSSStyleDeclaration.prototype.removeProperty,
+    CSSStyleDeclaration.prototype.setProperty
+  ];
+
+  function setSomething(bStyle, sProp, sVal) {
+    var bSet = Boolean(sVal), fAction = aDOMFunc[bSet | bStyle &lt;&lt; 1],
+        aArgs = Array.prototype.slice.call(arguments, 1, bSet ? 3 : 2),
+        aNodeList = bStyle ? this.cssNodes : this.nodes;
+
+    if (bSet &amp;&amp; bStyle) { aArgs.push(''); }
+    for (
+      var nItem = 0, nLen = this.nodes.length;
+      nItem &lt; nLen;
+      fAction.apply(aNodeList[nItem++], aArgs)
+    );
+    this.follow = setSomething.caller;
+    return this;
+  }
+
+  function setStyles(sProp, sVal) { return setSomething.call(this, true, sProp, sVal); }
+  function setAttribs(sProp, sVal) { return setSomething.call(this, false, sProp, sVal); }
+  function getSelectors() { return this.selectors; };
+  function getNodes() { return this.nodes; };
+
+  return (function(sSelectors) {
+    var oQuery = new Function('return arguments.callee.follow.apply(arguments.callee, arguments);');
+    oQuery.selectors = sSelectors;
+    oQuery.nodes = document.querySelectorAll(sSelectors);
+    oQuery.cssNodes = Array.prototype.map.call(oQuery.nodes, function(oInlineCSS) { return oInlineCSS.style; });
+    oQuery.attributes = setAttribs;
+    oQuery.inlineStyle = setStyles;
+    oQuery.follow = getNodes;
+    oQuery.toString = getSelectors;
+    oQuery.valueOf = getNodes;
+    return oQuery;
+  });
+})();
+&lt;/script&gt;
+&lt;/head&gt;
+
+&lt;body&gt;
+
+&lt;div class="testClass"&gt;Lorem ipsum&lt;/div&gt;
+&lt;p&gt;Some text&lt;/p&gt;
+&lt;div class="testClass"&gt;dolor sit amet&lt;/div&gt;
+
+&lt;script type="text/javascript"&gt;
+domQuery('.testClass')
+  .attributes('lang', 'en')('title', 'Risus abundat in ore stultorum')
+  .inlineStyle('background-color', 'black')('color', 'white')('width', '100px')('height', '50px');
+&lt;/script&gt;
+&lt;/body&gt;
+
+&lt;/html&gt;
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Initial definition. Implemented in JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.3', 'Function')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-function-objects', 'Function')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{jsxref("Functions", "Functions and function scope")}}</li>
+ <li>{{jsxref("Function")}}</li>
+ <li>{{jsxref("Statements/function", "function statement")}}</li>
+ <li>{{jsxref("Operators/function", "function expression")}}</li>
+ <li>{{jsxref("Statements/function*", "function* statement")}}</li>
+ <li>{{jsxref("Operators/function*", "function* expression")}}</li>
+ <li>{{jsxref("GeneratorFunction")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/function/length/index.html b/files/ca/web/javascript/reference/global_objects/function/length/index.html
new file mode 100644
index 0000000000..2af00ebf41
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/function/length/index.html
@@ -0,0 +1,134 @@
+---
+title: Function.length
+slug: Web/JavaScript/Reference/Global_Objects/Function/length
+translation_of: Web/JavaScript/Reference/Global_Objects/Function/length
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>length</strong></code> especifica el nombre d'arguments que la funció espera.</p>
+
+<div>{{js_property_attributes(0,0,1)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>length</code> és una propietat d'un objecte funció, i indica quants arguments la funció espera,  és a dir, el nombre de paràmetres formals. Aquest nombre no inclou el  {{jsxref("rest_parameters", "rest parameter", "", 1)}}. Per contra, {{jsxref("Functions_and_function_scope/arguments/length", "arguments.length")}} és local a la funció i retorna el nombre d'arguments que s'han passat a la funció.</p>
+
+<h3 id="Propietat_Data_del_constructor_Function">Propietat Data del constructor <code>Function</code></h3>
+
+<p>El constructor {{jsxref("Function")}} és per ell mateix un objecte {{jsxref("Function")}}. La seva propietat data <code>length</code> pren un valor d'1. Els atributs de la propietat són: Writable: <code>false</code>, Enumerable: <code>false</code>, Configurable: <code>true</code>.</p>
+
+<h3 id="Propietat_de_l'objecte_prototipus_Function">Propietat de l'objecte prototipus <code>Function</code></h3>
+
+<p>La propietat length de l'objecte prototipus {{jsxref("Function")}} pren un valor de 0.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">console.log(Function.length); /* 1 */
+
+console.log((function()        {}).length); /* 0 */
+console.log((function(a)       {}).length); /* 1 */
+console.log((function(a, b)    {}).length); /* 2 etc. */
+console.log((function(...args) {}).length); /* 0, la resta de paràmetres no es conta */
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definció inicial. Implementat en JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.3.5.1', 'Function.length')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-function-instances-length', 'Function.length')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>L'atribut <code>configurable</code> d'aquesta propietat és ara  <code>true</code>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Configurable: true</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop(37)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Configurable: true</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile(37)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Function")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/function/name/index.html b/files/ca/web/javascript/reference/global_objects/function/name/index.html
new file mode 100644
index 0000000000..6f88ba9be2
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/function/name/index.html
@@ -0,0 +1,153 @@
+---
+title: Function.name
+slug: Web/JavaScript/Reference/Global_Objects/Function/name
+translation_of: Web/JavaScript/Reference/Global_Objects/Function/name
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong><em>function</em>.name</strong></code> retorna el nom de la funció.</p>
+
+<div>{{js_property_attributes(0,0,1)}}</div>
+
+<div>Vegeu que en les implementacions no estàndards anteriors a ES2015 l'atribut <code>configurable</code> també era <code>false</code>.</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La propietat <code>name</code> retorna el nom de la funció, o una cadena buida per les funcions anònimes.</p>
+
+<pre class="brush: js">function fesAlgo() {}
+
+console.log(desAlgo.name); // escriu "fesAlgo"
+</pre>
+
+<p>Les funcions creades amb la sintaxis <code>new Function(...)</code> o sols <code>Function(...)</code>tenen la seva propietat <code>name</code> en una cadena buida. En els exemples següents es creen funcions anònimes , de forma que <code>name</code> retorna una cadena buida:</p>
+
+<pre class="brush: js">var f = function() {};
+var object = {
+  someMethod: function() {}
+};
+
+console.log(f.name == ''); // true
+console.log(object.someMethod.name == ''); // també true
+</pre>
+
+<p>Es pot definir una funció amb un nom en un {{jsxref("Operators/Function", "function expression", "", 1)}}:</p>
+
+<pre class="brush: js">var object = {
+  someMethod: function object_someMethod() {}
+};
+console.log(object.someMethod.name); // logs "object_someMethod"
+
+try { object_someMethod } catch(e) { console.log(e); }
+// ReferenceError: object_someMethod no està definit
+</pre>
+
+<p>No es pot canviar el nom de la funció, aquesta propietat és només llegible:</p>
+
+<pre class="brush: js">var object = {
+  // anònima
+  someMethod: function() {}
+};
+
+object.someMethod.name = 'someMethod';
+console.log(object.someMethod.name); // cadena buida, someMethod és anònima.
+</pre>
+
+<p>Per canviar-ho, es pot utilitzar {{jsxref("Object.defineProperty()")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Es pot utilitzar <code>obj.constructor.name</code> per comprovar la "classe" d'un objecte:</p>
+
+<pre class="brush: js">function a() {}
+
+var b = new a();
+
+console.log(b.constructor.name); // escriu "a"
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES2015', '#sec-name', 'name')}}</td>
+   <td>{{Spec2('ES2015')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Comptabilitat_amb_navegadors">Comptabilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>33</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Configurable: true</td>
+   <td>43</td>
+   <td>{{CompatGeckoDesktop(38)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Configurable: true</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile(38)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/javascript/reference/global_objects/function/tosource/index.html b/files/ca/web/javascript/reference/global_objects/function/tosource/index.html
new file mode 100644
index 0000000000..27f135ce13
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/function/tosource/index.html
@@ -0,0 +1,97 @@
+---
+title: Function.prototype.toSource()
+slug: Web/JavaScript/Reference/Global_Objects/Function/toSource
+translation_of: Web/JavaScript/Reference/Global_Objects/Function/toSource
+---
+<div>{{JSRef}} {{non-standard_header}}</div>
+
+<p>El mètode <code><strong>toSource()</strong></code>retorna una cadena que representa el codi font de l'objecte.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>function</var>.toSource();
+Function.toSource();
+</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>toSource</code> retorna els valors següents:</p>
+
+<ul>
+ <li>Per l'objecte incorporat {{jsxref("Function")}}, <code>toSource()</code> retorna la cadena següent indicant que el codi font no es troba disponible:
+
+  <pre class="brush: js">function Function() {
+    [native code]
+}
+</pre>
+ </li>
+ <li>Per funcions personalitzades, <code>toSource()</code> retorna la font de JavaScript que defineix l'objecte com una cadena.</li>
+</ul>
+
+<p>Aquest mètode se sol cridar internament per JavaScript i no explícitament en el codi. Podeu cridar <code>toSource</code> durant la depuració per examinar el contingut d'un objecte.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap estàndard. Implementat en JavaScript 1.3.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.prototype.toSource()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/assign/index.html b/files/ca/web/javascript/reference/global_objects/object/assign/index.html
new file mode 100644
index 0000000000..855b5654a6
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/assign/index.html
@@ -0,0 +1,252 @@
+---
+title: Object.assign()
+slug: Web/JavaScript/Reference/Global_Objects/Object/assign
+translation_of: Web/JavaScript/Reference/Global_Objects/Object/assign
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Object.assign()</code></strong> s'utilitza per copiar els valors de totes les propietats enumerables pròpies d'un o més objectes d'orígens a un objecte objectiu o destí. Retornarà l'objecte destí.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Object.assign(<var>target</var>, ...<var>orígens</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>target</code></dt>
+ <dd>L'objecte destí.</dd>
+ <dt><code>sources</code></dt>
+ <dd>El(s) objecte(s) d'orígen.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>L'objecte destí (o objectiu) es retornat.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>Object.assign()</code> només copia propietats <em>enumerable</em>s i <em>pròpies</em> d'un objecte orígen a un objecte destí. S'utilitza <code>[[Get]]</code> a l'orígen i <code>[[Put]]</code> al destí, de forma que invocarà getters i setters. Per tant, <em>assigna</em> propietats en comptes de només copiar o definir noves propietats. Axò pot fer que sigui inadequat per juntar noves propietats en un prototipus si les fonts de la unió contenen getters. Per copiar definicions de la propietat, incloent la seva enumerabilitat, en prototipus s'ha de fer servir {{jsxref("Object.getOwnPropertyDescriptor()")}} i {{jsxref("Object.defineProperty()")}}.</p>
+
+<p>Tant la propietat {{jsxref("String")}} com la propietat {{jsxref("Symbol")}} són copiades.</p>
+
+<p>En cas d'error, per exemple si una propietat no és modificable, un {{jsxref("TypeError")}} <strong><u>s'incrementarà </u></strong>i l'objecte <code>target</code> object es mantindrà sense canvis.</p>
+
+<p>Vegeu que <code>Object.assign()</code> does not throw on {{jsxref("null")}} or {{jsxref("undefined")}} source values.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Clonar_un_objecte">Clonar un objecte</h3>
+
+<pre class="brush: js">var obj = { a: 1 };
+var copy = Object.assign({}, obj);
+console.log(copy); // { a: 1 }
+</pre>
+
+<h3 id="Unir_objectes">Unir objectes</h3>
+
+<pre class="brush: js">var o1 = { a: 1 };
+var o2 = { b: 2 };
+var o3 = { c: 3 };
+
+var obj = Object.assign(o1, o2, o3);
+console.log(obj); // { a: 1, b: 2, c: 3 }
+console.log(o1);  // { a: 1, b: 2, c: 3 }, L'objecte de destinació es canvia</pre>
+
+<h3 id="Copiar_propietats_symbol-typed">Copiar propietats  symbol-typed</h3>
+
+<pre class="brush: js">var o1 = { a: 1 };
+var o2 = { [Symbol('foo')]: 2 };
+
+var obj = Object.assign({}, o1, o2);
+console.log(obj); // { a: 1, [Symbol("foo")]: 2 }
+</pre>
+
+<h3 id="Les_propietats_heretades_i_les_propietats_no_enumerables_no_es_poden_copiar">Les propietats heretades i les propietats no enumerables no es poden copiar</h3>
+
+<pre class="brush: js">var obj = Object.create({ foo: 1 }, { // foo és una propietat heretada.
+  bar: {
+    value: 2  // bar és una propietat no enumerable.
+  },
+  baz: {
+    value: 3,
+    enumerable: true  // baz is an own enumerable property.
+  }
+});
+
+var copy = Object.assign({}, obj);
+console.log(copy); // { baz: 3 }
+</pre>
+
+<h3 id="Primitives_will_be_wrapped_to_objects">Primitives will be wrapped to objects</h3>
+
+<pre class="brush: js">var v1 = '123';
+var v2 = true;
+var v3 = 10;
+var v4 = Symbol('foo')
+
+var obj = Object.assign({}, v1, null, v2, undefined, v3, v4);
+// Primitives will be wrapped, null and undefined will be ignored.
+// Note, only string wrappers can have own enumerable properties.
+console.log(obj); // { "0": "1", "1": "2", "2": "3" }
+</pre>
+
+<h3 id="Exceptions_will_interrupt_the_ongoing_copying_task">Exceptions will interrupt the ongoing copying task</h3>
+
+<pre class="brush: js">var target = Object.defineProperty({}, 'foo', {
+  value: 1,
+  writeable: false
+}); // target.foo is a read-only property
+
+Object.assign(target, { bar: 2 }, { foo2: 3, foo: 3, foo3: 3 }, { baz: 4 });
+// TypeError: "foo" is read-only
+// The Exception is thrown when assigning target.foo
+
+console.log(target.bar);  // 2, the first source was copied successfully.
+console.log(target.foo2); // 3, the first property of the second source was copied successfully.
+console.log(target.foo);  // 1, exception is thrown here.
+console.log(target.foo3); // undefined, assign method has finished, foo3 will not be copied.
+console.log(target.baz);  // undefined, the third source will not be copied either.
+</pre>
+
+<h3 id="Copying_accessors">Copying accessors</h3>
+
+<pre class="brush: js">var obj = {
+  foo: 1,
+  get bar() {
+    return 2;
+  }
+};
+
+var copy = Object.assign({}, obj);
+console.log(copy);
+// { foo: 1, bar: 2 }, the value of copy.bar is obj.bar's getter's return value.
+
+// This is an assign function which can copy accessors.
+function myAssign(target, ...sources) {
+  sources.forEach(source =&gt; {
+    Object.defineProperties(target, Object.keys(source).reduce((descriptors, key) =&gt; {
+      descriptors[key] = Object.getOwnPropertyDescriptor(source, key);
+      return descriptors;
+    }, {}));
+  });
+  return target;
+}
+
+var copy = myAssign({}, obj);
+console.log(copy);
+// { foo:1, get bar() { return 2 } }
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>This polyfill doesn't support symbol properties, since ES5 doesn't have symbols anyway:</p>
+
+<pre class="brush: js">if (!Object.assign) {
+  Object.defineProperty(Object, 'assign', {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function(target) {
+      'use strict';
+      if (target === undefined || target === null) {
+        throw new TypeError('Cannot convert first argument to object');
+      }
+
+      var to = Object(target);
+      for (var i = 1; i &lt; arguments.length; i++) {
+        var nextSource = arguments[i];
+        if (nextSource === undefined || nextSource === null) {
+          continue;
+        }
+        nextSource = Object(nextSource);
+
+        var keysArray = Object.keys(Object(nextSource));
+        for (var nextIndex = 0, len = keysArray.length; nextIndex &lt; len; nextIndex++) {
+          var nextKey = keysArray[nextIndex];
+          var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
+          if (desc !== undefined &amp;&amp; desc.enumerable) {
+            to[nextKey] = nextSource[nextKey];
+          }
+        }
+      }
+      return to;
+    }
+  });
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES2015', '#sec-object.assign', 'Object.assign')}}</td>
+   <td>{{Spec2('ES2015')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_de_navegadors">Compatibilitat de navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Caracteristica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("45")}}</td>
+   <td>{{CompatGeckoDesktop("34")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("34")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.defineProperties()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/count/index.html b/files/ca/web/javascript/reference/global_objects/object/count/index.html
new file mode 100644
index 0000000000..ed84c7006c
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/count/index.html
@@ -0,0 +1,82 @@
+---
+title: Object.prototype.__count__
+slug: Web/JavaScript/Reference/Global_Objects/Object/count
+translation_of: Archive/Web/JavaScript/Object.count
+---
+<div>{{JSRef}} {{obsolete_header("2")}}</div>
+
+<p>La propietat <strong><code>__count__</code></strong> s'utilitzava per emmagatzemar el recompte de les propietats enumerables d'un objecte, però s'ha eliminat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>obj</var>.__count__</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">{ 1: 1 }.__count__              // 1
+[].__count__                    // 0
+[1].__count__                   // 1
+[1, /* hole */, 2, 3].__count__ // 3
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a class="external" href="http://whereswalden.com/2010/04/06/more-changes-coming-to-spidermonkey-the-magical-__count__-property-of-objects-is-being-removed/">[Blog post] Més canvis en SpiderMonkey: la propietat màgica  __count__  s'ha eliminat</a></li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/eval/index.html b/files/ca/web/javascript/reference/global_objects/object/eval/index.html
new file mode 100644
index 0000000000..8c43cf423a
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/eval/index.html
@@ -0,0 +1,85 @@
+---
+title: Object.prototype.eval()
+slug: Web/JavaScript/Reference/Global_Objects/Object/eval
+translation_of: Archive/Web/JavaScript/Object.eval
+---
+<div>{{JSRef}} {{obsolete_header}}</div>
+
+<p>El mètode <code><strong>Object.eval()</strong></code> solia avaluar una cadena del codi JavaScript en el context d'un objecte, tanmateix, aquest mètode s'ha eliminat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>obj</var>.eval(<var>cadena</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>cadena</code></dt>
+ <dd>Qualsevol cadena que representi una expressió JavaScript, sentència, o una seqüència de sentències. L'expressió pot incloure variables i propietats d'objectes ja existents.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>eval</code> ja no es pot utilitzar com a mètode d'un objecte. Utilitzeu la funció de més alt nivell {{jsxref("Global_Objects/eval", "eval()")}} per aquesta finalitat.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Global_Objects/eval", "eval()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/freeze/index.html b/files/ca/web/javascript/reference/global_objects/object/freeze/index.html
new file mode 100644
index 0000000000..1231afe27f
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/freeze/index.html
@@ -0,0 +1,193 @@
+---
+title: Object.freeze()
+slug: Web/JavaScript/Reference/Global_Objects/Object/freeze
+translation_of: Web/JavaScript/Reference/Global_Objects/Object/freeze
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>Object.freeze()</strong></code> congela un objecte: és a dir, evita que se li puguin afegir noves propietats, eliminar propietats ja existents així com modificar els paràmetres d'enumerabilitat, configurabilitat i possibilitat d'escriptura de les propietats existents. Això, en essència fa que l'objecte esdevingui immutable a efectes pràctics. El mètode retorna l'objecte que s'ha congelat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Object.freeze(<var>obj</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>obj</code></dt>
+ <dd>L'objecte a congelar.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Res pot ser afegit o eliminat del conjunt de propietats d'un objecte congelat. Qualsevol intent fallarà o bé sense reportar cap error o bé llençant una excepció {{jsxref("TypeError")}} (és l'excepció més freqüent que serà llençada però en pot llençat altres tipus; a l'utilitzar el {{jsxref("Strict_mode", "mode estricte", "", 1)}}).</p>
+
+<p>Congelar un objecte també evita que es puguin modificar els valors de les seves propietats. Les propietats d'accés (getters i setters) segueixen funcionan (donant la il·lusió que s'ha canviat el valor). Cal advertir, però, que els valors que siguin objectes sí que es poden modificar, a no ser que aquests objectes també estiguin congelats.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">var obj = {
+  prop: function() {},
+  foo: 'bar'
+};
+
+// Es poden afegir noves propietats, així com canviar o eliminar les propietats ja existents
+obj.foo = 'baz';
+obj.lumpy = 'woof';
+delete obj.prop;
+
+var o = Object.freeze(obj);
+
+assert(Object.isFrozen(obj) === true);
+
+// A partir d'ara qualsevol canvi fallarà
+obj.foo = 'quux'; // falla silenciosament
+obj.quaxxor = 'the friendly duck'; // romàn en silenci i no afegeix la propietat
+
+// ...i en mode estricte qualsevol intent llençarà una excepció TypeError
+function fail(){
+  'use strict';
+  obj.foo = 'sparky'; // llença TypeError
+  delete obj.quaxxor; // llença TypeError
+  obj.sparky = 'arf'; // llença TypeError
+}
+
+fail();
+
+// Intentar realitzar canvis a través de Object.defineProperty també resultaran en excepcions
+Object.defineProperty(obj, 'ohai', { value: 17 }); // llença TypeError
+Object.defineProperty(obj, 'foo', { value: 'eit' }); // llença TypeError
+</pre>
+
+<p>L'exemple següent demostra que valors de tipus objecte pertanyents a propietats d'un objecte congelat sí que es poden modificar.(<code>freeze</code> no s'aplica de manera recursiva).</p>
+
+<pre class="brush: js">obj1 = {
+  internal: {}
+};
+
+Object.freeze(obj1);
+obj1.internal.a = 'aValue';
+
+obj1.internal.a // 'aValue'
+
+// Per a fer que obj sigui totalment immutable cal congelar tots els objectes referenciats per aquest.
+// Per a aconseguir això utilitzem la funció següent
+function deepFreeze(obj) {
+
+  // Obté els nomes de les propietats definides a l'objecte obj
+  var propNames = Object.getOwnPropertyNames(obj);
+
+  // Congela les propietats abans de congelar l'objecte en si
+  propNames.forEach(function(name) {
+    var prop = obj[name];
+
+    // Congela prop si aquest és un objecte
+    if (typeof prop == 'object' &amp;&amp; !Object.isFrozen(prop))
+      deepFreeze(prop);
+  });
+
+  // Congela l'objecte pare
+  return Object.freeze(obj);
+}
+
+obj2 = {
+  internal: {}
+};
+
+deepFreeze(obj2);
+obj2.internal.a = 'anotherValue';
+obj2.internal.a; // undefined
+</pre>
+
+<h2 id="Notes">Notes</h2>
+
+<p>A l'EcmaScript 5, si l'argument passat a aquest mètode no és un objecte (un valor primitiu), llençarà un {{jsxref("TypeError")}}. A l'EcmaScript 6, un argument que no sigui un objecte serà tractat com si fós un objecte congelat ordinari, i simplement el retornarà.</p>
+
+<pre class="brush: js">&gt; Object.freeze(1)
+TypeError: 1 no és un objecte // Codi EcmaScript 5
+
+&gt; Object.freeze(1)
+1                             // Codi EcmaScript 6
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.2.3.9', 'Object.freeze')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.8.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-object.freeze', 'Object.freeze')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Firefox (Gecko)</th>
+   <th>Chrome</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatGeckoDesktop("2")}}</td>
+   <td>{{CompatChrome("6")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatOpera("12")}}</td>
+   <td>{{CompatSafari("5.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>Android</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.isFrozen()")}}</li>
+ <li>{{jsxref("Object.preventExtensions()")}}</li>
+ <li>{{jsxref("Object.isExtensible()")}}</li>
+ <li>{{jsxref("Object.seal()")}}</li>
+ <li>{{jsxref("Object.isSealed()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/getprototypeof/index.html b/files/ca/web/javascript/reference/global_objects/object/getprototypeof/index.html
new file mode 100644
index 0000000000..01666d0898
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/getprototypeof/index.html
@@ -0,0 +1,124 @@
+---
+title: Object.getPrototypeOf()
+slug: Web/JavaScript/Reference/Global_Objects/Object/getPrototypeOf
+translation_of: Web/JavaScript/Reference/Global_Objects/Object/getPrototypeOf
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>Object.getPrototypeOf()</strong></code> retorna el prototipus (és a dir, el valor de la propietat interna <code>[[Prototype]]</code>) de l'objecte especificat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Object.getPrototypeOf(<var>obj</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>obj</code></dt>
+ <dd>L'objecte del qual es retornarà el prototipus.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">var proto = {};
+var obj = Object.create(proto);
+Object.getPrototypeOf(obj) === proto; // true
+</pre>
+
+<h2 id="Notes">Notes</h2>
+
+<p>A l'EcmaScript 5 llençarà una excepció {{jsxref("TypeError")}} si el paràmetre <code>obj</code> no és un objecte. A l'EcmaScript 6 el paràmetre serà forçat al tipus {{jsxref("Object")}}.</p>
+
+<pre class="brush: js">Object.getPrototypeOf("foo");
+// TypeError: "foo" no és un objecte (codi EcmaScript 5)
+Object.getPrototypeOf("foo");
+// String.prototype                  (codi EcmaScript 6)
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.2.3.2', 'Object.getPrototypeOf')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-object.getprototypeof', 'Object.getProtoypeOf')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("5")}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatOpera("12.10")}}</td>
+   <td>{{CompatSafari("5")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_específiques_per_a_Opera">Notes específiques per a Opera</h2>
+
+<p>Tot i que versions antigues de Opera no suporten <code>Object.getPrototypeOf()</code>, Opera soporta la propietat no standard {{jsxref("Object.proto", "__proto__")}} a partir de la versió 10.50.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.prototype.isPrototypeOf()")}}</li>
+ <li>{{jsxref("Object.setPrototypeOf()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Object.prototype.__proto__")}}</li>
+ <li>John Resig's post on <a class="external" href="http://ejohn.org/blog/objectgetprototypeof/">getPrototypeOf</a></li>
+ <li>{{jsxref("Reflect.getPrototypeOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/index.html b/files/ca/web/javascript/reference/global_objects/object/index.html
new file mode 100644
index 0000000000..1c2a779065
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/index.html
@@ -0,0 +1,213 @@
+---
+title: Object
+slug: Web/JavaScript/Reference/Global_Objects/Object
+tags:
+  - Constructor
+  - JavaScript
+  - NeedsTranslation
+  - Object
+  - TopicStub
+translation_of: Web/JavaScript/Reference/Global_Objects/Object
+---
+<div>{{JSRef}}</div>
+
+<p>El constructor <code><strong>Object</strong></code> crea un embolcall d'objecte.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>// Inicialitzador d'objecte o literal
+{ [ <var>parellNomValor1</var>[, <var>parellNomValor2</var>[, ...<var>parellNomValorN</var>] ] ] }
+
+// Cridat com a constructor
+new Object([valor])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>parellNomValor1, parellNomValor2, ... parellNomValor<em>N</em></code></dt>
+ <dd>Parells de noms (string) i valors (quasevol valor) on els noms se separen dels valors mitjançant dos punts (:).</dd>
+ <dt><code>value</code></dt>
+ <dd>Qualsevol valor.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El constructor <code>Object</code> crea un embolcall d'objecte per al valor donat. Si el valor és {{jsxref("null")}} o bé {{jsxref("undefined")}}, crearà i retornarà un objecte buit. En cas contrari retornarà un objecte del tipus corresponent al valor donat. Si el valor donat ja és un objecte, retornarà el mateix objecte.</p>
+
+<p>Quan es crida fora d'un contexte constructor, <code>Object</code> es comporta exactament de la mateixa manera que <code>new Object()</code>.</p>
+
+<p>Vegeu també la <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer">sintaxi literal / d'inicialització d'objectes</a>.</p>
+
+<h2 id="Propietats_del_constructor_Object">Propietats del constructor <code>Object</code></h2>
+
+<dl>
+ <dt><code>Object.length</code></dt>
+ <dd>Val 1.</dd>
+ <dt>{{jsxref("Object.prototype")}}</dt>
+ <dd>Permet l'adició de propietats a tots els objecte del tipus <code>Object</code>.</dd>
+</dl>
+
+<h2 id="Mètodes_del_constructor_Object">Mètodes del constructor <code>Object</code></h2>
+
+<dl>
+ <dt>{{jsxref("Object.assign()")}} {{experimental_inline}}</dt>
+ <dd>Crea un nou objecte copiant els valors de totes les propietats pròpies enumerables d'un o més objectes origin a l'objecte destí.</dd>
+ <dt>{{jsxref("Object.create()")}}</dt>
+ <dd>Crea un nou objecte amb l'objecte prototipus que s'especifiqui, així com les propietats passades.</dd>
+ <dt>{{jsxref("Object.defineProperty()")}}</dt>
+ <dd>Afegeix a l'objecte la propietat amb nom descrita pel descriptor especificat.</dd>
+ <dt>{{jsxref("Object.defineProperties()")}}</dt>
+ <dd>Afegeix a l'objecte les propietats amb nom descrites pels descriptors especificats.</dd>
+ <dt>{{jsxref("Object.freeze()")}}</dt>
+ <dd><em>Congela</em> un objecte de forma que les propietats d'aquest no poden ser esborrades o canviades.</dd>
+ <dt>{{jsxref("Object.getOwnPropertyDescriptor()")}}</dt>
+ <dd>Retorna un descriptor de propietat per a la propietat donada d'un objecte.</dd>
+ <dt>{{jsxref("Object.getOwnPropertyNames()")}}</dt>
+ <dd>Retorna un array que contindrà els nomes de totes les propietats <strong>pròpies</strong> d'un objecte, tant enumerables com no enumerables.</dd>
+ <dt>{{jsxref("Object.getOwnPropertySymbols()")}} {{experimental_inline}}</dt>
+ <dd>Retorna un array amb totes les propietats de tipus symbol que siguin pròpies d'un objecte donat.</dd>
+ <dt>{{jsxref("Object.getPrototypeOf()")}}</dt>
+ <dd>Retorna el prototipus de l'objecte especificat.</dd>
+ <dt>{{jsxref("Object.is()")}} {{experimental_inline}}</dt>
+ <dd>Compara dos valors i determina si són equivalents (és a dir, si són el mateix objecte).</dd>
+ <dt>{{jsxref("Object.isExtensible()")}}</dt>
+ <dd>Determina si és permés extendre un objecte.</dd>
+ <dt>{{jsxref("Object.isFrozen()")}}</dt>
+ <dd>Determina si l'objecte està congelat.</dd>
+ <dt>{{jsxref("Object.isSealed()")}}</dt>
+ <dd>Determina si un objecte està segellat.</dd>
+ <dt>{{jsxref("Object.keys()")}}</dt>
+ <dd>Retorna un array que conté els noms de totes les propietats enumerables <strong>pròpies</strong> d'un objecte donat.</dd>
+ <dt>{{jsxref("Object.observe()")}} {{experimental_inline}}</dt>
+ <dd>Observa canvies en un objecte de forma asíncrona.</dd>
+ <dt>{{jsxref("Object.preventExtensions()")}}</dt>
+ <dd>Desactiva la capacitat d'un objecte per a ser extés.</dd>
+ <dt>{{jsxref("Object.seal()")}}</dt>
+ <dd>Desactiva la capacitat de poder esborrar propietats de l'objecte.</dd>
+ <dt>{{jsxref("Object.setPrototypeOf()")}} {{experimental_inline}}</dt>
+ <dd>Assigna el prototipus (és a dir, la propietat interna <code>[[Prototype]]</code>)</dd>
+</dl>
+
+<h2 id="Instàncies_de_Object_i_l'objecte_prototipus">Instàncies de <code>Object</code> i l'objecte prototipus</h2>
+
+<p>A JavaScript, tots els objectes són descendents de <code>Object</code>; tots els objectes hereten els mètodes i propietats de {{jsxref("Object.prototype")}}, tot i que poden ser sobreescrits. Per exemple, els prototipus d'altres constructors sobreescriuen la propietat <code>constructor</code> i ofereixen el seu propi mètode <code>toString()</code>. Els canvis al prototipus <code>Object</code> es propaguen a tots els objectes a no ser que les propietats i mètodes que reben aquests canvis hagin sigut sobreescrites més avall a la cadena de prototipus.</p>
+
+<h3 id="Propietats">Propietats</h3>
+
+<div>{{page('/ca/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype', 'Properties') }}</div>
+
+<h3 id="Mètodes">Mètodes</h3>
+
+<div>{{page('/ca/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype', 'Methods') }}</div>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Object_amb_els_tipus_undefined_i_null_types">Utilitzar <code>Object</code> amb els tipus <code>undefined</code> i <code>null</code> types</h3>
+
+<p>Els següents exemples emmagatzemen un objecte <code>Object</code> buit a <code>o</code>:</p>
+
+<pre class="brush: js">var o = new Object();
+</pre>
+
+<pre class="brush: js">var o = new Object(undefined);
+</pre>
+
+<pre class="brush: js">var o = new Object(null);
+</pre>
+
+<h3 id="Utilitzar_Object_per_a_crear_objectes_booleans">Utilitzar <code>Object</code> per a crear objectes booleans</h3>
+
+<p>Els exemples següents emmagatzemen objectes de tipus {{jsxref("Boolean")}} a <code>o</code>:</p>
+
+<pre class="brush: js">// equivalent a o = new Boolean(true);
+var o = new Object(true);
+</pre>
+
+<pre class="brush: js">// equivalent a o = new Boolean(false);
+var o = new Object(Boolean());
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.2', 'Object')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-object-objects', 'Object')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer">Inicialitzador d'objectes</a></li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/isextensible/index.html b/files/ca/web/javascript/reference/global_objects/object/isextensible/index.html
new file mode 100644
index 0000000000..7b8700654c
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/isextensible/index.html
@@ -0,0 +1,138 @@
+---
+title: Object.isExtensible()
+slug: Web/JavaScript/Reference/Global_Objects/Object/isExtensible
+translation_of: Web/JavaScript/Reference/Global_Objects/Object/isExtensible
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Object.isExtensible()</code></strong> determina si un objecte és extensible (és a dir, si accepta l'addició de noves propietats).</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Object.isExtensible(<var>obj</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>obj</code></dt>
+ <dd>L'objecte del que comprovarà l'extensibilitat.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Per defecte tots els objectes són extensibles: se'ls hi poden afegir noves propietats, i (en objectes que suportin {{jsxref("Object.proto", "__proto__")}} {{deprecated_inline}} la seva propietat __proto__ property) es pot modificar. Es pot marcar un objecte com a no extensible utilitzant {{jsxref("Object.preventExtensions()")}}, {{jsxref("Object.seal()")}}, o bé {{jsxref("Object.freeze()")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">// Els objectes nous són extensibles.
+var empty = {};
+Object.isExtensible(empty); // === true
+
+// ...pero això pot canviar.
+Object.preventExtensions(empty);
+Object.isExtensible(empty); // === false
+
+// Els objectes segellats són no extensibles per definició
+var sealed = Object.seal({});
+Object.isExtensible(sealed); // === false
+
+// Els objectes congelats també són no extensibes per definició
+var frozen = Object.freeze({});
+Object.isExtensible(frozen); // === false
+</pre>
+
+<h2 id="Notes">Notes</h2>
+
+<p>A l'EcmaScript 5, si l'argument d'aquest mètode no és un objecte (un valor primitiu) es llençarà una excepció {{jsxref("TypeError")}}. A l'EcmaScript 6, un argument que no sigui un objecte es tractarà com si fós un objecte no extensible ordinari i simplement retornarà <code>false</code>.</p>
+
+<pre class="brush: js">Object.isExtensible(1);
+// TypeError: 1 no és un objecte (codi EcmaScript 5)
+
+Object.isExtensible(1);
+// false                         (codi EcmaScript 6)
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.2.3.13', 'Object.isExtensible')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.8.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-object.isextensible', 'Object.isExtensible')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("6")}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatOpera("12")}}</td>
+   <td>{{CompatSafari("5.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.preventExtensions()")}}</li>
+ <li>{{jsxref("Object.seal()")}}</li>
+ <li>{{jsxref("Object.isSealed()")}}</li>
+ <li>{{jsxref("Object.freeze()")}}</li>
+ <li>{{jsxref("Object.isFrozen()")}}</li>
+ <li>{{jsxref("Reflect.isExtensible()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/isfrozen/index.html b/files/ca/web/javascript/reference/global_objects/object/isfrozen/index.html
new file mode 100644
index 0000000000..46c2e24be2
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/isfrozen/index.html
@@ -0,0 +1,182 @@
+---
+title: Object.isFrozen()
+slug: Web/JavaScript/Reference/Global_Objects/Object/isFrozen
+translation_of: Web/JavaScript/Reference/Global_Objects/Object/isFrozen
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>Object.isFrozen()</strong></code> determina si un objecte està congelat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Object.isFrozen(<var>obj</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>obj</code></dt>
+ <dd>L'objecte que es comprovarà si està congelat o no.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Un objecte està congelat si i només si no és {{jsxref("Object.isExtensible()", "extensible", "", 1)}}, cap de les seves propietats és configurable, i cap de les seves propietats de dades (és a dir, propietats que no són <em>accessor</em> amb components getter o setter) that is, properties which are not accessor properties with getter or setter components) es poden escriure (modificar el seu valor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">// Els objectes nous són extensibles, així que no estan congelats.
+Object.isFrozen({}); // === false
+
+// Un objecte buit que no és extensible està congelat ja que no te propietats que trenquin les restriccions.
+var vacuouslyFrozen = Object.preventExtensions({});
+Object.isFrozen(vacuouslyFrozen); // === true
+
+// Un objecte nou amb una propietat és extensible, i per tant no està congelat.
+var oneProp = { p: 42 };
+Object.isFrozen(oneProp); // === false
+
+// Fer-lo no extensible no el fa congelat,
+// perquè la propietat encara és configurable (i permet l'escriptura).
+Object.preventExtensions(oneProp);
+Object.isFrozen(oneProp); // === false
+
+// ...però, un altre cop, si eliminem la propietat ens trobem amb un objecte buit congelat.
+delete oneProp.p;
+Object.isFrozen(oneProp); // === true
+
+// Un objecte no extensible amb una propietat que no permeti l'escriptura però sí que es configurable no està congelat.
+var nonWritable = { e: 'plep' };
+Object.preventExtensions(nonWritable);
+Object.defineProperty(nonWritable, 'e', { writable: false }); // fer que la propietat no permeti l'escriptura
+Object.isFrozen(nonWritable); // === false
+
+// Fer aquesta propietat no configurable fa que l'objecte estigui congelat
+Object.defineProperty(nonWritable, 'e', { configurable: false }); // fer la propietat no configurable
+Object.isFrozen(nonWritable); // === true
+
+// Un objecte no extensible amb una propietat no configurable però que si permeti l'escriptura tampoc està congelat.
+var nonConfigurable = { release: 'the kraken!' };
+Object.preventExtensions(nonConfigurable);
+Object.defineProperty(nonConfigurable, 'release', { configurable: false });
+Object.isFrozen(nonConfigurable); // === false
+
+// Canviar aquesta propietat per a que no permeti l'escriptura fa que l'objecte estigui congelat.
+Object.defineProperty(nonConfigurable, 'release', { writable: false });
+Object.isFrozen(nonConfigurable); // === true
+
+// Un objecte amb una propietat accessor no extensible no està congelat.
+var accessor = { get food() { return 'yum'; } };
+Object.preventExtensions(accessor);
+Object.isFrozen(accessor); // === false
+
+// ...però si la propietat es fa no configurable l'objecte esdevé congelat.
+Object.defineProperty(accessor, 'food', { configurable: false });
+Object.isFrozen(accessor); // === true
+
+// La forma més fàcil, però, d'aconseguir congelar un objecte és cridant el mètode Object.freeze al mateix objecte.
+var frozen = { 1: 81 };
+Object.isFrozen(frozen); // === false
+Object.freeze(frozen);
+Object.isFrozen(frozen); // === true
+
+// Per definició, un objecte congelat no és extensible.
+Object.isExtensible(frozen); // === false
+
+// També per definició, un objecte congelat està segellat.
+Object.isSealed(frozen); // === true
+</pre>
+
+<h2 id="Notes">Notes</h2>
+
+<p>A l'EcmaScript 5, si l'argument passat a aquest mètode no és un objecte (un valor primitiu), llençarà un <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/TypeError" title="L'objecte TypeError representa un error quan el valor no és del tipus esperat."><code>TypeError</code></a>. A l'EcmaScript 6, un argument que no sigui un objecte serà tractat com si fós un objecte congelat ordinari, i simplement el retornarà.</p>
+
+<pre class="brush: js">Object.isFrozen(1);
+// TypeError: 1 no és un objecte (codi EcmaScript 5)
+
+Object.isFrozen(1);
+// true                          (codi EcmaScript 6)
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.2.3.12', 'Object.isFrozen')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.8.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-object.isfrozen', 'Object.isFrozen')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("6")}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatOpera("12")}}</td>
+   <td>{{CompatSafari("5.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.freeze()")}}</li>
+ <li>{{jsxref("Object.preventExtensions()")}}</li>
+ <li>{{jsxref("Object.isExtensible()")}}</li>
+ <li>{{jsxref("Object.seal()")}}</li>
+ <li>{{jsxref("Object.isSealed()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/keys/index.html b/files/ca/web/javascript/reference/global_objects/object/keys/index.html
new file mode 100644
index 0000000000..17d05b181c
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/keys/index.html
@@ -0,0 +1,189 @@
+---
+title: Object.keys()
+slug: Web/JavaScript/Reference/Global_Objects/Object/keys
+translation_of: Web/JavaScript/Reference/Global_Objects/Object/keys
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>Object.keys()</strong></code> retorna un array de les propietats enumerables pròpies de l'objecte, en el mateix ordre en que es donarien en un bucle {{jsxref("Statements/for...in", "for...in")}} (la diferència radica en que el bucle for-in també enumera les propietats que pertanyen a la cadena de prototipus).</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Object.keys(<var>obj</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>obj</code></dt>
+ <dd>L'objecte del qual es retornaran les seves propietats pròpies enumerables.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>Object.keys()</code> retorna un array els elements del qual són strings que corresponen a les propietats enumerables que pertanyen directament a l'objecte <code>obj</code>. L'ordre de les propietats és el mateix que el donat per recòrrer les propieats de l'objecte de forma manual.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">var arr = ['a', 'b', 'c'];
+console.log(Object.keys(arr)); // console: ['0', '1', '2']
+
+// objecte en forma d'array
+var obj = { 0: 'a', 1: 'b', 2: 'c' };
+console.log(Object.keys(obj)); // console: ['0', '1', '2']
+
+// objecte en forma d'array amb les claus ordenades de manera aleatòria
+var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
+console.log(Object.keys(an_obj)); // console: ['2', '7', '100']
+
+// getFoo és una propietat no enumerable
+var my_obj = Object.create({}, { getFoo: { value: function() { return this.foo; } } });
+my_obj.foo = 1;
+
+console.log(Object.keys(my_obj)); // console: ['foo']
+</pre>
+
+<p>Si esteu interessats en obtenir totes les propietats, no només les enumerables, vegeu {{jsxref("Object.getOwnPropertyNames()")}}.</p>
+
+<h2 id="Notes">Notes</h2>
+
+<p>A l'EcmaScript 5 llençarà una excepció <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/TypeError" title="L'objecte TypeError representa un error quan el valor no és del tipus esperat."><code>TypeError</code></a> si el paràmetre <code>obj</code> no és un objecte. A l'EcmaScript 6 el paràmetre serà forçat al tipus <a class="new" href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Object" title="Aquesta pàgina encara no ha estat traduïda. Si us plau considera contribuir-hi!"><code>Object</code></a>.</p>
+
+<pre class="brush: js">Object.keys("foo");
+// TypeError: "foo" no és un objecte (codi EcmaScript 5)
+Object.keys("foo");
+// ["0", "1", "2"]                   (codi EcmaScript 6)
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Per a afegit una funció compatible amb <code>Object.keys</code> en plataformes que no la suporten de forma nativa, podeu utilitzar el codi següent:</p>
+
+<pre class="brush: js">// Tret de https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
+if (!Object.keys) {
+  Object.keys = (function() {
+    'use strict';
+    var hasOwnProperty = Object.prototype.hasOwnProperty,
+        hasDontEnumBug = !({ toString: null }).propertyIsEnumerable('toString'),
+        dontEnums = [
+          'toString',
+          'toLocaleString',
+          'valueOf',
+          'hasOwnProperty',
+          'isPrototypeOf',
+          'propertyIsEnumerable',
+          'constructor'
+        ],
+        dontEnumsLength = dontEnums.length;
+
+    return function(obj) {
+      if (typeof obj !== 'object' &amp;&amp; (typeof obj !== 'function' || obj === null)) {
+        throw new TypeError('Object.keys called on non-object');
+      }
+
+      var result = [], prop, i;
+
+      for (prop in obj) {
+        if (hasOwnProperty.call(obj, prop)) {
+          result.push(prop);
+        }
+      }
+
+      if (hasDontEnumBug) {
+        for (i = 0; i &lt; dontEnumsLength; i++) {
+          if (hasOwnProperty.call(obj, dontEnums[i])) {
+            result.push(dontEnums[i]);
+          }
+        }
+      }
+      return result;
+    };
+  }());
+}
+</pre>
+
+<p>Cal destacar que aquest codi inclou també propietats no enumerables a Internet Explorer 7 (i possiblement també a Internet Explorer 8), al passar un objecte pertanyent a una altra finestra.</p>
+
+<p>Per a una versió simplificada Polyfill per a navegadors vegeu <a href="http://tokenposts.blogspot.com.au/2012/04/javascript-objectkeys-browser.html">Compatibilitat de navegadors amb la funció Object.keys de JavaScript</a>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.2.3.14', 'Object.keys')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a 1.8.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-object.keys', 'Object.keys')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("5")}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatOpera("12")}}</td>
+   <td>{{CompatSafari("5")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Enumerability_and_ownership_of_properties">Enumerabilitat i possessió de propietats</a></li>
+ <li>{{jsxref("Object.prototype.propertyIsEnumerable()")}}</li>
+ <li>{{jsxref("Object.create()")}}</li>
+ <li>{{jsxref("Object.getOwnPropertyNames()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/observe/index.html b/files/ca/web/javascript/reference/global_objects/object/observe/index.html
new file mode 100644
index 0000000000..7059b86cd8
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/observe/index.html
@@ -0,0 +1,191 @@
+---
+title: Object.observe()
+slug: Web/JavaScript/Reference/Global_Objects/Object/observe
+translation_of: Archive/Web/JavaScript/Object.observe
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Object.observe()</code></strong> s'utilitza per observar asincrònicament els canvis en un objecte. Proveeix una corrent de canvis en l'ordre en què es produeixen.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Object.observe(<var>obj</var>, <var>callback</var>[, <var>acceptList</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>obj</code></dt>
+ <dd>L'objecte que s'observa.</dd>
+ <dt><code>callback</code></dt>
+ <dd>La funció es crida cada cop que es realitzen canvis, amb l'argument següent:
+ <dl>
+  <dt><code>changes</code></dt>
+  <dd>Un array d'objectes cadascún d'ells representa un canvi. Les propietats d'aquests objectes canvi són:
+  <ul>
+   <li><strong><code>name</code></strong>: El nom de la propietat que s'ha canviat.</li>
+   <li><strong><code>object</code></strong>: L'objecte canviat després d'haverse realitzat els canvis.</li>
+   <li><strong><code>type</code></strong>: Una cadena que indica el tipus de canvi que s'ha portat a terme: <code>"add"</code>, <code>"update"</code>, o <code>"delete"</code>.</li>
+   <li><strong><code>oldValue</code></strong>: Només pels tipus <code>"update"</code> i <code>"delete"</code>. El valor abans del canvi.</li>
+  </ul>
+  </dd>
+ </dl>
+ </dd>
+ <dt><code>acceptList</code></dt>
+ <dd>La llista de tipus de canvis que s'han d'observar en l'objecte donat  callback. En cas d'ometre's, s'utilitzarà l'array <code>["add", "update", "delete", "reconfigure", "setPrototype", "preventExtensions"]</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>callback</code> és cridat cada cop que es realitza un canvi a <code>obj</code>, amb un array de tots els canvis en l'ordre en que han succeït.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Mostrant_tots_els_sis_tipus_diferents">Mostrant tots els sis tipus diferents</h3>
+
+<pre class="brush: js">var obj = {
+  foo: 0,
+  bar: 1
+};
+
+Object.observe(obj, function(changes) {
+  console.log(changes);
+});
+
+obj.baz = 2;
+// [{name: 'baz', object: &lt;obj&gt;, type: 'add'}]
+
+obj.foo = 'hello';
+// [{name: 'foo', object: &lt;obj&gt;, type: 'update', oldValue: 0}]
+
+delete obj.baz;
+// [{name: 'baz', object: &lt;obj&gt;, type: 'delete', oldValue: 2}]
+
+Object.defineProperty(obj, 'foo', {writable: false});
+// [{name: 'foo', object: &lt;obj&gt;, type: 'reconfigure'}]
+
+Object.setPrototypeOf(obj, {});
+// [{name: '__proto__', object: &lt;obj&gt;, type: 'setPrototype', oldValue: &lt;prototype&gt;}]
+
+Object.seal(obj);
+// [
+//   {name: 'foo', object: &lt;obj&gt;, type: 'reconfigure'},
+//   {name: 'bar', object: &lt;obj&gt;, type: 'reconfigure'},
+//   {object: &lt;obj&gt;, type: 'preventExtensions'}
+// ]
+</pre>
+
+<h3 id="Enllaçar_dades">Enllaçar dades</h3>
+
+<pre class="brush: js">// Un model d'usuari
+var user = {
+  id: 0,
+  name: 'Brendan Eich',
+  title: 'Mr.'
+};
+
+// Crear una benvinguda per l'usuari
+function updateGreeting() {
+  user.greeting = 'Hello, ' + user.title + ' ' + user.name + '!';
+}
+updateGreeting();
+
+Object.observe(user, function(changes) {
+  changes.forEach(function(change) {
+    // Qualsevol canvi de nom del temps o títol, actualitzar la benvinguda
+    if (change.name === 'name' || change.name === 'title') {
+      updateGreeting();
+    }
+  });
+});
+</pre>
+
+<h3 id="Tipus_de_canvi_personalitzat">Tipus de canvi personalitzat</h3>
+
+<pre class="brush: js">// Un punt en un pla 2D
+var point = {x: 0, y: 0, distance: 0};
+
+function setPosition(pt, x, y) {
+  // Performing a custom change
+  Object.getNotifier(pt).performChange('reposition', function() {
+    var oldDistance = pt.distance;
+    pt.x = x;
+    pt.y = y;
+    pt.distance = Math.sqrt(x * x + y * y);
+    return {oldDistance: oldDistance};
+  });
+}
+
+Object.observe(point, function(changes) {
+  console.log('Distance change: ' + (point.distance - changes[0].oldDistance));
+}, ['reposition']);
+
+setPosition(point, 3, 4);
+// Distance change: 5
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p><a href="https://github.com/arv/ecmascript-object-observe">Proposta de Strawman per ECMAScript 7</a>.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("36")}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatOpera("23")}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome("36")}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatNo}} [2]</td>
+   <td>{{CompatOpera("23")}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1]: Vegeu {{bug(800355)}}</p>
+
+<p>[2]: Vegeu rellevant <a href="https://dev.modern.ie/platform/status/objectobserve/">entrada de l'estat de la plataforma MS Edge</a></p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.unobserve()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Array.observe()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/object/prototype/index.html b/files/ca/web/javascript/reference/global_objects/object/prototype/index.html
new file mode 100644
index 0000000000..b18ecc2d5a
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/object/prototype/index.html
@@ -0,0 +1,214 @@
+---
+title: Object.prototype
+slug: Web/JavaScript/Reference/Global_Objects/Object/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/Object
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>Object.prototype</strong></code> representa el prototipus per a {{jsxref("Object")}}.</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>A JavaScript, tots els objectes hereten de {{jsxref("Object")}}; tots els objectes hereten els mètodes i propietats de <code>Object.prototype</code>, tot i que es poden sobreescriure (excepte un <code>Object</code> amb prototipus <code>null</code>, és a dir, <code>Object.create(null)</code>). Per exemple, altres prototipus de constructors sobreescriuen la propietat <code>constructor</code> i ofereixen els seus propis mètodes {{jsxref("Object.prototype.toString()", "toString()")}}. Els canvis al prototipus <code>Object</code> es propaguen a tots els objectes a no ser que les propietats i mètodes que reben aquests canvis hagin sigut sobreescrites més avall a la cadena de prototipus.</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt>{{jsxref("Object.prototype.constructor")}}</dt>
+ <dd>Especifica la funció que ha creat el prototipus de l'objecte.</dd>
+ <dt>{{jsxref("Object.prototype.__proto__")}} {{non-standard_inline}}</dt>
+ <dd>Referencia l'objecte utilitzat com a prototipus quan aquest objecte va ser instanciat.</dd>
+ <dt>{{jsxref("Object.prototype.__noSuchMethod__")}} {{non-standard_inline}}</dt>
+ <dd>Permet definir una funció que serà executada quan es cridi com mètode un membre no definit.</dd>
+ <dt><s class="obsoleteElement">{{jsxref("Object.prototype.__count__")}} {{obsolete_inline}}</s></dt>
+ <dd><s class="obsoleteElement">Retornava el nombre de propietats enumerables que hi hagués a un objecte definit per l'usuari. S'ha eliminat.</s></dd>
+ <dt><s class="obsoleteElement">{{jsxref("Object.prototype.__parent__")}} {{obsolete_inline}}</s></dt>
+ <dd><s class="obsoleteElement">Referenciava el context d'un objecte. S'ha eliminat.</s></dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("Object.prototype.__defineGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
+ <dd>Associa una funció a una propietat que, quan s'accedeix, executa aquesta funció i retorna el seu valor.</dd>
+ <dt>{{jsxref("Object.prototype.__defineSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
+ <dd>Associa una funció a una propietat que, quan s'assigna, executa aquesta funció que modifica la propietat.</dd>
+ <dt>{{jsxref("Object.prototype.__lookupGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
+ <dd>Retorna una funció associada a la propietat especificada pel mètode {{jsxref("Object.defineGetter", "__defineGetter__")}}.</dd>
+ <dt>{{jsxref("Object.prototype.__lookupSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
+ <dd>Retorna a funció associada a la propietat especificada pel mètode {{jsxref("Object.defineSetter", "__defineSetter__")}}.</dd>
+ <dt>{{jsxref("Object.prototype.hasOwnProperty()")}}</dt>
+ <dd>Retorna un booleà que indica si l'objecte conté la propietat especificada com una propietat pròpia d'ell mateix en comptes d'heretar-la a través de la cadena de prototipus.</dd>
+ <dt>{{jsxref("Object.prototype.isPrototypeOf()")}}</dt>
+ <dd>Retorna un booleà que indica si l'objecte espeicfifcat pertany a la cadena de prototipus de l'objecte sobre el que es crida aquest mètode.</dd>
+ <dt>{{jsxref("Object.prototype.propertyIsEnumerable()")}}</dt>
+ <dd>Retorna un booleà que indica si està activat l'atribut intern <a href="/en-US/docs/ECMAScript_DontEnum_attribute" title="ECMAScript_DontEnum_attribute">DontEnum de l'ECMAScript</a>.</dd>
+ <dt>{{jsxref("Object.prototype.toSource()")}} {{non-standard_inline}}</dt>
+ <dd>Retorna un string que conté cofi font que defineix un literal d'objecte que representa l'objecte sobre el que s'executa aquest mètode; aquest valor pot utilitzar-se per a crear un nou objecte.</dd>
+ <dt>{{jsxref("Object.prototype.toLocaleString()")}}</dt>
+ <dd>Crida el mètode {{jsxref("Object.toString", "toString()")}}.</dd>
+ <dt>{{jsxref("Object.prototype.toString()")}}</dt>
+ <dd>Retorna una representació d'aquest objecte en forma de string.</dd>
+ <dt>{{jsxref("Object.prototype.unwatch()")}} {{non-standard_inline}}</dt>
+ <dd>Esborra un <em>watchpoint</em> d'una propietat de l'objecte.</dd>
+ <dt>{{jsxref("Object.prototype.valueOf()")}}</dt>
+ <dd>Retorna el valor primitiu de l'objecte especificat.</dd>
+ <dt>{{jsxref("Object.prototype.watch()")}} {{non-standard_inline}}</dt>
+ <dd>Afegeix un <em>watchpoint</em> a una propietat de l'objecte.</dd>
+ <dt><s class="obsoleteElement">{{jsxref("Object.prototype.eval()")}} {{obsolete_inline}}</s></dt>
+ <dd><s class="obsoleteElement">Evaluava un string de codi font JavaScript dins el context de l'objecte especificat. S'ha eliminat.</s></dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Degut a que JavaScript no res semblant a subclasses d'objectes, la propietat <code>prototype</code> és una bona forma d'utilitzar algunes funcions que fan d'objectes com a "classe base". Per exemple:</p>
+
+<pre class="brush: js">var Person = function() {
+  this.canTalk = true;
+};
+
+Person.prototype.greet = function() {
+  if (this.canTalk) {
+    console.log('Hi, I am ' + this.name);
+  }
+};
+
+var Employee = function(name, title) {
+  Person.call(this);
+  this.name = name;
+  this.title = title;
+};
+
+Employee.prototype = Object.create(Person.prototype);
+Employee.prototype.constructor = Employee;
+
+Employee.prototype.greet = function() {
+  if (this.canTalk) {
+    console.log('Hi, I am ' + this.name + ', the ' + this.title);
+  }
+};
+
+var Customer = function(name) {
+  Person.call(this);
+  this.name = name;
+};
+
+Customer.prototype = Object.create(Person.prototype);
+Customer.prototype.constructor = Customer;
+
+var Mime = function(name) {
+  Person.call(this);
+  this.name = name;
+  this.canTalk = false;
+};
+
+Mime.prototype = Object.create(Person.prototype);
+Mime.prototype.constructor = Mime;
+
+var bob = new Employee('Bob', 'Builder');
+var joe = new Customer('Joe');
+var rg = new Employee('Red Green', 'Handyman');
+var mike = new Customer('Mike');
+var mime = new Mime('Mime');
+
+bob.greet();
+// Hi, I am Bob, the Builder
+
+joe.greet();
+// Hi, I am Joe
+
+rg.greet();
+// Hi, I am Red Green, the Handyman
+
+mike.greet();
+// Hi, I am Mike
+
+mime.greet();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.2.3.1', 'Object.prototype')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-object.prototype', 'Object.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també"> Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">Introducció al JavaScript orientat a objectes</a></li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakmap/clear/index.html b/files/ca/web/javascript/reference/global_objects/weakmap/clear/index.html
new file mode 100644
index 0000000000..443e075d46
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakmap/clear/index.html
@@ -0,0 +1,91 @@
+---
+title: WeakMap.prototype.clear()
+slug: Web/JavaScript/Reference/Global_Objects/WeakMap/clear
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakMap/clear
+---
+<div>{{JSRef}} {{obsolete_header}}</div>
+
+<p>El mètode <code><strong>clear()</strong></code> elimina tots els elements d'un objecte <code>WeakMap.</code></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>wm</em>.clear();</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_clear">Utilitzar el mètode <code>clear</code></h3>
+
+<pre class="brush: js;highlight:[10]">var wm = new WeakMap();
+var obj = {};
+
+wm.set(obj, "foo");
+wm.set(window, "bar");
+
+wm.has(obj); // true
+wm.has(window); // true
+
+wm.clear();
+
+wm.has(obj)  // false
+wm.has(window)  // false
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació o borrador actual. Aquest mètode formava part del borrador de l'especificació d'ECMAScript 6 fins a la revisió número 28 (versió del 14 d'octubre del 2014), però s'ha eliminat en versions posteriors del borrador. No formarà part de l'estàndard final.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop("20.0")}}</td>
+   <td>11</td>
+   <td>23</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("20.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("WeakMap")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakmap/delete/index.html b/files/ca/web/javascript/reference/global_objects/weakmap/delete/index.html
new file mode 100644
index 0000000000..1037fdb3fc
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakmap/delete/index.html
@@ -0,0 +1,114 @@
+---
+title: WeakMap.prototype.delete()
+slug: Web/JavaScript/Reference/Global_Objects/WeakMap/delete
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakMap/delete
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>delete()</strong></code> elimina l'element especificat d'un objecte <code>WeakMap.</code></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>wm</em>.delete(key);</code></pre>
+
+<h3 id="Parameters">Parameters</h3>
+
+<dl>
+ <dt>key</dt>
+ <dd>Necessari. La clau de l'element a eliminar de l'objecte <code>WeakMap.</code></dd>
+</dl>
+
+<h3 id="Valor_de_retorn">Valor de retorn</h3>
+
+<p>Retorna <code>true</code> si un element en l'objecte <code>WeakMap</code> s'ha eliminat satisfactòriament.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzarel_mètode_delete">Utilitzarel mètode <code>delete</code></h3>
+
+<pre class="brush: js;highlight:[4]">var wm = new WeakMap();
+wm.set(window, "foo");
+
+wm.delete(window); // Retorna true. Eliminat satisfactòriament
+
+wm.has(window);    // Retorna false. L'objecte window ja no es troba en el WeakMap.
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakmap.prototype.delete', 'WeakMap.prototype.delete')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop("6.0")}}</td>
+   <td>11</td>
+   <td>23</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("6.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_específiques_per_a_Firefox">Notes específiques per a Firefox</h2>
+
+<ul>
+ <li>Abans de SpiderMonkey 38 {{geckoRelease(38)}}, aquest mètode llançava un {{jsxref("TypeError")}} quan el paràmetre <code>key</code> no era un objecte. Aquest error s'ha arreglat en la versió 38 i posteriors al retornar <code>false</code> segons l'últim estàndard ES6 ({{bug(1127827)}}).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("WeakMap")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakmap/get/index.html b/files/ca/web/javascript/reference/global_objects/weakmap/get/index.html
new file mode 100644
index 0000000000..f69ca1aa58
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakmap/get/index.html
@@ -0,0 +1,115 @@
+---
+title: WeakMap.prototype.get()
+slug: Web/JavaScript/Reference/Global_Objects/WeakMap/get
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakMap/get
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>get()</strong></code> retorna un element especificat d'un objecte <code>WeakMap.</code></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>wm</em>.get(key);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>key</dt>
+ <dd>Necessari. La clau d'un element a retornar de l'objecte <code>WeakMap.</code></dd>
+</dl>
+
+<h3 id="Valor_a_retornar">Valor a retornar</h3>
+
+<p>Retorna l'element associat a la clau especificada o <code>undefined</code> si no es pot trobar la clau en l'objecte <code>WeakMap.</code></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_get">Utilitzar el mètode <code>get</code></h3>
+
+<pre class="brush: js">var wm = new WeakMap();
+wm.set(window, "foo");
+
+wm.get(window); // Retorna "foo".
+wm.get("baz");  // Retorna undefined.
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakmap.prototype.get', 'WeakMap.prototype.get')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop("6.0")}}</td>
+   <td>11</td>
+   <td>23</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("6.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_específiques_per_a_Firefox">Notes específiques per a Firefox</h2>
+
+<ul>
+ <li>Abans de SpiderMonkey 38 {{geckoRelease(38)}}, aquest mètode llençava un {{jsxref("TypeError")}} quan no es trobava el paràmetre key en l'objecte. Tot i així, l'últim estàndard ES6 especifica que en comptes d'això es retorni <code>undefined.</code> És més, <code>WeakMap.prototype.get</code> acceptava un segon argument opcional com a valor com a pla B, el qual no forma part de l'estàndard. Ambdós comportaments no estàndards s'han eliminat en la versió 38 i posterior ({{bug(1127827)}}).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("WeakMap")}}</li>
+ <li>{{jsxref("WeakMap.set()")}}</li>
+ <li>{{jsxref("WeakMap.has()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakmap/has/index.html b/files/ca/web/javascript/reference/global_objects/weakmap/has/index.html
new file mode 100644
index 0000000000..0a2d017462
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakmap/has/index.html
@@ -0,0 +1,118 @@
+---
+title: WeakMap.prototype.has()
+slug: Web/JavaScript/Reference/Global_Objects/WeakMap/has
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakMap/has
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>has()</strong></code> retorna un booleà indicant si un element amb una clau especificada existeix o no en l'objecte <code>WeakMap.</code></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>wm</em>.has(key);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>key</dt>
+ <dd>Necessari. La clau de l'element a comprovar la seva presència de l'objecte <code>WeakMap.</code></dd>
+</dl>
+
+<h3 id="valor_de_retorn">valor de retorn</h3>
+
+<dl>
+ <dt>Booleà</dt>
+ <dd>Retorna <code>true</code> si un element amb una clau especificada existeix en l'objecte <code>WeakMap</code>; en el cas contrari retornarà <code>false</code>.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_has">Utilitzar el mètode <code>has</code></h3>
+
+<pre class="brush: js">var wm = new WeakMap();
+wm.set(window, "foo");
+
+wm.has(window); // retorna true
+wm.has("baz");  // retorna false
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakmap.prototype.has', 'WeakMap.prototype.has')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop("6.0")}}</td>
+   <td>11</td>
+   <td>23</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("6.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_específiques_per_a_Firefox">Notes específiques per a Firefox</h2>
+
+<ul>
+ <li>Abans de SpiderMonkey 38 {{geckoRelease(38)}}, aquest mètode llençava un {{jsxref("TypeError")}} quan el paràmetre <code>key</code> no era un objecte. Això s'ha arreglat en la versió 38 i posteriors per tal de retornar <code>false</code> segons l'últim estàndard ES6 ({{bug(1127827)}}).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("WeakMap")}}</li>
+ <li>{{jsxref("WeakMap.prototype.set()")}}</li>
+ <li>{{jsxref("WeakMap.prototype.get()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakmap/index.html b/files/ca/web/javascript/reference/global_objects/weakmap/index.html
new file mode 100644
index 0000000000..27fdd6a71d
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakmap/index.html
@@ -0,0 +1,279 @@
+---
+title: WeakMap
+slug: Web/JavaScript/Reference/Global_Objects/WeakMap
+tags:
+  - ECMAScript6
+  - Experimental
+  - JavaScript
+  - NeedsTranslation
+  - TopicStub
+  - WeakMap
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakMap
+---
+<div>{{JSRef}}</div>
+
+<p>L'objecte <strong><code>WeakMap</code></strong> és una col·lecció de parelles clau/valor on les claus són dèbilment referenciades. Les claus han de ser objectes i els valors poden ser valors aribitraris.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox notranslate"><code>new WeakMap([iterable])
+</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>iterable</code></dt>
+ <dd>Iterable és un Array o un altre objecte iterable el qual els seus elements són parelles clau/valor (Array de 2 elements). Cada parella clau/valor serà afegida al nou WeakMap. null és tractat com a undefined.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Les claus de WeakMaps són només de tipus <code>Object.</code> {{Glossary("Primitive", "Primitive data types")}} com a claus no són permesos (e.g. a {{jsxref("Symbol")}} no pot ser una clau <code>WeakMap</code>).</p>
+
+<p>La clau d'un WeakMap es sostè dèbilment.  El que significa que, si no hi ha altres referències fortes a la clau, llavors la entrada sencera serà eliminada del WeakMap pel recol·lector de brossa (garbage collector).</p>
+
+<h3 id="Per_què_WeakMap">Per què <em>Weak</em>Map?</h3>
+
+<p>El programador expert en JavaScript s'adonarà que aquesta API es podria implementar en JavaScript amb dos arrays (una per a claus, i una per valors) compartides pels quatre mètodes de l'API. Tal implementació tindria dos inconvenients principals. El primer és que la cerca té un cost de O(n) (on n és el nombre de claus al mapa). El segon és que té problemes de fuita de memòria (memory leak). Amb els mapes mantinguts manualment, l'array de claus mantindria referències a le objectes clau, evitant que aquests fóssin eliminats de memòria pel recol·lector de brossa. Als WeakMaps natius, les referències als objectes clau són "dèbils", que vol dir que el recol·lector de brossa pot eliminar l'objecte de memòria si aquest només és referenciat per referències dèbils.</p>
+
+<p>Degut a que les referències són dèbils les claus del WeakMap no són enumerables (és a dir, no hi ha cap mètode que us retornarà un llistat de claus). Si aquest mètode existís, aquest dependria de l'estat del recol·lector de brossa, introduïnt un comportament no determinista. Si voleu tenir un llistat amb les claus, l'haureu de mantenir pel vostre compte.</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>WeakMap.length</code></dt>
+ <dd>El valor de la propietat <code>length</code> és 0.</dd>
+ <dt>{{jsxref("WeakMap.prototype")}}</dt>
+ <dd>Representa el prototip pel constructor <code>WeakMap.</code> Permet l'adició de propietats a tots els objectes <code>WeakMap.</code></dd>
+</dl>
+
+<h2 id="Instàncies_WeakMap">Instàncies <code>WeakMap</code></h2>
+
+<p>Totes les instàncies <code>WeakMap</code> hereten de {{jsxref("WeakMap.prototype")}}.</p>
+
+<h3 id="Propietats_2">Propietats</h3>
+
+<p>{{page('ca/Web/JavaScript/Reference/Global_Objects/WeakMap/prototype','Properties')}}</p>
+
+<h3 id="Mètodes">Mètodes</h3>
+
+<p>{{page('ca/Web/JavaScript/Reference/Global_Objects/WeakMap/prototype','Methods')}}</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_WeakMap">Utilitzar <code>WeakMap</code></h3>
+
+<pre class="brush: js notranslate">var wm1 = new WeakMap(),
+    wm2 = new WeakMap(),
+    wm3 = new WeakMap();
+var o1 = {},
+    o2 = function(){},
+    o3 = window;
+
+wm1.set(o1, 37);
+wm1.set(o2, "azerty");
+wm2.set(o1, o2); // un valor pot ser qualsevol cosa, incloent un objecte object o una funció
+wm2.set(o3, undefined);
+wm2.set(wm1, wm2); // claus i valors poden ser qualsevol objecte. Fins i tot WeakMaps!
+
+wm1.get(o2); // "azerty"
+wm2.get(o2); // undefined, ja que no hi ha cap valor per o2 a wm2
+wm2.get(o3); // undefined, al tenir assignat aquest valor
+
+wm1.has(o2); // true
+wm2.has(o2); // false
+wm2.has(o3); // true (encara que el valor en si sigui 'undefined')
+
+wm3.set(o1, 37);
+wm3.get(o1); // 37
+
+wm1.has(o1); // true
+wm1.delete(o1);
+wm1.has(o1); // false
+</pre>
+
+<h3 id="Implementar_una_classe_tipus_WeakMap_amb_un_mètode_.clear">Implementar una classe tipus <code>WeakMap</code> amb un mètode .clear()</h3>
+
+<p>Amb fins expositius, l'exemple següent utilitza el nou constructor <code>class</code> d' ECMAScript 6, el qual no està àmpliament implementat.</p>
+
+<pre class="brush: js notranslate">class ClearableWeakMap {
+  constructor(init) {
+    this._wm = new WeakMap(init)
+  }
+  clear() {
+    this._wm = new WeakMap()
+  }
+  delete(k) {
+    return this._wm.delete(k)
+  }
+  get(k) {
+    return this._wm.get(k)
+  }
+  has(k) {
+    return this._wm.has(k)
+  }
+  set(k, v) {
+    this._wm.set(k, v)
+    return this
+  }
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakmap-objects', 'WeakMap')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop("6.0")}}</td>
+   <td>11</td>
+   <td>{{ CompatOpera(23) }}</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td><code>new WeakMap(iterable)</code></td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("36")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatOpera(25) }}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><code>clear()</code></td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop("20.0")}}</td>
+   <td>11</td>
+   <td>{{ CompatOpera(23) }}</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td>Constructor argument: <code>new WeakMap(null)</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("37")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Monkey-patched <code>set()</code> in constructor</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("37")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>WeakMap()</code> without <code>new</code> throws</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("42")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>35</td>
+   <td>{{CompatGeckoMobile("6.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+  <tr>
+   <td><code>new WeakMap(iterable)</code></td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("36")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td><code>clear()</code></td>
+   <td>35</td>
+   <td>{{CompatGeckoMobile("20.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+  <tr>
+   <td>Constructor argument: <code>new WeakMap(null)</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("37")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Monkey-patched <code>set()</code> in constructor</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("37")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>WeakMap()</code> without <code>new</code> throws</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("42")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=547941">Bug de WeakMap a Mozilla</a></li>
+ <li><a href="http://fitzgeraldnick.com/weblog/53/">Amagant detalls d'implementació amb els WeakMaps de l'ECMAScript 6</a></li>
+ <li>{{jsxref("Map")}}</li>
+ <li>{{jsxref("Set")}}</li>
+ <li>{{jsxref("WeakSet")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakmap/prototype/index.html b/files/ca/web/javascript/reference/global_objects/weakmap/prototype/index.html
new file mode 100644
index 0000000000..5155a0a664
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakmap/prototype/index.html
@@ -0,0 +1,132 @@
+---
+title: WeakMap.prototype
+slug: Web/JavaScript/Reference/Global_Objects/WeakMap/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakMap
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>WeakMap</strong></code><strong><code>.prototype</code></strong> representa el prototip pel constructor {{jsxref("WeakMap")}}.</p>
+
+<div>{{js_property_attributes(0,0,0)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Les instantànies {{jsxref("WeakMap")}} hereten de {{jsxref("WeakMap.prototype")}}. Es pot utilitzar l'objecte prototip del constructor per afegir propietats o mètodes a totes les instàncies <code>WeakMap.</code></p>
+
+<p><code>WeakMap.prototype</code> és en si mateix només un objecte ordinari:</p>
+
+<pre class="brush: js">Object.prototype.toString.call(WeakMap.prototype); // "[object Object]"</pre>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>WeakMap.prototype.constructor</code></dt>
+ <dd>Retorna la funció que ha creat un prototip de la instància. Aquesta és la funció {{jsxref("WeakMap")}} per defecte.</dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("WeakMap.delete", "WeakMap.prototype.delete(key)")}}</dt>
+ <dd>Elimina qualsevol valor associat a <code>key</code>. <code>WeakMap.prototype.has(key)</code> retornarà <code>false</code> després d'això.</dd>
+ <dt>{{jsxref("WeakMap.get", "WeakMap.prototype.get(key)")}}</dt>
+ <dd>Retorna el valor associat a <code>key</code>, o <code>undefined</code> si no n'hi ha cap.</dd>
+ <dt>{{jsxref("WeakMap.has", "WeakMap.prototype.has(key)")}}</dt>
+ <dd>Retorna un booleà afirmant si un valor s'ha associat o no a la <code>key</code> en l'objecte <code>WeakMap</code>.</dd>
+ <dt>{{jsxref("WeakMap.set", "WeakMap.prototype.set(key, value)")}}</dt>
+ <dd>Estableix el valor per la <code>key</code> en l'objecte <code>WeakMap.</code> Retorna l'objecte <code>WeakMap.</code></dd>
+ <dt><s class="obsoleteElement">{{jsxref("WeakMap.prototype.clear()")}} {{obsolete_inline}}</s></dt>
+ <dd><s class="obsoleteElement">Elimina totes les parelles clau/valor de l'objecte <code>WeakMap.</code> Vegeu que es posible implementar un objecte <code>WeakMap</code>-like que tingui un mètode <code>.clear()</code> per mitjà d'encapsular un objecte <code>WeakMap </code>que no ho tingui (vegeu un exemple a la pàgina {{jsxref("WeakMap")}})</s></dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakmap.prototype', 'WeakMap.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop("6.0")}}</td>
+   <td>11</td>
+   <td>23</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td>Objecte ordinari</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("40")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("6.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+  <tr>
+   <td>Objecte ordinari</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("40")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map.prototype")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakmap/set/index.html b/files/ca/web/javascript/reference/global_objects/weakmap/set/index.html
new file mode 100644
index 0000000000..800a097971
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakmap/set/index.html
@@ -0,0 +1,120 @@
+---
+title: WeakMap.prototype.set()
+slug: Web/JavaScript/Reference/Global_Objects/WeakMap/set
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakMap/set
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>set()</strong></code> afegeix un nou element amb una <code>key</code> i un <code>value</code> especificats a un objecte <code>WeakMap</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>wm</em>.set(key, value);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>key</dt>
+ <dd>Necesari. La clau de l'element a afegir al objecte <code>WeakMap.</code></dd>
+ <dt>value</dt>
+ <dd>Necesari. El valor de l'element a afegir a l'objecte <code>WeakMap.</code></dd>
+</dl>
+
+<h3 id="Valor_de_retorn">Valor de retorn</h3>
+
+<p>L'objecte <code>WeakMap</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_set">Utilitzar el mètode <code>set</code></h3>
+
+<pre class="brush: js">var wm = new WeakMap();
+var obj = {};
+
+// Afegir nous elements al WeakMap
+wm.set(obj, "foo").set(window, "bar"); // chainable
+
+// Actualitzem un element en WeakMap
+wm.set(obj, "baz");
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakmap.prototype.set', 'WeakMap.prototype.set')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop("6.0")}}</td>
+   <td>11</td>
+   <td>23</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("6.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_específiques_per_a_Firefox">Notes específiques per a Firefox</h2>
+
+<ul>
+ <li>Abans de Firefox 33 {{geckoRelease("33")}}, <code>WeakMap.prototype.set</code> retornava <code>undefined</code> al no poder-se encadenar. Això s'ha arreglat  ({{bug(1031632)}}). El comportament es pot trobar també a Chrome/v8 (<a href="https://code.google.com/p/v8/issues/detail?id=3410">problema</a>).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("WeakMap")}}</li>
+ <li>{{jsxref("WeakMap.prototype.get()")}}</li>
+ <li>{{jsxref("WeakMap.prototype.has()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakset/add/index.html b/files/ca/web/javascript/reference/global_objects/weakset/add/index.html
new file mode 100644
index 0000000000..983b24329a
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakset/add/index.html
@@ -0,0 +1,103 @@
+---
+title: WeakSet.prototype.add()
+slug: Web/JavaScript/Reference/Global_Objects/WeakSet/add
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakSet/add
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>add()</strong></code> afegeix un nou objecte al final d'un objecte <code>WeakSet</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>ws</em>.add(value);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>value</dt>
+ <dd>Necessari. L'objecte que es vol afegir a la col·lecció de <code>WeakSet.</code></dd>
+</dl>
+
+<h2 id="Utilitzar_el_mètode_add">Utilitzar el mètode <code>add</code></h2>
+
+<pre class="brush: js">var ws = new WeakSet();
+
+ws.add(window); // afegeix l'objecte window al WeakSet
+
+ws.has(window); // true
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakset.prototype.add', 'WeakSet.prototype.add')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop(34)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>23</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatGeckoMobile(34) }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("WeakSet")}}</li>
+ <li>{{jsxref("WeakSet.prototype.delete()")}}</li>
+ <li>{{jsxref("WeakSet.prototype.has()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakset/clear/index.html b/files/ca/web/javascript/reference/global_objects/weakset/clear/index.html
new file mode 100644
index 0000000000..4e6b2e6f8c
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakset/clear/index.html
@@ -0,0 +1,87 @@
+---
+title: WeakSet.prototype.clear()
+slug: Web/JavaScript/Reference/Global_Objects/WeakSet/clear
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakSet/clear
+---
+<div>{{JSRef}} {{obsolete_header}}</div>
+
+<p>El mètode <code><strong>clear()</strong></code> elimina tots els elements d'un objecte <code>WeakSet.</code></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>ws</em>.clear();</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_clear">Utilitzar el mètode <code>clear</code></h3>
+
+<pre class="brush: js">var ws = new WeakSet();
+
+ws.add(window);
+ws.has(window);  // true
+
+ws.clear();
+
+ws.has(window); // false
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació actual o borrador. Aquest mètode formava part del borrador de l'especificació d'ECMAScript 6 fins la revisió 28 (versió del 14 d'octubre del 2014), però s'ha eliminat en versions posteriors del borrador. No formarà part de l'estàndard final.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop(34)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>23</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile(34)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("WeakSet")}}</li>
+ <li>{{jsxref("WeakSet.prototype.delete()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakset/delete/index.html b/files/ca/web/javascript/reference/global_objects/weakset/delete/index.html
new file mode 100644
index 0000000000..9bfaa0f439
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakset/delete/index.html
@@ -0,0 +1,112 @@
+---
+title: WeakSet.prototype.delete()
+slug: Web/JavaScript/Reference/Global_Objects/WeakSet/delete
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakSet/delete
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>delete()</strong></code>elimina l'element especificat de l'objecte <code>WeakSet.</code></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>ws</em>.delete(value);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>value</dt>
+ <dd>Necessari. L'objecte que es vol eliminar de l'objecte <code>WeakSet.</code></dd>
+</dl>
+
+<h3 id="Return_value">Return value</h3>
+
+<p>Retorna <code>true</code> si l'element dins l'objecte <code>WeakSet</code> s'ha eliminat satisfactòriament; Del cas contrari retornarà <code>false</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_delete">Utilitzar el mètode <code>delete</code></h3>
+
+<pre class="brush: js">var ws = new WeakSet();
+var obj = {};
+
+ws.add(window);
+
+ws.delete(obj);    // Retorna false. No s'ha trobat cap obj per eliminar.
+ws.delete(window); // Retorna true.  Eliminat satisfactòriament.
+
+ws.has(window);    // Retorna false. window ja no és present en WeakSet.
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakset.prototype.delete', 'WeakSet.prototype.delete')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop(34)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>23</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatGeckoMobile(34) }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("WeakSet")}}</li>
+ <li>{{jsxref("WeakSet.prototype.clear()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakset/has/index.html b/files/ca/web/javascript/reference/global_objects/weakset/has/index.html
new file mode 100644
index 0000000000..b2074a9847
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakset/has/index.html
@@ -0,0 +1,113 @@
+---
+title: WeakSet.prototype.has()
+slug: Web/JavaScript/Reference/Global_Objects/WeakSet/has
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakSet/has
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>has()</strong></code> retorna un booleà indicant si un objecte existeix o no en unmethod returns a boolean indicating whether an object exists in a <code>WeakSet</code> or not.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>ws</em>.has(valor);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>valor</dt>
+ <dd>Necessari. L'objecte a comprovar la seva presència en <code>WeakSet</code>.</dd>
+</dl>
+
+<h3 id="Valor_de_retorn">Valor de retorn</h3>
+
+<dl>
+ <dt>Booleà</dt>
+ <dd>Retorna <code>true</code> si un element amb el valor especificat existeix en l'objecte <code>WeakSet</code>; en el cas contrari retornarà <code>false</code>.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_has">Utilitzar el mètode <code>has</code></h3>
+
+<pre class="brush: js">var ws = new WeakSet();
+var obj = {};
+ws.add(window);
+
+mySet.has(window);  // retorna true
+mySet.has(obj);     // retorna false
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakset.prototype.has', 'WeakSet.prototype.has')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{CompatGeckoDesktop(34)}}</td>
+   <td>{{CompatNo}}</td>
+   <td>23</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatGeckoMobile(34) }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("WeakSet")}}</li>
+ <li>{{jsxref("WeakSet.prototype.add()")}}</li>
+ <li>{{jsxref("WeakSet.prototype.delete()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakset/index.html b/files/ca/web/javascript/reference/global_objects/weakset/index.html
new file mode 100644
index 0000000000..d1ae3999a6
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakset/index.html
@@ -0,0 +1,201 @@
+---
+title: WeakSet
+slug: Web/JavaScript/Reference/Global_Objects/WeakSet
+tags:
+  - ECMAScript6
+  - Experimental
+  - JavaScript
+  - NeedsTranslation
+  - TopicStub
+  - WeakSet
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakSet
+---
+<div>{{JSRef}}</div>
+
+<p><u>L'objecte <strong><code>WeakSet</code></strong> permet emmagatzemar dèbilment <em>objects</em> en una col·lecció.</u></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"> new WeakSet([iterable]);</pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>iterable</dt>
+ <dd>Si es pasa un <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of">objecte iterable</a>, tots els seus elements seràn afegits al nou <code>WeakSet</code>. null es tractat com a undefined.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Els objectes <code>WeakSet</code> són col·leccions d'objectes. Un objecte al <code>WeakSet</code> només pot passar un cop, és únic en la col·lecció de <code>WeakSet.</code></p>
+
+<p>Les principals diferències respecte l'objecte {{jsxref("Set")}} són:</p>
+
+<ul>
+ <li>Al contrari que <code>Sets</code>, <code>WeakSets</code> són <strong>únicament col·leccions d'objectes</strong> i no de valors arbitraris de qualsevol tipus.</li>
+ <li> <code>WeakSet</code> és <em>dèbil (weak)</em>: Les referències a la col·lecció es mantenen dèbilment. SI no hi ha cap altra referència a un objecte emmagatzemat en <code>WeakSet</code>,<u> poden ser recollits com a brossa</u>. Això també vol dir que no hi ha cap llista d'objectes actuals emmagatzemats a la col·lecció. <code>WeakSets</code> no són enumerables.</li>
+</ul>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>WeakSet.length</code></dt>
+ <dd>El valor de la propietat <code>length</code> és 0.</dd>
+ <dt>{{jsxref("WeakSet.prototype")}}</dt>
+ <dd>Representa el prototip per al constructor de <code>Set.</code> Permet afegir propietats a tots els objectes <code>WeakSet</code>.</dd>
+</dl>
+
+<h2 id="Instàncies_WeakSet">Instàncies <code>WeakSet</code></h2>
+
+<p>Totes les instàncies <code>WeakSet</code> hereten de {{jsxref("WeakSet.prototype")}}.</p>
+
+<h3 id="Propietats_2">Propietats</h3>
+
+<p>{{page('en-US/Web/JavaScript/Reference/Global_Objects/WeakSet/prototype','Properties')}}</p>
+
+<h3 id="Mètodes">Mètodes</h3>
+
+<p>{{page('en-US/Web/JavaScript/Reference/Global_Objects/WeakSet/prototype','Methods')}}</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_l'objecte_WeakSet">Utilitzar l'objecte <code>WeakSet</code></h3>
+
+<pre class="brush: js">var ws = new WeakSet();
+var obj = {};
+var foo = {};
+
+ws.add(window);
+ws.add(obj);
+
+ws.has(window); // true
+ws.has(foo);    // false, foo no s'ha afegit al conjunt
+
+ws.delete(window); // elimina window del conjunt
+ws.has(window);    // false, window ha sigut eliminat
+
+ws.clear(); // buida tot el WeakSet
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakset-objects', 'WeakSet')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(36)}}</td>
+   <td>{{ CompatGeckoDesktop(34) }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatOpera(23) }}</td>
+   <td>9</td>
+  </tr>
+  <tr>
+   <td><code>new WeakSet(iterable)</code></td>
+   <td>38</td>
+   <td>{{ CompatGeckoDesktop(34) }}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>9</td>
+  </tr>
+  <tr>
+   <td>Constructor argument: <code>new WeakSet(null)</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("37")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>9</td>
+  </tr>
+  <tr>
+   <td>Monkey-patched <code>add()</code> in Constructor</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("37")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>9</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatGeckoMobile(34) }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>9</td>
+  </tr>
+  <tr>
+   <td><code>new WeakMap(iterable)</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatGeckoMobile(34) }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>9</td>
+  </tr>
+  <tr>
+   <td>Constructor argument: <code>new WeakSet(null)</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>9</td>
+  </tr>
+  <tr>
+   <td>Monkey-patched <code>add()</code> in Constructor</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>9</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map")}}</li>
+ <li>{{jsxref("Set")}}</li>
+ <li>{{jsxref("WeakMap")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/reference/global_objects/weakset/prototype/index.html b/files/ca/web/javascript/reference/global_objects/weakset/prototype/index.html
new file mode 100644
index 0000000000..2b4cd51048
--- /dev/null
+++ b/files/ca/web/javascript/reference/global_objects/weakset/prototype/index.html
@@ -0,0 +1,131 @@
+---
+title: WeakSet.prototype
+slug: Web/JavaScript/Reference/Global_Objects/WeakSet/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/WeakSet
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>WeakSet</strong></code><strong><code>.prototype</code></strong> representa el prototip pel constructor {{jsxref("WeakSet")}}.</p>
+
+<div>{{js_property_attributes(0,0,0)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Les instàncies {{jsxref("WeakSet")}} hereten de {{jsxref("WeakSet.prototype")}}. Es pot utilitzar l'objecte prototip del constructor per afegir propietats o mètodes a totes les instàncies <code>WeakSet</code>.</p>
+
+<p><code>WeakSet.prototype</code> és en si mateix només un objecte ordinari</p>
+
+<pre class="brush: js">Object.prototype.toString.call(WeakSet.prototype); // "[object Object]"</pre>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>WeakSet.prototype.constructor</code></dt>
+ <dd>Retorna la funció que ha creat un prototip de la instància. Aquesta és la funció {{jsxref("WeakSet")}} per defecte.</dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("WeakSet.add", "WeakSet.prototype.add(value)")}}</dt>
+ <dd>Afegeix un nou element amb el valor donat a l'objecte <code>WeakSet.</code></dd>
+ <dt>{{jsxref("WeakSet.delete", "WeakSet.prototype.delete(value)")}}</dt>
+ <dd>Elimina l'element associat al <code>value</code>. <code>WeakSet.prototype.has(value)</code> retornarà després <code>false</code>.</dd>
+ <dt>{{jsxref("WeakSet.has", "WeakSet.prototype.has(value)")}}</dt>
+ <dd>Retorna un booleà afirmant si un element és o no present amb el valor donat en l'objecte <code>WeakSet</code>.</dd>
+ <dt><s class="obsoleteElement">{{jsxref("WeakSet.prototype.clear()")}} {{obsolete_inline}}</s></dt>
+ <dd><s class="obsoleteElement">Elimina tots els elements de l'objecte <code>WeakSet.</code></s></dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-weakset.prototype', 'WeakSet.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>36</td>
+   <td>{{ CompatGeckoDesktop(34) }}</td>
+   <td>{{CompatNo}}</td>
+   <td>23</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>Objecte ordinari</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("40")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome per Android</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatGeckoMobile(34) }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>Objecte ordinari</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("40")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Set.prototype")}}</li>
+ <li>{{jsxref("WeakMap.prototype")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/classes/constructor/index.html b/files/ca/web/javascript/referencia/classes/constructor/index.html
new file mode 100644
index 0000000000..a0bd6b966f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/classes/constructor/index.html
@@ -0,0 +1,129 @@
+---
+title: constructor
+slug: Web/JavaScript/Referencia/Classes/constructor
+translation_of: Web/JavaScript/Reference/Classes/constructor
+---
+<div>{{jsSidebar("Classes")}}</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>El mètode <code>constructor</code> és un mètode especial per crear i inicialitzar un objecte creat amb una <code>class</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">constructor([arguments]) { ... }</pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Només hi pot haver un mètode especial am el nom "constructor" en una classe. Es llançarà un {{jsxref("SyntaxError")}}, si la classe conté més d'un cas d'un mètode <code>constructor</code>.</p>
+
+<p>Un constructor pot utilitzar la paraula clau <code>super</code> per cridar el constructor de la classe pare.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Aquest fragment de codi es pren de <a href="https://github.com/GoogleChrome/samples/blob/gh-pages/classes-es6/index.html">mostra de classes</a> (<a href="https://googlechrome.github.io/samples/classes-es6/index.html">demostració en viu</a>).</p>
+
+<pre class="brush: js">class Square extends Polygon {
+  constructor(length) {
+    // Aquí es crida el constructor del pare de la classe amb les longituts
+    // proveïdes per l'amplada i l'alçada del polígon
+    super(length, length);
+    // Nota: En classes derivades, s'ha de cridar super() abans
+    // d'utilitzar 'this'. Obviar això causarà un error de referència.
+    this.name = 'Square';
+  }
+
+  get area() {
+    return this.height * this.width;
+  }
+
+  set area(value) {
+    this.area = value;
+  }
+}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-static-semantics-constructormethod', 'Constructor Method')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(42.0)}}</td>
+   <td>
+    <p>Disponible només al canal Nightly  (desde febrer del 2015)</p>
+   </td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(42.0)}}</td>
+   <td>Disponible només al canal Nightly  (desde febrer del 2015)</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="Notes_específiques_per_Firefox">Notes específiques per Firefox</h3>
+
+<ul>
+ <li>Els constructors estàndards encara no s'han implementat ({{bug(1105463)}})</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/super">super()</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/class">expressió </a><a href="/en-US/docs/Web/JavaScript/Reference/Operators/class"><code>class</code> </a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/class">declaració </a><a href="/en-US/docs/Web/JavaScript/Reference/Statements/class"><code>class</code> </a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Classes">Classes</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/classes/index.html b/files/ca/web/javascript/referencia/classes/index.html
new file mode 100644
index 0000000000..23daf7e1ff
--- /dev/null
+++ b/files/ca/web/javascript/referencia/classes/index.html
@@ -0,0 +1,382 @@
+---
+title: Classes
+slug: Web/JavaScript/Referencia/Classes
+tags:
+  - Classes
+  - ECMAScript 2015
+  - Experimental
+  - Expérimental(2)
+  - JavaScript
+  - NeedsContent
+  - NeedsTranslation
+  - Reference
+  - Référence(2)
+  - TopicStub
+translation_of: Web/JavaScript/Reference/Classes
+---
+<div>{{JsSidebar("Classes")}}</div>
+
+<p>JavaScript classes, introduced in ECMAScript 2015, are primarily syntactical sugar over JavaScript's existing prototype-based inheritance. The class syntax <strong>does not</strong> introduce a new object-oriented inheritance model to JavaScript.</p>
+
+<h2 id="Defining_classes">Defining classes</h2>
+
+<p>Classes are in fact "special <a href="/en-US/docs/Web/JavaScript/Reference/Functions">functions</a>", and just as you can define <a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">function expressions</a> and <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">function declarations</a>, the class syntax has two components: <a href="/en-US/docs/Web/JavaScript/Reference/Operators/class">class expressions</a> and <a href="/en-US/docs/Web/JavaScript/Reference/Statements/class">class declarations</a>.</p>
+
+<h3 id="Class_declarations">Class declarations</h3>
+
+<p>One way to define a class is using a <strong>class declaration</strong>. To declare a class, you use the <code>class</code> keyword with the name of the class ("Rectangle" here).</p>
+
+<pre class="brush: js">class Rectangle {
+  constructor(height, width) {
+    this.height = height;
+    this.width = width;
+  }
+}</pre>
+
+<h4 id="Hoisting">Hoisting</h4>
+
+<p>An important difference between <strong>function declarations</strong> and <strong>class declarations</strong> is that function declarations are {{Glossary("Hoisting", "hoisted")}} and class declarations are not. You first need to declare your class and then access it, otherwise code like the following will throw a {{jsxref("ReferenceError")}}:</p>
+
+<pre class="brush: js example-bad">var p = new Rectangle(); // ReferenceError
+
+class Rectangle {}
+</pre>
+
+<h3 id="Class_expressions">Class expressions</h3>
+
+<p>A <strong>class expression</strong> is another way to define a class. Class expressions can be named or unnamed. The name given to a named class expression is local to the class's body. (it can be retrieved through the class's (not an instance's) <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name">.name</a> property, though)</p>
+
+<pre class="brush: js">// unnamed
+var Rectangle = class {
+  constructor(height, width) {
+    this.height = height;
+    this.width = width;
+  }
+};
+console.log(Rectangle.name);
+// output: "Rectangle"
+
+// named
+var Rectangle = class Rectangle2 {
+  constructor(height, width) {
+    this.height = height;
+    this.width = width;
+  }
+};
+console.log(Rectangle.name);
+// output: "Rectangle2"
+</pre>
+
+<p><strong>Note:</strong> Class <strong>expressions</strong> also suffer from the same hoisting issues mentioned for Class <strong>declarations</strong>.</p>
+
+<h2 id="Class_body_and_method_definitions">Class body and method definitions</h2>
+
+<p>The body of a class is the part that is in curly brackets <code>{}</code>. This is where you define class members, such as methods or constructor.</p>
+
+<h3 id="Strict_mode">Strict mode</h3>
+
+<p>The bodies of <em>class declarations</em> and <em>class expressions</em> are executed in <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a> i.e. constructor, static and prototype methods, getter and setter functions are executed in strict mode.</p>
+
+<h3 id="Constructor">Constructor</h3>
+
+<p>The <code><a href="/en-US/docs/Web/JavaScript/Reference/Classes/constructor">constructor</a></code> method is a special method for creating and initializing an object created with a <code>class</code>. There can only be one special method with the name "constructor" in a class. A {{jsxref("SyntaxError")}} will be thrown if the class contains more than one occurrence of a <code>constructor</code> method.</p>
+
+<p>A constructor can use the <code>super</code> keyword to call the constructor of the super class.</p>
+
+<h3 id="Prototype_methods">Prototype methods</h3>
+
+<p>See also <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">method definitions</a>.</p>
+
+<pre class="brush: js">class Rectangle {
+  constructor(height, width) {
+    this.height = height;
+    this.width = width;
+  }
+  // Getter
+  get area() {
+    return this.calcArea();
+  }
+  // Method
+  calcArea() {
+    return this.height * this.width;
+  }
+}
+
+const square = new Rectangle(10, 10);
+
+console.log(square.area); // 100</pre>
+
+<h3 id="Static_methods">Static methods</h3>
+
+<p>The <code><a href="/en-US/docs/Web/JavaScript/Reference/Classes/static">static</a></code> keyword defines a static method for a class. Static methods are called without <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript#The_object_(class_instance)" title='An example of class instance is "var john = new Person();"'>instantiating </a>their class and <strong>cannot </strong>be called through a class instance. Static methods are often used to create utility functions for an application.</p>
+
+<pre class="brush: js">class Point {
+  constructor(x, y) {
+    this.x = x;
+    this.y = y;
+  }
+
+  static distance(a, b) {
+    const dx = a.x - b.x;
+    const dy = a.y - b.y;
+
+    return Math.hypot(dx, dy);
+  }
+}
+
+const p1 = new Point(5, 5);
+const p2 = new Point(10, 10);
+
+console.log(Point.distance(p1, p2)); // 7.0710678118654755</pre>
+
+<h3 id="Boxing_with_prototype_and_static_methods">Boxing with prototype and static methods</h3>
+
+<p>When a static or prototype method is called without a value for <em>this</em>, the <em>this</em> value will be <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.498039);">undefined</span></font> inside the method. This behavior will be the same even if the <code>"use strict"</code> directive isn't present, because code within the <code>class</code> syntax is always executed in strict mode.</p>
+
+<pre class="brush: js">class Animal {
+  speak() {
+    return this;
+  }
+  static eat() {
+    return this;
+  }
+}
+
+let obj = new Animal();
+obj.speak(); // Animal {}
+let speak = obj.speak;
+speak(); // undefined
+
+Animal.eat() // class Animal
+let eat = Animal.eat;
+eat(); // undefined</pre>
+
+<p>If the above is written using traditional function–based syntax, then autoboxing in method calls will happen in non–strict mode based on the initial <em>this</em> value. If the inital value is <code>undefined</code>, <em>this</em> will be set to the global object.</p>
+
+<p>Autoboxing will not happen in strict mode, the <em>this</em> value remains as passed.</p>
+
+<pre class="brush: js">function Animal() { }
+
+Animal.prototype.speak = function() {
+  return this;
+}
+
+Animal.eat = function() {
+  return this;
+}
+
+let obj = new Animal();
+let speak = obj.speak;
+speak(); // global object
+
+let eat = Animal.eat;
+eat(); // global object
+</pre>
+
+<h3 id="Instance_properties">Instance properties</h3>
+
+<p>Instance properties must be defined inside of class methods:</p>
+
+<pre class="brush: js">class Rectangle {
+  constructor(height, width) {
+    this.height = height;
+    this.width = width;
+  }
+}</pre>
+
+<p>Static class-side properties and prototype data properties must be defined outside of the ClassBody declaration:</p>
+
+<pre class="brush: js">Rectangle.staticWidth = 20;
+Rectangle.prototype.prototypeWidth = 25;
+</pre>
+
+<p> </p>
+
+<h2 id="Sub_classing_with_extends">Sub classing with <code>extends</code></h2>
+
+<p>The <code><a href="/en-US/docs/Web/JavaScript/Reference/Classes/extends">extends</a></code> keyword is used in <em>class declarations</em> or <em>class expressions</em> to create a class as a child of another class.</p>
+
+<pre class="brush: js">class Animal {
+  constructor(name) {
+    this.name = name;
+  }
+
+  speak() {
+    console.log(this.name + ' makes a noise.');
+  }
+}
+
+class Dog extends Animal {
+  speak() {
+    console.log(this.name + ' barks.');
+  }
+}
+
+var d = new Dog('Mitzie');
+d.speak(); // Mitzie barks.
+</pre>
+
+<p>If there is a constructor present in subclass, it needs to first call super() before using "this".</p>
+
+<p>One may also extend traditional function-based "classes":</p>
+
+<pre class="brush: js">function Animal (name) {
+  this.name = name;
+}
+
+Animal.prototype.speak = function () {
+  console.log(this.name + ' makes a noise.');
+}
+
+class Dog extends Animal {
+  speak() {
+    console.log(this.name + ' barks.');
+  }
+}
+
+var d = new Dog('Mitzie');
+d.speak(); // Mitzie barks.
+</pre>
+
+<p>Note that classes cannot extend regular (non-constructible) objects. If you want to inherit from a regular object, you can instead use {{jsxref("Object.setPrototypeOf()")}}:</p>
+
+<pre class="brush: js">var Animal = {
+  speak() {
+    console.log(this.name + ' makes a noise.');
+  }
+};
+
+class Dog {
+  constructor(name) {
+    this.name = name;
+  }
+}
+
+// If you do not do this you will get a TypeError when you invoke speak
+Object.setPrototypeOf(Dog.prototype, Animal);
+
+var d = new Dog('Mitzie');
+d.speak(); // Mitzie makes a noise.
+</pre>
+
+<h2 id="Species">Species</h2>
+
+<p>You might want to return {{jsxref("Array")}} objects in your derived array class <code>MyArray</code>. The species pattern lets you override default constructors.</p>
+
+<p>For example, when using methods such as {{jsxref("Array.map", "map()")}} that returns the default constructor, you want these methods to return a parent <code>Array</code> object, instead of the <code>MyArray</code> object. The {{jsxref("Symbol.species")}} symbol lets you do this:</p>
+
+<pre class="brush: js">class MyArray extends Array {
+  // Overwrite species to the parent Array constructor
+  static get [Symbol.species]() { return Array; }
+}
+
+var a = new MyArray(1,2,3);
+var mapped = a.map(x =&gt; x * x);
+
+console.log(mapped instanceof MyArray); // false
+console.log(mapped instanceof Array);   // true
+</pre>
+
+<h2 id="Super_class_calls_with_super">Super class calls with <code>super</code></h2>
+
+<p>The <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/super">super</a></code> keyword is used to call corresponding methods of super class.</p>
+
+<pre class="brush: js">class Cat {
+  constructor(name) {
+    this.name = name;
+  }
+
+  speak() {
+    console.log(this.name + ' makes a noise.');
+  }
+}
+
+class Lion extends Cat {
+  speak() {
+    super.speak();
+    console.log(this.name + ' roars.');
+  }
+}
+
+var l = new Lion('Fuzzy');
+l.speak();
+// Fuzzy makes a noise.
+// Fuzzy roars.
+
+</pre>
+
+<h2 id="Mix-ins">Mix-ins</h2>
+
+<p>Abstract subclasses or <em>mix-ins</em> are templates for classes. An ECMAScript class can only have a single superclass, so multiple inheritance from tooling classes, for example, is not possible. The functionality must be provided by the superclass.</p>
+
+<p>A function with a superclass as input and a subclass extending that superclass as output can be used to implement mix-ins in ECMAScript:</p>
+
+<pre class="brush: js">var calculatorMixin = Base =&gt; class extends Base {
+  calc() { }
+};
+
+var randomizerMixin = Base =&gt; class extends Base {
+  randomize() { }
+};
+</pre>
+
+<p>A class that uses these mix-ins can then be written like this:</p>
+
+<pre class="brush: js">class Foo { }
+class Bar extends calculatorMixin(randomizerMixin(Foo)) { }</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES2015', '#sec-class-definitions', 'Class definitions')}}</td>
+   <td>{{Spec2('ES2015')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES2016', '#sec-class-definitions', 'Class definitions')}}</td>
+   <td>{{Spec2('ES2016')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES2017', '#sec-class-definitions', 'Class definitions')}}</td>
+   <td>{{Spec2('ES2017')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-class-definitions', 'Class definitions')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+
+
+<p>{{Compat("javascript.classes")}}</p>
+
+<h2 id="Running_in_Scratchpad">Running in Scratchpad</h2>
+
+<p>A class can't be redefined. If you're playing with code in Scratchpad (Firefox menu Tools &gt; Web Developer &gt; Scratchpad) and you 'Run' a definition of a class with the same name twice, you'll get a confusing SyntaxError: redeclaration of let &lt;class-name&gt;.</p>
+
+<p>To re-run a definition, use Scratchpad's menu Execute &gt; Reload and Run.<br>
+ Please vote for bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1428672">#1428672</a>.</p>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions">Functions</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/class"><code>class</code> declaration</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/class"><code>class</code> expression</a></li>
+ <li>{{jsxref("Operators/super", "super")}}</li>
+ <li><a href="https://hacks.mozilla.org/2015/07/es6-in-depth-classes/">Blog post: "ES6 In Depth: Classes"</a></li>
+ <li><a href="https://github.com/tc39/proposal-class-fields">Fields and public/private class properties proposal (stage 3)</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/classes/static/index.html b/files/ca/web/javascript/referencia/classes/static/index.html
new file mode 100644
index 0000000000..3255dc1552
--- /dev/null
+++ b/files/ca/web/javascript/referencia/classes/static/index.html
@@ -0,0 +1,116 @@
+---
+title: static
+slug: Web/JavaScript/Referencia/Classes/static
+translation_of: Web/JavaScript/Reference/Classes/static
+---
+<div>{{jsSidebar("Classes")}}</div>
+
+<p>La paraula clau <strong>static</strong> defineix un mètode estàtic per a una classe.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">static methodName() { ... }</pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><u>Els mètodes estàtics es criden sense realitzar una instantània de la seva classe o instantiating their class nor are they callable when the class is instantiated</u>. Els mètodes estàtics s'utilitzen sovint per crear funcions d'utilitat per una aplicació.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>L'exemple següent mostra diverses coses. Mostra com un mètode estàtic és implementat en una classe i que una classe amb un membre estàtic pot tenir subclasses. Finalment, mostra com es pot i com no es pot cridar un mètode estàtic.</p>
+
+<pre class="brush: js">class Tripple {
+  static tripple(n) {
+    n = n | 1;
+    return n * 3;
+  }
+}
+
+class BiggerTripple extends Tripple {
+  static tripple(n) {
+    return super.tripple(n) * super.tripple(n);
+  }
+}
+
+console.log(Tripple.tripple());
+console.log(Tripple.tripple(6));
+console.log(BiggerTripple.tripple(3));
+var tp = new Tripple();
+console.log(tp.tripple()); //Logs 'tp.tripple is not a function'.</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-class-definitions', 'Class definitions')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(42.0)}}</td>
+   <td>Disponible només en el canal Nightly  (desde febrer del 2015)</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(42.0)}}</td>
+   <td>Disponible només en el canal Nightly  (desde febrer del 2015)</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/class">expressió </a><a href="/en-US/docs/Web/JavaScript/Reference/Operators/class"><code>class</code> </a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/class">declaració </a><a href="/en-US/docs/Web/JavaScript/Reference/Statements/class"><code>class</code> </a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Classes">Classes</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/index.html b/files/ca/web/javascript/referencia/index.html
new file mode 100644
index 0000000000..f524504ab2
--- /dev/null
+++ b/files/ca/web/javascript/referencia/index.html
@@ -0,0 +1,46 @@
+---
+title: Glossari de JavaScript
+slug: Web/JavaScript/Referencia
+translation_of: Web/JavaScript/Reference
+---
+<div>{{JsSidebar}}</div>
+
+<p>Aquesta part de la secció de JavaScript a l'MDN serveix com a glossari de informació sobre el llenguatge JavaScript. Podeu llegir més <a href="/ca/docs/Web/JavaScript/Reference/About">sobre aquest glossari</a>.</p>
+
+<h2 id="Objectes_Globals">Objectes Globals</h2>
+
+<p>Aquest capítol documenta tots els <a href="/ca/docs/Web/JavaScript/Reference/Global_Objects">objectes standard de JavaScript</a>, així com els seus mètodes i propietats.</p>
+
+<p>{{page('/ca/docs/Web/JavaScript/Reference/Global_Objects', 'Objectes standard (per categoria)')}}</p>
+
+<h2 id="Sentències">Sentències</h2>
+
+<p>Aquest capítol documenta totes les <a href="/ca/docs/Web/JavaScript/Reference/Statements">sentències i declaracions disponibles a JavaScript</a>.</p>
+
+<p>{{page('/ca/docs/Web/JavaScript/Reference/Statements', 'Instruccions i declaracions disponibles (per categoria)')}}</p>
+
+<h2 id="Expressions_i_operadors">Expressions i operadors</h2>
+
+<p>Aquest capítol documenta totes les <a href="/ca/docs/Web/JavaScript/Reference/Operators">expressions i els operadors soportats per JavaScript</a>.</p>
+
+<div>{{page('/ca/docs/Web/JavaScript/Reference/Operators', 'Expressions i operadors (per categoria)')}}</div>
+
+<h2 id="Funcions">Funcions</h2>
+
+<p>Aquest capítol documenta com treballar amb <a href="/ca/docs/Web/JavaScript/Reference/Functions">funcions de JavaScript</a>.</p>
+
+<ul>
+ <li><a href="/ca/docs/Web/JavaScript/Reference/Functions/arguments"><code>arguments</code></a></li>
+ <li><a href="/ca/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Functions fletxa</a></li>
+ <li><a href="/ca/docs/Web/JavaScript/Reference/Functions/Default_parameters">Paràmetres per defecte</a></li>
+ <li><a href="/ca/docs/Web/JavaScript/Reference/Functions/rest_parameters">Parametres Rest</a></li>
+</ul>
+
+<h2 id="Pàgines_de_glossari_adicionals">Pàgines de glossari adicionals</h2>
+
+<ul>
+ <li><a href="/ca/docs/Web/JavaScript/Reference/Lexical_grammar">Gramàtica lèxica</a></li>
+ <li><a href="/ca/docs/Web/JavaScript/Data_structures">Tipus i estructures de dades</a></li>
+ <li><a href="/ca/docs/Web/JavaScript/Reference/Strict_mode">Mode estricte</a></li>
+ <li><a href="/ca/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features">Característiques en desús</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/entries/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/entries/index.html
new file mode 100644
index 0000000000..8b67c06038
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/entries/index.html
@@ -0,0 +1,105 @@
+---
+title: Array.prototype.entries()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/entries
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/entries
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>entries()</strong></code> retorna un nou objecte <code><strong>Array Iterator</strong></code> que conté els parells clau/valor per a cada posició de l'array.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.entries()</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush:js">var arr = ['a', 'b', 'c'];
+var eArr = arr.entries();
+
+console.log(eArr.next().value); // [0, 'a']
+console.log(eArr.next().value); // [1, 'b']
+console.log(eArr.next().value); // [2, 'c']
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.entries', 'Array.prototype.entries')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.entries', 'Array.prototype.entries')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("28")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("28")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.keys()")}}</li>
+ <li>{{jsxref("Array.prototype.forEach()")}}</li>
+ <li>{{jsxref("Array.prototype.every()")}}</li>
+ <li>{{jsxref("Array.prototype.some()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/every/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/every/index.html
new file mode 100644
index 0000000000..ad707b4990
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/every/index.html
@@ -0,0 +1,220 @@
+---
+title: Array.prototype.every()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/every
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/every
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>every()</strong></code> comprova si tots els elements d'un array passen el test implementat per la funció proporcionada.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.every(<var>callback</var>[, <var>thisArg</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>Funció utilitzada com a test per a cada element, rep tres arguments:
+ <dl>
+  <dt><code>valorActual</code></dt>
+  <dd>L'element de l'array que està sent avaluat.</dd>
+  <dt><code>posició</code></dt>
+  <dd>La posició que l'element passat al primer paràmetre ocupa dins l'array.</dd>
+  <dt><code>array</code></dt>
+  <dd>L'array des del que s'ha cridat el mètode <code>every()</code>.</dd>
+ </dl>
+ </dd>
+ <dt><code>thisArg</code></dt>
+ <dd>Opcional. Valor que valdrà la variable <code>this</code> quan s'estigui executant la funció <code>callback</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>every()</code> executa la funció <code>callback</code> un cop per a cada element present a l'array fins que troba un per al qual <code>callback</code> retorna un valor <em>falsy</em> (és a dir, un valor que esdebé fals si es realitza una conversió de tipus a <code>Boolean</code>). Si es troba aquest element, el mètode <code>every</code> retorna immediatament <code>false</code>. En cas contrari, si <code>callback</code> ha retornat un valor <code>true</code> per a tots els elements, <code>every</code> retornarà <code>true</code>. Només s'invocarà la funció <code>callback</code> en les posicions de l'array que tinguin un valor assignat, és a dir, mai es cridarà per a posicions que han estat esborrades o el valor de les quals no ha estat mai assignat.</p>
+
+<p>S'invoca <code>callback</code> amb tres arguments: el valor de l'element, la posició de l'element dins l'array, i l'objecte array que es recorrerà.</p>
+
+<p>Si es proporciona el paràmetre <code>thisArg</code> al mètode <code>every()</code>, aquest es passarà a <code>callback</code> quan s'invoqui, i serà el valor que mostrarà la variable <code>this</code>. En cas contrari, s'utilitzarà el valor <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/undefined" title="El valor de la propietat global undefined representa el valor undefined. És un dels tipus primitius de JavaScript."><code>undefined</code></a> com a valor per a <code>this</code>. El valor de <code>this</code> observable en última instància per <code>callback</code> es determinarà d'acord a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this">les regles per a determinar el valor de <code>this</code> observat per una funció</a>.</p>
+
+<p><code>every()</code> no mutarà l'array quan sigui cridada.</p>
+
+<p>El rang d'elements processat per <code>every()</code> és determinat abans de la primera invocació de <code>callback</code>. Els elements que s'afegeixin a l'array després de la crida a <code>every()</code> no seran visitats per <code>callback</code>. Si el valor d'un element encara no visitat canvia, el valor que es passarà a <code>callback</code> serà el valor que tingui aquest element a l'hora de visitar-lo; els elements que s'esborrin no es visitaran.</p>
+
+<p><code>every</code> es comporta com un quantificador "for all" en matemàtiques. En concret, per a un array buit retornarà <code>true</code> (s'anomena <a href="http://en.wikipedia.org/wiki/Vacuous_truth#Vacuous_truths_in_mathematics">veritat per buit</a> el fet que tots els elements d'un <a href="http://en.wikipedia.org/wiki/Empty_set#Common_problems">grup buit</a> satisfacin qualsevol condició donada).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Comprovar_el_tamany_de_tots_els_elements_d'un_array">Comprovar el tamany de tots els elements d'un array</h3>
+
+<p>L'exemple següent comprova si tots els elements d'un array son majors de 10.</p>
+
+<pre class="brush: js">function isBigEnough(element, index, array) {
+  return element &gt;= 10;
+}
+[12, 5, 8, 130, 44].every(isBigEnough);   // false
+[12, 54, 18, 130, 44].every(isBigEnough); // true
+</pre>
+
+<h3 id="Utilitzar_funcions_flexta">Utilitzar funcions flexta</h3>
+
+<p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Les funcions fletxa</a> ofereixen una sintaxi reduïda per a realitzar el mateix test.</p>
+
+<pre class="brush: js">[12, 5, 8, 130, 44].every(elem =&gt; elem &gt;= 10); // false
+[12, 54, 18, 130, 44].every(elem =&gt; elem &gt;= 10); // true</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p><code>every</code> va ser afegida  al standard ECMA-262 en la cinquena edició; és per això que pot no estar disponible en certes implementacions del standard. Es pot proporcionar la seva funcionalitat inserint l'script següent a l'inici dels vostres scripts, permetent l'ús de <code>every()</code> en implementacions que no la suporten de forma nativa. Aquest algoritme és exactament l'especificat a l'ECMA-262, cinquena edició, assumint que <a class="new" href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Object" title="Aquesta pàgina encara no ha estat traduïda. Si us plau considera contribuir-hi!"><code>Object</code></a> i <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/TypeError" title="L'objecte TypeError representa un error quan el valor no és del tipus esperat."><code>TypeError</code></a> tenen els valors originals i que <code>callbackfn.call</code> es correspon amb el valor original de {{jsxref("Function.prototype.call")}}.</p>
+
+<pre class="brush: js">if (!Array.prototype.every) {
+  Array.prototype.every = function(callbackfn, thisArg) {
+    'use strict';
+    var T, k;
+
+    if (this == null) {
+      throw new TypeError('this is null or not defined');
+    }
+
+    // 1. Let O be the result of calling ToObject passing the this
+    //    value as the argument.
+    var O = Object(this);
+
+    // 2. Let lenValue be the result of calling the Get internal method
+    //    of O with the argument "length".
+    // 3. Let len be ToUint32(lenValue).
+    var len = O.length &gt;&gt;&gt; 0;
+
+    // 4. If IsCallable(callbackfn) is false, throw a TypeError exception.
+    if (typeof callbackfn !== 'function') {
+      throw new TypeError();
+    }
+
+    // 5. If thisArg was supplied, let T be thisArg; else let T be undefined.
+    if (arguments.length &gt; 1) {
+      T = thisArg;
+    }
+
+    // 6. Let k be 0.
+    k = 0;
+
+    // 7. Repeat, while k &lt; len
+    while (k &lt; len) {
+
+      var kValue;
+
+      // a. Let Pk be ToString(k).
+      //   This is implicit for LHS operands of the in operator
+      // b. Let kPresent be the result of calling the HasProperty internal
+      //    method of O with argument Pk.
+      //   This step can be combined with c
+      // c. If kPresent is true, then
+      if (k in O) {
+
+        // i. Let kValue be the result of calling the Get internal method
+        //    of O with argument Pk.
+        kValue = O[k];
+
+        // ii. Let testResult be the result of calling the Call internal method
+        //     of callbackfn with T as the this value and argument list
+        //     containing kValue, k, and O.
+        var testResult = callbackfn.call(T, kValue, k, O);
+
+        // iii. If ToBoolean(testResult) is false, return false.
+        if (!testResult) {
+          return false;
+        }
+      }
+      k++;
+    }
+    return true;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificaicó</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.16', 'Array.prototype.every')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implemnetat a JavaScript 1.6.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.every', 'Array.prototype.every')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.every', 'Array.prototype.every')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.8")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.forEach()")}}</li>
+ <li>{{jsxref("Array.prototype.some()")}}</li>
+ <li>{{jsxref("TypedArray.prototype.every()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/fill/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/fill/index.html
new file mode 100644
index 0000000000..e1952a8407
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/fill/index.html
@@ -0,0 +1,173 @@
+---
+title: Array.prototype.fill()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/fill
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/fill
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>fill()</strong></code> omple tots els elements d'un array a partir d'una posició inicial fins a una posició final amb un valor estàtic predeterminat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.fill(valor[, <var>posInicial <var>= 0[, posFinal = this.length]])</var></var></code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>valor</code></dt>
+ <dd>Valor amb el que s'omplirà l'array.</dd>
+ <dt><code>posInicial</code></dt>
+ <dd>Opcional. Posició inicial.</dd>
+ <dt><code>posFinal</code></dt>
+ <dd>Opcional. Posició final.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>L'interval d'elements a omplir és <code>[posInicial, posFinal)</code> (inici inclusiu, final exclusiu).</p>
+
+<p>El mètode <strong><code>fill</code></strong> accepta fins a tres arguments: <code>valor</code>, <code>posInicial</code> i  <code>posFinal.</code></p>
+
+<p>Els arguments <code>posInicial</code> i <code>posFinal</code> són opcionals i si no s'especifiquen prenen per defecte els valors <code>0</code> i la propietat <code>length</code> de l'objecte <code>this</code>, respectivament.</p>
+
+<p>Si <code>posInicial</code> és negatiu, es considera com a <code>length+start</code> on <code>length</code> és la mida de l'array. Si <code>posFinal</code> és negatiu es considera com a <code>length+end</code>.</p>
+
+<p>La funció <strong>fill</strong> és genèrica intencionalment i no requereix que el valor <code>this</code> sigui un objecte de tipus <code>Array</code>.</p>
+
+<p>El mètode <strong>fill</strong> és mutable, ja que canviarà l'objecte <code>this</code> en si mateix i després el retornarà com a resultat, en comptes de retornar una copia d'aquest.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">[1, 2, 3].fill(4);               // [4, 4, 4]
+[1, 2, 3].fill(4, 1);            // [1, 4, 4]
+[1, 2, 3].fill(4, 1, 2);         // [1, 4, 3]
+[1, 2, 3].fill(4, 1, 1);         // [1, 2, 3]
+[1, 2, 3].fill(4, -3, -2);       // [4, 2, 3]
+[1, 2, 3].fill(4, NaN, NaN);     // [1, 2, 3]
+Array(3).fill(4);                // [4, 4, 4]
+[].fill.call({ length: 3 }, 4);  // {0: 4, 1: 4, 2: 4, length: 3}
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<pre class="brush: js">if (!Array.prototype.fill) {
+  Array.prototype.fill = function(value) {
+
+    // Pasos 1-2.
+    if (this == null) {
+      throw new TypeError('this is null or not defined');
+    }
+
+    var O = Object(this);
+
+    // Pasos 3-5.
+    var len = O.length &gt;&gt;&gt; 0;
+
+    // Pasos 6-7.
+    var start = arguments[1];
+    var relativeStart = start &gt;&gt; 0;
+
+    // Pasos 8.
+    var k = relativeStart &lt; 0 ?
+      Math.max(len + relativeStart, 0) :
+      Math.min(relativeStart, len);
+
+    // Pasos 9-10.
+    var end = arguments[2];
+    var relativeEnd = end === undefined ?
+      len : end &gt;&gt; 0;
+
+    // Pasos 11.
+    var final = relativeEnd &lt; 0 ?
+      Math.max(len + relativeEnd, 0) :
+      Math.min(relativeEnd, len);
+
+    // Pasos 12.
+    while (k &lt; final) {
+      O[k] = value;
+      k++;
+    }
+
+    // Pasos 13.
+    return O;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.fill', 'Array.prototype.fill')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("45")}} [1]</td>
+   <td>{{CompatGeckoDesktop("31")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("31")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] A partir del Chrome 36, està disponible a través d'una preferència. A chrome://flags, activeu l'entrada “Enable Experimental JavaScript”.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array")}}</li>
+ <li>{{jsxref("TypedArray.prototype.fill()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/filter/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/filter/index.html
new file mode 100644
index 0000000000..c1bfec77f3
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/filter/index.html
@@ -0,0 +1,213 @@
+---
+title: Array.prototype.filter()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/filter
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/filter
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>filter()</strong></code> crea un nou array amb tots els elements que passin el test implementat per la funció que passa com a argument.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.filter(<var>callback</var>[, <var>thisArg</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>Funció que s'emprarà per a testejar cada element de l'array. Aquesta serà invocada amb els arguments <code>(element, posició, array)</code>. Ha de retornar <code>true</code> per als elements que es vulguin conservar i <code>false</code> en qualsevol altre cas.</dd>
+ <dt><code>element</code></dt>
+ <dd>El element actual que s'esta processant a l'Array.</dd>
+ <dt><code>thisArg</code></dt>
+ <dd>Opcional. Valor que rebrà <code>this</code> durant l'execució de la funció <code>callback</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>filter()</code> crida la funció <code>callback</code> proporcionada un cop per cada element de l'array, i construeix un nou array amb tots els elements per als quals la funció <code>callback</code> retorni el valor <code>true</code> o bé <a href="/en-US/docs/Glossary/Truthy">un valor que pugui ser interpretat com a <code>true</code></a>. Només escridarà la funció <code>callback</code> per a posicions de l'array que tinguin valors assignats; no es cridarà per a posicions que han estat esborrades o que mai hagin tingut assignat un element. Els elements que no passsin el test de <code>callback</code> seràn simplement ignorats i en cap cas seran afegits al nou array.</p>
+
+<p>S'invoca <code>callback</code> tot passant-li els tres arguments següents:</p>
+
+<ol>
+ <li>el valor de l'element</li>
+ <li>la posició de l'element</li>
+ <li>L'objecte array que s'està recorrent</li>
+</ol>
+
+<p>Si es proporciona el paràmetre <code>thisArg</code> a la crida de <code>filter</code>, aquest es passarà a <code>callback</code> quan s'invoqui per a ser utilitzat com a <code>this</code> dins la funció.  En qualsevol altre cas el valor que rebrà <code>this</code> dins la funció <code>callback</code> serà <code>undefined</code>. El valor de <code>this</code> que serà finalment observable dins de <code>callback</code> és determinat d'acord a <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">les regles habituals per a determinar el valor de <code>this</code> observat dins d'una funció</a>.</p>
+
+<p><code>filter()</code> mai modificarà l'array des del qual s'invoca.</p>
+
+<p>El rang dels elements processats per <code>filter()</code> es determina abans de la primera invocació de <code>callback</code>. Els elements que s'afegeixin a l'array un cop la crida a  <code>filter()</code> hagi començat no seran visibles per a <code>callback</code>. Els elements que es modifiquin o s'esborrin durant aquest periode tindran el valor que els hi pertoqui al moment de cridar la funció <code>callback</code>; els elements que s'hagin eliminat no es visitaran.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_Descartar_tots_els_valors_petits">Exemple: Descartar tots els valors petits</h3>
+
+<p>L'exemple següent utilitza <code>filter()</code> per a crear un array filtrat que contindrà tots els elements amb valors menors de 10.</p>
+
+<pre class="brush: js">function esProuGran(valor) {
+  return valor &gt;= 10;
+}
+var filtrat = [12, 5, 8, 130, 44].filter(esProuGran);
+// filtrat val [12, 130, 44]
+</pre>
+
+<h3 id="Exemple_Descartar_entrades_invàlides_de_JSON">Exemple: Descartar entrades invàlides de JSON</h3>
+
+<p>L'exemple següent utilitza <code>filter()</code> per a crear un array que no contingui cap entrada de JSON amb una <code>id</code> numèrica no vàlida o amb valor menor que zero.</p>
+
+<pre class="brush: js">var arr = [
+  { id: 15 },
+  { id: -1 },
+  { id: 0 },
+  { id: 3 },
+  { id: 12.2 },
+  { },
+  { id: null },
+  { id: NaN },
+  { id: 'undefined' }
+];
+
+var invalidEntries = 0;
+
+function filterByID(obj) {
+  if ('id' in obj &amp;&amp; typeof(obj.id) === 'number' &amp;&amp; !isNaN(obj.id)) {
+    return true;
+  } else {
+    invalidEntries++;
+    return false;
+  }
+}
+
+var arrByID = arr.filter(filterByID);
+
+console.log('Array filtrat\n', arrByID);
+// [{ id: 15 }, { id: -1 }, { id: 0 }, { id: 3 }, { id: 12.2 }]
+
+console.log('Nombre d'entrades invàlides = ', invalidEntries);
+// 4
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p><code>filter()</code> va ser afegit al standard ECMA-262 a la cinquena edició; degut a això aquesta funció pot no ser present a totes les implementacions del standard. Es pot solucionar aquest problema inserint el codi següent al principi dels scripts, permetent l'ús de <code>filter()</code> en implementacions de l'ECMA-262 que no la incorporin per defecte. Aquest algoritme és exactament l'especificat per l'ECMA-262, 5a edició, i assumeix que <code>fn.call</code> s'evalua al valor original de {{jsxref("Function.prototype.call()")}} i que {{jsxref("Array.prototype.push()")}} te el seu valor original.</p>
+
+<pre class="brush: js">if (!Array.prototype.filter) {
+  Array.prototype.filter = function(fun/*, thisArg*/) {
+    'use strict';
+
+    if (this === void 0 || this === null) {
+      throw new TypeError();
+    }
+
+    var t = Object(this);
+    var len = t.length &gt;&gt;&gt; 0;
+    if (typeof fun !== 'function') {
+      throw new TypeError();
+    }
+
+    var res = [];
+    var thisArg = arguments.length &gt;= 2 ? arguments[1] : void 0;
+    for (var i = 0; i &lt; len; i++) {
+      if (i in t) {
+        var val = t[i];
+
+        // NOTA: Tècnicament hauria de ser Object.defineProperty
+        //       a la posició següent ja que push pot veure's afectat per
+        //       les propietats de Object.prototype i Array.prototype.
+        //       Però aquest mètode és nou i només hi haurà col·lisions
+        //       en casos excepcionals, aixíq ue utilitzem l'alternativa més compatible.
+        if (fun.call(thisArg, val, i, t)) {
+          res.push(val);
+        }
+      }
+    }
+
+    return res;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.20', 'Array.prototype.filter')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.6.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.filter', 'Array.prototype.filter')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.8")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.forEach()")}}</li>
+ <li>{{jsxref("Array.prototype.every()")}}</li>
+ <li>{{jsxref("Array.prototype.some()")}}</li>
+ <li>{{jsxref("Array.prototype.reduce()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/find/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/find/index.html
new file mode 100644
index 0000000000..8ee7742c09
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/find/index.html
@@ -0,0 +1,191 @@
+---
+title: Array.prototype.find()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/find
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/find
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>find()</strong></code> retorna un valor <strong>valor</strong> pertanyent a l'array si un element de l'array satisfà la funció de testeig donada. En cas contrari retornarà {{jsxref("undefined")}}.</p>
+
+<p>Vegeu també el mètode {{jsxref("Array.findIndex", "findIndex()")}}, que retorna la posició a la qual s'ha trobat l'element que satisfà la funció de testeig, en comptes del seu valor.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.find(<var>callback</var>[, <var>thisArg</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>Funció que s'executarà per a cada valor de l'array, rep tres arguments:
+ <dl>
+  <dt><code>element</code></dt>
+  <dd>L'element de l'array que s'està processant actualment.</dd>
+  <dt><code>posició</code></dt>
+  <dd>La posició de l'array que s'està processant actualment.</dd>
+  <dt><code>array</code></dt>
+  <dd>L'array des del qual s'ha cridat el mètode <code>find</code>.</dd>
+ </dl>
+ </dd>
+ <dt><code>thisArg</code></dt>
+ <dd>Opcional. L'objecte a utilitzar com a <code>this</code> mentre s'executi <code>callback</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>find</code> executa la funció <code>callback</code> un cop per a cada element present a l'array fins que trobi un on <code>callback</code> retorni <code>true</code>. Si es troba aquest element el mètode <code>find</code> retorna el valor de l'element trobat immediatament. En cas contrari <code>find</code> retornarà {{jsxref("undefined")}}. <code>callback</code> només serà invocada per a posicions de l'array que tinguin valors assignats; no serà invoada per a posicions que s'hagin eliminat o que mai hagin tingut assignat un valor.</p>
+
+<p>La invocaicó de <code>callback</code> té tres arguments: el valor de l'element, la posició de l'element i l'objecte array que està sent recorregut.</p>
+
+<p>Si es proporciona el paràmetre <code>thisArg</code> al cridar el mètode <code>find</code>, aquest serà utilitzat com a <code>this</code> per a cada invocació del mètode <code>callback</code>. En cas de no ser proporcionat s'utilitzarà {{jsxref("undefined")}}.</p>
+
+<p><code>find</code> no mutarà l'array des del que es crida.</p>
+
+<p>El rang d'elemnets que <code>find</code> processarà es determina abans de la primera invocació a <code>callback</code>. Els elements afegits a l'array després de la crida a <code>find</code> no seran visitats per <code>callback</code>. Si un element existent, no visitat encara, rep un altre valor, el valor percebut per <code>callback</code> serà aquell que tingui l'element al ser visitat; els elements visitats no són visitats.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Trobar_un_objecte_en_un_array_segons_el_valor_d'una_propietat">Trobar un objecte en un array segons el valor d'una propietat</h3>
+
+<pre class="brush: js">var inventory = [
+    {name: 'apples', quantity: 2},
+    {name: 'bananas', quantity: 0},
+    {name: 'cherries', quantity: 5}
+];
+
+function findCherries(fruit) {
+    return fruit.name === 'cherries';
+}
+
+console.log(inventory.find(findCherries)); // { name: 'cherries', quantity: 5 }</pre>
+
+<h3 id="Trobar_un_nombre_primer_en_un_array">Trobar un nombre primer en un array</h3>
+
+<p>L'exemple següent troba un element dins l'array el valor del qual sigui un nombre primer (o bé retorna {{jsxref("undefined")}} si no n'hi ha cap).</p>
+
+<pre class="brush: js">function isPrime(element, index, array) {
+  var start = 2;
+  while (start &lt;= Math.sqrt(element)) {
+    if (element % start++ &lt; 1) {
+      return false;
+    }
+  }
+  return element &gt; 1;
+}
+
+console.log([4, 6, 8, 12].find(isPrime)); // undefined, no trobat
+console.log([4, 5, 8, 12].find(isPrime)); // 5
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquest mètode es va afegira la especificació 2015 de l'ECMAScript i pot no estar disponible encara en algunes implementacions de JavaScript. Tot i així es pot utilitzar el codi següent per a utilitzar-lo en entorns on no estigui disponible:</p>
+
+<pre class="brush: js">if (!Array.prototype.find) {
+  Array.prototype.find = function(predicate) {
+    if (this === null) {
+      throw new TypeError('Array.prototype.find called on null or undefined');
+    }
+    if (typeof predicate !== 'function') {
+      throw new TypeError('predicate must be a function');
+    }
+    var list = Object(this);
+    var length = list.length &gt;&gt;&gt; 0;
+    var thisArg = arguments[1];
+    var value;
+
+    for (var i = 0; i &lt; length; i++) {
+      value = list[i];
+      if (predicate.call(thisArg, value, i, list)) {
+        return value;
+      }
+    }
+    return undefined;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.find', 'Array.prototype.find')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.find', 'Array.prototype.find')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Edge</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(45.0)}}</td>
+   <td>{{CompatGeckoDesktop("25.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>12</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Edge</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>12</td>
+   <td>{{CompatNo}}</td>
+   <td>8.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.findIndex()")}}</li>
+ <li>{{jsxref("Array.prototype.every()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/findindex/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/findindex/index.html
new file mode 100644
index 0000000000..5b089bdb98
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/findindex/index.html
@@ -0,0 +1,173 @@
+---
+title: Array.prototype.findIndex()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/findIndex
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/findIndex
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>findIndex()</strong></code> retorna una <strong>posició</strong> de l'array si un element de l'array satisfà la funció de testeig donada. En cas contrari retornarà -1.</p>
+
+<p>Vegeu també el mètode {{jsxref("Array.find", "find()")}}, que retorna el <strong>valor</strong> trobat dins l'array en comptes de la posició.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.findIndex(<var>callback</var>[, <var>thisArg</var>])</code></pre>
+
+<h3 id="Parameters">Parameters</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>Funció que s'executarà per a cada valor de l'array, rep tres arguments:
+ <dl>
+  <dt><code>element</code></dt>
+  <dd>L'element de l'array que s'està processant actualment.</dd>
+  <dt><code>posició</code></dt>
+  <dd>La posició de l'array que s'està processant actualment.</dd>
+  <dt><code>array</code></dt>
+  <dd>L'array des del qual s'ha cridat el mètode <code>find</code>.</dd>
+ </dl>
+ </dd>
+ <dt><code>thisArg</code></dt>
+ <dd>Opcional. L'objecte a utilitzar com a <code>this</code> mentre s'executi <code>callback</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>findIndex</code> executa la funció <code>callback</code> un cop per a cada element present a l'array fins que trobi un on <code>callback</code> retorni <code>true</code>. Si es troba aquest element el mètode <code>findIndex</code> retorna la posició de l'element trobat immediatament. En cas contrari <code>findIndex</code> retornarà -1. <code>callback</code> només serà invocada per a posicions de l'array que tinguin valors assignats; no serà invoada per a posicions que s'hagin eliminat o que mai hagin tingut assignat un valor.</p>
+
+<p>La invocaicó de <code>callback</code> té tres arguments: el valor de l'element, la posició de l'element i l'objecte array que està sent recorregut.</p>
+
+<p>Si es proporciona el paràmetre <code>thisArg</code> al cridar el mètode <code>findIndex</code>, aquest serà utilitzat com a <code>this</code> per a cada invocació del mètode <code>callback</code>. En cas de no ser proporcionat s'utilitzarà {{jsxref("undefined")}}.</p>
+
+<p><code>findIndex</code> no mutarà l'array des del que es crida.</p>
+
+<p>El rang d'elemnets que <code>findIndex</code> processarà es determina abans de la primera invocació a <code>callback</code>. Els elements afegits a l'array després de la crida a <code>findIndex</code> no seran visitats per <code>callback</code>. Si un element existent, no visitat encara, rep un altre valor, el valor percebut per <code>callback</code> serà aquell que tingui l'element al ser visitat; els elements visitats no són visitats.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Trobar_la_posició_d'un_nombre_primer_dins_un_array">Trobar la posició d'un nombre primer dins un array</h3>
+
+<p>L'exemple següent trobarà la posició d'un element de l'array que sigui un nombre primer (o bé retornarà -1 si no n'hi ha cap).</p>
+
+<pre class="brush: js">function isPrime(element, index, array) {
+  var start = 2;
+  while (start &lt;= Math.sqrt(element)) {
+    if (element % start++ &lt; 1) {
+      return false;
+    }
+  }
+  return element &gt; 1;
+}
+
+console.log([4, 6, 8, 12].findIndex(isPrime)); // -1, not found
+console.log([4, 6, 7, 12].findIndex(isPrime)); // 2
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquest mètode es va afegir a la especificació 6 de l'ECMAScript i pot no estar disponible encara en algunes implementacions de JavaScript. Tot i així es pot utilitzar el codi següent per a utilitzar-lo en entorns on no estigui disponible:</p>
+
+<pre class="brush: js">if (!Array.prototype.findIndex) {
+  Array.prototype.findIndex = function(predicate) {
+    if (this === null) {
+      throw new TypeError('Array.prototype.findIndex called on null or undefined');
+    }
+    if (typeof predicate !== 'function') {
+      throw new TypeError('predicate must be a function');
+    }
+    var list = Object(this);
+    var length = list.length &gt;&gt;&gt; 0;
+    var thisArg = arguments[1];
+    var value;
+
+    for (var i = 0; i &lt; length; i++) {
+      value = list[i];
+      if (predicate.call(thisArg, value, i, list)) {
+        return i;
+      }
+    }
+    return -1;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.findIndex', 'Array.prototype.findIndex')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.findIndex', 'Array.prototype.findIndex')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(45.0)}}</td>
+   <td>{{CompatGeckoDesktop("25.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.find()")}}</li>
+ <li>{{jsxref("Array.prototype.indexOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/foreach/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/foreach/index.html
new file mode 100644
index 0000000000..4d391346eb
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/foreach/index.html
@@ -0,0 +1,238 @@
+---
+title: Array.prototype.forEach()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/forEach
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/forEach
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>forEach()</strong></code> executa la funció rebuda un cop per cada element de l'array.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.forEach(<var>callback</var>[, <var>thisArg</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>Funció a executar per a cada element. Aquesta funció rebrà tres paràmetres:
+ <dl>
+  <dt><code>valor</code></dt>
+  <dd>L'element que s'està processant ara mateix a l'array.</dd>
+  <dt><code>posició</code></dt>
+  <dd>La posició que l'element actual ocupa dins l'array.</dd>
+  <dt><code>array</code></dt>
+  <dd>L'array al qual el mètode <code>forEach</code> s'aplica.</dd>
+ </dl>
+ </dd>
+ <dt><code>thisArg</code></dt>
+ <dd>Opcional. Valor que s'utilitzarà com a <code>this</code> a l'hora d'executar la funció <code>callback</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>forEach()</code> executa la funció <code>callback</code> rebuda com a argument un cop per cada element present a l'array, en ordre ascendent. No es cridarà la funció per a elements que s'hagin eliminat o que no hagin rebut cap valor (és a dir, arrays disperses).</p>
+
+<p>S'invocarà <code>callback</code> amb els <strong>tres arguments</strong> següents:</p>
+
+<ul>
+ <li>el <strong>valor de l'element</strong></li>
+ <li>la <strong>posició de l'element</strong></li>
+ <li>L'<strong>array que s'està recorrent</strong></li>
+</ul>
+
+<p>Si es proporciona el paràmetre <code>thisArg</code> a <code>forEach()</code>, aquest es passarà a <code>callback</code> quan es cridi, i es podrà accedir a ell mitjançant la paraula clau <code>this</code>. En el cas que no es proporcioni el paràmetre <code>this</code> rebrà el valor {{jsxref("undefined")}}. El valor de <code>this</code> que serà observable per <code>callback</code> es determina d'acord a les <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">regles usuals per a determinar el valor de <code>this</code> que una funció veu</a>.</p>
+
+<p>El rang dels elements processats per <code>forEach()</code> és determinat abans de la primera invocació de <code>callback</code>. Els elements que s'afegeixin a l'array després de la crida a <code>forEach()</code> no seran visitats per la funció <code>callback</code>. En el cas que es canviï el valor dels elements de l'array el valor que es passarà a <code>callback</code> serà el valor que tingui l'element en el moment que es visita. Els elements que s'han eliminat abans de ser visitats no es visitaran.</p>
+
+<p><code>forEach()</code> executa la funció <code>callback</code> un cop per cada element de l'array; a diferència de {{jsxref("Array.prototype.map()", "map()")}} i {{jsxref("Array.prototype.reduce()", "reduce()")}}, sempre retorna el valor {{jsxref("undefined")}} i no es pot encadenar. El cas d'ús típic és per executar efectes secundaris al final de la cadena.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> L'única forma d'aturar un bucle <code>forEach()</code> és llençar una excepció. Si es requereix aquesta funcionalitat llavors el mètode <code>.forEach()</code> és l'eina incorrecta i es recomana utilitzar un bucle normal. Si el que es pretén és validar els elements d'un array contra un predicat i es requereix retornar un valor booleà, es recomana utilitzar la funció {{jsxref("Array.prototype.every()", "every()")}} o bé {{jsxref("Array.prototype.some()", "some()")}}.</p>
+</div>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Imprimir_el_contingut_d'un_array">Imprimir el contingut d'un array</h3>
+
+<p>El codi següent mostra una línia per a cada element de l'array:</p>
+
+<pre class="brush:js">function logArrayElements(element, index, array) {
+  console.log('a[' + index + '] = ' + element);
+}
+
+// Cal destacar l'omissió, no hi ha cap element a la posició 2 així que aquesta no es visita
+[2, 5, , 9].forEach(logArrayElements);
+// Mostra:
+// a[0] = 2
+// a[1] = 5
+// a[3] = 9
+</pre>
+
+<h3 id="Una_funció_per_a_copiar_objectes">Una funció per a copiar objectes</h3>
+
+<p>El codi següent crea una copia de l'objecte donat. Hi ha diverses formes de crear una copia d'un objecte, la forma següent és simplement una d'elles i es presenta per a explicar com funciona <code>Array.prototype.forEach()</code> tot utilitzant les funcions de meta-propietats de l'ECMAScript 5 a <code>Object.*</code></p>
+
+<pre class="brush: js">function copy(obj) {
+  var copy = Object.create(Object.getPrototypeOf(obj));
+  var propNames = Object.getOwnPropertyNames(obj);
+
+  propNames.forEach(function(name) {
+    var desc = Object.getOwnPropertyDescriptor(obj, name);
+    Object.defineProperty(copy, name, desc);
+  });
+
+  return copy;
+}
+
+var obj1 = { a: 1, b: 2 };
+var obj2 = copy(obj1); // obj2 looks like o1 now
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p><code>forEach()</code> va ser afegida l'standard ECMA-262 en la cinquena edició; per aquest motiu aquesta funció pot no estar present en altres implementacions de l'standard. Es pot solventar aquest problema inserint el codi següent a l'inici dels vostres scripts. Això permetrà l'ús de <code>forEach()</code> en implementacions que no el suportin de forma nativa. Aquest algoritme és el mateix que l'especificat a l'ECMA-262, cinquena edició, si assumim que {{jsxref("Object")}} i {{jsxref("TypeError")}} tenen els seus valors originals i que <code>callback.call</code> es resol com al valor original de {{jsxref("Function.prototype.call()")}}.</p>
+
+<pre class="brush: js">// Production steps of ECMA-262, Edition 5, 15.4.4.18
+// Reference: http://es5.github.io/#x15.4.4.18
+if (!Array.prototype.forEach) {
+
+  Array.prototype.forEach = function(callback, thisArg) {
+
+    var T, k;
+
+    if (this == null) {
+      throw new TypeError(' this is null or not defined');
+    }
+
+    // 1. Assignem a O el resultat de cridar ToObject tot passant-li el valor de |this| com a argument.
+    var O = Object(this);
+
+    // 2. lenValue representa el resultat de cridar el mètode intern Get de O amb l'argument "length".
+    // 3. Assignem a len el valor ToUint32(lenValue).
+    var len = O.length &gt;&gt;&gt; 0;
+
+    // 4. Si IsCallable(callback) és false, llençem una excepció TypeError.
+    // Vegeu: http://es5.github.com/#x9.11
+    if (typeof callback !== "function") {
+      throw new TypeError(callback + ' no és una funció');
+    }
+
+    // 5. Si s'ha passat thisArg com a aragument, assignem el seu valor a la variable T, en qualsevol altre cas deixem T com a undefined.
+    if (arguments.length &gt; 1) {
+      T = thisArg;
+    }
+
+    // 6. Assignem 0 a la variable k
+    k = 0;
+
+    // 7. Repetir, mentre k &lt; len
+    while (k &lt; len) {
+
+      var kValue;
+
+      // a. Assignem ToString(k) a Pk.
+      //   Aquest comportament és implícit per a operands al cantó esquerra (de l'anglés LHS o Left-Hand-Side) de l'operador "in"This is implicit for LHS operands of the in operator
+      // b. Assignem el resultat de cridar el mètode intern HasProperty de O amb l'argument Pk a la variable kPresent
+      //   Podem combinar aquest pas amb c
+      // c. Si kPresent és true, llavors...
+      if (k in O) {
+
+        // i. Assignem a kValue el resultat de cridar el mètode intern Get de l'objecte O amb l'argument Pk.
+        kValue = O[k];
+
+        // ii. Cridem el mètode intern "call" del callback tot passant-li T com a valor de "this"
+        // així com una llista d'arguments que conté kValue, k i 0
+        callback.call(T, kValue, k, O);
+      }
+      // d. Incrementem el valor de k en 1.
+      k++;
+    }
+    // 8. retornem undefined
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.18', 'Array.prototype.forEach')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.6.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.foreach', 'Array.prototype.forEach')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.8")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map.prototype.forEach()")}}</li>
+ <li>{{jsxref("Set.prototype.forEach()")}}</li>
+ <li>{{jsxref("Array.prototype.map()")}}</li>
+ <li>{{jsxref("Array.prototype.every()")}}</li>
+ <li>{{jsxref("Array.prototype.some()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/includes/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/includes/index.html
new file mode 100644
index 0000000000..9f64b0e117
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/includes/index.html
@@ -0,0 +1,158 @@
+---
+title: Array.prototype.includes()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/includes
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/includes
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>includes()</strong></code> determina si un array inclou un element concret, retornant  <code>true</code> o <code>false</code> segons s'escaigui. </p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">var <var>boolean</var> = <var>array</var>.includes(elementCercat[, desdePosicio])</pre>
+
+<h3 id="Parameters">Parameters</h3>
+
+<dl>
+ <dt>elementCercat</dt>
+ <dd>L'element a cercar.</dd>
+ <dt>desdePosicio</dt>
+ <dd>Opcional. La posició de l'array a partir de la qual començar la cerca de <code>elementCercat</code>. Un valor negatiu cercarà el nombre absolut donat de posicions contant des del final de l'array. El seu valor per defecte és 0.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>Un {{jsxref("Boolean")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">[1, 2, 3].includes(2);     // true
+[1, 2, 3].includes(4);     // false
+[1, 2, 3].includes(3, 3);  // false
+[1, 2, 3].includes(3, -1); // true
+[1, 2, NaN].includes(NaN); // true
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<pre class="brush: js">if (!Array.prototype.includes) {
+  Array.prototype.includes = function(searchElement /*, fromIndex*/ ) {
+    'use strict';
+    var O = Object(this);
+    var len = parseInt(O.length) || 0;
+    if (len === 0) {
+      return false;
+    }
+    var n = parseInt(arguments[1]) || 0;
+    var k;
+    if (n &gt;= 0) {
+      k = n;
+    } else {
+      k = len + n;
+      if (k &lt; 0) {k = 0;}
+    }
+    var currentElement;
+    while (k &lt; len) {
+      currentElement = O[k];
+      if (searchElement === currentElement ||
+         (searchElement !== searchElement &amp;&amp; currentElement !== currentElement)) { // NaN !== NaN
+        return true;
+      }
+      k++;
+    }
+    return false;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES7', '#sec-array.prototype.includes', 'Array.prototype.includes')}}</td>
+   <td>{{Spec2('ES7')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.includes', 'Array.prototype.includes')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Edge</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>
+    <p>{{CompatChrome(47)}}</p>
+   </td>
+   <td>43</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>34</td>
+   <td>9</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Android Webview</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+   <th>Chrome for Android</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>
+    <p>{{CompatChrome(47)}}</p>
+   </td>
+   <td>43</td>
+   <td>{{CompatNo}}</td>
+   <td>34</td>
+   <td>9</td>
+   <td>
+    <p>{{CompatChrome(47)}}</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("TypedArray.prototype.includes()")}}</li>
+ <li>{{jsxref("String.prototype.includes()")}}</li>
+ <li>{{jsxref("Array.prototype.indexOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/index.html
new file mode 100644
index 0000000000..da7c400799
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/index.html
@@ -0,0 +1,482 @@
+---
+title: Array
+slug: Web/JavaScript/Referencia/Objectes_globals/Array
+translation_of: Web/JavaScript/Reference/Global_Objects/Array
+---
+<div>{{JSRef}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>L'objecte de JavaScript <strong><code>Array</code></strong> és un objecte global que s'utilitza per a construir arrays; que són objectes d'al nivell que representen llistes.</p>
+
+<p><strong>Crear un Array</strong></p>
+
+<pre class="brush: js">var fruites = ["Poma", "Pera"];
+
+console.log(fruites.length);
+// 2
+</pre>
+
+<p><strong>Accedir (mitjançant la posició) a un element d'un Array</strong></p>
+
+<pre class="brush: js">var primer = fruites[0];
+// Poma
+
+var ultim = fruites[fruites.length - 1];
+// Pera
+</pre>
+
+<p><strong>Recòrrer un Array</strong></p>
+
+<pre class="brush: js">fruites.forEach(function (element, index, array) {
+  console.log(element, index);
+});
+// Poma 0
+// Pera 1
+</pre>
+
+<p><strong>Afegir elements al final d'un Array</strong></p>
+
+<pre class="brush: js">var nouTamany = fruites.push("Taronja");
+// ["Poma", "Pera", "Taronja"]
+</pre>
+
+<p><strong>Eliminar l'element del final d'un Array</strong></p>
+
+<pre class="brush: js">var ultim = fruites.pop(); // Elimina Taronja (del final)
+// ["Poma", "Pera"];
+</pre>
+
+<p><strong>Eliminar l'element de l'inici d'un Array</strong></p>
+
+<pre class="brush: js">var primer = fruites.shift(); // elimina Poma del principi del Array
+// ["Pera"];
+</pre>
+
+<p><strong>Afegir un element a l'inici d'un Array</strong></p>
+
+<pre class="brush: js">var nouTamany = fruites.unshift("Maduixa") // Afegir al principi
+// ["Maduixa", "Pera"];
+</pre>
+
+<p><strong>Trobar la posició d'un element del Array</strong></p>
+
+<pre class="brush: js">fruites.push("Mango");
+// ["Maduixa", "Pera", "Mango"]
+
+var pos = fruites.indexOf("Pera");
+// 1
+</pre>
+
+<p><strong>Eliminar un element segons la seva posició</strong></p>
+
+<pre class="brush: js">var elementEliminat = fruites.splice(pos, 1); // així és com s'elimina un element
+// ["Maduixa", "Mango"]
+</pre>
+
+<p><strong>Copiar un Array</strong></p>
+
+<pre class="brush: js">var shallowCopy = fruits.slice(); // així és com es copia
+// ["Maduixa", "Mango"]
+</pre>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>[<var>element0</var>, <var>element1</var>, ..., <var>elementN</var>]
+new Array(<var>element0</var>, <var>element1</var>[, ...[, <var>elementN</var>]])
+new Array(longitudArray)</code></pre>
+
+<dl>
+ <dt><code>element<em>N</em></code></dt>
+ <dd>S'inicialitza un array de JavaScript amb els elements donats, excepte si només es proporciona un sol argument al constructor <code>Array</code> i aquest argument és un nombre. (Vegeu a sota). Cal destacar que aquest cas especial només s'aplica a arrays de JavaScript creats mitjançant el constructor <code>Array</code> i no a literals array creats a partir de ls sintaxi de claus.</dd>
+ <dt><code>longitudArray</code></dt>
+ <dd>Si només es passa un sol argument al constructor <code>Array</code> i aquest argument és un nombre entre 0 2<sup>32</sup>-1 (inclòs), aquest retorna un nou array de JavaScript amb la longitud especificada pel nombre passat com a argument. Si l'argument és qualsevol altre nombre es llença l'excepció {{jsxref("Global_Objects/RangeError", "RangeError")}}.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Els arrays són objectes semblants a lliste el prototipus dels quals té mètodes que permeten realitzar operacions de travessa i mutació. Ni a longitud ni el tipus dels elements són fixos en els arrays de JavaScript. Com que el tamany d'un array pot canviar en qualsevol moment no es pot garantir la seva densitat. En general aquestes característiques són convenients; però si en algun cas aquestes característiques no fossin convenients es recomana considerar l'ús de arrays amb tipus.</p>
+
+<p>Algunes persones creuen que <a class="external" href="http://www.andrewdupont.net/2006/05/18/javascript-associative-arrays-considered-harmful/">no s'hauria de fer ús de arrays com amb finalitats associatives</a>. En qualsevol cas sempre es pot utilitzar senzillament un {{jsxref("Global_Objects/Object", "objects")}} per a tal fet instead, tot i que fer-ho també té els seus inconvenients. Vegeu el post <a class="external" href="http://www.less-broken.com/blog/2010/12/lightweight-javascript-dictionaries.html">Diccionaris de JavaScript lleugers amb claus arbitràries</a> per a exemple.</p>
+
+<h3 id="Accedir_als_elements_d'un_array">Accedir als elements d'un array</h3>
+
+<p>Els arrays de JavaScript comencen el compte de posició (índex) amb el zero: és a dir, el primer element d'un array ocupa la posició <code>0</code> i l'últim element d'un array es troba a l'índex amb valor del  {{jsxref("Array.length", "tamany")}} de l'array menys 1.</p>
+
+<pre class="brush: js">var arr = ['aquest és el primer element', 'aquest és el segon element'];
+console.log(arr[0]);              // mostra 'aquest és el primer element'
+console.log(arr[1]);              // mostra 'aquest és el segon element'
+console.log(arr[arr.length - 1]); // mostra 'aquest és el segon element'
+</pre>
+
+<p>Els elements d'un array són propietats de l'objecte de la mateixa que <code>toString</code> és una propietat, però intentar accedir un element d'un array de la manera que es mostra a continuació llença un error de sintaxi, ja que el nom de la propietat no és vàlid:</p>
+
+<pre class="brush: js">console.log(arr.0); // error de sintaxi
+</pre>
+
+<p>No hi ha res d'especial sobre els arrays de JavaScript i les propietats que causen aquest comportament. A JavaScript, les propietats que comencen amb un dígit no es poden referenciar amb la notació de punt; per a accedir-hi és necesari utilitzar la notació de claus. Per exemple, per a accedir a la propietat anomenada <code>'3d'</code> d'un objecte, l'única forma d'accedir-hi és mitjançant la notació de claus tal i com es mostra a continuació:</p>
+
+<pre class="brush: js">var anys = [1950, 1960, 1970, 1980, 1990, 2000, 2010];
+console.log(anys.0);   // error de sintaxi
+console.log(anys[0]);  // funciona
+</pre>
+
+<pre class="brush: js">renderer.3d.setTexture(model, 'character.png');     // error de sintaxi
+renderer['3d'].setTexture(model, 'character.png');  // funciona
+</pre>
+
+<p>Fixeu-vos que a l'exemple de <code>3d</code>, <code>'3d'</code> necessita cometes. És possible utilitzar cometes amb les posicions d'un array (per exemple, <code>anys['2']</code> en comptes de <code>anys[2]</code>), tot i que no és necesari. El 2 a <code>anys[2]</code> és transformat en un string pel motor de JavaScript implícitament mitjançant el mètode <code>toString</code>. Per aquesta raó <code>'2'</code> i <code>'02'</code> es referirien a dues propietats diferents de l'objecte <code>anys</code> i l'exemple següent podría retornar <code>true</code>:</p>
+
+<pre class="brush: js">console.log(anys['2'] != anys['02']);
+</pre>
+
+<p>De la mateixa manera, les propietats d'objectes que utilitzin paraules clau com a nom(!) només es poden accedir mitjançant literals string en notació de claus (però poden accedir-se mitjançant notació de punt com a mínim al firefox 40.0a2):</p>
+
+<pre class="brush: js">var promise = {
+  'var'  : 'text',
+  'array': [1, 2, 3, 4]
+};
+
+console.log(promise['array']);
+</pre>
+
+<h3 id="Relació_entre_length_i_propietats_numèriques">Relació  entre <code>length</code> i propietats numèriques</h3>
+
+<p>La propietat {{jsxref("Array.length", "length")}} dels arrays de JavaScript està relacionada amb les propietats numèriques. Diversos mètodes pertanyent de forma nativa a l'objecte array (com ara {{jsxref("Array.join", "join")}}, {{jsxref("Array.slice", "slice")}}, {{jsxref("Array.indexOf", "indexOf")}}, etcètera.) tenen en compte el valor de la propietat {{jsxref("Array.length", "length")}} quan són cridats. Altres mètodes, com ara {{jsxref("Array.push", "push")}} o {{jsxref("Array.splice", "splice")}}, també actualitzen el valor de la propietat {{jsxref("Array.length", "length")}}.</p>
+
+<pre class="brush: js">var fruites = [];
+fruites.push('banana', 'poma', 'prèssec');
+
+console.log(fruites.length); // 3
+</pre>
+
+<p>A l'hora d'assignar una propietat a un array de JavaScript, quan la propietat és una posició vàlida i aquesta posició cau fora dels límits que l'array té en aquell moment, el motor ha d'actualitzar la propietat {{jsxref("Array.length", "length")}} de l'array apropiadament:</p>
+
+<pre class="brush: js">fruites[5] = 'mango';
+console.log(fruites[5]); // 'mango'
+console.log(Object.keys(fruites));  // ['0', '1', '2', '5']
+console.log(fruites.length); // 6
+</pre>
+
+<p>Incrementant la longitud amb {{jsxref("Array.length", "length")}}.</p>
+
+<pre class="brush: js">fruites.length = 10;
+console.log(Object.keys(fruites)); // ['0', '1', '2', '5']
+console.log(fruites.length); // 10
+</pre>
+
+<p>Decrementar la propietat {{jsxref("Array.length", "length")}}, per contra, elimina elements.</p>
+
+<pre class="brush: js">fruites.length = 2;
+console.log(Object.keys(fruites)); // ['0', '1']
+console.log(fruites.length); // 2
+</pre>
+
+<p>Aquest comportament s'explica amb més detall a la pàgina de {{jsxref("Array.length")}}.</p>
+
+<h3 id="Crear_un_array_utilitzant_el_resultat_d'una_expressió_regular">Crear un array utilitzant el resultat d'una expressió regular</h3>
+
+<p>El resultats obtinguts a l'aplicar una expressió regular sobre un string poden crear un array de JavaScript. Aquest array tindrà propietats i elements que ofereixen informació sobre les coincidències. Aquest tipus d'arrays és retornat pels mètodes {{jsxref("RegExp.exec")}}, {{jsxref("String.match")}}, i {{jsxref("String.replace")}}. Per a ajudar a entendre aquestes propietats i elements, vegeu l'exemple següent i la taula a continuació:</p>
+
+<pre class="brush: js">// Cerca una d seguida d'una o més b's seguides d'una d
+// Desa les coincidències de b's amb una d a continuació
+// No distingeix entre majúscules i minúscules
+
+var myRe = /d(b+)(d)/i;
+var myArray = myRe.exec('cdbBdbsbz');
+</pre>
+
+<p>Les propietats i elements retornats d'aplicar aquesta expressió regular al string són les següents:</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <td class="header">Propietat/Element</td>
+   <td class="header">Descripció</td>
+   <td class="header">Exemple</td>
+  </tr>
+  <tr>
+   <td><code>input</code></td>
+   <td>Propietat només de lectura que representa el string original contra el que s'ha aplicat la expressió regular.</td>
+   <td>cdbBdbsbz</td>
+  </tr>
+  <tr>
+   <td><code>index</code></td>
+   <td>Propietat només de lectura que representa la posició on s'ha trobat coincidència (considerant zero la primera posició)</td>
+   <td>1</td>
+  </tr>
+  <tr>
+   <td><code>[0]</code></td>
+   <td>element només de lectura que especifica els últims caràcters que han coincidit.</td>
+   <td>dbBd</td>
+  </tr>
+  <tr>
+   <td><code>[1], ...[n]</code></td>
+   <td>Elements només de lectura que especifiquen coincidències parcials en parèntesi, si aquests s'inclouen a l'expressió regular. El nombre de possibles coincidències parcials en parèntesi és il·limitat.</td>
+   <td>[1]: bB<br>
+    [2]: d</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>Array.length</code></dt>
+ <dd>La propietat de longitud del constructor de <code>Array</code>. El seu valor és 1.</dd>
+ <dt>{{jsxref("Array.prototype")}}</dt>
+ <dd>Permet l'adició de propietats a tots els objectes array.</dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("Array.from()")}} {{experimental_inline}}</dt>
+ <dd>Crea una nova instància de <code>Array</code> a partir d'un objecte iterable o un objecte similar a un array.</dd>
+ <dt>{{jsxref("Array.isArray()")}}</dt>
+ <dd>Retorna <code>true</code> si una variable és un array. En cas contrari retorna <code>false</code>.</dd>
+ <dt>{{jsxref("Array.observe()")}} {{experimental_inline}}</dt>
+ <dd>Observa de forma asíncrona canvis en Arrays, de manera similar al mètode {{jsxref("Object.observe()")}} per a objectes. Proporciona una sequència de canvis ordenats per ordre d'ocurrència.</dd>
+ <dt>{{jsxref("Array.of()")}} {{experimental_inline}}</dt>
+ <dd>Crea una nova instància de <code>Array</code> amb un nombre variable d'arguments, sense importar el nombre o tipus d'arguments.</dd>
+</dl>
+
+<h2 id="Instàncies_de_Array">Instàncies de <code>Array</code></h2>
+
+<p>Totes les instàncies de <code>Array</code> hereten de {{jsxref("Array.prototype")}}. L'objecte prototipus del constructor de <code>Array</code> es pot modificar per a afectar a totes les instàncies de <code>Array</code> a l'hora.</p>
+
+<h3 id="Propietats_2">Propietats</h3>
+
+<div>{{page('/ca/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype', 'Properties')}}</div>
+
+<h3 id="Mètodes_2">Mètodes</h3>
+
+<h4 id="Mètodes_de_mutació">Mètodes de mutació</h4>
+
+<div>{{page('ca/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype', 'Mutator_methods')}}</div>
+
+<h4 id="Mètodes_d'accés">Mètodes d'accés</h4>
+
+<div>{{page('ca/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype', 'Accessor_methods')}}</div>
+
+<h4 id="Mètodes_d'iteració">Mètodes d'iteració</h4>
+
+<div>{{page('ca/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype', 'Iteration_methods')}}</div>
+
+<h2 id="Mètodes_genèrics_de_Array">Mètodes genèrics de <code>Array</code></h2>
+
+<div class="note">
+<p><strong>Els genèrics de Array no formen part de cap standard, estan en desús i poden ser esborrats en el futur</strong>. Noteu que no funcionen a tots els navegadors, tot i que hi ha una <a href="https://github.com/plusdude/array-generics">correcció de compatibilitat disponible a GitHub</a>.</p>
+</div>
+
+<p>De vegades hom voldria aplicar mètodes de array a strings o altres objectes semblants a arrays (com ara la funció {{jsxref("Functions/arguments", "arguments", "", 1)}}). Per a aconseguir això, es tractaria un string com un array de caràcters (o en tot cas tractar un objecte que no sigui un array com a array). Per exemple, per a comprovar que tots els caràcters d'una variable <em>str</em> són lletres, es faria de la forma següent:</p>
+
+<pre class="brush: js">function isLetter(character) {
+  return character &gt;= 'a' &amp;&amp; character &lt;= 'z';
+}
+
+if (Array.prototype.every.call(str, isLetter)) {
+  console.log("El string '" + str + "' només conté lletres!");
+}
+</pre>
+
+<p>Aquesta notació és força molesta i JavaScript 1.6 va introduïr una abreviació genèrica:</p>
+
+<pre class="brush: js">if (Array.every(str, isLetter)) {
+  console.log("El string '" + str + "' només conté lletres!");
+}
+</pre>
+
+<p>{{jsxref("Global_Objects/String", "Generics", "#String_generic_methods", 1)}} també estan disponibles a {{jsxref("Global_Objects/String", "String")}}.</p>
+
+<p>Aquests no formen actualment part de cap standard ECMAScript (tot i que es pot utilitzar el mètode {{jsxref("Array.from()")}} de l'ECMAScript 6 per a aconseguir el mateix resultat). A continuació es presenta una correcció de compatibilitat per a permetre el seu ús a qualsevol navegador:</p>
+
+<pre class="brush: js">// Asumeix que els extres de Array són presents (també es poden utilitzar funcions Polifyll per a suplir això)
+(function() {
+  'use strict';
+
+  var i,
+    // També es podria construïr l'array de mètodes de la forma següent, però
+    //   el mètode getOwnPropertyNames() no té cap corrector de compatibilitat:
+    // Object.getOwnPropertyNames(Array).filter(function(methodName) {
+    //   return typeof Array[methodName] === 'function'
+    // });
+    methods = [
+      'join', 'reverse', 'sort', 'push', 'pop', 'shift', 'unshift',
+      'splice', 'concat', 'slice', 'indexOf', 'lastIndexOf',
+      'forEach', 'map', 'reduce', 'reduceRight', 'filter',
+      'some', 'every', 'find', 'findIndex', 'entries', 'keys',
+      'values', 'copyWithin', 'includes'
+    ],
+    methodCount = methods.length,
+    assignArrayGeneric = function(methodName) {
+      if (!Array[methodName]) {
+        var method = Array.prototype[methodName];
+        if (typeof method === 'function') {
+          Array[methodName] = function() {
+            return method.call.apply(method, arguments);
+          };
+        }
+      }
+    };
+
+  for (i = 0; i &lt; methodCount; i++) {
+    assignArrayGeneric(methods[i]);
+  }
+}());
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Crear_un_array">Crear un array</h3>
+
+<p>L'exemple següent crea un array, <code>msgArray</code>, amb un tamany de 0, després assigna valors a les posicions <code>msgArray[0]</code> i <code>msgArray[99]</code>, canviant automàticament el tamany de l'array a 100.</p>
+
+<pre class="brush: js">var msgArray = [];
+msgArray[0] = 'Hello';
+msgArray[99] = 'world';
+
+if (msgArray.length === 100) {
+  console.log('The length is 100.');
+}
+</pre>
+
+<h3 id="Crear_un_array_de_dues_dimensions_(bidimensional)">Crear un array de dues dimensions (bidimensional)</h3>
+
+<p>L'exemple següent crea un tauler d'escacs com a array bidimensional de strings. El primer moviement es realitza tot copiant la 'p' de la posició (6,4) a (4,4). La posició anterior esdevé buïda.</p>
+
+<pre class="brush: js">var board = [
+  ['R','N','B','Q','K','B','N','R'],
+  ['P','P','P','P','P','P','P','P'],
+  [' ',' ',' ',' ',' ',' ',' ',' '],
+  [' ',' ',' ',' ',' ',' ',' ',' '],
+  [' ',' ',' ',' ',' ',' ',' ',' '],
+  [' ',' ',' ',' ',' ',' ',' ',' '],
+  ['p','p','p','p','p','p','p','p'],
+  ['r','n','b','q','k','b','n','r'] ];
+
+console.log(board.join('\n') + '\n\n');
+
+// Movem el peó del Rei endevant dues caselles
+board[4][4] = board[6][4];
+board[6][4] = ' ';
+console.log(board.join('\n'));
+</pre>
+
+<p>Aquesta seria la sortida:</p>
+
+<pre class="eval">R,N,B,Q,K,B,N,R
+P,P,P,P,P,P,P,P
+ , , , , , , ,
+ , , , , , , ,
+ , , , , , , ,
+ , , , , , , ,
+p,p,p,p,p,p,p,p
+r,n,b,q,k,b,n,r
+
+R,N,B,Q,K,B,N,R
+P,P,P,P,P,P,P,P
+ , , , , , , ,
+ , , , , , , ,
+ , , , ,p, , ,
+ , , , , , , ,
+p,p,p,p, ,p,p,p
+r,n,b,q,k,b,n,r
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4', 'Array')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>S'afegeixen més mètodes: {{jsxref("Array.isArray")}}, {{jsxref("Array.prototype.indexOf", "indexOf")}}, {{jsxref("Array.prototype.lastIndexOf", "lastIndexOf")}}, {{jsxref("Array.prototype.every", "every")}}, {{jsxref("Array.prototype.some", "some")}}, {{jsxref("Array.prototype.forEach", "forEach")}}, {{jsxref("Array.prototype.map", "map")}}, {{jsxref("Array.prototype.filter", "filter")}}, {{jsxref("Array.prototype.reduce", "reduce")}}, {{jsxref("Array.prototype.reduceRight", "reduceRight")}}</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array-objects', 'Array')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>S'afegeixen més mètodes: {{jsxref("Array.from")}}, {{jsxref("Array.of")}}, {{jsxref("Array.prototype.find", "find")}}, {{jsxref("Array.prototype.findIndex", "findIndex")}}, {{jsxref("Array.prototype.fill", "fill")}}, {{jsxref("Array.prototype.copyWithin", "copyWithin")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>
+    <table class="compat-table">
+     <tbody>
+      <tr>
+       <td>Suport bàsic</td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Indexing_object_properties">Guia de JavaScript: “Indexar propietats d'objectes”</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Guide/Predefined_Core_Objects#Array_Object">Guia de JavaScript: “Objectes bàsics predefinits: L'objecte <code>Array</code>”</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Array_comprehensions">Array comprehensions</a></li>
+ <li><a href="https://github.com/plusdude/array-generics">Polyfill per a Genèrics d'Array a JavaScript 1.8.5 i Array Extras a l'ECMAScript 5 </a></li>
+ <li><a href="/en-US/docs/JavaScript_typed_arrays">Arrays amb tipus</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/indexof/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/indexof/index.html
new file mode 100644
index 0000000000..939571a0c8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/indexof/index.html
@@ -0,0 +1,235 @@
+---
+title: Array.prototype.indexOf()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/indexOf
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/indexOf
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>indexOf()</strong></code> retorna la primera posició a la qual es troba l'element proporcionat, o bé -1 si l'element no es troba dins l'array.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><var>arr</var>.indexOf(elementAcercar[, posicioInicial = 0])</pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>elementAcercar</dt>
+ <dd>L'element que es cercarà.</dd>
+ <dt>posicioInicial</dt>
+ <dd>La posició a la qual començar la cerca. Si la posició és major o igual a la longitud de l'array, es retornarà -1, això implica que no es realitzarà cap cerca a l'array. Si es proporciona un onmbre negatiu, es calcularà la posició des de la qual cercar des del final de l'array. Nota: l'array sempre es cercarà accedint a les posicions en ordre ascendent encara que la <code>posicioInicial</code> sigui negatiu. Si la posició proporcionada és 0 es cercarà en tot l'array. El valor per defecte és 0 (cerca a tot l'array).</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>indexOf()</code> compara <strong>elementAcercar</strong> amb els elements de l'array mitjançant la <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Using_the_Equality_Operators">igualtat estricta</a> (el mateix mètode utilitzat per l'operador <code>===</code>, també anomenat triple-equals).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_indexOf()">Utilitzar <code>indexOf()</code></h3>
+
+<p>L'exemple següent utilitza <code>indexOf()</code> per a localitzar valors dins un array.</p>
+
+<pre class="brush: js">var array = [2, 9, 9];
+array.indexOf(2);     // 0
+array.indexOf(7);     // -1
+array.indexOf(9, 2);  // 2
+array.indexOf(2, -1); // -1
+array.indexOf(2, -3); // 0
+</pre>
+
+<h3 id="Trobar_totes_les_ocurrències_d'un_element">Trobar totes les ocurrències d'un element</h3>
+
+<pre class="brush: js">var indices = [];
+var array = ['a', 'b', 'a', 'c', 'a', 'd'];
+var element = 'a';
+var idx = array.indexOf(element);
+while (idx != -1) {
+  indices.push(idx);
+  idx = array.indexOf(element, idx + 1);
+}
+console.log(indices);
+// [0, 2, 4]
+</pre>
+
+<h3 id="Determinar_si_un_element_existeix_o_no_a_l'array_i_actualitzar-lo">Determinar si un element existeix o no a l'array i actualitzar-lo</h3>
+
+<pre class="brush: js">function updateVegetablesCollection (veggies, veggie) {
+    if (veggies.indexOf(veggie) === -1) {
+        veggies.push(veggie);
+        console.log('La nova col·lecció de verdures és : ' + veggies);
+    } else if (veggies.indexOf(veggie) &gt; -1) {
+        console.log(veggie + ' ja existeix a la col·lecció de verdures.');
+    }
+}
+
+var veggies = ['potato', 'tomato', 'chillies', 'green-pepper'];
+
+updateVegetablesCollection(veggies, 'spinach');
+//  La nova col·lecció de verdures és : potato,tomato,chillies,green-papper,spinach
+updateVegetablesCollection(veggies, 'spinach');
+// spinach  ja existeix a la col·lecció de verdures.
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p><code>indexOf()</code> va ser afegit al standard ECMA-262 a la cinquena versió; degut a això pot no estar present en tots els navegadors. Afegir el següent codi al principi dels vostres escripts us permetrà utilitzar aquesta funció en navegadors on <code>indexOf</code> no sigui suportada de forma nativa. Aquest algoritme és el mateix que l'especificat a la cinquena versió de l'ECMA-262, donat que {{jsxref("Global_Objects/TypeError", "TypeError")}} i {{jsxref("Math.abs()")}} no han estat modificats.</p>
+
+<pre class="brush: js">// Production steps of ECMA-262, Edition 5, 15.4.4.14
+// Reference: http://es5.github.io/#x15.4.4.14
+if (!Array.prototype.indexOf) {
+  Array.prototype.indexOf = function(searchElement, fromIndex) {
+
+    var k;
+
+    // 1. Sigui o el resultat de cridar ToObject passant
+    //    el valor de this com a argument.
+    if (this == null) {
+      throw new TypeError('"this" is null or not defined');
+    }
+
+    var o = Object(this);
+
+    // 2. Sigui lenValue el resultat de cridar el mètode intern Get
+    //    de o amb l'argument "length".
+    // 3. Sigui len ToUint32(lenValue).
+    var len = o.length &gt;&gt;&gt; 0;
+
+    // 4. Si len és 0, retornem -1.
+    if (len === 0) {
+      return -1;
+    }
+
+    // 5. Si s'ha passat l'argument fromIndex n valdrà
+    //    ToInteger(fromIndex); si no n valdrà 0.
+    var n = +fromIndex || 0;
+
+    if (Math.abs(n) === Infinity) {
+      n = 0;
+    }
+
+    // 6. Si n &gt;= len, retornem -1.
+    if (n &gt;= len) {
+      return -1;
+    }
+
+    // 7. Si n &gt;= 0, k valdrà n.
+    // 8. Si no, si n&lt;0, k valdrà len - abs(n).
+    //    Si k és menor que 0, llavors k valdrà 0.
+    k = Math.max(n &gt;= 0 ? n : len - Math.abs(n), 0);
+
+    // 9. Repetir mentre k &lt; len
+    while (k &lt; len) {
+      // a. Sigui Pk ToString(k).
+      //   Això és implícit per a operands a l'esquerra de l'operador in
+      // b. Sigui kPresent el resultat de cridar el mètode intern
+      //    HasProperty de o amb l'argument Pk.
+      //   Aquest pas es pot combinar amb c
+      // c. Si kPresent és cert, llavors
+      //    i.  Sigui elementK el resultat de cridar el mètode intern Get
+      //        de o amb l'argument ToString(k).
+      //   ii.  Sigui same el resultat d'aplicar l'algoritme del
+      //         comparador d'igualtat estricta a
+      //        searchElement i elementK.
+      //  iii.  Si same és cert retornem k.
+      if (k in o &amp;&amp; o[k] === searchElement) {
+        return k;
+      }
+      k++;
+    }
+    return -1;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.14', 'Array.prototype.indexOf')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.6.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.indexof', 'Array.prototype.indexOf')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.indexof', 'Array.prototype.indexOf')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.8")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_de_compatibilitat">Notes de compatibilitat</h2>
+
+<ul>
+ <li>Començant amb el Firefox 47 {{geckoRelease(47)}},  aquest mètode no retornarà <code>-0</code>. Per exemple, <code>[0].indexOf(0, -0)</code> ara sempre retornarà <code>+0</code> ({{bug(1242043)}}).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.lastIndexOf()")}}</li>
+ <li>{{jsxref("TypedArray.prototype.indexOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/isarray/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/isarray/index.html
new file mode 100644
index 0000000000..6393dde86f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/isarray/index.html
@@ -0,0 +1,135 @@
+---
+title: Array.isArray()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/isArray
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/isArray
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>Array.isArray()</strong></code>retorna <code>true</code> si un objecte és un array, o <code>false</code> en cas que no ho sigui.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Array.isArray(<var>obj</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>obj</code></dt>
+ <dd>L'objecte que s'ha de comprovar.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Vegeu l'article <a href="http://web.mit.edu/jwalden/www/isArray.html">“Determinar amb absoluta precisió si un objecte JavaScript és un array o no”</a> per més detalls.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">// totes les crides següents retornen true
+Array.isArray([]);
+Array.isArray([1]);
+Array.isArray(new Array());
+// Fet poc conegut: Array.prototype és un array per si mateix:
+Array.isArray(Array.prototype);
+
+// totes les crides següents retornen false
+Array.isArray();
+Array.isArray({});
+Array.isArray(null);
+Array.isArray(undefined);
+Array.isArray(17);
+Array.isArray('Array');
+Array.isArray(true);
+Array.isArray(false);
+Array.isArray({ __proto__: Array.prototype });
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Executar el codi següent abans de cap altre codi crearà <code>Array.isArray()</code> si no es troba disponible de forma nativa.</p>
+
+<pre class="brush: js">if (!Array.isArray) {
+  Array.isArray = function(arg) {
+    return Object.prototype.toString.call(arg) === '[object Array]';
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.3.2', 'Array.isArray')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.8.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.isarray', 'Array.isArray')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("5")}}</td>
+   <td>{{CompatGeckoDesktop("2.0")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatOpera("10.5")}}</td>
+   <td>{{CompatSafari("5")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("2.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/join/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/join/index.html
new file mode 100644
index 0000000000..8d76b4474a
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/join/index.html
@@ -0,0 +1,123 @@
+---
+title: Array.prototype.join()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/join
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/join
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>join()</strong></code> ajunta tots els elements d'un array en un string.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var> = <var>arr</var>.join([<var>separador</var> = ','])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>separador</code></dt>
+ <dd>Opcional. Expecifica un string que s'utilitzarà per a serparar cada element de l'array. El separador es converteix a string automàticament en cas necesari. Si s'omet, els elements de l'array seran separats per una coma. Si <code>separador</code> és un string buit, s'ajuntaran tots els elements de l'array sense cap caràcter entre ells.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Ajunta les conversions a string de tots els elements de l'array en un sol string. Si un element és <code>undefined</code> o bé <code>null</code> aquest es converteix en una cadena buida.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Quatre_formes_diferents_d'ajuntar_un_array">Quatre formes diferents d'ajuntar un array</h3>
+
+<p>L'exemple següent crea un array, <code>a</code>, amb tres elements, l'ajunta quatre cops: utilitzant el separador per defect, utilitzant coma i espai, utiltizant el signe més i utilitzant un string buit.</p>
+
+<pre class="brush: js">var a = ['Wind', 'Rain', 'Fire'];
+var myVar1 = a.join();      // assigna 'Wind,Rain,Fire' a myVar1
+var myVar2 = a.join(', ');  // assigna 'Wind, Rain, Fire' a myVar2
+var myVar3 = a.join(' + '); // assigna 'Wind + Rain + Fire' a myVar3
+var myVar4 = a.join('');    // assigna 'WindRainFire' a myVar4
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.5', 'Array.prototype.join')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.join', 'Array.prototype.join')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("1.0")}}</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>{{CompatIE("5.5")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.split()")}}</li>
+ <li>{{jsxref("Array.prototype.toString()")}}</li>
+ <li>{{jsxref("TypedArray.prototype.join()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/keys/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/keys/index.html
new file mode 100644
index 0000000000..7d9df8e1f5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/keys/index.html
@@ -0,0 +1,115 @@
+---
+title: Array.prototype.keys()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/keys
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/keys
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>keys()</strong></code> retorna un nou <code><strong>Array Iterator</strong></code> que conté la clau de cada posició d'un array.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.keys()</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Ús_bàsic">Ús bàsic</h3>
+
+<pre class="brush: js">var arr = ["a", "b", "c"];
+var iterator = arr.keys();
+
+console.log(iterator.next()); // { value: 0, done: false }
+console.log(iterator.next()); // { value: 1, done: false }
+console.log(iterator.next()); // { value: 2, done: false }
+console.log(iterator.next()); // { value: undefined, done: true }
+</pre>
+
+<h3 id="L'iterador_de_claus_no_ignora_els_forats">L'iterador de claus no ignora els forats</h3>
+
+<pre class="brush: js">var arr = ["a", , "c"];
+var sparseKeys = Object.keys(arr);
+var denseKeys = [...arr.keys()];
+console.log(sparseKeys); // ['0', '2']
+console.log(denseKeys);  // [0, 1, 2]
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.keys', 'Array.prototype.keys')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.keys', 'Array.prototype.keys')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("28")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("28")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8.0</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.values()")}}</li>
+ <li>{{jsxref("Array.prototype.entries()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/lastindexof/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/lastindexof/index.html
new file mode 100644
index 0000000000..038aa614e5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/lastindexof/index.html
@@ -0,0 +1,197 @@
+---
+title: Array.prototype.lastIndexOf()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/lastIndexOf
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf
+---
+<div>{{JSRef}}</div>
+
+<p> </p>
+
+<p>El mètode <code><strong>lastIndexOf</strong></code> <code><strong>()</strong></code> retorna l'última posició a la qual es troba l'element proporcionat, o bé -1 si l'element no es troba dins l'array. L'array es recorrerà en ordre invers a partir de la posició <strong>pocicioInicial</strong>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.lastIndexOf(elementAcercar[, posicioInicial = arr.length - 1])</code></pre>
+
+<h2 id="Paràmetres">Paràmetres</h2>
+
+<dl>
+ <dt><code>elementAcercar</code></dt>
+ <dd>L'element que es cercarà.</dd>
+ <dt><code>posicioInicial</code></dt>
+ <dd>Opcional. La posició a partir de la qual es començarà a cercar cap enrera. El valor per defecte és el tamany de l'array menys un, és a dir, tota l'array serà cercada. Si la posició proporcionada es major o igual que la longitud de l'array tot l'array serà cercat. Si és negatiu s'utilitzarà com a desplaçament respecte el final de l'array. Nota: l'array sempre es cercarà accedint a les posicions en ordre descendent encara que la <code>posicioInicial</code> sigui negatiu. Si la posició calculada és menor que zero, es retornarà -1, és a dir, l'array no serà cercat.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>lastIndexOf</code>  compara <strong>elementAcercar</strong> amb els elements de l'array mitjançant la <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Using_the_Equality_Operators">igualtat estricta</a> (el mateix mètode utilitzat per l'operador <code>===</code>, també anomenat triple-equals).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_lastIndexOf">Utilitzar <code>lastIndexOf</code></h3>
+
+<p>L'exemple següent utilitza <code>lastIndexOf</code> per a localitzar valors dins un array.</p>
+
+<pre class="brush: js">var array = [2, 5, 9, 2];
+array.lastIndexOf(2);     // 3
+array.lastIndexOf(7);     // -1
+array.lastIndexOf(2, 3);  // 3
+array.lastIndexOf(2, 2);  // 0
+array.lastIndexOf(2, -2); // 0
+array.lastIndexOf(2, -1); // 3
+</pre>
+
+<h3 id="Trobar_totes_les_ocurrències_d'un_element">Trobar totes les ocurrències d'un element</h3>
+
+<p>L'exemple segïuent utilitza <code>lastIndexOf</code> per a trobar totes les posicions d'un element en un array donat, utilitzant {{jsxref("Array.prototype.push", "push")}} per a afegir-los a u altre array un cop trobats.</p>
+
+<pre class="brush: js">var indices = [];
+var array = ['a', 'b', 'a', 'c', 'a', 'd'];
+var element = 'a';
+var idx = array.lastIndexOf(element);
+while (idx != -1) {
+  indices.push(idx);
+  idx = (idx &gt; 0 ? array.lastIndexOf(element, idx - 1) : -1);
+}
+
+console.log(indices);
+// [4, 2, 0]
+</pre>
+
+<p>Cal destacar que el cas <code>idx == 0</code> s'ha de tractar de forma separada ja que l'element sempre serà trobat sense importar el valor del paràmetre <code>posicioInicial</code> si és el primer element de l'array. Aquest comportament és diferent del del mètode {{jsxref("Array.prototype.indexOf", "indexOf")}}.</p>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p><code>lastIndexOf</code> va ser afegit al standard ECMA-262 a la cinquena versió; degut a això pot no estar present en tots els navegadors. Afegir el següent codi al principi dels vostres escripts us permetrà utilitzar aquesta funció en navegadors on <code>indexOf</code> no sigui suportada de forma nativa. Aquest algoritme és el mateix que l'especificat a la cinquena versió de l'ECMA-262, donat que {{jsxref("Object")}}, {{jsxref("TypeError")}}, {{jsxref("Number")}}, {{jsxref("Math.floor")}}, {{jsxref("Math.abs")}}, i{{jsxref("Math.min")}} no han estat modificats.</p>
+
+<pre class="brush: js">// Production steps of ECMA-262, Edition 5, 15.4.4.15
+// Reference: http://es5.github.io/#x15.4.4.15
+if (!Array.prototype.lastIndexOf) {
+  Array.prototype.lastIndexOf = function(searchElement /*, fromIndex*/) {
+    'use strict';
+
+    if (this === void 0 || this === null) {
+      throw new TypeError();
+    }
+
+    var n, k,
+      t = Object(this),
+      len = t.length &gt;&gt;&gt; 0;
+    if (len === 0) {
+      return -1;
+    }
+
+    n = len - 1;
+    if (arguments.length &gt; 1) {
+      n = Number(arguments[1]);
+      if (n != n) {
+        n = 0;
+      }
+      else if (n != 0 &amp;&amp; n != (1 / 0) &amp;&amp; n != -(1 / 0)) {
+        n = (n &gt; 0 || -1) * Math.floor(Math.abs(n));
+      }
+    }
+
+    for (k = n &gt;= 0 ? Math.min(n, len - 1) : len - Math.abs(n); k &gt;= 0; k--) {
+      if (k in t &amp;&amp; t[k] === searchElement) {
+        return k;
+      }
+    }
+    return -1;
+  };
+}
+</pre>
+
+<p>Cal destacar que l'implementació aspira  una compatibilitat ambsoluta amb els mètodes <code>lastIndexOf</code> trobats al Firefox i el motor JavaScript SpiderMonkey, incloent diversos casos que són excepcionals. Si es pretén utilitzar-lo en aplicacions quotidianes, és posible calcular <code>from</code> amb codi més senzill si s'ignoren aquests casos.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.15', 'Array.prototype.lastIndexOf')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.6.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.lastindexof', 'Array.prototype.lastIndexOf')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.lastindexof', 'Array.prototype.lastIndexOf')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_de_compatibilitat">Notes de compatibilitat</h2>
+
+<ul>
+ <li>Començant amb el Firefox 47 {{geckoRelease(47)}}, aquest mètode no retornarà <code>-0</code>. Per exemple, <code>[0].lastIndexOf(0, -0)</code> ara sempre retornarà <code>+0</code> ({{bug(1242043)}}).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.indexOf()")}}</li>
+ <li>{{jsxref("TypedArray.prototype.lastIndexOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/length/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/length/index.html
new file mode 100644
index 0000000000..a4954565ff
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/length/index.html
@@ -0,0 +1,128 @@
+---
+title: Array.prototype.length
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/length
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/length
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>length</strong></code> representa un nombre sencer sense signe de 32 bits que és sempre numèricament major que la última posició de l'array.</p>
+
+<div>{{js_property_attributes(1, 0, 0)}}</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.length</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El valor de la propietat <code>length</code> és un sencer amb un signe positiu un valor menor de 2 elevat a 32 (2<sup>32</sup>).</p>
+
+<p>Es pot establir la propietat <code>length</code> per truncar un array en qualsevol moment. Quan s'exten un array per mitjà de canviar la seva propietat <code>length,</code> el nombre actual d'elements no s'incrementa; per exemple, si s'estableix <code>length</code> a 3 quan en aquell moment és 2, l'array encara conté només 2 elements. Així, la propietat <code>length</code> no necessàriament indica el nombre de valors definits en l'array. Vegeu també <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array#Relationship_between_length_and_numerical_properties" title="Relationship between length and numerical properties">Relació entre <code>length</code> i propietats numèriques.</a></p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Recorrer_un_array">Recorrer un array</h3>
+
+<p>En l'exemple següent, es recorre l'array <code>numbers</code> comprovant la propietat <code>length.</code> Es duplica el valor de cada element.</p>
+
+<pre class="brush: js">var numbers = [1, 2, 3, 4, 5];
+
+for (var i = 0; i &lt; numbers.length; i++) {
+  numbers[i] *= 2;
+}
+// <em>numbers </em>és ara [2, 4, 6, 8, 10]
+</pre>
+
+<h3 id="Escurçar_una_array">Escurçar una array</h3>
+
+<p>L'exemple següent escurça l'array <code>statesUS</code> a una llargària de 50 en cas que la llargària actual sigui major de 50.</p>
+
+<pre class="brush: js">if (statesUS.length &gt; 50) {
+  statesUS.length = 50;
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.5.2', 'Array.length')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-properties-of-array-instances-length', 'Array.length')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/map/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/map/index.html
new file mode 100644
index 0000000000..6f0dc1a0d4
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/map/index.html
@@ -0,0 +1,317 @@
+---
+title: Array.prototype.map()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/map
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/map
+---
+<div>{{JSRef("Global_Objects", "Array")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <code><strong>map() </strong></code>crea una nova array amb els resultats de la crida a la funció proporcionada un cop per cada element.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.map(<var>callback</var>[, <var>thisArg</var>])</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>Funció que produeix un element de la nova array, agafant tres arguments:</dd>
+ <dd>
+ <dl>
+  <dt><code>currentValue</code></dt>
+  <dd>El valor actual que és processat en l'array.</dd>
+  <dt><code>index</code></dt>
+  <dd>L'índex de l'element actual que és processat en l'array.</dd>
+  <dt><code>array</code></dt>
+  <dd>L'array sobre la qual es crida <code>map.</code></dd>
+ </dl>
+ </dd>
+ <dt><code>thisArg</code></dt>
+ <dd>Opcional. Valor a usar com a <code>this</code> quan s'executa la funció.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p><code>map</code> crida a la funció passada <code>callback</code> <strong>un cop per cada element</strong> de l'array, en ordre, i construeix un nou array a partir dels resultats. Només s'invoca <code>callback</code> per a posicions de l'array que tinguin valors assignats, incloent <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined">undefined</a>. No es crida per a elements no trobats (és a dir, elements que no han rebut mai un valor o bé elements que s'han eliminat).</p>
+
+<p>S'invoca <code>callback</code> amb tres arguments: el valor de l'element, la posició de l'element a l'array, i l'array que s'està recorrent.</p>
+
+<p>Si s'ha proporcionat el paràmetre <code>thisArg</code> a l'hora de cridar <code>map</code>, aquest es passarà a la funció <code>callback</code> com a valor per a <code>this</code> dins la funció. En qualsevol altre cas el valor utilitzat com a <code>this</code> serà {{jsxref("Global_Objects/undefined", "undefined")}}. El valor finalment observable des de <code>callback</code> es determinarà d'acord a <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">les regles usuals per a determinar el valor de <code>this</code> dins una funció</a>.</p>
+
+<p><code>map</code> no canvia l'array des del que es crida (tot i que <code>callback</code>, si s'invoca, pot fer-ho).</p>
+
+<p>El rang d'elements processat per <code>map</code> s'estableix abans de la primera invocació de <code>callback</code>. Els elements que s'hagin afegit a l'array després d'haver cridat <code>map</code> no seran visitats per <code>callback</code>. Si es canvient els elements existents, o s'eliminen, el valor passat a <code>callback</code> serà el valor que tinguessin quan es va invocar <code>map</code>; els elements que s'han eliminat no es visitaran.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Mapping_an_array_of_numbers_to_an_array_of_square_roots" name="Example:_Mapping_an_array_of_numbers_to_an_array_of_square_roots">Exemple: Generar un array de rels quadrades a partir d'un array de nombres</h3>
+
+<p>El codi següent agafa un array de nombres i crea un nou array que contindrà les rels quadrades dels nombres del primer array.</p>
+
+<pre class="brush: js">var nombres = [1, 4, 9];
+var rels = nombres.map(Math.sqrt);
+// rels ara val [1, 2, 3], nombres encara val [1, 4, 9]
+</pre>
+
+<h3 id="Example:_Mapping_an_array_of_numbers_to_an_array_of_square_roots" name="Example:_Mapping_an_array_of_numbers_to_an_array_of_square_roots">Exemple: Utilitzar map per a canviar el format dels objectes d'un array</h3>
+
+<p>El codi següent agafa un array d'objectes i crea un nou array que conté els nous objectes, que tenen un format diferent.</p>
+
+<pre class="brush: js">var kvArray = [{key:1, value:10}, {key:2, value:20}, {key:3, value: 30}];
+var reformattedArray = kvArray.map(function(obj){
+   var rObj = {};
+   rObj[obj.key] = obj.value;
+   return rObj;
+});
+// reformattedArray ara val [{1:10}, {2:20}, {3:30}],
+// kvArray encara val [{key:1, value:10}, {key:2, value:20}, {key:3, value: 30}]
+</pre>
+
+<h3 id="Example:_Mapping_an_array_of_numbers_using_a_function_containing_an_argument" name="Example:_Mapping_an_array_of_numbers_using_a_function_containing_an_argument">Exemple: Assignar els nombres d'un array al resultat d'una funció que espera un argument</h3>
+
+<p>El codi següent mostra com funciona <code>map</code> quan s'utilitza una funció que espera un argument. L'argument rebrà automàticament el valor de cada element de l'array mentre <code>map</code> recorre tot l'array original.</p>
+
+<pre class="brush: js">var nombres = [1, 4, 9];
+var dobles = nombres.map(function(num) {
+  return num * 2;
+});
+// dobles ara val [2, 8, 18]. nombres encara val [1, 4, 9]
+</pre>
+
+<h3 id="Example:_using_map_generically" name="Example:_using_map_generically">Exemple: utilitzar <code>map</code> de forma genèrica</h3>
+
+<p>Aquest exemple mostra com utilitzar <code>map</code> en un {{jsxref("Global_Objects/String", "String")}} per a obtindre un array de bytes que representin el valor dels caràcters codificats amb ASCII:</p>
+
+<pre class="brush: js">var map = Array.prototype.map;
+var a = map.call('Hello World', function(x) { return x.charCodeAt(0); });
+// a ara val [72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]
+</pre>
+
+<h3 id="Example:_using_map_generically_querySelectorAll" name="Example:_using_map_generically_querySelectorAll">Exemple: Utilitzar <code>map</code> de forma genèrica amb <code>querySelectorAll</code></h3>
+
+<p>Aquest exemple mostra com iterar sobre una col·lecció d'objectes obtinguts mitjançant <code>querySelectorAll</code>. En aquest cas obtenim totes les opcions seleccionades de la web:</p>
+
+<pre class="brush: js">var elems = document.querySelectorAll('select option:checked');
+var values = Array.prototype.map.call(elems, function(obj) {
+  return obj.value;
+});
+</pre>
+
+<h3 id="Exemple_Utilitzar_map_per_a_invertir_un_string">Exemple: Utilitzar <code>map</code> per a invertir un string</h3>
+
+<pre class="brush: js">var str = '12345';
+Array.prototype.map.call(str, function(x) {
+  return x;
+}).reverse().join('');
+
+// Sortida: '54321'
+// Bonus: utilitzeu '===' per a comprovar si l'string original era un palindrom
+</pre>
+
+<h3 id="Example:_Tricky_use_case" name="Example:_Tricky_use_case">Exemple: Un cas d'ús delicat</h3>
+
+<p><a href="http://www.wirfs-brock.com/allen/posts/166">(inspirat per aquesta entrada de blog)</a></p>
+
+<p>És comú utilitzar la funció <em>callback</em> amb un sol argument (l'element corresponent a la volta del bucle de l'array que s'està recorrent). Algunes funcions també solen requerir un sol argument, tot i que també poden acceptar arguements adicionals de forma opcional. Això pot produïr comportaments confussos.</p>
+
+<pre class="brush: js">// Considerem:
+['1', '2', '3'].map(parseInt);
+// Quan hom esperaria [1, 2, 3]
+// El resultat real serà [1, NaN, NaN]
+
+// parseInt s'utilitza normalment amb un argument, però admet dos.
+// El primer és una expressió mentre que el segon és el mòdul.
+// Array.prototype.map passa 3 arguments a la funció callback:
+// l'element, la posició de l'element i l'array
+// parseInt ignorarà el tercer argument, però no el segon,
+// provocant la confussió. Vegeu l'entrada del blog per a més detalls
+
+function returnInt(element) {
+  return parseInt(element, 10);
+}
+
+['1', '2', '3'].map(returnInt); // [1, 2, 3]
+// Actual result is an array of numbers (as expected)
+
+// A simpler way to achieve the above, while avoiding the "gotcha":
+['1', '2', '3'].map(Number); // [1, 2, 3]
+</pre>
+
+<h2 id="Polyfill" name="Polyfill">Polyfill</h2>
+
+<p><code>map</code> va ser afegit a l'standard ECMA-262 a la cinquena edició; degut a això aquest pot no estar present en algunes implementacions de l'standard. Es pot solventar aquest problema insertant el codi següent al principi dels scripts que el requereixin, permetent que implementacions on <code>map</code> no està disponible de forma nativa en puguin fer ús. Aquest algoritme és exactament l'especificat per l'ECMA-262, 5a edició, assument que {{jsxref("Global_Objects/Object", "Object")}}, {{jsxref("Global_Objects/TypeError", "TypeError")}}, i {{jsxref("Global_Objects/Array", "Array")}} tenen els seus valors originals i que <code>callback.call</code> s'evalua al valor original de <code>{{jsxref("Function.prototype.call")}}</code>.</p>
+
+<pre class="brush: js">// Production steps of ECMA-262, Edition 5, 15.4.4.19
+// Reference: http://es5.github.io/#x15.4.4.19
+if (!Array.prototype.map) {
+
+  Array.prototype.map = function(callback, thisArg) {
+
+    var T, A, k;
+
+    if (this == null) {
+      throw new TypeError(' this is null or not defined');
+    }
+
+    // 1. Assignem a O el resultat de cridar a ToObject passant-li el valor de |this|
+    //    com a argument.
+    var O = Object(this);
+
+    // 2. lenValue és el resultat de cridar el mètode intern
+    //    Get de O amb l'argument "length".
+    // 3. Assignem a len el valor d'executar ToUint32(lenValue).
+    var len = O.length &gt;&gt;&gt; 0;
+
+    // 4. Si IsCallable(callback) és false, llencem l'excepció TypeError.
+    // Vegeu: http://es5.github.com/#x9.11
+    if (typeof callback !== 'function') {
+      throw new TypeError(callback + ' is not a function');
+    }
+
+    // 5. Si s'ha passat l'argument thisArg, l'assigment a T; en cas contrari T valdrà undefined.
+    if (arguments.length &gt; 1) {
+      T = thisArg;
+    }
+
+    // 6. Assignem a A el nou array creat per l'expressió new Array(len)
+    //    on Array és el constructor standard de JavaScript amb aquest nom i
+    //    len és el valor de len.
+    A = new Array(len);
+
+    // 7. Assignem 0 a k
+    k = 0;
+
+    // 8. Repetim mentre k &lt; len
+    while (k &lt; len) {
+
+      var kValue, mappedValue;
+
+      // a. Assignem ToString(k) a Pk.
+      //   Això és implicit per a operands al cantó esquerra de l'operador <code>in</code>
+      // b. Assignem a kPresent el resultat de cridar el mètode intern HasProperty
+      //    de O amb l'argument Pk.
+      //   Es pot combinar aquest pas amb c
+      // c. Si kPresent és true, llavors
+      if (k in O) {
+
+        // i. Assignem a kValue el resultat de cridar el mètode intern
+        //    Get de O amb l'argument Pk.
+        kValue = O[k];
+
+        // ii. Assignem a mappedValue el resultat de cridar el mètode intern Call
+        //     de callback amb T com a valor de this i una llista d'arguments
+        //     que conté kValue, k, i O.
+        mappedValue = callback.call(T, kValue, k, O);
+
+        // iii. Cridem el mètode intern DefineOwnProperty de A amb els arguments
+        // Pk, Property Descriptor
+        // { Value: mappedValue,
+        //   Writable: true,
+        //   Enumerable: true,
+        //   Configurable: true },
+        // i false.
+
+        // En navegadors que suportin Object.defineProperty, utilitzeu el següent:
+        // Object.defineProperty(A, k, {
+        //   value: mappedValue,
+        //   writable: true,
+        //   enumerable: true,
+        //   configurable: true
+        // });
+
+        // Per a un millor suport de navegadors, utilitzeu el següent:
+        A[k] = mappedValue;
+      }
+      // d. incrementem k en 1.
+      k++;
+    }
+
+    // 9. retornem A
+    return A;
+  };
+}
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.19', 'Array.prototype.map')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.6.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.map', 'Array.prototype.map')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.8")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.forEach()")}}</li>
+ <li>{{jsxref("Map")}} object</li>
+ <li>{{jsxref("Array.from()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/observe/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/observe/index.html
new file mode 100644
index 0000000000..0214800297
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/observe/index.html
@@ -0,0 +1,128 @@
+---
+title: Array.observe()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/observe
+translation_of: Archive/Web/JavaScript/Array.observe
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Array.observe()</code></strong>s'utilitza per observar canvis en Arrays de forma asíncrona, de forma similar a que {{jsxref("Object.observe()")}} ho fa en objectes. Proporciona una corrent de canvis en l'ordre d'aparició. Es equivalent a la crida de <code>Object.observe()</code> <u>amb la llista de tipus acceptar </u><code>["add", "update", "delete", "splice"]</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Array.observe(<var>arr</var>, <var>callback</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>arr</code></dt>
+ <dd>L'array que s'ha d'observar.</dd>
+ <dt><code>callback</code></dt>
+ <dd>La funció es crida cada cop que es realitzen canvis, amb el següent argument:
+ <dl>
+  <dt><code>changes</code></dt>
+  <dd>Un array d'objectes cadascun dels quals representa un canvi. Les propietats d'aquests objectes de canvis són:
+  <ul>
+   <li><strong><code>name</code></strong>: El nom de la propietat que s'ha canviat.</li>
+   <li><strong><code>object</code></strong>: L'array canviat després que s'hagués produït el canvi.</li>
+   <li><strong><code>type</code></strong>: Una cadena que indica el tipus de canvi que s'ha portat a cap. Un de <code>"add"</code>, <code>"update"</code>, <code>"delete"</code>, o <code>"splice"</code>.</li>
+   <li><strong><code>oldValue</code></strong>: Únicament pel tipus <code>"update"</code> i <code>"delete"</code>. El valor abans del canvi.</li>
+   <li><strong><code>index</code></strong>: Únicament pel tipus <code>"splice"</code>. L'índex en el qual s'ha produït el canvi.</li>
+   <li><strong><code>removed</code></strong>: Únicament pel tipus <code>"splice</code>. Un array dels elements eliminats.</li>
+   <li><strong><code>addedCount</code></strong>: Únicament pel tipus<code>"splice"</code>. EL nombre d'elements afegits.</li>
+  </ul>
+  </dd>
+ </dl>
+ </dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La funció <code>callback</code> es crida cada cop que es realitza un canvi en <code>arr</code>, amb un array de tots els canvis tal i com han succeït.</p>
+
+<div class="note">
+<p>Els canvis fets a través de mètodes d'Array, com ara <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop"><code>Array.prototype.pop()</code></a>seràn contats com a canvis de <code>"splice"</code>. Canvis d'assignació d'índexs que no canvien la llargària de l'array poden contar-se com a canvis <code>"update"</code>.</p>
+</div>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Iniciar_diferents_tipus_de_canvis">Iniciar diferents tipus de canvis</h3>
+
+<pre class="brush: js">var arr = ['a', 'b', 'c'];
+
+Array.observe(arr, function(changes) {
+  console.log(changes);
+});
+
+arr[1] = 'B';
+// [{type: 'update', object: &lt;arr&gt;, name: '1', oldValue: 'b'}]
+
+arr[3] = 'd';
+// [{type: 'splice', object: &lt;arr&gt;, index: 3, removed: [], addedCount: 1}]
+
+arr.splice(1, 2, 'beta', 'gamma', 'delta');
+// [{type: 'splice', object: &lt;arr&gt;, index: 1, removed: ['B', 'c', 'd'], addedCount: 3}]
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p><a href="https://github.com/arv/ecmascript-object-observe">Strawman proposal for ECMAScript 7</a>.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("36")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="//stackoverflow.com/q/29269057/778272">Under what condition would Array.observe's “add” event trigger?</a></li>
+ <li>{{jsxref("Array.unobserve()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Object.observe()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/of/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/of/index.html
new file mode 100644
index 0000000000..efe2d96abd
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/of/index.html
@@ -0,0 +1,120 @@
+---
+title: Array.of()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/of
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/of
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>Array.of()</strong></code> crea una nova instància <code>Array</code> amb un nombre variable d'arguments, sense tenir en compte el nombre o el tipus d'arguments.</p>
+
+<p>La diferència entre <code><strong>Array.of()</strong></code> i el constructor <code><strong>Array</strong></code> es troba en el maneig dels arguments sencers: <code><strong>Array.of(42)</strong></code> crea un array amb un sol element, <code>42</code>, mentre que <code><strong>Array(42)</strong></code> crea un array amb 42 elements, Cadascun dels quals és <code>undefined</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Array.of(<var>element0</var>[, <var>element1</var>[, ...[, <var>elementN</var>]]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>element<em>N</em></code></dt>
+ <dd>Elements a partir dels quals es crea l'array.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Aquesta funció forma part del ECMAScript 6 estàndard. Per més informació vegeu <a href="https://gist.github.com/rwaldron/1074126">proposta de l'<code>Array.of</code> i <code>Array.from</code> </a> i <a href="https://gist.github.com/rwaldron/3186576"><code>Array.of</code> polyfill</a>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">Array.of(1);         // [1]
+Array.of(1, 2, 3);   // [1, 2, 3]
+Array.of(undefined); // [undefined]
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Executar el codi següent abans que cap altre codi crearà <code>Array.of()</code> en cas que no es trobi disponible de forma nativa.</p>
+
+<pre class="brush: js">if (!Array.of) {
+  Array.of = function() {
+    return Array.prototype.slice.call(arguments);
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.of', 'Array.of')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(45)}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(39)}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array")}}</li>
+ <li>{{jsxref("Array.from()")}}</li>
+ <li>{{jsxref("TypedArray.of()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/pop/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/pop/index.html
new file mode 100644
index 0000000000..7d2ee3189f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/pop/index.html
@@ -0,0 +1,123 @@
+---
+title: Array.prototype.pop()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/pop
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/pop
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>pop()</strong></code> elimina l'<strong>últim</strong> element d'un array i retorna l'element eliminat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.pop()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>pop</code> elimina l'últim element d'un array i retorna el seu valor.</p>
+
+<p><code>pop</code> és genèric de forma intencionada; aquest mètode pot ser {{jsxref("Function.call", "cridat", "", 1)}} i {{jsxref("Function.apply", "aplicat", "", 1)}} des de/a objectes que semblin arrays. Els objectes que no continguin la propietat <code>length</code> que reflecteixi l'última propietat d'una sèrie de propietats numèriques consecutives, on el nom de la primera propietat sigui el zero, poden comportar-se de forma imprevista.</p>
+
+<p>Si es crida <code>pop()</code> en un array buit, es retornarà {{jsxref("undefined")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Esborrar_l'últim_element_d'un_array">Esborrar l'últim element d'un array</h3>
+
+<p>El codi següent crea un array anomenat <code>myFish</code> que conté quatre elements, després elimina l'últim element.</p>
+
+<pre class="brush: js">var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
+
+console.log(myFish); // ['angel', 'clown', 'mandarin', 'sturgeon']
+
+var popped = myFish.pop();
+
+console.log(myFish); // ['angel', 'clown', 'mandarin' ]
+
+console.log(popped); // 'sturgeon'</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.2.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.6', 'Array.prototype.pop')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.pop', 'Array.prototype.pop')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("1.0")}}</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>{{CompatIE("5.5")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.push()")}}</li>
+ <li>{{jsxref("Array.prototype.shift()")}}</li>
+ <li>{{jsxref("Array.prototype.unshift()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/prototype/index.html
new file mode 100644
index 0000000000..35ebf53933
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/prototype/index.html
@@ -0,0 +1,203 @@
+---
+title: Array.prototype
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/prototype
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <strong><code>Array.prototype</code></strong> representa el prototipus del constructor {{jsxref("Array")}}.</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Les instàncies de {{jsxref("Array")}} hereten de <code>Array.prototype</code>. Com tots els constructors, és possible modificar l'objecte prototipus del constructor per a afectar a totes les instàncies de {{jsxref("Array")}}.</p>
+
+<p>Fet poc conegut: <code>Array.prototype</code> és ell mateix un {{jsxref("Array")}}:</p>
+
+<pre class="brush: js">Array.isArray(Array.prototype); // true
+</pre>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<dl>
+ <dt><code>Array.prototype.constructor</code></dt>
+ <dd>Especifica la funció que ha creat el prototipus de l'objecte.</dd>
+ <dt>{{jsxref("Array.prototype.length")}}</dt>
+ <dd>Reflecteix el nombre d'elements d'un array.</dd>
+</dl>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<h3 id="Mutator_methods" name="Mutator_methods">Mètodes Mutadors</h3>
+
+<p>Els mètodes següents modifiquen l'array:</p>
+
+<dl>
+ <dt>{{jsxref("Array.prototype.copyWithin()")}} {{experimental_inline}}</dt>
+ <dd>Copia una seqüència d'elements de l'array dins l'array.</dd>
+ <dt>{{jsxref("Array.prototype.fill()")}} {{experimental_inline}}</dt>
+ <dd>Omple tots els elements d'un array d'una posició inicial a una posició final amb un valor estàtic.</dd>
+ <dt>{{jsxref("Array.prototype.pop()")}}</dt>
+ <dd>Elimina l'últim element d'un array i retorna aquest element.</dd>
+ <dt>{{jsxref("Array.prototype.push()")}}</dt>
+ <dd>Afegeix un o més elements al final de l'array i retorna el nou tamany de l'array.</dd>
+ <dt>{{jsxref("Array.prototype.reverse()")}}</dt>
+ <dd>Capgira l'ordre dels elements d'un array a l'array mateix (no crea cap array nou) — el primer element esdevé l'últim, l'últim esdevé el primer, etcètera.</dd>
+ <dt>{{jsxref("Array.prototype.shift()")}}</dt>
+ <dd>Elimina el primer element d'un array i retorna aquest element.</dd>
+ <dt>{{jsxref("Array.prototype.sort()")}}</dt>
+ <dd>Ordena els elements d'un array a l'array mateix i retorna l'array.</dd>
+ <dt>{{jsxref("Array.prototype.splice()")}}</dt>
+ <dd>Afegeix i/o elimina elements d'un array.</dd>
+ <dt>{{jsxref("Array.prototype.unshift()")}}</dt>
+ <dd>Afegeix un o més elements al pricipi d'un array i retorna el nou tamany de l'array.</dd>
+</dl>
+
+<h3 id="Accessor_methods" name="Accessor_methods">Mètodes d'accés</h3>
+
+<p>Aquests mètodes no modifiquen l'array sino que retornen algun tipus de representació de l'array.</p>
+
+<dl>
+ <dt>{{jsxref("Array.prototype.concat()")}}</dt>
+ <dd>Retorna un nou array format per la unió de l'array actual amb altres arrays o valors.</dd>
+ <dt>{{jsxref("Array.prototype.includes()")}} {{experimental_inline}}</dt>
+ <dd>Determina si un array inclou un element en concret, retornant <code>true</code> en cas afirmatiu i <code>false</code> en cas contrari.</dd>
+ <dt>{{jsxref("Array.prototype.join()")}}</dt>
+ <dd>Uneix tots els elements d'un array en un string.</dd>
+ <dt>{{jsxref("Array.prototype.slice()")}}</dt>
+ <dd>Extrau una secció d'un array i la retorna en forma de nou array.</dd>
+ <dt>{{jsxref("Array.prototype.toSource()")}} {{non-standard_inline}}</dt>
+ <dd>Retorna un literal d'array que representa l'array especificat; es pot emprar aquest valor per a crear un nou array. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd>
+ <dt>{{jsxref("Array.prototype.toString()")}}</dt>
+ <dd>Retorna un string que representa l'array i els seus elements. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd>
+ <dt>{{jsxref("Array.prototype.toLocaleString()")}}</dt>
+ <dd>Retorna un string localitzat que representa l'array i els seus elements. Sobreescriu el mètode {{jsxref("Object.prototype.toLocaleString()")}}.</dd>
+ <dt>{{jsxref("Array.prototype.indexOf()")}}</dt>
+ <dd>Retorna la primera posició de l'array en la que es troba un element igual al valor especificat, o bé -1 si no es troba l'element dins l'array.</dd>
+ <dt>{{jsxref("Array.prototype.lastIndexOf()")}}</dt>
+ <dd>Retorna la última posició de l'array en la que es troba un element igual al valor especificat, o bé -1 si no es troba l'element dins l'array.</dd>
+</dl>
+
+<h3 id="Iteration_methods" name="Iteration_methods">Mètodes d'iteració</h3>
+
+<p>Alguns mètodes accepten com a arguments funcions que es cridaran al processar l'array. Quan es criden aquests mètodes, s'emmagatzema el valor de <code>length</code> de l'array i qualsevol element afegit després a dins de la funció no serà visitat per la mateixa. Altres canvis a l'array (com ara canviar un valor o bé eliminar un element) poden afectar els resultats de l'operació si el mètode visita els elements que han canviat. Tot i que el comportament específic d'aquests mètodes en aquests casos està ben definit no es recomana recolzar-se en ell ja que pot confondre a altres programadors que llegeixin el vostre codi. En comptes de modificar l'array copieu-lo i modifiqueu la copia.</p>
+
+<dl>
+ <dt>{{jsxref("Array.prototype.forEach()")}}</dt>
+ <dd>Crida una funció per a cada element de l'array.</dd>
+ <dt>{{jsxref("Array.prototype.entries()")}} {{experimental_inline}}</dt>
+ <dd>Retorna un nou objecte <code>Array Iterator</code> que conté parells clau-valor per a cada posició de l'array.</dd>
+ <dt>{{jsxref("Array.prototype.every()")}}</dt>
+ <dd>Retorna <code>true</code> si tots els elements de l'array satisfan la funció proporcionada.</dd>
+ <dt>{{jsxref("Array.prototype.some()")}}</dt>
+ <dd>Retorna <code>true</code> si al menys un dels elements de l'array satisfà la funció proporcionada.</dd>
+ <dt>{{jsxref("Array.prototype.filter()")}}</dt>
+ <dd>Crea un nou array que conté tots eles elements de l'array des d'on es crida que facin que la funció que actua de filtre retorni <code>true</code>.</dd>
+ <dt>{{jsxref("Array.prototype.find()")}} {{experimental_inline}}</dt>
+ <dd>Retorna el valor trobat a l'array, si un element de l'array satisfà la funció proporcionada. En cas contrari retorna <code>undefined</code>.</dd>
+ <dt>{{jsxref("Array.prototype.findIndex()")}} {{experimental_inline}}</dt>
+ <dd>Retorna la posició on es troba l'element de l'array que satifcaci la funció proporcionada. Retorna <code>-1</code> si cap element la satisfà.</dd>
+ <dt>{{jsxref("Array.prototype.keys()")}} {{experimental_inline}}</dt>
+ <dd>Retorna un nou <code>Array Iterator</code> que conté les claus per a cada posició de l'array.</dd>
+ <dt>{{jsxref("Array.prototype.map()")}}</dt>
+ <dd>Crea un nou array a partir dels resultats de cridar a la funció proporcionada per a cada element de l'array.</dd>
+ <dt>{{jsxref("Array.prototype.reduce()")}}</dt>
+ <dd>Executa una funció sobre un acumulador i cada valor de l'array (aplicats d'esquerra a dreta) amb l'objectiu de redudir els valors a un sol valor.</dd>
+ <dt>{{jsxref("Array.prototype.reduceRight()")}}</dt>
+ <dd>Executa una funció sobre un acumulador i cada valor de l'array (aplicats de dreta a esquerra) amb l'objectiu de redudir els valors a un sol valor.</dd>
+ <dt>{{jsxref("Array.prototype.values()")}} {{experimental_inline}}</dt>
+ <dd>Retorna un nou objecte <code>Array Iterator</code> que conté els valors de cada posició de l'array.</dd>
+ <dt>{{jsxref("Array.prototype.@@iterator()", "Array.prototype[@@iterator]()")}} {{experimental_inline}}</dt>
+ <dd>Retorna un nou objecte <code>Array Iterator</code> que conté els valors per a cada posició de l'array.</dd>
+</dl>
+
+<h3 id="Generic_methods" name="Generic_methods">Mètodes genèrics</h3>
+
+<p>Molts dels mètodes de l'objecte Array de JavaScript estan dissenyats per a ser aplicats de manera genèrica a qualsevol objecte que tingui la propietat <code>length</code> i que disposin la seva informació en forma de noms de propietats numèrices (com ara <code>array[5]</code> per a accedir a l'element desat a la posició 5). Alguns mètodes, com ara {{jsxref("Array.join", "join")}}, només llegeixen la propietat <code>length</code> i les altes propietats numèriques. D'altres mètodes, com ara {{jsxref("Array.reverse", "reverse")}}, necessiten que tant les propietats numèriques com la propietat <code>length</code> siguin mutables; això implica que aquests mètodes no es poden fer servir sobre objectes com ara {{jsxref("String")}}, on la seva propietat <code>length</code> així com les propietats numèriques no es poden modificar.</p>
+
+<h2 id="Specificacions">Specificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.3.1', 'Array.prototype')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype', 'Array.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array")}}</li>
+ <li>{{jsxref("Function.prototype")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/push/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/push/index.html
new file mode 100644
index 0000000000..5770e5a10c
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/push/index.html
@@ -0,0 +1,146 @@
+---
+title: Array.prototype.push()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/push
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/push
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>push()</strong></code> afegeix un o més elements al final d'un array i retorna el nou tamany de l'array.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.push(<var>element1</var>, ..., <var>elementN</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>element<em>N</em></code></dt>
+ <dd>Els elements que seran afegits al final de l'array.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>El nou valor de la propietat {{jsxref("Array.length", "length")}} de l'objecte del qual s'ha executat el mètode.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>push</code> afegeix valors a un array.</p>
+
+<p><code>push</code> és genèric de manera intencionada. Es pot utilitzar aquest mètode amb {{jsxref("Function.call", "call()")}} i {{jsxref("Function.apply", "apply()")}} en objectes semblants a arrays. El mètode <code>push</code> depèn de la propietat <code>length</code> per a determinar on insertar els nous valors. Si la propietat <code>length</code> no es pot convertir en un nombre, la posició utilitzada serà la 0. Això inclou la posibilitat que no existeixi la propietat <code>length</code>, en aquest case es crearà automàticament la propietat <code>length</code>.</p>
+
+<p>Els únics objectes semblants a arrays que inclou el nucli de JavaScript són els {{jsxref("Global_Objects/String", "strings", "", 1)}}, tot i que no admeten la aplicació d'aquest mètode ja que els strings són immutables.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Afegir_elements_a_un_array">Afegir elements a un array</h3>
+
+<p>El codi següent crea un array anomenat <code>esports</code> que conté dos elements, llavors l'hi afegeix dos elements més. La variable <code>total</code> acaba revent el valor del nou tamany d e l'array.</p>
+
+<pre class="brush: js">var esports = ['futbol', 'basket'];
+var total = esports.push('badminton', 'natació');
+
+console.log(esports); // ['futbol', 'basket', 'badminton', 'natació']
+console.log(total);  // 4
+</pre>
+
+<h3 id="Unir_dos_arrays">Unir dos arrays</h3>
+
+<p>Aquest exemple utilitza {{jsxref("Function.apply", "apply()")}} per a afegir tots els elements d'un segon array.</p>
+
+<pre class="brush: js">var verdures = ['ceba', 'patata'];
+var mesVerdures = ['pastanaga', 'rabe'];
+
+// Uneix el segon array al primer
+// Equivalent a verdures.push('pastanaga', 'rabe');
+Array.prototype.push.apply(verdures , mesVerdures);
+
+console.log(verdures); // ['ceba', 'patata', 'pastanaga', 'rabe']
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.2.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.7', 'Array.prototype.push')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.push', 'Array.prototype.push')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("1.0")}}</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>{{CompatIE("5.5")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.pop()")}}</li>
+ <li>{{jsxref("Array.prototype.shift()")}}</li>
+ <li>{{jsxref("Array.prototype.unshift()")}}</li>
+ <li>{{jsxref("Array.prototype.concat()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/reduce/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/reduce/index.html
new file mode 100644
index 0000000000..fa6253fd0c
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/reduce/index.html
@@ -0,0 +1,304 @@
+---
+title: Array.prototype.reduce()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/Reduce
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/Reduce
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>reduce()</strong></code> aplica una funció sobre un acumulador i cada valor de l'array (de esquerra a dreta) perr a reduir-lo a un sol valor.</p>
+
+<h2 id="sintaxi">sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.reduce(<var>callback</var>[, valorInicial])</code></pre>
+
+<h3 id="Parameters">Parameters</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>Funció a executar per a cada valor de l'array. Rep quatre arguments:
+ <dl>
+  <dt><code>valorPrevi</code></dt>
+  <dd>El valor retornat prèviament en l'última invocació de la funció <code>callback</code>, o bé <code>valorInicial</code>, si s'ha proporcionat (vegeu més abaix).</dd>
+  <dt><code>valorActual</code></dt>
+  <dd>L'element essent processat actualment a l'array.</dd>
+  <dt><code>index</code></dt>
+  <dd>La posició de l'element essent processat actualment a l'array.</dd>
+  <dt><code>array</code></dt>
+  <dd>L'array al qual s'ha cridat el mètode <code>reduce</code>.</dd>
+ </dl>
+ </dd>
+ <dt><code>valorInicial</code></dt>
+ <dd>Opcional. Valor a utilitzar com a primer argument a la primera crida de la funció <code>callback</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>reduce</code> executa la funció <code>callback</code> un cop per cada element present a l'array, excloent forats a l'array, i rep quatre arguments:</p>
+
+<ul>
+ <li><code>valorPrevi</code></li>
+ <li><code>valorActual</code></li>
+ <li><code>index</code></li>
+ <li><code>array</code></li>
+</ul>
+
+<p>El primer cop que es crida <code>callback</code>, <code>valorAnterior</code> i <code>valorActual</code> reben el valor de la forma descrita a continuació. Si es proporciona <code>valorInicial</code> a la crida de <code>reduce</code>, <code>valorAnterior</code> rebrà el valor de <code>valorInicial</code> i <code>valorActual</code> serà igual al primer valor de l'array. Si no es proporciona <code>valorInicial</code>, <code>valorAnterior</code> serà igual al primer valor de l'array i <code>valorActual</code> serà igual al segon.</p>
+
+<p>Si l'array és buit i no s'ha proporcionat <code>valorInicial</code>, es llençarà {{jsxref("Global_Objects/TypeError", "TypeError")}}. Si l'array només té un element (sense importar la seva posició) i no s'ha proporcionat <code>valorInicial</code>, o si <code>valorInicial</code> s'ha proporcionat però l'array és buit, es retornarà aquest únic valor sense realitzar cap crida a <code>callback</code>.</p>
+
+<p>Suposem que s'ha utilitzar <code>reduce</code> de la forma següent:</p>
+
+<pre class="brush: js">[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array) {
+  return previousValue + currentValue;
+});
+</pre>
+
+<p>La funció <code>callback</code> es cridarà quatre cops, on els arguments i els valors a retornar es mostren a continuació:</p>
+
+<table>
+ <thead>
+  <tr>
+   <th scope="col"> </th>
+   <th scope="col"><code>valorAnterior</code></th>
+   <th scope="col"><code>valorActual</code></th>
+   <th scope="col"><code>index</code></th>
+   <th scope="col"><code>array</code></th>
+   <th scope="col">valor retornat</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <th scope="row">primera crida</th>
+   <td><code>0</code></td>
+   <td><code>1</code></td>
+   <td><code>1</code></td>
+   <td><code>[0, 1, 2, 3, 4]</code></td>
+   <td><code>1</code></td>
+  </tr>
+  <tr>
+   <th scope="row">segons crida</th>
+   <td><code>1</code></td>
+   <td><code>2</code></td>
+   <td><code>2</code></td>
+   <td><code>[0, 1, 2, 3, 4]</code></td>
+   <td><code>3</code></td>
+  </tr>
+  <tr>
+   <th scope="row">tercera crida</th>
+   <td><code>3</code></td>
+   <td><code>3</code></td>
+   <td><code>3</code></td>
+   <td><code>[0, 1, 2, 3, 4]</code></td>
+   <td><code>6</code></td>
+  </tr>
+  <tr>
+   <th scope="row">quarta crida</th>
+   <td><code>6</code></td>
+   <td><code>4</code></td>
+   <td><code>4</code></td>
+   <td><code>[0, 1, 2, 3, 4]</code></td>
+   <td><code>10</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<p>El valor retornat per <code>reduce</code> serà el de l'última invocació a <code>callback</code> (<code>10</code>).</p>
+
+<p>Si es proporcionés el valor inicial com a segon argument de <code>reduce</code>, el resultat seria el següent:</p>
+
+<pre class="brush: js">[0, 1, 2, 3, 4].reduce(function(valorAnterior, valorActual, index, array) {
+  return valorAnterior + valorActual;
+}, 10);
+</pre>
+
+<table>
+ <thead>
+  <tr>
+   <th scope="col"> </th>
+   <th scope="col"><code>valorAnterior</code></th>
+   <th scope="col"><code>valorActual</code></th>
+   <th scope="col"><code>index</code></th>
+   <th scope="col"><code>array</code></th>
+   <th scope="col">valor retornat</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <th scope="row">primera crida</th>
+   <td><code>10</code></td>
+   <td><code>0</code></td>
+   <td><code>0</code></td>
+   <td><code>[0, 1, 2, 3, 4]</code></td>
+   <td><code>10</code></td>
+  </tr>
+  <tr>
+   <th scope="row">segona crida</th>
+   <td><code>10</code></td>
+   <td><code>1</code></td>
+   <td><code>1</code></td>
+   <td><code>[0, 1, 2, 3, 4]</code></td>
+   <td><code>11</code></td>
+  </tr>
+  <tr>
+   <th scope="row">tercera crida</th>
+   <td><code>11</code></td>
+   <td><code>2</code></td>
+   <td><code>2</code></td>
+   <td><code>[0, 1, 2, 3, 4]</code></td>
+   <td><code>13</code></td>
+  </tr>
+  <tr>
+   <th scope="row">quarta crida</th>
+   <td><code>13</code></td>
+   <td><code>3</code></td>
+   <td><code>3</code></td>
+   <td><code>[0, 1, 2, 3, 4]</code></td>
+   <td><code>16</code></td>
+  </tr>
+  <tr>
+   <th scope="row">cinquena crida</th>
+   <td><code>16</code></td>
+   <td><code>4</code></td>
+   <td><code>4</code></td>
+   <td><code>[0, 1, 2, 3, 4]</code></td>
+   <td><code>20</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<p>El valor de la crida final (<code>20</code>) és el retornat per la funció <code>reduce</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Sumar_tots_els_valors_d'un_array">Sumar tots els valors d'un array</h3>
+
+<pre class="brush: js">var total = [0, 1, 2, 3].reduce(function(a, b) {
+  return a + b;
+});
+// total == 6
+</pre>
+
+<h3 id="Aplanar_un_array_d'arrays"><em>Aplanar</em> un array d'arrays</h3>
+
+<pre class="brush: js">var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
+  return a.concat(b);
+}, []);
+// flattened is [0, 1, 2, 3, 4, 5]
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p><code>Array.prototype.reduce</code> va ser afegida a l'standard ECMA-262 a la cinquena edició; degut a això aquesta no estar present a totes les implementacions de l'standard. És possible simular-la en aquests casos mitjançant l'inserció del codi que trobareu a continuació a l'inici dels vostres scripts, tot permetent-vos utilitzar <code>reduce</code> en implementacions que no la suportin de forma nativa.</p>
+
+<pre class="brush: js">// Production steps of ECMA-262, Edition 5, 15.4.4.21
+// Reference: http://es5.github.io/#x15.4.4.21
+if (!Array.prototype.reduce) {
+  Array.prototype.reduce = function(callback /*, initialValue*/) {
+    'use strict';
+    if (this == null) {
+      throw new TypeError('Array.prototype.reduce called on null or undefined');
+    }
+    if (typeof callback !== 'function') {
+      throw new TypeError(callback + ' is not a function');
+    }
+    var t = Object(this), len = t.length &gt;&gt;&gt; 0, k = 0, value;
+    if (arguments.length == 2) {
+      value = arguments[1];
+    } else {
+      while (k &lt; len &amp;&amp; !(k in t)) {
+        k++;
+      }
+      if (k &gt;= len) {
+        throw new TypeError('Reduce of empty array with no initial value');
+      }
+      value = t[k++];
+    }
+    for (; k &lt; len; k++) {
+      if (k in t) {
+        value = callback(value, t[k], k, t);
+      }
+    }
+    return value;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.21', 'Array.prototype.reduce')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.8.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.reduce', 'Array.prototype.reduce')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatOpera("10.5")}}</td>
+   <td>{{CompatSafari("4.0")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.reduceRight()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/reverse/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/reverse/index.html
new file mode 100644
index 0000000000..2528cabdc5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/reverse/index.html
@@ -0,0 +1,119 @@
+---
+title: Array.prototype.reverse()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/reverse
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/reverse
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>reverse()</strong></code> inverteix un array. El primer element de l'array es converteix en l'últim element i l'últim element de l'array passa a ésser el primer.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.reverse()</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>reverse</code> method transposa els elements de l'objecte array cridat en un lloc, mutant l'array, i retorna una referència de l'array.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Revertir_els_elements_d'un_array">Revertir els elements d'un array</h3>
+
+<p>L'exemple següent crea un array <code>myArray</code>, que conté tres elements, després inverteix l'array.</p>
+
+<pre class="brush: js">var myArray = ['one', 'two', 'three'];
+myArray.reverse();
+
+console.log(myArray) // ['three', 'two', 'one']
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.8', 'Array.prototype.reverse')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.reverse', 'Array.prototype.reverse')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("1.0")}}</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>{{CompatIE("5.5")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.join()")}}</li>
+ <li>{{jsxref("Array.prototype.sort()")}}</li>
+ <li>{{jsxref("TypedArray.prototype.reverse()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/shift/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/shift/index.html
new file mode 100644
index 0000000000..7b5fa1b330
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/shift/index.html
@@ -0,0 +1,129 @@
+---
+title: Array.prototype.shift()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/shift
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/shift
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>shift()</strong></code> elimina el <strong>primer</strong> element d'un array i retorna l'element eliminat. Aquest mètode canvia el tamany de l'array.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.shift()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>shift</code> elimina l'element de l'array situat a la posició zero i mou la resta d'elements a la posició immediatament menor, tot seguit retorna el valor de l'element eliminat. Si la propietat {{jsxref("Array.length", "length")}} de l'array és 0, aquest mètode retornarà {{jsxref("undefined")}}.</p>
+
+<p><code>shift</code> és generic de forma intencionada; aquest mètode pot ser {{jsxref("Function.call", "cridat", "", 1)}} o bé {{jsxref("Function.apply", "aplicat", "", 1)}} a objectes que es comportin com a arrays. Els objectes que no continguin una propietat <code>length</code> que reflecteixi l'última propietat numèrica poden tenir un comportament erràtic.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Eliminar_un_element_d'un_array">Eliminar un element d'un array</h3>
+
+<p>El codi següent mostra l'array <code>myFish</code> abans i després d'eliminar el seu primer element. També mostra l'element eliminat:</p>
+
+<pre class="brush: js">var myFish = ['angel', 'clown', 'mandarin', 'surgeon'];
+
+console.log('myFish abans: ' + myFish);
+// "myFish abans: angel,clown,mandarin,surgeon"
+
+var shifted = myFish.shift();
+
+console.log('myFish després: ' + myFish);
+// "myFish després: clown,mandarin,surgeon"
+
+console.log('Element eliminat: ' + shifted);
+// "Element eliminat: angel"</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.2.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.9', 'Array.prototype.shift')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.shift', 'Array.prototype.shift')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.shift', 'Array.prototype.shift')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("1.0")}}</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>{{CompatIE("5.5")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.push()")}}</li>
+ <li>{{jsxref("Array.prototype.pop()")}}</li>
+ <li>{{jsxref("Array.prototype.unshift()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/slice/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/slice/index.html
new file mode 100644
index 0000000000..d181f94a65
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/slice/index.html
@@ -0,0 +1,268 @@
+---
+title: Array.prototype.slice()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/slice
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/slice
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>slice()</strong></code> retorna una còpia feble d'una porció d'un array en forma d'un nou objecte array.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>arr</var>.slice([<var>inici</var>[, <var>fi</var>]])</code></pre>
+
+<h2 id="Paràmetres">Paràmetres</h2>
+
+<dl>
+ <dt><code>inici</code></dt>
+ <dd>La posició (tenint en compte que zero correspon a la primera posició) a partir de la qual començarà l'extracció.</dd>
+ <dd>Si <code>inici</code> és negatiu, la posició correspondrà a la posicó final de la seqüència menys el valor proporcionat. <code>slice(-2)</code> extreu els últims dos elements de la seqüència.</dd>
+ <dd>Si <code>inici</code> és <code>undefined</code>, <code>slice</code> començarà a la posició <code>0</code>.</dd>
+ <dt><code>fi</code></dt>
+ <dd>La posició (contant des de zero) en la qual finalitzarà l'extracció. <code>slice</code> extraurà fins a aquesta posicó, sense incloure-la.</dd>
+ <dd><code>slice(1,4)</code> extrau des del segon element fins al quart element (és a dir, els elements pertanyents a les posicions 1, 2 i 3).</dd>
+ <dd>Si <code>fi</code> és negatiu, la posició correspondrà a la posicó final de la seqüència menys el valor proporcionat. <code>slice(2,-1)</code> extrau des del tercer element fins al penúltim element de la seqüència.</dd>
+ <dd>Si s'omet el paràmetre <code>fi</code>, <code>slice</code> extreurà fins al final de la seqüència (<code>arr.length</code>)<code>.</code></dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>slice</code> no altera l'array original. Retorna una copia feble dels elements de l'array original. Els elements de l'array original són copiats a l'array resultat de la forma següent:</p>
+
+<ul>
+ <li>Per a referències a objectes (no l'objecte en si), <code>slice</code> copia la referència dins el nou array. Tant l'array original com el resultat referenciaran el mateix objecte. Si l'objecte referenciat canvia, aquests canvis seran visibles a ambdos arrays.</li>
+ <li>Per a strings i nombres (no els objectes {{jsxref("String")}} i {{jsxref("Number")}}), <code>slice</code> copia els strings i nombres a l'array resultant. Els canvis al string o nombre en un dels arrays no afectaran a l'altre array.</li>
+</ul>
+
+<p>Si s'afegeix un nou element a un dels dos arrays, l'altre array no es veu afectat.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Retornar_una_part_d'un_array_existent">Retornar una part d'un array existent</h3>
+
+<pre class="brush: js">var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'];
+var citrus = fruits.slice(1, 3);
+
+// citrus conté ['Orange','Lemon']
+</pre>
+
+<h3 id="Utilitzar_slice">Utilitzar <code>slice</code></h3>
+
+<p>A l'exemple següent <code>slice</code> crea un ou array <code>newCar</code>, a partir de <code>myCar</code>. Ambdos inclouen una referència a l'objecte <code>myHonda</code>. Quan el color de <code>myHonda</code> canvia a lila, ambdos arrays reflecteixen aquest canvi.</p>
+
+<pre class="brush: js">// Ús de slice, creem newCar a partir de myCar.
+var myHonda = { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } };
+var myCar = [myHonda, 2, 'cherry condition', 'purchased 1997'];
+var newCar = myCar.slice(0, 2);
+
+// Mostrem els valors de myCar, newCar, i el color de myHonda
+//  referenciat a ambdos arrays.
+console.log('myCar = ' + myCar.toSource());
+console.log('newCar = ' + newCar.toSource());
+console.log('myCar[0].color = ' + myCar[0].color);
+console.log('newCar[0].color = ' + newCar[0].color);
+
+// Canviem el color de myHonda.
+myHonda.color = 'purple';
+console.log('The new color of my Honda is ' + myHonda.color);
+
+// Mostrem el color de myHonda referenciat a ambdos arrays.
+console.log('myCar[0].color = ' + myCar[0].color);
+console.log('newCar[0].color = ' + newCar[0].color);
+</pre>
+
+<p>Aquest script mostra:</p>
+
+<pre class="brush: js">myCar = [{color:'red', wheels:4, engine:{cylinders:4, size:2.2}}, 2,
+         'cherry condition', 'purchased 1997']
+newCar = [{color:'red', wheels:4, engine:{cylinders:4, size:2.2}}, 2]
+myCar[0].color = red
+newCar[0].color = red
+The new color of my Honda is purple
+myCar[0].color = purple
+newCar[0].color = purple
+</pre>
+
+<h2 id="Objectes_compatibles_amb_arrays">Objectes compatibles amb arrays</h2>
+
+<p>El mètode <code>slice</code> també es pot utilitzar per a convertir objectes compatibles amb arrays / col·leccions a un nou Array. Simplement hem de vincular el mètode a l'objecte. L'objecte {{jsxref("Functions/arguments", "arguments")}} dins una funció és un exemple d'objecte 'compatible amb arrays'.</p>
+
+<pre class="brush: js">function list() {
+  return Array.prototype.slice.call(arguments);
+}
+
+var list1 = list(1, 2, 3); // [1, 2, 3]
+</pre>
+
+<p>Podem vincular el mètode a l'objecte mitjançant la funció .<code>call</code> proporcionada per {{jsxref("Function.prototype")}}, també podem reduir-la a <code>[].slice.call(arguments)</code> en comptes de <code>Array.prototype.slice.call</code>. També podem simplificar-ho utilitzant la funció {{jsxref("Function.prototype.bind", "bind")}}.</p>
+
+<pre class="brush: js">var unboundSlice = Array.prototype.slice;
+var slice = Function.prototype.call.bind(unboundSlice);
+
+function list() {
+  return slice(arguments);
+}
+
+var list1 = list(1, 2, 3); // [1, 2, 3]
+</pre>
+
+<h2 id="Oferint_un_comportament_similar_entre_navegadors">Oferint un comportament similar entre navegadors</h2>
+
+<p>Tot i que segons la especificació els objectes de l'hoste (com ara els objectes DOM) no requereixen seguir el comportament de Mozilla al ser convertits mitjançant <code>Array.prototype.slice</code> i, de fet les versions de Internet Explorer anteriors a la 9 no ho fan, les versions a partir de la 9 si que suporten l'ús d'aquesta funció de compatibilitat, permetent un comportament fiable entre navegadors. Mentre els altres navegadors moderns continuin oferint aquesta habilitat, tal i com ara fan IE, Mozilla, Chrome, Safari i Opera, els desenvolupadors que llegeixin codi sobre slice (suportat pel DOM) que es recolzi en aquesta funció de compatibilitat no tenen que patir per la semàntica; poden fiar-se de la semàntica descrita per a proporcionar el comportament que ara sembla standard <em>de facto</em> (La funció de compatibilitat també permet que el IE funcioni quan es passa com a segon argument de <code>slice()</code> un valor explícit de {{jsxref("null")}}/{{jsxref("undefined")}} ja que versions anteriors de IE no ho permetien però tots els nous navegadors, incloent IE &gt;= 9, si que ho permeten.)</p>
+
+<pre class="brush: js">/**
+ * Shim for "fixing" IE's lack of support (IE &lt; 9) for applying slice
+ * on host objects like NamedNodeMap, NodeList, and HTMLCollection
+ * (technically, since host objects have been implementation-dependent,
+ * at least before ES6, IE hasn't needed to work this way).
+ * Also works on strings, fixes IE &lt; 9 to allow an explicit undefined
+ * for the 2nd argument (as in Firefox), and prevents errors when
+ * called on other DOM objects.
+ */
+(function () {
+  'use strict';
+  var _slice = Array.prototype.slice;
+
+  try {
+    // Can't be used with DOM elements in IE &lt; 9
+    _slice.call(document.documentElement);
+  } catch (e) { // Fails in IE &lt; 9
+    // This will work for genuine arrays, array-like objects,
+    // NamedNodeMap (attributes, entities, notations),
+    // NodeList (e.g., getElementsByTagName), HTMLCollection (e.g., childNodes),
+    // and will not fail on other DOM objects (as do DOM elements in IE &lt; 9)
+    Array.prototype.slice = function(begin, end) {
+      // IE &lt; 9 gets unhappy with an undefined end argument
+      end = (typeof end !== 'undefined') ? end : this.length;
+
+      // For native Array objects, we use the native slice function
+      if (Object.prototype.toString.call(this) === '[object Array]'){
+        return _slice.call(this, begin, end);
+      }
+
+      // For array like object we handle it ourselves.
+      var i, cloned = [],
+        size, len = this.length;
+
+      // Handle negative value for "begin"
+      var start = begin || 0;
+      start = (start &gt;= 0) ? start : Math.max(0, len + start);
+
+      // Handle negative value for "end"
+      var upTo = (typeof end == 'number') ? Math.min(end, len) : len;
+      if (end &lt; 0) {
+        upTo = len + end;
+      }
+
+      // Actual expected size of the slice
+      size = upTo - start;
+
+      if (size &gt; 0) {
+        cloned = new Array(size);
+        if (this.charAt) {
+          for (i = 0; i &lt; size; i++) {
+            cloned[i] = this.charAt(start + i);
+          }
+        } else {
+          for (i = 0; i &lt; size; i++) {
+            cloned[i] = this[start + i];
+          }
+        }
+      }
+
+      return cloned;
+    };
+  }
+}());
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.2.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.10', 'Array.prototype.slice')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.slice', 'Array.prototype.slice')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.slice', 'Array.prototype.slice')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("1.0")}}</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Function.prototype.call()")}}</li>
+ <li>{{jsxref("Function.prototype.bind()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/some/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/some/index.html
new file mode 100644
index 0000000000..7abc1ed76d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/some/index.html
@@ -0,0 +1,213 @@
+---
+title: Array.prototype.some()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/some
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/some
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>some()</strong></code> comprova si un algun element de l'array passa el test implementat per la funció proporcionada com a argument.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox notranslate"><code><var>arr</var>.some(<var>callback</var>[, <var>thisArg</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>Funció utilitzada com a test per a cada element, rep tres arguments:
+ <dl>
+  <dt><code>valorActual</code></dt>
+  <dd>L'element de l'array que està sent avaluat.</dd>
+  <dt><code>posició</code></dt>
+  <dd>La posició que l'element passat al primer paràmetre ocupa dins l'array.</dd>
+  <dt><code>array</code></dt>
+  <dd>L'array des del que s'ha cridat el mètode <code>some()</code>.</dd>
+ </dl>
+ </dd>
+ <dt><code>thisArg</code></dt>
+ <dd>Opcional. Valor que valdrà la variable <code>this</code> quan s'estigui executant la funció <code>callback</code>.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>Aquesta funció retorna <code><strong>true</strong></code> si la funció <code>callback</code> retorna <code><strong>true</strong></code> per a almenys un element de l'array; en qualsevol altre cas retorna <code><strong>false</strong></code>.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>some()</code> executa la funció <code>callback</code> un cop per a cada element present a l'array fins que troba un per al qual <code>callback</code> retorna <code>true</code>. Si es troba aquest element, <code>some()</code> retorna <code>true</code> immediatament. En cas contrari <code>some()</code> retornarà <code>false</code>. Només s'invocarà la funció <code>callback</code> en les posicions de l'array que tinguin un valor assignat, és a dir, mai es cridarà per a posicions que han estat esborrades o el valor de les quals no ha estat mai assignat.</p>
+
+<p>S'invoca <code>callback</code> amb tres arguments: el valor de l'element, la posició de l'element dins l'array, i l'objecte array que es recorrerà.</p>
+
+<p>Si es proporciona el paràmetre <code>thisArg</code> al mètode <code>some()</code>, aquest es passarà a <code>callback</code> quan s'invoqui, i serà el valor que mostrarà la variable <code>this</code>. En cas contrari, s'utilitzarà el valor {{jsxref("undefined")}} com a valor per a <code>this</code>. El valor de <code>this</code> observable en última instància per <code>callback</code> es determinarà d'acord a <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">les regles per a determinar el valor de <code>this</code> observat per una funció</a>.</p>
+
+<p><code>some()</code> no mutarà l'array quan sigui cridada.</p>
+
+<p>El rang d'elements processat per <code>some()</code> és determinat abans de la primera invocació de <code>callback</code>. Els elements que s'afegeixin a l'array després de la crida a <code>some()</code> no seran visitats per <code>callback</code>. Si el valor d'un element encara no visitat canvia, el valor que es passarà a <code>callback</code> serà el valor que tingui aquest element a l'hora de visitar-lo; els elements que s'esborrin no es visitaran.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Comprovar_el_valor_dels_elements_dun_array">Comprovar el valor dels elements d'un array</h3>
+
+<p>L'exemple següent comprova si el valor d'algun element de l'array es major que 10.</p>
+
+<pre class="brush: js notranslate">function isBiggerThan10(element, posicio, array) {
+  return element &gt; 10;
+}
+[2, 5, 8, 1, 4].some(isBiggerThan10);  // false
+[12, 5, 8, 1, 4].some(isBiggerThan10); // true
+</pre>
+
+<h3 id="Comprovar_els_elements_dun_array_utilitzant_funcions_fletxa">Comprovar els elements d'un array utilitzant funcions fletxa</h3>
+
+<p><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Les funcions fletxa</a> ofereixen una sintaxi reduïda per a realitzar el mateix test.</p>
+
+<pre class="brush: js notranslate">[2, 5, 8, 1, 4].some(elem =&gt; elem &gt; 10);  // false
+[12, 5, 8, 1, 4].some(elem =&gt; elem &gt; 10); // true
+</pre>
+
+<h3 id="Comprovar_si_existeix_un_valor_en_un_array">Comprovar si existeix un valor en un array</h3>
+
+<p>L'exemple següent retorna cert si existeix un elmeent donat dins un array</p>
+
+<pre class="brush: js notranslate">var fruits = ['poma', 'platan', 'mango', 'guava'];
+
+function checkAvailability(arr, val) {
+    return arr.some(function(arrVal) {
+        return val === arrVal;
+    });
+}
+
+checkAvailability(fruits, 'kela'); //false
+checkAvailability(fruits, 'platan'); //true</pre>
+
+<h3 id="Comprovar_si_existeix_un_valor_amb_funcions_fletxa">Comprovar si existeix un valor amb funcions fletxa</h3>
+
+<pre class="brush: js notranslate">var fruits = ['poma', 'platan', 'mango', 'guava'];
+
+function checkAvailability(arr, val) {
+    return arr.some(arrVal =&gt; val === arrVal);
+}
+
+checkAvailability(fruits, 'kela'); //false
+checkAvailability(fruits, 'platan'); //true</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p><code>some()</code> va ser afegida  al standard ECMA-262 en la cinquena edició; és per això que pot no estar disponible en certes implementacions del standard. Es pot proporcionar la seva funcionalitat inserint l'script següent a l'inici dels vostres scripts, permetent l'ús de <code>some()</code> en implementacions que no la suporten de forma nativa. Aquest algoritme és exactament l'especificat a l'ECMA-262, cinquena edició, assumint que {{jsxref("Object")}} i {{jsxref("TypeError")}} tenen els valors originals i que <code>fun.call</code> es correspon amb el valor original de {{jsxref("Function.prototype.call()")}}.</p>
+
+<pre class="brush: js notranslate">// Production steps of ECMA-262, Edition 5, 15.4.4.17
+// Reference: http://es5.github.io/#x15.4.4.17
+if (!Array.prototype.some) {
+  Array.prototype.some = function(fun/*, thisArg*/) {
+    'use strict';
+
+    if (this == null) {
+      throw new TypeError('Array.prototype.some called on null or undefined');
+    }
+
+    if (typeof fun !== 'function') {
+      throw new TypeError();
+    }
+
+    var t = Object(this);
+    var len = t.length &gt;&gt;&gt; 0;
+
+    var thisArg = arguments.length &gt;= 2 ? arguments[1] : void 0;
+    for (var i = 0; i &lt; len; i++) {
+      if (i in t &amp;&amp; fun.call(thisArg, t[i], i, t)) {
+        return true;
+      }
+    }
+
+    return false;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.17', 'Array.prototype.some')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.6.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.some', 'Array.prototype.some')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.some', 'Array.prototype.some')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.8")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.8")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.forEach()")}}</li>
+ <li>{{jsxref("Array.prototype.every()")}}</li>
+ <li>{{jsxref("TypedArray.prototype.some()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/array/splice/index.html b/files/ca/web/javascript/referencia/objectes_globals/array/splice/index.html
new file mode 100644
index 0000000000..c1abada8d9
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/array/splice/index.html
@@ -0,0 +1,171 @@
+---
+title: Array.prototype.splice()
+slug: Web/JavaScript/Referencia/Objectes_globals/Array/splice
+translation_of: Web/JavaScript/Reference/Global_Objects/Array/splice
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>splice()</strong></code> modifica el contingut d'un array eliminant elements ja existents i/o afegint-ne de nous.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>array</var>.splice(<em>inici</em>, <em>comptadorEliminar</em>[, <var>item1</var>[, <var>item2</var>[, ...]]])
+</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>inici</code></dt>
+ <dd>La posició a partir de la qual es començarà a modificar l'array (considerant 0 com a primera posició). Si s'especifca un nombre major que la longitud de l'array, la posició d'inici real esdevindrà la longitud de l'array. Si s'especifica un nombre negatiu, la posició d'inici serà el valor absolut del nombre especificat contant des del final de l'array.</dd>
+ <dt><code>comptadorEliminar</code></dt>
+ <dd>Un nombre sencer que indica el nombre d'elements que s'eliminaran. Si <code>comptadorEliminar</code> és 0 no s'eliminarà cap element. En aquest cas s'hauria d'especificar al menys un nou element. Si <code>comptadorEliminar</code> és major que el nombre d'elements de l'array des de la posició<strong> </strong><code>inici</code> fins el final de l'array tots els elements des d'<code>inici</code> fins al final de l'array seran eliminats.</dd>
+ <dd>Si s'omet <code>comptadorEliminar</code> aquest rebrà un valor per defecte igual a (<code>arr.length - inici</code>)<code>.</code></dd>
+ <dt><code>item1, item2, <em>...</em></code></dt>
+ <dd>Els elements que s'afegiran a l'array, començant a la posició <code>inici</code>. Si no s'especifcia cap element, <code>splice()</code> només eliminarà elements de l'array.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>Un array que conté els elements eliminats. Si només s'ha eliminat un element es retornarà un array amb un sol element. Si no s'ha eliminat cap element retornarà un array buit.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si s'especifica un nombre diferent d'elements a eliminar del nombre d'elements a inserir la longitud de l'array canviarà al final de la crida.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_splice()">Utilitzar <code>splice()</code></h3>
+
+<p>L'script seguent ilustra l'ús de <code>splice()</code>:</p>
+
+<pre class="brush: js">var myFish = ['angel', 'clown', 'mandarin', 'surgeon'];
+
+// eliminem 0 elements a partir de la posició 2, i inserim 'drum'
+var eliminats = myFish.splice(2, 0, 'drum');
+// myFish is ['angel', 'clown', 'drum', 'mandarin', 'surgeon']
+// eliminats va [], no s'han eliminat elements
+
+// myFish val ['angel', 'clown', 'drum', 'mandarin', 'surgeon']
+// eliminem 1 element a la posició 3
+eliminats = myFish.splice(3, 1);
+// myFish val ['angel', 'clown', 'drum', 'surgeon']
+// eliminats val ['mandarin']
+
+// myFish val ['angel', 'clown', 'drum', 'surgeon']
+// Eliminem 1 element a la posició 2, i inserim 'trumpet'
+eliminats = myFish.splice(2, 1, 'trumpet');
+// myFish val ['angel', 'clown', 'trumpet', 'surgeon']
+// eliminats val ['drum']
+
+// myFish val ['angel', 'clown', 'trumpet', 'surgeon']
+// eliminem 2 elements de la posició 0, i inserim 'parrot', 'anemone' i 'blue'
+eliminats = myFish.splice(0, 2, 'parrot', 'anemone', 'blue');
+// myFish val ['parrot', 'anemone', 'blue', 'trumpet', 'surgeon']
+// eliminats val ['angel', 'clown']
+
+// myFish val ['parrot', 'anemone', 'blue', 'trumpet', 'surgeon']
+// eliminem 2 elements de la posició 3
+eliminats = myFish.splice(myFish.length -3, 2);
+// myFish val ['parrot', 'anemone', 'surgeon']
+// eliminats val ['blue', 'trumpet']
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.2.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.4.4.12', 'Array.prototype.splice')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-array.prototype.splice', 'Array.prototype.splice')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-array.prototype.splice', 'Array.prototype.splice')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("1.0")}}</td>
+   <td>{{CompatGeckoDesktop("1.7")}}</td>
+   <td>{{CompatIE("5.5")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Compatibilitat_amb_versions_anteriors">Compatibilitat amb versions anteriors</h2>
+
+<p>A JavaScript 1.2 el mètode <code>splice()</code> retornava l'element eliminat si només s'havia eliminat un sol element (és a dir, si el valor del paràmetre <code>comptadorEliminar</code> era 1); en qualsevol altre cas retornava un array contenit els elements eliminats.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> L'últim navegador en utilitzar JavaScript 1.2 va ser el Netscape Navigator 4, així que podeu asumir que <code>splice()</code> sempre retornarà un array. Aquest és el cas quan un objecte JavaScript disposa de la propietat <code>length</code> i un mètode <code>splice()</code>,{{domxref("console.log()")}} el tracta com si fós un objecte array. Comprovar-ho amb <code>instanceof Array</code> retornarà <code>false.</code></p>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.push()", "push()")}} / {{jsxref("Array.prototype.pop()", "pop()")}} — afegir/eliminar elements del final d'un array</li>
+ <li>{{jsxref("Array.prototype.unshift()", "unshift()")}} / {{jsxref("Array.prototype.shift()", "shift()")}} — afegir/eliminar elements de l'inici d'un array</li>
+ <li>{{jsxref("Array.prototype.concat()", "concat()")}} — retorna un nou array format a partir d'aquest array i d'altres array(s) i/o valor(s)</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/index.html b/files/ca/web/javascript/referencia/objectes_globals/boolean/index.html
new file mode 100644
index 0000000000..83f2597df9
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/boolean/index.html
@@ -0,0 +1,196 @@
+---
+title: Boolean
+slug: Web/JavaScript/Referencia/Objectes_globals/Boolean
+translation_of: Web/JavaScript/Reference/Global_Objects/Boolean
+---
+<div>{{JSRef("Global_Objects", "Boolean")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>L'objecte <strong><code>Boolean</code></strong> és un objecte que embolcalla valors booleans.</p>
+
+<h2 id="Syntax" name="Syntax">Constructor</h2>
+
+<pre class="syntaxbox"><code>new Boolean([<var>valors</var>])</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>valors</code></dt>
+ <dd>Opcional. El valor inicial de l'objecte <code>Boolean</code>.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El valor passat com a primer paràmetre es converteix a un valor booleà, en cas necesari. Si és omés o si és <code>0</code>, <code>-0</code>, {{jsxref("Global_Objects/null", "null")}}, <code>false</code>, {{jsxref("Global_Objects/NaN", "NaN")}}, {{jsxref("Global_Objects/undefined", "undefined")}}, o la cadena de caràcters buida (<code>""</code>), l'objecte tindrà el valor inicial <code>false</code>. Tots els altres valors, incloent qualsevol objecte o la cadena de caràcters <code>"false"</code>, crea un objecte amb el valor inicial de <code>true</code>.</p>
+
+<p>No confoneu els valors <code>Boolean</code> primitius <code>true</code> i <code>false</code> amb els valors <code>true</code> i <code>false</code> de l'objecte <code>Boolean</code>.</p>
+
+<p>Qualsevol objecte el valor del qual no sigui {{jsxref("Global_Objects/undefined", "undefined")}} o {{jsxref("Global_Objects/null", "null")}}, incloent un objecte de tipus <code>Boolean</code> el valor del qual sigui <code>false</code>, evalua a <code>true</code> quan es passa a una sentència condicional. Per exemple, la condició en la següent sentència {{jsxref("Statements/if...else", "if")}} evalua a <code>true</code>:</p>
+
+<pre class="brush: js">x = new Boolean(false);
+if (x) {
+  // aquest codi s'executarà
+}
+</pre>
+
+<p>Aquest comportament no s'aplica a les primitives de tipus booleà. Per exemple, la condició en la següent sentència {{jsxref("Statements/if...else", "if")}} evalua a <code>false</code>:</p>
+
+<pre class="brush: js">x = false;
+if (x) {
+  // aquest codi no s'executarà
+}
+</pre>
+
+<p>No creeu una instància de <code>Boolean</code> per a convertir un valor no booleà a un valor booleà. En comptes d'això utilitzeu <code>Boolean</code> com una funció per a realitzar aquesta tasca:</p>
+
+<pre class="brush: js">x = Boolean(expression);     // utilitzar preferentment
+x = new Boolean(expression); // no ho utilitzeu
+</pre>
+
+<p>Si s'especifica qualsevol objecte, inclòs un objecte <code>Boolean</code> el valor del qual sigui false, com a valor inicial per a un objecte <code>Boolean</code>, el nou objecte <code>Boolean</code> tindrà un valor de <code>true</code>.</p>
+
+<pre class="brush: js">myFalse = new Boolean(false);   // valor inicial false
+g = new Boolean(myFalse);       // valor inicial true
+myString = new String('Hello'); // objecte de tipus String
+s = new Boolean(myString);      // valor inicial true
+</pre>
+
+<p>No utilitzeu un objecte <code>Boolean</code> quan podríeu utilitzar un valor primitiu booleà.</p>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<dl>
+ <dt><code>Boolean.length</code></dt>
+ <dd>La propietat Length retorna el valor de 1.</dd>
+ <dt>{{jsxref("Boolean.prototype")}}</dt>
+ <dd>Representa el prototip pel constructor <code>Boolean</code>.</dd>
+</dl>
+
+<p>{{jsOverrides("Function", "Properties", "prototype")}}</p>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<p>L'objecte <code>Boolean</code> no té mètodes propis. Hereta, però, alguns mètodes a través de la cadena de prototipus:</p>
+
+<div>{{jsOverrides("Function", "Methods")}}</div>
+
+<h2 id="Boolean_instances" name="Boolean_instances"><code>Instàncies de Boolean</code></h2>
+
+<p>Totes les instàncies de <code>Boolean</code> hereten de {{jsxref("Boolean.prototype")}}. Com tots els constructors, el prototipus de l'objecte dicta les propietats i mètodes que heretaran les instàncies.</p>
+
+<h3 id="Propietats">Propietats</h3>
+
+<div>{{page('/ca/docs/Web/JavaScript/Reference/Global_Objects/Boolean/prototype', 'Properties')}}</div>
+
+<h3 id="Mètodes">Mètodes</h3>
+
+<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/prototype', 'Methods')}}</div>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Creating_Boolean_objects_with_an_initial_value_of_false" name="Example:_Creating_Boolean_objects_with_an_initial_value_of_false">Exemple: Crear objectes <code>Boolean</code> amb un valor inicial de<code> false</code></h3>
+
+<pre class="brush: js">var bNoParam = new Boolean();
+var bZero = new Boolean(0);
+var bNull = new Boolean(null);
+var bEmptyString = new Boolean('');
+var bfalse = new Boolean(false);
+</pre>
+
+<h3 id="Example:_Creating_Boolean_objects_with_an_initial_value_of_true" name="Example:_Creating_Boolean_objects_with_an_initial_value_of_true">Exemple: Crear objectes <code>Boolean amb un valor inicial de</code> <code>true</code></h3>
+
+<pre class="brush: js">var btrue = new Boolean(true);
+var btrueString = new Boolean('true');
+var bfalseString = new Boolean('false');
+var bSuLin = new Boolean('Su Lin');
+var bArrayProto = new Boolean([]);
+var bObjProto = new Boolean({});
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.6', 'Boolean')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-boolean-objects', 'Boolean')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatIE("6.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Boolean.prototype")}}</li>
+ <li>{{Glossary("Boolean")}}</li>
+ <li><a href="http://en.wikipedia.org/wiki/Boolean_data_type">El tipus de dades booleà (Wikipedia)</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/boolean/prototype/index.html
new file mode 100644
index 0000000000..b203f57c40
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/boolean/prototype/index.html
@@ -0,0 +1,117 @@
+---
+title: Boolean.prototype
+slug: Web/JavaScript/Referencia/Objectes_globals/Boolean/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/Boolean
+---
+<div>{{JSRef("Global_Objects", "Boolean")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Boolean.prototype</code></strong> representa el prototipus pel constructor {{jsxref("Global_Objects/Boolean", "Boolean")}}.</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Les instàncies de {{jsxref("Global_Objects/Boolean", "Boolean")}} hereten de<code> Boolean.prototype</code>. Es pot emprar l'objecte prototipus del constructor per a afegir noves propietats o mètodes a totes les instàncies de {{jsxref("Global_Objects/Boolean", "Boolean")}}.</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>Boolean.prototype.constructor</code></dt>
+ <dd>Retorna la funció que ha creat la instància del prototipus. Aquesta funció és {{jsxref("Global_Objects/Boolean", "Boolean")}} per defecte.</dd>
+</dl>
+
+<div>{{jsOverrides("Object", "properties", "constructor")}}</div>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("Boolean.prototype.toSource()")}} {{non-standard_inline}}</dt>
+ <dd>Retorna una cadena de caràcters que conté el codi fond de l'objecte {{jsxref("Global_Objects/Boolean", "Boolean")}}; aquesta pot utilitzar-se per a crear un objecte equivalent. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd>
+ <dt>{{jsxref("Boolean.prototype.toString()")}}</dt>
+ <dd>Retorna una cadena de caràcters que valdrà o bé <code>"true"</code> o bé <code>"false"</code>, depenent del valor que l'objecte representi. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd>
+ <dt>{{jsxref("Boolean.prototype.valueOf()")}}</dt>
+ <dd>Retorna el valor primitiu de l'objecte {{jsxref("Global_Objects/Boolean", "Boolean")}}. Sobreescriu el mètode {{jsxref("Object.prototype.valueOf()")}}.</dd>
+</dl>
+
+<div>{{jsOverrides("Object", "methods", "toSource", "toString", "valueOf")}}</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.6.3.1', 'Boolean.prototype')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-boolean.prototype', 'Boolean.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/tosource/index.html b/files/ca/web/javascript/referencia/objectes_globals/boolean/tosource/index.html
new file mode 100644
index 0000000000..6b6a1b8b2b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/boolean/tosource/index.html
@@ -0,0 +1,98 @@
+---
+title: Boolean.prototype.toSource()
+slug: Web/JavaScript/Referencia/Objectes_globals/Boolean/toSource
+translation_of: Web/JavaScript/Reference/Global_Objects/Boolean/toSource
+---
+<div>{{JSRef("Objectes_standard", "Boolean")}} {{non-standard_header}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <code><strong>toSource()</strong></code> retorna una cadena de caràcters que representa el codi font de l'objecte.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>booleanObj</var>.toSource()
+Boolean.toSource()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El mètode <code>toSource</code> retorna els valors següents:</p>
+
+<ul>
+ <li>Per a objectes {{jsxref("Objectes_standard/Boolean", "Boolean")}} de la implementació de JavaScript, <code>toSource</code> retorna la següent cadena de caràcters indicant que el codi font no està disponible:
+
+  <pre class="brush: js">function Boolean() {
+    [native code]
+}
+</pre>
+ </li>
+ <li>Per a instàncies de {{jsxref("Objectes_standard/Boolean", "Boolean")}}, <code>toSource</code> retorna una cadena de caràcters que representa el codi font.</li>
+</ul>
+
+<p>Aquest mètode normalment és utilitzat internament per JavaScript i no explícitament al codi.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap standard. Implementat a JavaScript 1.3.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_Also" name="See_Also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.prototype.toSource()")}} {{non-standard_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/tostring/index.html b/files/ca/web/javascript/referencia/objectes_globals/boolean/tostring/index.html
new file mode 100644
index 0000000000..90da6cba3a
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/boolean/tostring/index.html
@@ -0,0 +1,121 @@
+---
+title: Boolean.prototype.toString()
+slug: Web/JavaScript/Referencia/Objectes_globals/Boolean/toString
+translation_of: Web/JavaScript/Reference/Global_Objects/Boolean/toString
+---
+<div>{{JSRef("Global_Objects", "Boolean")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <code><strong>toString()</strong></code> retorna una cadena de caràcters que representa l'objecte Boolean.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>bool</var>.toString()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>L'objecte {{jsxref("Objectes_standard/Boolean", "Boolean")}} sobreescriu el mètode <code>toString</code> de l'objecte {{jsxref("Objectes_standard/Object", "Object")}}; no hereta {{jsxref("Object.prototype.toString()")}}. Per a objectes de tipus Boolean, el mètode <code>toString</code> retorna una cadena de caràcters que representa l'objecte.</p>
+
+<p>JavaScript crida el mètode <code>toString</code> de manera automàtica quan aquest ha de ser representat mitjançant text o bé quan un {{jsxref("Objectes_standard/Boolean", "Boolean")}} és referenciat en una concatenació de cadenes de caràcters.</p>
+
+<p>Per a objectes i valors de tipus {{jsxref("Objectes_standard/Boolean", "Boolean")}}, el mètode <code>toString</code> incorporat retorna la cadena de caràcters "<code>true</code>" o bé "<code>false</code>", depenent del valor de l'objecte booleà.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_Utilitzar_toString">Exemple: Utilitzar <code>toString</code></h3>
+
+<p>Al codi següent <code>flag.toString()</code> retorna "<code>true</code>":</p>
+
+<pre class="brush: js">var flag = new Boolean(true);
+var myVar = flag.toString();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició. Implementat a JavaScript 1.1</td>
+   <td>Standard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.6.4.2', 'Boolean.prototype.toString')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-boolean.prototype.tostring', 'Boolean.prototype.toString')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.prototype.toString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/boolean/valueof/index.html b/files/ca/web/javascript/referencia/objectes_globals/boolean/valueof/index.html
new file mode 100644
index 0000000000..f99fd3c6c0
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/boolean/valueof/index.html
@@ -0,0 +1,117 @@
+---
+title: Boolean.prototype.valueOf()
+slug: Web/JavaScript/Referencia/Objectes_globals/Boolean/valueOf
+translation_of: Web/JavaScript/Reference/Global_Objects/Boolean/valueOf
+---
+<div>{{JSRef("Global_Objects", "Boolean")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <code><strong>valueOf()</strong></code> retorna el valor primitiu d'un objecte {{jsxref("Objectes_standard/Boolean", "Boolean")}}.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>bool</var>.valueOf()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El mètode <code>valueOf</code> pertanyent a {{jsxref("Objectes_standard/Boolean", "Boolean")}} retorna el valor primitiu d'un objecte o literal {{jsxref("Objectes_standard/Boolean", "Boolean")}} com a tipus de dada Boolean.</p>
+
+<p>Aquest mètode normalment és utilitzat internament per JavaScript i no explícitament als scripts.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_valueOf" name="Example:_Using_valueOf">Exemple: Utilitzar <code>valueOf</code></h3>
+
+<pre class="brush: js">x = new Boolean();
+myVar = x.valueOf(); // assigna false a myVar
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.6.4.3', 'Boolean.prototype.valueOf')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-boolean.prototype.valueof', 'Boolean.prototype.valueOf')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.prototype.valueOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getdate/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getdate/index.html
new file mode 100644
index 0000000000..16808aaae0
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getdate/index.html
@@ -0,0 +1,119 @@
+---
+title: Date.prototype.getDate()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getDate
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getDate
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>getDate()</code></strong> retorna el dia del mes per a la data especificada segons l'hora local.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.getDate()</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>El valor retornat per <code>getDate()</code> és un nombre sencer entre 1 i 31.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_getDate()">Utilitzar <code>getDate()</code></h3>
+
+<p>La segona sentència de l'exemple de sota assigna el valor 25 a la variable <code>dia</code>, basant-se en el valor de l'objecte {{jsxref("Date")}} <code>nadal95</code>.</p>
+
+<pre class="brush: js">var nadal95 = new Date('December 25, 1995 23:15:30');
+var dia = nadal95.getDate();
+
+console.log(dia); // 25
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getdate', 'Date.prototype.getDate')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.14', 'Date.prototype.getDate')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCDate()")}}</li>
+ <li>{{jsxref("Date.prototype.getUTCDay()")}}</li>
+ <li>{{jsxref("Date.prototype.setDate()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getday/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getday/index.html
new file mode 100644
index 0000000000..244562c167
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getday/index.html
@@ -0,0 +1,121 @@
+---
+title: Date.prototype.getDay()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getDay
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getDay
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getDay()</code></strong> retorna el dia de la setmana per a la data especificada, en temps local on 0 (zero) representa el Diumenge.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getDay()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorna</h3>
+
+<p>El valor retornat per <code>getDay()</code> és un nombre sencer que correspon al dia de la setmana tal i com es mostra a continuació: 0 és Diumenge, 1 és Dilluns, 2 és Dimarts, etcètera.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getDay" name="Example:_Using_getDay">Exemple: Utilitzar <code>getDay()</code></h3>
+
+<p>La segona sentència que trobareu a continuació asigna el valor 1 a la variable <code>diaSetmana</code>, basat en el valor de l'objecte {{jsxref("Global_Objects/Date", "Date")}}<code> nadal95</code>, que està inicialitzat amb la data d 25 de Desembre de 1995, és un Dilluns.</p>
+
+<pre class="brush: js">var nadal95 = new Date('December 25, 1995 23:15:30');
+var diaSetmana = nadal95.getDay();
+
+console.log(diaSetmana); // 1
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.16', 'Date.prototype.getDay')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getday', 'Date.prototype.getDay')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCDate()")}}</li>
+ <li>{{jsxref("Date.prototype.getUTCDay()")}}</li>
+ <li>{{jsxref("Date.prototype.setDate()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getfullyear/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getfullyear/index.html
new file mode 100644
index 0000000000..94f14f4332
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getfullyear/index.html
@@ -0,0 +1,121 @@
+---
+title: Date.prototype.getFullYear()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getFullYear
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getFullYear
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getFullYear()</code></strong> retorna l'any de la data especificada, en temps local.</p>
+
+<p>Utilitzeu aquest mètode en comptes de {{jsxref("Date.prototype.getYear()", "getYear()")}}.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getFullYear()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorna</h3>
+
+<p>El valor retornat per <code>getFullYear()</code> és un nombre absolut. Per a dates entre els anys 1000 i 9999, <code>getFullYear()</code> retorna un nombre de 4 dígits (1995, per exemple). Utilitzeu aquesta funció per a assegurar-vos d'obtindre un any compatible amb l'efecte 2000.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getFullYear" name="Example:_Using_getFullYear">Exemple: Utilitzar <code>getFullYear()</code></h3>
+
+<p>L'exemple següent assigna el valor de 4 dígits de l'any actual a la variable <code>any</code>.</p>
+
+<pre class="brush: js">var avui = new Date();
+var any = avui.getFullYear();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.10', 'Date.prototype.getFullYear')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getfullyear', 'Date.prototype.getFullYear')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.setFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.getYear()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/gethours/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/gethours/index.html
new file mode 100644
index 0000000000..3848e96339
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/gethours/index.html
@@ -0,0 +1,120 @@
+---
+title: Date.prototype.getHours()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getHours
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getHours
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getHours()</code></strong> retorna l'hora per a la data especificada, en temps local.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getHours()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorna</h3>
+
+<p>El valor retornat per <code>getHours()</code> és un nombre sencer entre 0 i 23.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getHours" name="Example:_Using_getHours">Exemple: Utilitzar <code>getHours()</code></h3>
+
+<p>La segona sentència que trobareu a continuació assigna el valor 23 a la variable <code>hora</code>, basant-se en l'objecte {{jsxref("Global_Objects/Date", "Date")}} <code>nadal95</code>.</p>
+
+<pre class="brush: js">var nadal95 = new Date('December 25, 1995 23:15:30');
+var hora = nadal95.getHours();
+
+console.log(hora); // 23
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.18', 'Date.prototype.getHours')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.gethours', 'Date.prototype.getHours')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCHours()")}}</li>
+ <li>{{jsxref("Date.prototype.setHours()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getmilliseconds/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getmilliseconds/index.html
new file mode 100644
index 0000000000..d438cf8cad
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getmilliseconds/index.html
@@ -0,0 +1,118 @@
+---
+title: Date.prototype.getMilliseconds()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getMilliseconds
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getMilliseconds
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getMilliseconds()</code></strong> retorna els milisegons de la data especificada d'acord a l'hora local.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getMilliseconds()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorna</h3>
+
+<p>El valor retornat per <code>getMilliseconds()</code> és un nombre entre 0 i 999.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getMilliseconds" name="Example:_Using_getMilliseconds">Exemple: Utilitzar <code>getMilliseconds()</code></h3>
+
+<p>L'exemple següent assigna la part de milisegons de l'hora actual a la variable <code>milisegons</code>:</p>
+
+<pre class="brush: js">var avui = new Date();
+var milisegonds = avui.getMilliseconds();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.24', 'Date.prototype.getMilliseconds')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getmilliseconds', 'Date.prototype.getMilliseconds')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCMilliseconds()")}}</li>
+ <li>{{jsxref("Date.prototype.setMilliseconds()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getminutes/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getminutes/index.html
new file mode 100644
index 0000000000..3ae466d56d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getminutes/index.html
@@ -0,0 +1,120 @@
+---
+title: Date.prototype.getMinutes()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getMinutes
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getMinutes
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getMinutes()</code></strong> retorna els minuts de la data especificada segons el temps local.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getMinutes()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorna</h3>
+
+<p>El valor retorna per <code>getMinutes()</code> és un nombre sencer entre 0 i 59.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getMinutes" name="Example:_Using_getMinutes">Exemple: Utilitzar <code>getMinutes()</code></h3>
+
+<p>La segona sentència de  sota assigna el valor 15 a la variable <code>minuts</code>, prenent el valor de l'objecte <code>nadal95</code> de tipus {{jsxref("Global_Objects/Date", "Date")}}.</p>
+
+<pre class="brush: js">var nadal95 = new Date('December 25, 1995 23:15:30');
+var minuts = nadal95.getMinutes();
+
+console.log(minuts); // 15
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.20', 'Date.prototype.getMinutes')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getminutes', 'Date.prototype.getMinutes')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCMinutes()")}}</li>
+ <li>{{jsxref("Date.prototype.setMinutes()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getmonth/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getmonth/index.html
new file mode 100644
index 0000000000..2631ebef9a
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getmonth/index.html
@@ -0,0 +1,120 @@
+---
+title: Date.prototype.getMonth()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getMonth
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getMonth
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>El mètode <strong><code>getMonth()</code></strong> retorna el mes de la data especificada d'acord al temps local, representat per un nombre a partir de zero (on zero indica el primer mes de l'any).</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getMonth()</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Retorna">Retorna</h3>
+
+<p>El valor retornat per <code>getMonth()</code> és un nombre sencer entre 0 i 11. 0 correspon a gener, 1 a febrer, etcètera.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Example:_Using_getMonth" name="Example:_Using_getMonth">Exemple: Utilitzar <code>getMonth()</code></h3>
+
+<p>La segona sentència de sota assigna el valor 11 a la variable <code>mes</code>, basada en el valor de l'objecte <code>nadal95</code> de tipus {{jsxref("Global_Objects/Date", "Date")}}.</p>
+
+<pre class="brush: js">var nadal95 = new Date('December 25, 1995 23:15:30');
+var mes = nadal95.getMonth();
+
+console.log(mes); // 11
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.12', 'Date.prototype.getMonth')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getmonth', 'Date.prototype.getMonth')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCMonth()")}}</li>
+ <li>{{jsxref("Date.prototype.setMonth()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getseconds/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getseconds/index.html
new file mode 100644
index 0000000000..790c62e3e9
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getseconds/index.html
@@ -0,0 +1,120 @@
+---
+title: Date.prototype.getSeconds()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getSeconds
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getSeconds
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getSeconds()</code></strong> retorna els segons de la data especficada d'acord al temps local.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getSeconds()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorna</h3>
+
+<p>El valor retornat per <code>getSeconds()</code> és un sencer entre 0 i 59.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getSeconds" name="Example:_Using_getSeconds">Exemple: Utilitzar <code>getSeconds()</code></h3>
+
+<p>La segona sentència de sota assigna el valor 30 a la variable <code>segons</code>, basat en el valor de l'objecte <code>nadal95</code>, de tipus {{jsxref("Global_Objects/Date", "Date")}}.</p>
+
+<pre class="brush: js">var nadal95 = new Date('December 25, 1995 23:15:30');
+var segons = nadal95.getSeconds();
+
+console.log(segons); // 30
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.22', 'Date.prototype.getSeconds')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getseconds', 'Date.prototype.getSeconds')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCSeconds()")}}</li>
+ <li>{{jsxref("Date.prototype.setSeconds()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/gettime/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/gettime/index.html
new file mode 100644
index 0000000000..20c45f31c5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/gettime/index.html
@@ -0,0 +1,135 @@
+---
+title: Date.prototype.getTime()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getTime
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getTime
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>getTime()</code></strong> retorna el valor numèric corresponent a l'hora per a la data especificada, d'acord al temps universal.</p>
+
+<p>Es pot emprar aquest mètode com a ajuda per a proporcionar una data i hora per a un altre objecte de tipus {{jsxref("Global_Objects/Date", "Date")}}. Aquest mètode és funcionalment equivalnet al mètode {{jsxref("Date.valueof", "valueOf()")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getTime()</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Retorn">Retorn</h3>
+
+<p>El valor retornat pel mètode <code>getTime()</code> és el nombre de milisegons que han passat des de l'1 de gener de 1970 00:00:00 UTC.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_getTime()_per_a_obtindre_dates">Utilitzar <code>getTime()</code> per a obtindre dates</h3>
+
+<p>Construïr un objecte date que representi el mateix moment.</p>
+
+<pre class="brush: js">var aniversari = new Date(1994, 12, 10);
+var copia= new Date();
+copia.setTime(aniversari.getTime());
+</pre>
+
+<h3 id="Mesurar_el_temps_d'execució">Mesurar el temps d'execució</h3>
+
+<p>Restar dos crides seguides de <code>getTime()</code> en objectes {{jsxref("Date")}} acabats de generar dóne el temps transcorregut entre les dues crides. Això pot ser emprat per a calcular el temps d'execució d'algunes operacions. Vegeu també {{jsxref("Date.now()")}} per a prevenir l'instanciació d'objectes {{jsxref("Date")}} innecesaris.</p>
+
+<pre class="brush: js">var fi, inici;
+
+inici= new Date();
+for (var i = 0; i &lt; 1000; i++) {
+  Math.sqrt(i);
+}
+fi = new Date();
+
+console.log("L'operació ha trigat " + (fi.getTime() - inici.getTime()) + ' ms');
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.9', 'Date.prototype.getTime')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.gettime', 'Date.prototype.getTime')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.setTime()")}}</li>
+ <li>{{jsxref("Date.prototype.valueOf()")}}</li>
+ <li>{{jsxref("Date.now()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/gettimezoneoffset/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/gettimezoneoffset/index.html
new file mode 100644
index 0000000000..8af4d6e9e8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/gettimezoneoffset/index.html
@@ -0,0 +1,109 @@
+---
+title: Date.prototype.getTimezoneOffset()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getTimezoneOffset
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getTimezoneOffset()</code></strong> retorna la desviació de la zona horària a l'hora UTC, en minuts, per a la localizació en ús.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getTimezoneOffset()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorn</h3>
+
+<p>La desviació de la zona horària és la diferència, en minuts, entre UTC i l'hora local. Això comporta que la desviació serà positiva si l'hora local està per darrere de la UTC i negativa si està endevant. Per exemple, si la vostra zona horària és UTC+10 (Australian Eastern Standard Time), el mètode retornarà -600. L'horari d'estalvi d'energia (d'estiu) fa que aquest valor no sigui una constant, per a qualsevol localització.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getTimezoneOffset" name="Example:_Using_getTimezoneOffset">Exemple: Utilitzar <code>getTimezoneOffset()</code></h3>
+
+<pre class="brush: js">var x = new Date();
+var currentTimeZoneOffsetInHours = x.getTimezoneOffset() / 60;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.26', 'Date.prototype.getTimezoneOffset')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.gettimezoneoffset', 'Date.prototype.getTimezoneOffset')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcdate/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getutcdate/index.html
new file mode 100644
index 0000000000..ee3a8b881f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getutcdate/index.html
@@ -0,0 +1,119 @@
+---
+title: Date.prototype.getUTCDate()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getUTCDate
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getUTCDate
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getUTCDate()</code></strong>retorna el dia del mes per a la data especificada, segons l'hora universal.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getUTCDate()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorn</h3>
+
+<p>El valor retornat per <code>getUTCDate()</code> és un nombre sencer entre 1 i 31.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getUTCDate" name="Example:_Using_getUTCDate">Exemple: Utilitzar <code>getUTCDate()</code></h3>
+
+<p>L'exemple següent assigna la part del dia de la data actual a la variable <code>dia</code>.</p>
+
+<pre class="brush: js">var avui = new Date();
+var dia = avui.getUTCDate();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.15', 'Date.prototype.getUTCDate')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getutcdate', 'Date.prototype.getUTCDate')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getDate()")}}</li>
+ <li>{{jsxref("Date.prototype.getUTCDay()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCDate()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcday/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getutcday/index.html
new file mode 100644
index 0000000000..b6f992f9a1
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getutcday/index.html
@@ -0,0 +1,119 @@
+---
+title: Date.prototype.getUTCDay()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getUTCDay
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getUTCDay
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getUTCDay()</code></strong> retorna el dia de la setmana de la data especificada segons l'hora universal, on 0 representa Diumenge.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getUTCDay()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorn</h3>
+
+<p>El valor retornat per  <code>getUTCDay()</code> és un nombre sencer que correspón al dia de la setmana: 0 per a Diumenge, 1 per a dilluns, 2 per a Dimarts, etcètera.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getUTCDay" name="Example:_Using_getUTCDay">Exemple: Utilitzar <code>getUTCDay()</code></h3>
+
+<p>L'exemple següent assigna el dia de la setmana de la data actual a la variable <code>diaSetmana</code>.</p>
+
+<pre class="brush: js">var avui = new Date();
+var diaSetmana = avui.getUTCDay();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.17', 'Date.prototype.getUTCDay')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getutcday', 'Date.prototype.getUTCDay')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCDate()")}}</li>
+ <li>{{jsxref("Date.prototype.getDay()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCDate()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcfullyear/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getutcfullyear/index.html
new file mode 100644
index 0000000000..3ca1526e28
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getutcfullyear/index.html
@@ -0,0 +1,118 @@
+---
+title: Date.prototype.getUTCFullYear()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getUTCFullYear
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getUTCFullYear
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getUTCFullYear()</code></strong> retorna l'any de la data especificada, segons el temps universal.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getUTCFullYear()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorn</h3>
+
+<p>El valor retornat per <code>getUTCFullYear()</code> és un nombre absolut que compleix amb any-2000, per exemple, 1995.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getUTCFullYear" name="Example:_Using_getUTCFullYear">Exemple: Utilitzar <code>getUTCFullYear()</code></h3>
+
+<p>L'exemple següent assigna el valor de 4 dígits de l'any actual a la variable <code>any</code>.</p>
+
+<pre class="brush: js">var avui = new Date();
+var any = avui.getUTCFullYear();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.11', 'Date.prototype.getUTCFullYear')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getutcfullyear', 'Date.prototype.getUTCFullYear')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.setFullYear()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutchours/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getutchours/index.html
new file mode 100644
index 0000000000..f575df92a1
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getutchours/index.html
@@ -0,0 +1,118 @@
+---
+title: Date.prototype.getUTCHours()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getUTCHours
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getUTCHours
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>getUTCHours()</code></strong> retorna les hores especificades a la data, d'acord l'hora universal.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getUTCHours()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorn</h3>
+
+<p>El valor retornat per <code>getUTCHours()</code> és un nombre sencer entre 0 i 23.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getUTCHours" name="Example:_Using_getUTCHours">Exemple: Utilitzar <code>getUTCHours()</code></h3>
+
+<p>L'exemple següent assigna la part de les hores de la data actual a la variable <code>hora</code>.</p>
+
+<pre class="brush: js">var avui = new Date();
+var hora = avui.getUTCHours();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.19', 'Date.prototype.getUTCHours')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getutchours', 'Date.prototype.getUTCHours')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getHours()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCHours()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcmilliseconds/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getutcmilliseconds/index.html
new file mode 100644
index 0000000000..d09ac5bded
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getutcmilliseconds/index.html
@@ -0,0 +1,116 @@
+---
+title: Date.prototype.getUTCMilliseconds()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getUTCMilliseconds
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getUTCMilliseconds
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>getUTCMilliseconds()</code></strong> retorna els milisegons de la data especificada, d'acord al temps universal.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.getUTCMilliseconds()</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>El valor retorna per <code>getUTCMilliseconds()</code> és un nombre sencer entre 0 i 999.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_getUTCMilliseconds()">Utilitzar <code>getUTCMilliseconds()</code></h3>
+
+<p>L'exemple següent assigna la porció de milisegons del temps actual a la variable <code>milisegons</code>.</p>
+
+<pre class="brush: js">var avui = new Date();
+var milisegons = avui.getUTCMilliseconds();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.25', 'Date.prototype.getUTCMilliseconds')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getutcmilliseconds', 'Date.prototype.getUTCMilliseconds')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getMilliseconds()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCMilliseconds()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcminutes/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getutcminutes/index.html
new file mode 100644
index 0000000000..e18a13c52f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getutcminutes/index.html
@@ -0,0 +1,116 @@
+---
+title: Date.prototype.getUTCMinutes()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getUTCMinutes
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getUTCMinutes
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>getUTCMinutes()</code></strong> retorna els minuts de la data especificada en temps universal.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.getUTCMinutes()</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Valor_a_retornar">Valor a retornar</h3>
+
+<p>El valor retornat per <code>getUTCMinutes()</code> és un nombre sencer entre 0 i 59.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_getUTCMinutes()">Utilitzar <code>getUTCMinutes()</code></h3>
+
+<p>L'exemple següent assigna la part de minuts del temps actual a la variable <code>minuts</code>.</p>
+
+<pre class="brush: js">var avui = new Date();
+var minuts = avui.getUTCMinutes();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.21', 'Date.prototype.getUTCMinutes')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getutcminutes', 'Date.prototype.getUTCMinutes')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getMinutes()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCMinutes()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcmonth/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getutcmonth/index.html
new file mode 100644
index 0000000000..48ba78349b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getutcmonth/index.html
@@ -0,0 +1,116 @@
+---
+title: Date.prototype.getUTCMonth()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getUTCMonth
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getUTCMonth
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>getUTCMonth()</code></strong> retorna el mes de la data especificada d'acord al temps universal, com a valor basat en zero (on zero indica el primer mes de l'any.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.getUTCMonth()</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>El valor retornat per <code>getUTCMonth()</code> és un nombre sencer entre 0 i 11 corresponent al mes. 0 per al gener, 1 per al febrer, 2 per al març, etcètera.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_getUTCMonth()">Utilitzar <code>getUTCMonth()</code></h3>
+
+<p>L'exemple següent assigna la part de la data actual corresponent al mes a la variable <code>mes</code>.</p>
+
+<pre class="brush: js">var avui = new Date();
+var mes = mes.getUTCMonth();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.13', 'Date.prototype.getUTCMonth')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getutcmonth', 'Date.prototype.getUTCMonth')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getMonth()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCMonth()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getutcseconds/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getutcseconds/index.html
new file mode 100644
index 0000000000..1f69ca8199
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getutcseconds/index.html
@@ -0,0 +1,118 @@
+---
+title: Date.prototype.getUTCSeconds()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getUTCSeconds
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getUTCSeconds
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode<strong> <code>getUTCSeconds()</code></strong> retorna els segons a la data especificada, segons l'hora universal.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getUTCSeconds()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorna</h3>
+
+<p>El valor retornat per <code>getUTCSeconds()</code> és un nombre sencer entre 0 i 59.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_getUTCSeconds" name="Example:_Using_getUTCSeconds">Exemple: <code>Utilitzar getUTCSeconds()</code></h3>
+
+<p>L'exemple següent assigna la porció de segons del temps actual a la variable <code>segons</code>.</p>
+
+<pre class="brush: js">var avui = new Date();
+var segons = avui.getUTCSeconds();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.23', 'Date.prototype.getUTCSeconds')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getutcseconds', 'Date.prototype.getUTCSeconds')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getSeconds()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCSeconds()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/getyear/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/getyear/index.html
new file mode 100644
index 0000000000..8724b2e03b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/getyear/index.html
@@ -0,0 +1,162 @@
+---
+title: Date.prototype.getYear()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/getYear
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/getYear
+---
+<div>{{JSRef("Global_Objects", "Date")}} {{deprecated_header}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode<strong><code> getYear()</code></strong> retorna l'any de la data especificada segons l'hora local. Com que <code>getYear()</code> no retorna anys sencers ("el problema de l'any 2000"), no s'utilitza més i s'ha substituït pel mètode {{jsxref("Date.prototype.getFullYear", "getFullYear()")}}.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.getYear()</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h3 id="Returns" name="Returns">Retorna</h3>
+
+<p>El mètode <code>getYear()</code> retorna l'any menys el valor 1900; és a dir:</p>
+
+<ul>
+ <li>Per a anys majors o iguals a 2000, el valor retornat per <code>getYear()</code> és 100 o major. Per exemple, si l'any és el 2026, <code>getYear()</code> retorna 126.</li>
+ <li>Per a anys entre 1900 i 1999 (ambdós inclosos), el valor retornat per <code>getYear()</code> roman entre 0 i 99. Per exemple, per a l'any 1976 <code>getYear()</code> retorna 76.</li>
+ <li>Per a anys menors que 1900, el valor retornat per <code>getYear()</code> és menor que zero. Per exemple, per a l'any 1800, <code>getYear()</code> retorna -100.</li>
+</ul>
+
+<p>Per a tenir en compte anys abans o deprés del 2000 es recomana utilitzar {{jsxref("Date.prototype.getFullYear", "getFullYear()")}} en comptes de <code>getYear()</code> ja que retorna l'any sencer.</p>
+
+<h2 id="Backward_compatibility" name="Backward_compatibility">Compatibilitat amb versions anteriors</h2>
+
+<h3 id="JavaScript_1.2_and_earlier" name="JavaScript_1.2_and_earlier">Comportament en JavaScript 1.2 i anteriors</h3>
+
+<p>El mètode <code>getYear()</code> retorna o bé un any amb dos dígits o bé un any amb 4 dígits:</p>
+
+<ul>
+ <li>Per a anys entre 1900 i 1999 (ambdos inclosos) el valor retornat és l'any menys 1900. Per exemple, per a l'any 1976 el valor retornat és 76.</li>
+ <li>Per a anys menors que 1900 o majors que 1999 el valor retornat per <code>getYear()</code> és l'any amb 4 dígits. Per exemple, per a l'any 1856 el valor retornat és 1856. Per a l'any 2026 el valor retornat és 2026.</li>
+</ul>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Years_between_1900_and_1999" name="Example:_Years_between_1900_and_1999">Exemple: Anys entre1900 i 1999</h3>
+
+<p>La segona sentència assigna el valor 95 a la variable <code>any</code>.</p>
+
+<pre class="brush: js">var nadal = new Date('December 25, 1995 23:15:00');
+var any = nadal.getYear(); // retorna 95
+</pre>
+
+<h3 id="Example:_Years_above_1999" name="Example:_Years_above_1999">Exemple: Anys majors que 1999</h3>
+
+<p>La segona sentència assigna el valor 100 a la variable <code>any</code>.</p>
+
+<pre class="brush: js">var nadal = new Date('December 25, 2000 23:15:00');
+var any = Xmas.getYear(); // retorna 100
+</pre>
+
+<h3 id="Example:_Years_below_1900" name="Example:_Years_below_1900">Exemple: Anys menors que 1900</h3>
+
+<p>La segona sentència assigna el valor -100 a la variable <code>any</code>.</p>
+
+<pre class="brush: js">var nadal = new Date('December 25, 1800 23:15:00');
+var any = nadal.getYear(); // retorna -100
+</pre>
+
+<h3 id="Example:_Setting_and_getting_a_year_between_1900_and_1999" name="Example:_Setting_and_getting_a_year_between_1900_and_1999">Exemple: Assignar i obtenir un any entre1900 i 1999</h3>
+
+<p>La segona sentència assigna el valor 95 a la variable <code>any</code>, que representa l'any 1995.</p>
+
+<pre class="brush: js">var nadal.setYear(95);
+var any = nadal.getYear(); // retorna 95
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-B.2.4', 'Date.prototype.getYear')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definit a l'annex de compatibilitat (amb caràcter informatiu).</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.getyear', 'Date.prototype.getYear')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definit a l'annex de característiques adicionals per a navegadors web (amb caràcter normatiu).</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.getUTCFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.setYear()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/index.html
new file mode 100644
index 0000000000..3fb5a9368d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/index.html
@@ -0,0 +1,250 @@
+---
+title: Date
+slug: Web/JavaScript/Referencia/Objectes_globals/Date
+translation_of: Web/JavaScript/Reference/Global_Objects/Date
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>Crea una instància de tipus <strong><code>Date</code></strong> de JavaScript, que representa un únic moment en el temps. Els objectes de tipus <code>Date</code> es basen en un valor de temps que mesura el nombre de milisegons que han passat des de l'u de gener de 1970 UTC.</p>
+
+<h2 id="Syntax" name="Syntax">Constructor</h2>
+
+<pre class="syntaxbox"><code>new Date();
+new Date(<var>valor</var>);
+new Date(<var>dataString</var>);
+new Date(any, mes[, dia[, hora[, minuts[, segons[, <var>milisegons</var>]]]]]);
+</code></pre>
+
+<div class="note">
+<p><strong>Nota:</strong> Els objectes Date de JavaScript només poden ser instanciats cridant Date com a constructor: Si es crida la funció com una funció normal (és a dir, sense l'operador {{jsxref("Operators/new", "new")}}), aquesta retornarà una string en comptes d'un objecte de tipus Date; al contrari que altres tipus d'objectes JavaScript, els objectes de JavaScript de tipus Date no poden ser representats com a literals.</p>
+</div>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<div class="note">
+<p><strong>Nota:</strong> Quan es crida <code>Date</code> com a constructor amb més d'un argument, si els valors són més grans que el seu rang lògic (per exemple, si es passa 13 com a valor pel mes o 70 com a valor de minuts), <code>Date</code> ajusta el valor adjacent. Per exemple, <code>new Date(2013, 13, 1)</code> és equivalent a <code>new Date(2014, 1, 1)</code>, ambdós creen un objecte de tipus <code>Date</code> que representa <code>2014-02-01</code> (cal destacar que els mesos es comencen a contar des de zero). El mateix s'aplica per a altres valors: <code>new Date(2013, 2, 1, 0, 70)</code> és equivalent a <code>new Date(2013, 2, 1, 1, 10)</code> i ambdós representen <code>2013-03-01T01:10:00</code>.</p>
+</div>
+
+<div class="note">
+<p><strong>Nota:</strong> Quan es crida Date com a constructor amb més d'un argument, els arguments especificats representen l'hora local. Si es pretèn passar valors UTC, utilitzeu <code>new Date({{jsxref("Date.UTC()", "Date.UTC(...)")}})</code> amb aquests arguments.</p>
+</div>
+
+<dl>
+ <dt><code>valor</code></dt>
+ <dd>Nombre sencer que representa el nombre de milisegons des de l'1 de gener de 1970 00:00:00 UTC (Època UNIX).</dd>
+ <dt><code>dataString</code></dt>
+ <dd>Valor String que representa una data. La String ha d'estar en un format reconegut pel mètode {{jsxref("Date.parse()")}} (<a href="http://tools.ietf.org/html/rfc2822#page-14">Marques de temps RFC 2822 compatibles amb el IETF</a> o bé una <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15">versió de la ISO8601</a>).</dd>
+ <dt><code>any</code></dt>
+ <dd>Valor sencer que representa un any. Els valors des de 0 a 99 representen els anys des de 1900 a 1999. Vegeu l'{{anch("Example:_Two_digit_years_map_to_1900_-_1999", "exemple a continuació")}}.</dd>
+ <dt><code>mes</code></dt>
+ <dd>Valor sencer que representa un mes, començant per zero com a gener i acabant amb 11 com a desembre.</dd>
+ <dt><code>dia</code></dt>
+ <dd>Opcional. Valor sencer que representa el dia del mes.</dd>
+ <dt><code>hora</code></dt>
+ <dd>Opcional. Valor sencer que representa l'hora del dia.</dd>
+ <dt><code>minut</code></dt>
+ <dd>Opcional. Valor sencer que representa els minuts d'un segment de temps.</dd>
+ <dt><code>segon</code></dt>
+ <dd>Opcional. Valor sencer que representa els segons d'un segment de temps.</dd>
+ <dt><code>milisegons</code></dt>
+ <dd>Opcional. Valor sencer que representa els milisegons d'un segment de temps.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<ul>
+ <li>Si no es proporciona cap argument, el constructor crea un objecte de JavaScript de tipus <code>Date</code> i l'inicialitza amb l'hora actual proporcionada pel sistema.</li>
+ <li>Si es proporcionen al menys dos arguments, els arguments no proporcionats es consideren o bé 1 (si no s'especifica el dia) o bé 0 per a tots els altres.</li>
+ <li>L'hora de JavaScript es basa en els milisegons que han passat des de la mitja nit de l'1 de gener de 1970 UTC. Un dia té 86.400.000 milisegons. El rang de l'objecte de JavaScript <code>Date</code> és de -100.000.000 dies a 100.000.000 dies relatius a l'1 de gener de 1970 UTC.</li>
+ <li>L'objecte de JavaScript <code>Date</code> proporciona el mateix comportament a totes les plataformes on s'utilitzi. El valor de temps es pot passar entre sistemes per a representar el mateix moment del temps i si s'utilitza per a crear un objecte que contingui l'hora local, aquest objecte representarà l'equivalent al temps local.</li>
+ <li>Alguns dels mètodes de l'objecte de JavaScript <code>Date</code> soporten temps en UTC (universal) i temps local. UTC, també conegut com a Greenwhich Mean Time (GMT), fa referència al temps marcat pel World Time Standard. El temps local és el temps proporcionat per l'ordinador on s'executa el JavaScript.</li>
+ <li>Si s'invoca la funció de JavaScript <code>Date</code> com una funció (és a dir, sense l'operador {{jsxref("Operators/new", "new")}}), aquesta retornarà una string representant la data i hora actual.</li>
+</ul>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<dl>
+ <dt>{{jsxref("Date.prototype")}}</dt>
+ <dd>Permet afegir propietats a l'objecte de JavaScript <code>Date</code>.</dd>
+ <dt><code>Date.length</code></dt>
+ <dd>El valor de <code>Date.length</code> és 7. Aquest és el nombre de arguments que el constructor accepta.</dd>
+</dl>
+
+<div>{{jsOverrides("Function", "properties", "prototype")}}</div>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("Date.now()")}}</dt>
+ <dd>Retorna el valor numèric corresponent al temps actual - el nombre de milisegons que han passat des de l'1 de gener de 1970 00:00:00 UTC.</dd>
+ <dt>{{jsxref("Date.parse()")}}</dt>
+ <dd>Interpreta un string que representa una data i retorna el nombre de milisegons des de l'1 de gener de 1970 00:00:00 UTC.</dd>
+ <dt>{{jsxref("Date.UTC()")}}</dt>
+ <dd>Accepta els mateixos paràmetres que el constructor (és a dir, de 2 a 7) i retorna le nombre de milisegons des de l'1 de gener de 1970 00:00:00 UTC.</dd>
+</dl>
+
+<div>{{jsOverrides("Function", "Methods", "now", "parse", "UTC")}}</div>
+
+<h2 id="Date_instances" name="Date_instances">Instàncies de JavaScript <code>Date</code></h2>
+
+<p>Totes les instàncies de <code>Date</code> hereten de {{jsxref("Date.prototype")}}. L'objecte prototipus del constructor <code>Date</code> pot ser modificat per a afectar a totes les instàncies de <code>Date</code>.</p>
+
+<h3 id="Mètodes_de_Date.prototype">Mètodes de Date.prototype</h3>
+
+<div>{{page('/ca/docs/Web/JavaScript/Reference/Global_Objects/Date/prototype', 'Methods')}}</div>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Several_ways_to_assign_dates" name="Example:_Several_ways_to_assign_dates">Exemple: Vàries formes de crear un objecte de tipus <code>Date</code></h3>
+
+<p>Els següents exemples mostren diverses maneres de crear dates a JavaScript:</p>
+
+<pre class="brush: js">var today = new Date();
+var birthday = new Date('December 17, 1995 03:24:00');
+var birthday = new Date('1995-12-17T03:24:00');
+var birthday = new Date(1995, 11, 17);
+var birthday = new Date(1995, 11, 17, 3, 24, 0);
+</pre>
+
+<h3 id="Example:_Two_digit_years_map_to_1900_-_1999" name="Example:_Two_digit_years_map_to_1900_-_1999">Exemple: Dos dígits per representar els anys 1900 a 1999</h3>
+
+<p>Per a crear i obtindre dates entre els anys 0 i 99 es recomana emprar els mètodes {{jsxref("Date.prototype.setFullYear()")}} i {{jsxref("Date.prototype.getFullYear()")}}.</p>
+
+<pre class="brush: js">var date = new Date(98, 1); // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT)
+
+// Deprecated method, 98 maps to 1998 here as well
+date.setYear(98);           // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT)
+
+date.setFullYear(98);       // Sat Feb 01 0098 00:00:00 GMT+0000 (BST)
+</pre>
+
+<h3 id="Example:_Calculating_elapsed_time" name="Example:_Calculating_elapsed_time">Exemple: Calcular el temps passat</h3>
+
+<p>Els exemples següents mostren com determinar el temps passat entre dues dates a JavaScript:</p>
+
+<pre class="brush: js">// utilitzant objectes Date
+var start = Date.now();
+
+// L'event a cronometra va aquí:
+doSomethingForALongTime();
+var end = Date.now();
+var elapsed = end - start; // temps transcorregut en milisegons
+</pre>
+
+<pre class="brush: js">// utilitzant mètodes que formen part del sistema
+var start = new Date();
+
+// the event to time goes here:
+doSomethingForALongTime();
+var end = new Date();
+var elapsed = end.getTime() - start.getTime(); // temps transcorregut en milisegons
+</pre>
+
+<pre class="brush: js">// cronometra una funció i retorna el que retorni
+function printElapsedTime(fTest) {
+  var nStartTime = Date.now(),
+      vReturn = fTest(),
+      nEndTime = Date.now();
+
+  console.log('Temps transcorregut: ' + String(nEndTime - nStartTime) + ' miliseconds');
+  return vReturn;
+}
+
+yourFunctionReturn = printElapsedTime(yourFunction);
+</pre>
+
+<div class="note">
+<p><strong>Nota:</strong> En navegadors que suporten la característica de temps en alta resolució de la {{domxref("window.performance", "API d'Alt Rendiment Web", "", 1)}}, {{domxref("Performance.now()")}} pot proporcionar mesures de temps més concises i fiables pel temps transcorregut que {{jsxref("Date.now()")}}.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9', 'Date')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date-objects', 'Date')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="Informes_de_compatiblitat_amb_navegadors">Informes de compatiblitat amb navegadors</h3>
+
+<ul>
+ <li><a href="https://gist.github.com/2312309">4/2012 punts essencials de Yaffle sobre problemes de compatibilitat amb navegadors dels mètodes <code>toISOString</code>/<code>fromISOString</code>/Native <code>Date.parse</code></a></li>
+ <li><a href="http://dygraphs.com/date-formats.html">3/14/2012 blog de danvk Comparant FF/IE/Chrome en l'interpretació de dates com a strings</a></li>
+</ul>
+
+<h3 id="Notes_específiques_de_Internet_Explorer">Notes específiques de Internet Explorer</h3>
+
+<p>Internet Explorer 8 <a href="https://msdn.microsoft.com/en-us//library/ie/ff743760(v=vs.94).aspx">no suporta el format de dates ISO8601</a>.</p>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/now/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/now/index.html
new file mode 100644
index 0000000000..c3ef05fa86
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/now/index.html
@@ -0,0 +1,126 @@
+---
+title: Date.now()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/now
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/now
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <strong><code>Date.now()</code></strong> retorna el nombre de milisegons que han passat des de l'1 de gener de 1970 00:00:00 UTC.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>var timeInMs = Date.now();</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El mètode <code>now()</code> retorna el nombre de method returns el nombre de milisegons que han passat des de l'1 de gener de 1970 00:00:00 UTC fins al moment actual representat en un  {{jsxref("Global_Objects/Number", "Nombre")}}.</p>
+
+<p>Com que <code>now()</code> és un mètode estàtic de {{jsxref("Global_Objects/Date", "Date")}}, sempre es crida com a <code>Date.now()</code>.</p>
+
+<h2 id="Polyfill" name="Polyfill">Polyfill</h2>
+
+<p>Aquest mètode va ser estandaritzat a la cinquena edició de l'ECMA-262. Els motors que encara no hagin sigut actualitzats per a suportar aquest mètode poden utilitzar el bocí de codi següent per a paliar l'absència d'aquest mètode:</p>
+
+<pre class="brush: js">if (!Date.now) {
+  Date.now = function now() {
+    return new Date().getTime();
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.4.4', 'Date.now')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.now', 'Date.now')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característiques</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("5")}}</td>
+   <td>{{CompatGeckoDesktop("1.9")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatOpera("10.50")}}</td>
+   <td>{{CompatSafari("4")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característiques</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>
+    <table class="compat-table">
+     <tbody>
+      <tr>
+       <td>Suport bàsic</td>
+      </tr>
+     </tbody>
+    </table>
+   </td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>Basat en la  <a href="http://kangax.github.com/es5-compat-table/">taula de compatibilitat de Kangax</a>.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{domxref("Performance.now()")}} — proporciona marques de temps amb una resolució submilimètrica per a utilitzar al mesurar el rendiment de pàgines web</li>
+ <li>{{domxref("console.time()")}} / {{domxref("console.timeEnd()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/prototype/index.html
new file mode 100644
index 0000000000..3ed17045fb
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/prototype/index.html
@@ -0,0 +1,221 @@
+---
+title: Date.prototype
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/Date
+---
+<div>{{JSRef("Global_Objects", "Date")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Date.prototype</code></strong> representa el prototipus per al constructor {{jsxref("Global_Objects/Date", "Date")}}.</p>
+
+<div>{{js_property_attributes(0, 0, 1)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Les instàncies de JavaScript de {{jsxref("Global_Objects/Date", "Date")}} hereten de<code> Date.prototype</code>. L'objecte prototipus del constructor pot modificar-se per a afectar a les propietats i mètodes heretats per les instàncies de {{jsxref("Global_Objects/Date", "Date")}}.</p>
+
+<p>Per a compatibilitat amb càlculs amb milenis (en altres paraules, per a tindre en compte l'any 2000), sempre s'hauria d'especificar l'any sencer, per exemple, 1998, en comptes de 98. Per a ajudar a proveïr l'any sencer JavaScript inclou els mètodes {{jsxref("Date.prototype.getFullYear()", "getFullYear()")}}, {{jsxref("Date.prototype.setFullYear()", "setFullYear()")}}, {{jsxref("Date.prototype.getUTCFullYear()", "getUTCFullYear()")}} i {{jsxref("Date.prototype.setUTCFullYear()", "setUTCFullYear()")}}.</p>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<dl>
+ <dt><code>Date.prototype.constructor</code></dt>
+ <dd>Retorna la funció que va crear la instància. És a dir, per defecte el constructor {{jsxref("Global_Objects/Date", "Date")}}.</dd>
+</dl>
+
+<div>{{jsOverrides("Object", "properties", "constructor")}}</div>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<h3 id="Getter">Getter</h3>
+
+<dl>
+ <dt>{{jsxref("Date.prototype.getDate()")}}</dt>
+ <dd>Retorna el dia del mes (1-31) per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.getDay()")}}</dt>
+ <dd>Retorna el dia de la setmana (0-6) per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.getFullYear()")}}</dt>
+ <dd>Retorna l'any (4 digits per a anys de 4 digits) per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.getHours()")}}</dt>
+ <dd>Retorna l'hora (0-23) per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.getMilliseconds()")}}</dt>
+ <dd>Retorna els milisegons (0-999) per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.getMinutes()")}}</dt>
+ <dd>Retorna els minuts (0-59) per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.getMonth()")}}</dt>
+ <dd>Retorna el mes (0-11) per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.getSeconds()")}}</dt>
+ <dd>Retorna els segons (0-59) per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.getTime()")}}</dt>
+ <dd>Retorna un valor numèric per a la data especificada que representa la data especificada com al nombre de milisegons que han passat des de l'1 de gener de 1970, 00:00:00 UTC (negatiu per a dates anteriors).</dd>
+ <dt>{{jsxref("Date.prototype.getTimezoneOffset()")}}</dt>
+ <dd>Retorna la diferència d'ús horari en minuts del temps local.</dd>
+ <dt>{{jsxref("Date.prototype.getUTCDate()")}}</dt>
+ <dd>Retorna el dia del mes (1-31) per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.getUTCDay()")}}</dt>
+ <dd>Retorna el dia de la setmana (0-6) per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.getUTCFullYear()")}}</dt>
+ <dd>Retorna l'any (4 digits per a anys de 4 digits) per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.getUTCHours()")}}</dt>
+ <dd>Retorna l'hora (0-23) per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.getUTCMilliseconds()")}}</dt>
+ <dd>Retorna els milisegons (0-999) per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.getUTCMinutes()")}}</dt>
+ <dd>Retorna els minuts (0-59) per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.getUTCMonth()")}}</dt>
+ <dd>Retorna el mes (0-11) per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.getUTCSeconds()")}}</dt>
+ <dd>Retorna els segons (0-59) per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.getYear()")}} {{deprecated_inline}}</dt>
+ <dd>Retorna l'any (normalment 2-3 digits) per a la data especificada, en temps local. En comptes d'aquest mètode, utilitzeu  {{jsxref("Date.prototype.getFullYear()", "getFullYear()")}}.</dd>
+</dl>
+
+<h3 id="Setter">Setter</h3>
+
+<dl>
+ <dt>{{jsxref("Date.prototype.setDate()")}}</dt>
+ <dd>Assigna el dia del mes per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.setFullYear()")}}</dt>
+ <dd>Assigna l'any sencer (és a dir, de 4 digits per a un any amb 4 digits) per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.setHours()")}}</dt>
+ <dd>Assigna l'hora per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.setMilliseconds()")}}</dt>
+ <dd>Assigna els milisegons per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.setMinutes()")}}</dt>
+ <dd>Assigna els minuts per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.setMonth()")}}</dt>
+ <dd>Assigna el mes per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.setSeconds()")}}</dt>
+ <dd>Assigna els segons per a la data especificada, en temps local.</dd>
+ <dt>{{jsxref("Date.prototype.setTime()")}}</dt>
+ <dd>Assigna la data que representarà la instància de l'objecte {{jsxref("Global_Objects/Date", "Date")}} al temps representat pel nombre de milisegons passats des de l'1 de gener de 1970, 00:00:00 UTC. Permet nombres negatius per a temps anteriors a aquesta data.</dd>
+ <dt>{{jsxref("Date.prototype.setUTCDate()")}}</dt>
+ <dd>Assigna el dia del mes per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.setUTCFullYear()")}}</dt>
+ <dd>Assigna l'any sencer (és a dir, 4 digits per a anys de 4 digits) per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.setUTCHours()")}}</dt>
+ <dd>Assigna l'hora per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.setUTCMilliseconds()")}}</dt>
+ <dd>Assigna els milisegons per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.setUTCMinutes()")}}</dt>
+ <dd>Assigna els minuts per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.setUTCMonth()")}}</dt>
+ <dd>Assigna el mes per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.setUTCSeconds()")}}</dt>
+ <dd>Assigna els segons per a la data especificada en temps universal (UTC).</dd>
+ <dt>{{jsxref("Date.prototype.setYear()")}} {{deprecated_inline}}</dt>
+ <dd>Assigna l'any (normalment 2-3 digits) per a la data especificada en temps local. Utilitzeu {{jsxref("Date.prototype.setFullYear()", "setFullYear()")}} en comptes d'aquest mètode.</dd>
+</dl>
+
+<h3 id="Getters_amb_conversió">Getters amb conversió</h3>
+
+<dl>
+ <dt>{{jsxref("Date.prototype.toDateString()")}}</dt>
+ <dd>Retorna la part part de data de {{jsxref("Global_Objects/Date", "Date")}} com a string inteligible per humans.</dd>
+ <dt>{{jsxref("Date.prototype.toISOString()")}}</dt>
+ <dd>Converteix una data a un string seguint el Format Extés del ISO 8601.</dd>
+ <dt>{{jsxref("Date.prototype.toJSON()")}}</dt>
+ <dd>Retorna un string que representa l'objecte {{jsxref("Global_Objects/Date", "Date")}} utilitzant  {{jsxref("Date.prototype.toISOString()", "toISOString()")}}. Ideat per a ser usat per {{jsxref("JSON.stringify()")}}.</dd>
+ <dt>{{jsxref("Date.prototype.toGMTString()")}} {{deprecated_inline}}</dt>
+ <dd>Retorna un string que representa l'objecte {{jsxref("Global_Objects/Date", "Date")}} basat en la zona horària GMT (UT). Utilitzeu {{jsxref("Date.prototype.toUTCString()", "toUTCString()")}} en comptes d'aquest mètode.</dd>
+ <dt>{{jsxref("Date.prototype.toLocaleDateString()")}}</dt>
+ <dd>Retorna un string que representa la part de la data amb temps local, basat en la configuració del sistema.</dd>
+ <dt>{{jsxref("Date.prototype.toLocaleFormat()")}} {{non-standard_inline}}</dt>
+ <dd>Converteix una data a string tot utilitzant un format string.</dd>
+ <dt>{{jsxref("Date.prototype.toLocaleString()")}}</dt>
+ <dd>Retorna un string que representa la data tenint en compte el temps local. Sobreescriu el mètode {{jsxref("Object.prototype.toLocaleString()")}}.</dd>
+ <dt>{{jsxref("Date.prototype.toLocaleTimeString()")}}</dt>
+ <dd>Retorna un string que representa la part de temps de la data local basada en la configuració del sistema.</dd>
+ <dt>{{jsxref("Date.prototype.toSource()")}} {{non-standard_inline}}</dt>
+ <dd>Retorna un string que representa el codi font per a un objecte {{jsxref("Global_Objects/Date", "Date")}} equivalent; aquest valor pot emprar-se per a crear un nou objecte. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd>
+ <dt>{{jsxref("Date.prototype.toString()")}}</dt>
+ <dd>Retorna un string que representa l'objecte {{jsxref("Global_Objects/Date", "Date")}} especificat. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd>
+ <dt>{{jsxref("Date.prototype.toTimeString()")}}</dt>
+ <dd>Retorna la part de temps de l'objecte {{jsxref("Global_Objects/Date", "Date")}} com a string comprensible per humans.</dd>
+ <dt>{{jsxref("Date.prototype.toUTCString()")}}</dt>
+ <dd>Converteix una data a un string utilitzant la zona horària UTC.</dd>
+ <dt>{{jsxref("Date.prototype.valueOf()")}}</dt>
+ <dd>Retorna el valor primitiu d'un objecte {{jsxref("Global_Objects/Date", "Date")}}. Sobreescriu el mètode {{jsxref("Object.prototype.valueOf()")}}.</dd>
+</dl>
+
+<div>{{jsOverrides("Object", "methods", "getDate", "getDay", "getFullYear", "getHours", "getMilliseconds", "getMinutes", "getMonth", "getSeconds", "getTime", "getTimezoneOffset", "getUTCDate", "getUTCDay", "getUTCFullYear", "getUTCHours", "getUTCMilliseconds", "getUTCMinutes", "getUTCMonth", "getUTCSeconds", "getYear", "setdate", "setFullYear", "setHours", "setMilliseconds", "setMinutes", "setMontth", "setSeconds", "setTime", "setUTCDate", "setUTCFullYear", "setUTCHours", "setUTCMilliseconds", "setUTCMinutes", "setUTCMonth", "setUTCSeconds", "setYear", "toDateString", "toGMTString", "toLocaleDateString", "toLocaleFormat", "toLocaleString", "toLocaleTimeString", "toSource", "toString", "toTimeString", "toUTCString", "valueOf")}}</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5', 'Date.prototype')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-properties-of-the-date-prototype-object', 'Date.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setdate/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setdate/index.html
new file mode 100644
index 0000000000..746de134fe
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setdate/index.html
@@ -0,0 +1,122 @@
+---
+title: Date.prototype.setDate()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setDate
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setDate
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setDate()</code></strong> assigna el dia de l'objecte {{jsxref("Date")}} relatiu al principi del mes assignat en aquell moment.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setDate(dia)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>dia</code></dt>
+ <dd>Un nombre sencer que representa el dia del mes.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>El valor retornat per <code>setDate()</code> és el nombre de milisegons que han passat des de l'ú de gener de 1970 00:00:00 UTC de la data resultant (l'objecte {{jsxref("Date")}} també canvia).</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setDate()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 0 com a <code>dia</code>, la data representarà l'últim dia del mes anterior.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setDate()">Utilitzar <code>setDate()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date(1962, 6, 7); // 1962-07-07
+elGranDia.setDate(24);  // 1962-07-24
+elGranDia.setDate(32);  // 1962-08-01
+elGranDia.setDate(22);  // 1962-08-22</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.36', 'Date.prototype.setDate')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setdate', 'Date.prototype.setDate')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getDate()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCDate()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setfullyear/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setfullyear/index.html
new file mode 100644
index 0000000000..c29d56ca4e
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setfullyear/index.html
@@ -0,0 +1,128 @@
+---
+title: Date.prototype.setFullYear()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setFullYear
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setFullYear
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setFullYear()</code></strong> assigna l'any sencerr per a la data especificada, d'acord a l'hora local. Retorna una nova marca de temps.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setFullYear(any[, mes[, dia]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>any</code></dt>
+ <dd>Un nombre sencer que representa el valor numèric de l'any, per exemple, 1995.</dd>
+ <dt><code>mes</code></dt>
+ <dd>Un nombre sencer entre 0 i 11 que representa el mes.</dd>
+ <dt><code>dia</code></dt>
+ <dd>Opcional. Un nombre sencer entre 1 i 31 que representa el dia del mes.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>Una nova marca de temps amb el valor de l'objecte actual.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifica el paràmetre <code>dia</code> s'utilitza el valor retornat pels mètodes {{jsxref("Date.prototype.getMonth()", "getMonth()")}} i {{jsxref("Date.prototype.getDate()", "getDate()")}}.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>UTC()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 15 com a <code>mes</code>, l'any serà incrementat en 1 (<code>any + 1</code>), i s'emprarà 3 com a <code>mes</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setFullYear()">Utilitzar <code>setFullYear()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setFullYear(1997);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.40', 'Date.prototype.setFullYear')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setfullyear', 'Date.prototype.setFullYear')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.setYear()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/sethours/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/sethours/index.html
new file mode 100644
index 0000000000..7f660ba344
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/sethours/index.html
@@ -0,0 +1,129 @@
+---
+title: Date.prototype.setHours()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setHours
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setHours
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setHours()</code></strong> assigna l'hora per a una data especificada d'acord a l'hora local, i retorna el nombre de milisegons que han passat des de l'u de gener de 1970 00:00:00 UTC fins al temps representat per la instància de {{jsxref("Date")}} actualitzada.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setHours(hores[, minuts[, segons[, milisegons]]])</code></pre>
+
+<h3 id="Versions_anteriors_a_JavaScript_1.3">Versions anteriors a JavaScript 1.3</h3>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setHours(hores)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>hores</code></dt>
+ <dd>Un nombre sencer entre 0 i 23, que representa l'hora.</dd>
+ <dt><code>minuts</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 59 que representa els minuts.</dd>
+ <dt><code>segons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 59 que representa els segons.</dd>
+ <dt><code>milisegons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 999 que representa els milisegons.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifiquen els paràmetres <code>minuts</code>, <code>segons</code> i <code>milisegons</code> s'utilitzen els valors retornats per {{jsxref("Date.prototype.getMinutes()", "getMinutes()")}}, {{jsxref("Date.prototype.getSeconds()", "getSeconds()")}} i {{jsxref("Date.prototype.getMilliseconds()", "getMilliseconds()")}}.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setHours()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 100 com a <code>segons</code>, els minuts seran incrementats en 1 (<code>minuts + 1</code>), i s'emprarà 40 com a <code>segons</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setHours()">Utilitzar <code>setHours()</code></h3>
+
+<pre class="brush:js">var elGranDia = new Date();
+elGranDia.setHours(7);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.34', 'Date.prototype.setHours')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.sethours', 'Date.prototype.setHours')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getHours()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCHours()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setmilliseconds/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setmilliseconds/index.html
new file mode 100644
index 0000000000..53dc451ad4
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setmilliseconds/index.html
@@ -0,0 +1,117 @@
+---
+title: Date.prototype.setMilliseconds()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setMilliseconds
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setMilliseconds
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setMilliseconds()</code></strong> assigna els milisegons per a una data especificada d'acord a l'hora local.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setMilliseconds(milisegons)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>milisegons</code></dt>
+ <dd>Un nombre sencer entre 0 i 999 que representa els milisegons.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setMilliseconds()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 1005 com a <code>milisegons</code>, els segonsseran incrementats en 1 (<code>segons + 1</code>), i s'emprarà 5 com a <code>milisegons</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setMilliseconds()">Utilitzar <code>setMilliseconds()</code></h3>
+
+<pre class="brush: js">var elGranDia= new Date();
+elGranDia.setMilliseconds(100);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comenataris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.28', 'Date.prototype.setMilliseconds')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setmilliseconds', 'Date.prototype.setMilliseconds')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getMilliseconds()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCMilliseconds()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setminutes/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setminutes/index.html
new file mode 100644
index 0000000000..7dba61cade
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setminutes/index.html
@@ -0,0 +1,127 @@
+---
+title: Date.prototype.setMinutes()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setMinutes
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setMinutes
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setMinutes()</code></strong> assigna els minuts a una data especificada, d'acord a l'hora local.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setMinutes(minuts[, segons[, milisegons]])</code></pre>
+
+<h3 id="Versions_anteriors_a_JavaScript_1.3">Versions anteriors a JavaScript 1.3</h3>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setMinutes(minuts)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>minuts</code></dt>
+ <dd>Un nombre sencer entre 0 i 59 que representa els minuts.</dd>
+ <dt><code>segons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 59 que representa els segons.</dd>
+ <dt><code>milisegons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 999 que representa els milisegons.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifiquen els paràmetres <code>minuts</code>, <code>segons</code> i <code>milisegons</code> s'utilitzen els valors retornats per {{jsxref("Date.prototype.getSeconds()", "getSeconds()")}} i {{jsxref("Date.prototype.getMilliseconds()", "getMilliseconds()")}}.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setMinutes()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 100 com a <code>segons</code>, els minuts seran incrementats en 1 (<code>minuts + 1</code>), i s'emprarà 40 com a <code>segons</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setMinutes()"><code>Utilitzar setMinutes()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setMinutes(45);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.32', 'Date.prototype.setMinutes')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setminutes', 'Date.prototype.setMinutes')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getMinutes()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCMinutes()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setmonth/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setmonth/index.html
new file mode 100644
index 0000000000..a84f51df7c
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setmonth/index.html
@@ -0,0 +1,126 @@
+---
+title: Date.prototype.setMonth()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setMonth
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setMonth
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setMonth()</code></strong> assigna el mes per a una data especificada d'acord a l'any assignat previament.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setMonth(mes[, dia])</code></pre>
+
+<h3 id="Versions_anteriors_a_JavaScript_1.3">Versions anteriors a JavaScript 1.3</h3>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setMonth(mes)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>mes</code></dt>
+ <dd>Un nombre sencer entre 0 i 11 que representa els mesos des de gener fins a desembre</dd>
+ <dt><code>dia</code></dt>
+ <dd>Opcional. Un nombre sencer entre 1 i 31 que representa el dia del mes.</dd>
+ <dd> </dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifica el paràmetre <code>dia</code> s'utilitza el valor retornat pel mètode {{jsxref("Date.prototype.getDate()", "getDate()")}}.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setMonth()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 15 com a mes, l'any serà incrementat en 1 (<code>any + 1</code>), i s'emprarà 3 com a mes.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setMonth()">Utilitzar <code>setMonth()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setMonth(6);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.38', 'Date.prototype.setMonth')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setmonth', 'Date.prototype.setMonth')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getMonth()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCMonth()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setseconds/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setseconds/index.html
new file mode 100644
index 0000000000..60ea2c0ae3
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setseconds/index.html
@@ -0,0 +1,125 @@
+---
+title: Date.prototype.setSeconds()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setSeconds
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setSeconds
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setSeconds()</code></strong> assigna els segons per a una data especificada, en temps local.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setSeconds(segons[, milisegons])</code></pre>
+
+<h3 id="Versions_anteriors_a_JavaScript_1.3">Versions anteriors a JavaScript 1.3</h3>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setSeconds(<var>segons</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>segons</code></dt>
+ <dd>Un nombre sencer entre 0 i 59 que representa els segons.</dd>
+ <dt><code>milisegons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 999 que representa els milisegons.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifica el paràmetre <code>milisegons</code> s'utilitza el valor retornat pel mètode {{jsxref("Date.prototype.getMilliseconds()", "getMilliseconds()")}}.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setSeconds()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 100 com a <code>segons</code>, els minuts seran incrementats en 1 (<code>minuts + 1</code>), i s'emprarà 40 com a <code>segons</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setSeconds()"><code>Utilitzar setSeconds()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setSeconds(30);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.30', 'Date.prototype.setSeconds')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setseconds', 'Date.prototype.setSeconds')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getSeconds()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCSeconds()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/settime/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/settime/index.html
new file mode 100644
index 0000000000..9774f3ee4c
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/settime/index.html
@@ -0,0 +1,118 @@
+---
+title: Date.prototype.setTime()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setTime
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setTime
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setTime()</code></strong> configura l'objecte {{jsxref("Date")}} amb un nombre que representa un temps en milisegons que han passat des de la mitjanit de l'ú de gener de 1970, en temps universal.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setTime(temps)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>temps</code></dt>
+ <dd>Un nombre sencer que representa el nombre de milisegons que han passat des de l'1 de gener de 1970 00:00:00 UTC.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Utilitzeu el mètode <code>setTime()</code> per a assignar una data i hora a un objecte de tipus {{jsxref("Date")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setTime()">Utilitzar <code>setTime()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date('July 1, 1999');
+var elMateixGranDia = new Date();
+elMateixGranDia.setTime(elGranDia.getTime());
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.27', 'Date.prototype.setTime')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.settime', 'Date.prototype.setTime')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getTime()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCHours()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcdate/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setutcdate/index.html
new file mode 100644
index 0000000000..109178f66a
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setutcdate/index.html
@@ -0,0 +1,119 @@
+---
+title: Date.prototype.setUTCDate()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setUTCDate
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setUTCDate
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setUTCDate()</code></strong> assigna el dia del mes per a una data especificada, en temps universal.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setUTCDate(dia)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>dia</code></dt>
+ <dd>Un nombre sencer de 1 a 31, que representa el dia del mes.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>If a parameter you specify is outside of the expected range, <code>setUTCDate()</code> attempts to update the date information in the {{jsxref("Date")}} object accordingly. For example, if you use 40 for <code>dayValue</code>, and the month stored in the {{jsxref("Date")}} object is June, the day will be changed to 10 and the month will be incremented to July.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setUTCDate()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 40 com a <code>dia</code>, i el mes especificat a l'objecte {{jsxref("Date")}} és juny, el dia es canviarà a 10 i el mes serà incrementat a juliol.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setUTCDate()">Utilitzar <code>setUTCDate()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setUTCDate(20);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.37', 'Date.prototype.setUTCDate')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setutcdate', 'Date.prototype.setUTCDate')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCDate()")}}</li>
+ <li>{{jsxref("Date.prototype.setDate()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcfullyear/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setutcfullyear/index.html
new file mode 100644
index 0000000000..55185a431b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setutcfullyear/index.html
@@ -0,0 +1,123 @@
+---
+title: Date.prototype.setUTCFullYear()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setUTCFullYear
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setUTCFullYear
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setUTCFullYear()</code></strong> assigna l'any sencer a la data especificada d'acord amb el temps universal.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setUTCFullYear(any[, mes[, dia]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>any</code></dt>
+ <dd>Un nombre sencer que representa el valor numèric de l'any, per exemple, 1995.</dd>
+ <dt><code>mes</code></dt>
+ <dd>Un nombre sencer entre 0 i 11 que representa el mes.</dd>
+ <dt><code>dia</code></dt>
+ <dd>Opcional. Un nombre sencer entre 1 i 31 que representa el dia del mes. Si s'especifica el paràmetre <code>dia</code>, també s'ha d'especificar el paràmetre <code>mes</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifica els paràmetres <code>mes</code> o <code>dia</code> s'utilitza el valor retornat pels mètodes <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/Date/getMonth" title="El mètode getMonth() retorna el mes de la data especificada d'acord al temps local, representat per un nombre a partir de zero (on zero indica el primer mes de l'any)."><code>getMonth()</code></a> i <a class="new" href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/Date/getDate" title="Aquesta pàgina encara no ha estat traduïda. Si us plau considera contribuir-hi!"><code>getDate()</code></a>.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setUTCFullYear()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 15 com a <code>mes</code>, l'any serà incrementat en 1 (<code>any + 1</code>), i s'emprarà 3 com a <code>mes</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setUTCFullYear()">Utilitzar <code>setUTCFullYear()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setUTCFullYear(1997);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.41', 'Date.prototype.setUTCFullYear')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setutcfullyear', 'Date.prototype.setUTCFullYear')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.setFullYear()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutchours/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setutchours/index.html
new file mode 100644
index 0000000000..3c75ea903c
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setutchours/index.html
@@ -0,0 +1,125 @@
+---
+title: Date.prototype.setUTCHours()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setUTCHours
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setUTCHours
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setUTCHours()</code></strong> assigna l'hora per a una data especificada d'acord al temps universal, i retorna el nombre de milisegons que han passat des de l'ú de gener de 1970 00:00:00 UTC fins al temps representat per l'instància {{jsxref("Date")}} actualitzada.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setUTCHours(hores[, minuts[, segons[, milisegons]]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>hores</code></dt>
+ <dd>Un nombre sencer entre 0 i 23, que representa l'hora.</dd>
+ <dt><code>minuts</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 59 que representa els minuts.</dd>
+ <dt><code>segons</code></dt>
+ <dd>Oppcional. Un nombre sencer entre 0 i 59 que representa els segons. Si s'especifica <code>segons</code> també s'ha d'expecificar <code>minuts</code>.</dd>
+ <dt><code>milisegons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 999 que representa els milisegons. Si s'especifica <code>milisegons</code> també s'han d'especificar <code>minuts</code> i <code>segons</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifica els paràmetres <code>minuts</code>, <code>segons</code> o <code>milisegons</code> s'utilitza el valor retornat pels mètodes {{jsxref("Date.prototype.getUTCMinutes()", "getUTCMinutes()")}}, {{jsxref("Date.prototype.getUTCSeconds()", "getUTCSeconds()")}}, i {{jsxref("Date.prototype.getUTCMilliseconds()", "getUTCMilliseconds()")}}.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setUTCHours()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 100 com a <code>segons</code>, els minuts seran incrementats en 1 (<code>minuts + 1</code>), i s'emprarà 40 com a <code>segons</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setUTCHours()">Utilitzar <code>setUTCHours()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setUTCHours(8);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.35', 'Date.prototype.setUTCHours')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setutchours', 'Date.prototype.setUTCHours')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCHours()")}}</li>
+ <li>{{jsxref("Date.prototype.setHours()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcmilliseconds/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setutcmilliseconds/index.html
new file mode 100644
index 0000000000..e3265e247f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setutcmilliseconds/index.html
@@ -0,0 +1,117 @@
+---
+title: Date.prototype.setUTCMilliseconds()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setUTCMilliseconds
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setUTCMilliseconds
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setUTCMilliseconds()</code></strong> assigna els milisegons a la data sepecificada d'acord l'hora local.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setUTCMilliseconds(<em>milisegons</em>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>milisegons</code></dt>
+ <dd>Un nombre sencer entre 0 i 999 que representa els milisegons.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setUTCMilliseconds()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 1100 com a <code>milisegons</code>, els segons seran incrementats en 1 (<code>segons + 1</code>), i s'emprarà 100 com a <code>milisegons</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setUTCMilliseconds()">Utilitzar <code>setUTCMilliseconds()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setUTCMilliseconds(500);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.29', 'Date.prototype.setUTCMilliseconds')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setutcmilliseconds', 'Date.prototype.setUTCMilliseconds')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCMilliseconds()")}}</li>
+ <li>{{jsxref("Date.prototype.setMilliseconds()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcminutes/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setutcminutes/index.html
new file mode 100644
index 0000000000..5551364e52
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setutcminutes/index.html
@@ -0,0 +1,123 @@
+---
+title: Date.prototype.setUTCMinutes()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setUTCMinutes
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setUTCMinutes
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setUTCMinutes()</code></strong> assigna els minuts per a la data especificada, segons l'hora local.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setUTCMinutes(<em>minuts</em>[, <em>segons</em>[, <em>milisegons</em>]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>minuts</code></dt>
+ <dd>Un nombre sencer entre 0 i 59, que representa els minuts.</dd>
+ <dt><code>segons</code></dt>
+ <dd>Oppcional. Un nombre sencer entre 0 i 59 que representa els segons. Si s'especifica <code>segons</code> també s'ha d'expecificar <code>minuts</code>.</dd>
+ <dt><code>milisegons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 999 que representa els milisegons. Si s'especifica <code>milisegons</code> també s'han d'especificar <code>minuts</code> i <code>segons</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifica els paràmetres <code>segons</code> o <code>milisegons</code> s'utilitza el valor retornat pels mètodes {{jsxref("Date.prototype.getUTCSeconds()", "getUTCSeconds()")}} i {{jsxref("Date.prototype.getUTCMilliseconds()", "getUTCMilliseconds()")}}.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setUTCMinutes()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 100 com a <code>segons</code>, els minuts seran incrementats en 1 (<code>minuts + 1</code>), i s'emprarà 40 com a <code>segons</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setUTCMinutes()">Utilitzar <code>setUTCMinutes()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setUTCMinutes(43);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.33', 'Date.prototype.setUTCMinutes')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setutcminutes', 'Date.prototype.setUTCMinutes')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCMinutes()")}}</li>
+ <li>{{jsxref("Date.prototype.setMinutes()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcmonth/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setutcmonth/index.html
new file mode 100644
index 0000000000..e06f0fba64
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setutcmonth/index.html
@@ -0,0 +1,121 @@
+---
+title: Date.prototype.setUTCMonth()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setUTCMonth
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setUTCMonth
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setUTCMonth()</code></strong> assigna el mes per a la data especificada segons el temps universal.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setUTCMonth(mes[, dia])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>mes</code></dt>
+ <dd>Un nombre sencer entre 0 i 11 que representa els mesos des de gener fins a desembre</dd>
+ <dt><code>dia</code></dt>
+ <dd>Opcional. Un nombre sencer entre 1 i 31 que representa el dia del mes.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifica el paràmetre <code>dia</code> s'utilitza el valor retornat pel mètode.{{jsxref("Date.prototype.getUTCDate()", "getUTCDate()")}}.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setUTCMonth()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 15 com a mes, l'any serà incrementat en 1 (<code>any + 1</code>), i s'emprarà 3 com a mes.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setUTCMonth()">Utilitzar <code>setUTCMonth()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setUTCMonth(11);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.39', 'Date.prototype.setUTCMonth')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setutcmonth', 'Date.prototype.setUTCMonth')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCMonth()")}}</li>
+ <li>{{jsxref("Date.prototype.setMonth()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setutcseconds/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setutcseconds/index.html
new file mode 100644
index 0000000000..66f33a9e1b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setutcseconds/index.html
@@ -0,0 +1,121 @@
+---
+title: Date.prototype.setUTCSeconds()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setUTCSeconds
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setUTCSeconds
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>setUTCSeconds()</code></strong> assigna els segons a la data especificada, segons el temps universal.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setUTCSeconds(<em>segons</em>[, <em>milisegons</em>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>segons</code></dt>
+ <dd>Un nombre sencer entre 0 i 59 que representa els segons.</dd>
+ <dt><code>milisegons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 999 que representa els milisegons.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si no s'especifica el paràmetre <code>milisegons</code> s'utilitza el valor retornat pel mètode {{jsxref("Date.prototype.getUTCMilliseconds()", "getUTCMilliseconds()")}}.</p>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>setUTCSeconds()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 100 com a <code>segons</code>, els minuts seran incrementats en 1 (<code>minuts + 1</code>), i s'emprarà 40 com a <code>segons</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setUTCSeconds()">Utilitzar <code>setUTCSeconds()</code></h3>
+
+<pre class="brush: js">var elGranDia = new Date();
+elGranDia.setUTCSeconds(20);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.31', 'Date.prototype.setUTCSeconds')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setutcseconds', 'Date.prototype.setUTCSeconds')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getUTCSeconds()")}}</li>
+ <li>{{jsxref("Date.prototype.setSeconds()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/setyear/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/setyear/index.html
new file mode 100644
index 0000000000..ead16f2d21
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/setyear/index.html
@@ -0,0 +1,124 @@
+---
+title: Date.prototype.setYear()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/setYear
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/setYear
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>setYear()</code></strong> assigna l'any per a una data especificada, d'acord a l'hora local. Com que <code>setYear()</code> no utilitza anys complerts ("el problema de l'any 2000"), aquest mètode està en desús i s'ha reemplaçat pel mètode {{jsxref("Date.prototype.setFullYear()", "setFullYear()")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.setYear(any)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>any</code></dt>
+ <dd>Un nombre sencer.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si <code>any</code> és un nombre entre 0 i 99 (inclòs), llavors s'assigna <code>1900 + any</code> a <code>objecteData</code>. En cas contrari, s'assigna <code>any</code> a <code>objecteData</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_setYear()">Utilitzar <code>setYear()</code></h3>
+
+<p>Les dues primeres línies assignen el valor 1996 a l'any. La tercera línia assigna el valor 2000 a l'any.</p>
+
+<pre class="brush: js">var elGranDia = new Date();
+
+elGranDia.setYear(96);
+elGranDia.setYear(1996);
+elGranDia.setYear(2000);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-B.2.5', 'Date.prototype.getYear')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definit a l'annex de compatibilitat (informatiu).</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.setyear', 'Date.prototype.getYear')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definit a l'annex de característiques adicionals per a navegadors web (normatiu).</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.getFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.getUTCFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.setFullYear()")}}</li>
+ <li>{{jsxref("Date.prototype.setUTCFullYear()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/todatestring/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/todatestring/index.html
new file mode 100644
index 0000000000..9548215179
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/todatestring/index.html
@@ -0,0 +1,115 @@
+---
+title: Date.prototype.toDateString()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/toDateString
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/toDateString
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toDateString()</code></strong> retorna la part de la data d'un objecte {{jsxref("Date")}} en un format entenible per persones en anglés amerià.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.toDateString()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Les instàncies de <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/Date" title="Crea una instància de tipus Date de JavaScript, que representa un únic moment en el temps. Els objectes de tipus Date es basen en un valor de temps que mesura el nombre de milisegons que han passat des de l'u de gener de 1970 UTC."><code>Date</code></a> representen un punt específic en el temps. Una crida al mètode <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/Date/toString" title="El mètode toString() retorna un string que representa l'objecte Date especificat."><code>toString()</code></a> retornarà la dada en un format entenible per persones, en anglés americà. Al motor <a href="https://developer.mozilla.org/en-US/docs/SpiderMonkey">SpiderMonkey</a>, aquest format consisteix en la part de la data (dia, mes i any) seguida de la part de l'hora (hores, minuts, segons i zona horària). De vegades és convenient obtenir un string només de la part de l'hora; aquesta és la raó de ser del mètode <code>toDateString()</code>.</p>
+
+<p>El mètode <code>toDateString()</code> resulta especialment útil perquè els motors que compleixen amb el standard <a href="https://developer.mozilla.org/en-US/docs/ECMAScript">ECMA-262</a> poden retornar resultats diferents al string obtingut mitjançant el mètode <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/Date/toString" title="El mètode toString() retorna un string que representa l'objecte Date especificat."><code>toString()</code></a> en objectes <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/Date" title="Crea una instància de tipus Date de JavaScript, que representa un únic moment en el temps. Els objectes de tipus Date es basen en un valor de temps que mesura el nombre de milisegons que han passat des de l'u de gener de 1970 UTC."><code>Date</code></a>, ja que el format depèn totalment de la implementació; això implica que partir el string per a obtenir només la part de temps pot no produïr un resultat consistent en tots els motors.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Ús_bàsic_de_toDateString()">Ús bàsic de <code>toDateString()</code></h3>
+
+<pre class="brush: js">var d = new Date(1993, 6, 28, 14, 39, 7);
+
+console.log(d.toString());     // imprimeix Wed Jul 28 1993 14:39:07 GMT-0600 (PDT)
+console.log(d.toDateString()); // imprimeix Wed Jul 28 1993
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.3', 'Date.prototype.toDateString')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.todatestring', 'Date.prototype.toDateString')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.toLocaleDateString()")}}</li>
+ <li>{{jsxref("Date.prototype.toTimeString()")}}</li>
+ <li>{{jsxref("Date.prototype.toString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/togmtstring/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/togmtstring/index.html
new file mode 100644
index 0000000000..08e63be739
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/togmtstring/index.html
@@ -0,0 +1,115 @@
+---
+title: Date.prototype.toGMTString()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/toGMTString
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/toGMTString
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>toGMTString()</code></strong> converteix una data a un string, utilitzant les convencions del Greenwich Mean Time (GMT). El format exacte del valor retornat per <code>toGMTString()</code> és depenent de la plataforma i el navegador, per norma general hauria de representar la data en una forma entenible per persones.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> <code>toGMTString()</code> està en desús i no es recomana fer-lo servir més. Es mantè només per a compatibilitat amb codi vell que l'utilitzi; en comptes d'aquest mètode utilitzeu {{jsxref("Date.prototype.toUTCString()", "toUTCString()")}}.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.toGMTString()</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_senzill">Exemple senzill</h3>
+
+<p>En aquest exemple el mètode <code>toGMTString()</code> converteix la data a GMT (UTC) utilitzant el desplaçament de zona horaria donat pel sistema operatiu i retorna un valor string que té aproximadament la forma que trobareu a continuació. El format exacte dependrà de la plataforma.</p>
+
+<pre class="brush: js">var avui = new Date();
+var str = avui.toGMTString();  // en desús! utilitzeu toUTCString()
+
+console.log(str);               // Mon, 18 Dec 1995 17:28:35 GMT
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial, però ja marcat com a en desús. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-B.2.6', 'Date.prototype.toGMTString')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definit a l'annex de compatibilitat (informatiu).</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.togmtstring', 'Date.prototype.toGMTString')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definit a l'annex per a característiques adicionals per a navegadors web (normatiu).</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.toLocaleDateString()")}}</li>
+ <li>{{jsxref("Date.prototype.toTimeString()")}}</li>
+ <li>{{jsxref("Date.prototype.toUTCString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/toisostring/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/toisostring/index.html
new file mode 100644
index 0000000000..759e53225c
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/toisostring/index.html
@@ -0,0 +1,134 @@
+---
+title: Date.prototype.toISOString()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/toISOString
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/toISOString
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toISOString()</code></strong> retorna una cadena en un format ISO extès<em> simplificat </em>(<a href="http://en.wikipedia.org/wiki/ISO_8601">ISO 8601</a>), el qual sempre té 24 caràcters de llargària: <strong><code>YYYY-MM-DDTHH:mm:ss.sssZ</code></strong>. La zona horària és sempre UTC, tal i com indica el sufix <code>"Z"</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.toISOString()</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toISOString()">Utilitzar <code>toISOString()</code></h3>
+
+<pre class="brush: js">var today = new Date('05 October 2011 14:48 UTC');
+
+console.log(today.toISOString()); // Retorna 2011-10-05T14:48:00.000Z
+</pre>
+
+<p>L'exemple anterior interpreta una cadena no estàndard que pot no ser interpretada correctament per navegadors que no siguin mozilla.</p>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquest mètode es va estandaritzar en la 5a edició d'ECMA-262. Els motors que no s'hagin actualitzat per suportar aquest mètode poden evitar al mancança d'aquest mètode utilitzant les següents accions:</p>
+
+<pre class="brush: js">if (!Date.prototype.toISOString) {
+  (function() {
+
+    function pad(number) {
+      if (number &lt; 10) {
+        return '0' + number;
+      }
+      return number;
+    }
+
+    Date.prototype.toISOString = function() {
+      return this.getUTCFullYear() +
+        '-' + pad(this.getUTCMonth() + 1) +
+        '-' + pad(this.getUTCDate()) +
+        'T' + pad(this.getUTCHours()) +
+        ':' + pad(this.getUTCMinutes()) +
+        ':' + pad(this.getUTCSeconds()) +
+        '.' + (this.getUTCMilliseconds() / 1000).toFixed(3).slice(2, 5) +
+        'Z';
+    };
+
+  }());
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.43', 'Date.prototype.toISOString')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.8.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.toisostring', 'Date.prototype.toISOString')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.toLocaleDateString()")}}</li>
+ <li>{{jsxref("Date.prototype.toTimeString()")}}</li>
+ <li>{{jsxref("Date.prototype.toUTCString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/tojson/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/tojson/index.html
new file mode 100644
index 0000000000..8b583470bf
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/tojson/index.html
@@ -0,0 +1,108 @@
+---
+title: Date.prototype.toJSON()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/toJSON
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/toJSON
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toJSON()</code></strong> retorna una representació de tipus cadena de l'objecte {{jsxref("Date")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.toJSON()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Les instàncies {{jsxref("Date")}} referencien a un punt concret en el temps. La crida <code>toJSON()</code> retorna una cadena (usant {{jsxref("Date.prototype.toISOString()", "toISOString()")}}) en representació del valor de l'objecte {{jsxref("Date")}}. Generalment aquest mètode s'utilitza, per defecte, per serialitzar eficaçment objectes {{jsxref("Date")}} durant la serialització {{Glossary("JSON")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toJSON()">Utilitzar <code>toJSON()</code></h3>
+
+<pre class="brush:js">var jsonDate = (new Date()).toJSON();
+var backToDate = new Date(jsonDate);
+
+console.log(jsonDate); //2015-10-26T07:46:36.611Z
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.44', 'Date.prototype.toJSON')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.8.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.tojson', 'Date.prototype.toJSON')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.toLocaleDateString()")}}</li>
+ <li>{{jsxref("Date.prototype.toTimeString()")}}</li>
+ <li>{{jsxref("Date.prototype.toUTCString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/tostring/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/tostring/index.html
new file mode 100644
index 0000000000..8482fe5298
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/tostring/index.html
@@ -0,0 +1,142 @@
+---
+title: Date.prototype.toString()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/toString
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/toString
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toString()</code></strong> retorna un string que representa l'objecte {{jsxref("Date")}} especificat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteDate</var>.toString()</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>L'objecte {{jsxref("Date")}} sobreescriu el mètode <code>toString()</code> de l'objecte {{jsxref("Object")}}; no hereta {{jsxref("Object.prototype.toString()")}}. Per a objectes {{jsxref("Date")}}, el mètode <code>toString()</code> retorna un string que representa l'objecte.</p>
+
+<p>El mètode <code>toString()</code> sempre retorna una representació en forma de string de la data en anglés americà.</p>
+
+<p>JavaScript cridarà el mètode <code>toString()</code> de manera automàtica quan una data requereix ser representada com a text o bé quan una data formi part d'una concatenació de strings.</p>
+
+<p>El mètode <code>toString()</code> és genèric. Si <code>this</code> no fa referència a una instància de {{jsxref("Date")}}, retornarà "Invalid Date".</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toString()">Utilitzar <code>toString()</code></h3>
+
+<p>L'exemple següent assigna el valor de <code>toString()</code> d'un objecte {{jsxref("Date")}} a <code>myVar</code>:</p>
+
+<pre class="brush: js">var x = new Date();
+myVar = x.toString(); // assigna un valor a myVar simimlar a:
+// Mon Sep 28 1998 14:36:22 GMT-0700 (Pacific Daylight Time)
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.2', 'Date.prototype.toLocaleTimeString')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.tostring', 'Date.prototype.toString')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Mètode genèric</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("41")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Mètode genèric</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("41")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.prototype.toString()")}}</li>
+ <li>{{jsxref("Date.prototype.toDateString()")}}</li>
+ <li>{{jsxref("Date.prototype.toLocaleString()")}}</li>
+ <li>{{jsxref("Date.prototype.toTimeString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/totimestring/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/totimestring/index.html
new file mode 100644
index 0000000000..aac8de7a85
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/totimestring/index.html
@@ -0,0 +1,115 @@
+---
+title: Date.prototype.toTimeString()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/toTimeString
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/toTimeString
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toTimeString()</code></strong> retorna la part de temps d'un objecte de tipus {{jsxref("Date")}} formatada de tal forma que és entenible per les persones, utilitzan anglés americà.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteData</var>.toTimeString()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Les instàncies de {{jsxref("Date")}} representen un punt específic en el temps. Una crida al mètode {{jsxref("Date.prototype.toString()", "toString()")}} retornarà la dada en un format entenible per persones, en anglés americà. Al motor <a href="/en-US/docs/SpiderMonkey">SpiderMonkey</a>, aquest format consisteix en la part de la data (dia, mes i any) seguida de la part de l'hora (hores, minuts, segons i zona horària). De vegades és convenient obtenir un string només de la part de l'hora; aquesta és la raó de ser del mètode <code>toTimeString()</code>.</p>
+
+<p>El mètode <code>toTimeString()</code> resulta especialment útil perquè els motors que compleixen amb el standard <a href="/en-US/docs/ECMAScript">ECMA-262</a> poden retornar resultats diferents al string obtingut mitjançant el mètode {{jsxref("Date.prototype.toString()", "toString()")}} en objectes {{jsxref("Date")}}, ja que el format depèn totalment de la implementació; això implica que partir el string per a obtenir només la part de temps pot no produïr un resultat consistent en tots els motors.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilització_bàsica_de_toTimeString()">Utilització bàsica de <code>toTimeString()</code></h3>
+
+<pre class="brush: js">var d = new Date(1993, 6, 28, 14, 39, 7);
+
+console.log(d.toString());     // escriu Wed Jul 28 1993 14:39:07 GMT-0600 (PDT)
+console.log(d.toTimeString()); // escriu 14:39:07 GMT-0600 (PDT)
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.4', 'Date.prototype.toTimeString')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.totimestring', 'Date.prototype.toTimeString')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.toLocaleTimeString()")}}</li>
+ <li>{{jsxref("Date.prototype.toDateString()")}}</li>
+ <li>{{jsxref("Date.prototype.toString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/utc/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/utc/index.html
new file mode 100644
index 0000000000..37bb2bc369
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/utc/index.html
@@ -0,0 +1,142 @@
+---
+title: Date.UTC()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/UTC
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/UTC
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Date.UTC()</code></strong> accepta els mateixos paràmetres que la forma més llarga del constructor, i retorna en un objecte de tipus {{jsxref("Date")}} el nombre de milisegons que han passat des de l'u de gener de 1970 a les 00:00:00, temps universal.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Date.UTC(any, mes[, dia[, hora[, minuts[, segons[, <var>milisegons</var>]]]]])</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>any</code></dt>
+ <dd>Un any major que 1900.</dd>
+ <dt><code>mes</code></dt>
+ <dd>Un nombre sencer entre 0 i 11 que representa el mes.</dd>
+ <dt><code>dia</code></dt>
+ <dd>Opcional. Un nombre sencer entre 1 i 31 que representa el dia del mes.</dd>
+ <dt><code>hora</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 23 que representa l'hora.</dd>
+ <dt><code>minuts</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 59 que representa els minuts.</dd>
+ <dt><code>segons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 59 que representa els segons.</dd>
+ <dt><code>milisegons</code></dt>
+ <dd>Opcional. Un nombre sencer entre 0 i 999 que representa els milisegons.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p><code>UTC()</code> accepta una data en forma de paràmetres separats per comes i retorna el nombre de milisegons que han passat entre l'u de gener de 1970 a les 00:00:00 en temps universal, i el temps especificat pels paràmetres.</p>
+
+<p>L'any ha de ser especificat plenament; per exemple, 1998. Si s'especifica un any entre 0 i 99, el mètode el converteix a un any del segle 20 (<code>1900 + any</code>); per exemple, si s'especifica 95, s'emprarà l'any 1995.</p>
+
+<p>El mètode <code>UTC()</code> es diferencia del constructor {{jsxref("Date")}} en dues coses.</p>
+
+<ul>
+ <li><code>Date.UTC()</code> utilitza el temps universal en comptes del temps local.</li>
+ <li><code>Date.UTC()</code> retorna el temps com a nombre en comptes de crear un objecte de tipus {{jsxref("Date")}}.</li>
+</ul>
+
+<p>Si es passa un paràmetre que està fora del rang esperat, el mètode <code>UTC()</code> actualitza els altres paràmetres per a acceptar el nombre. Per exemple, si es passa 15 com a mes, l'any serà incrementat en 1 (<code>any + 1</code>), i s'emprarà 3 com a mes.</p>
+
+<p>Com que <code>UTC()</code> és un mètode estàtic de {{jsxref("Date")}}, sempre es crida com a <code>Date.UTC()</code> en comptes de com un mètode d'una instància de {{jsxref("Date")}}.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Date.UTC" name="Example:_Using_Date.UTC">Utilitzar <code>Date.UTC()</code></h3>
+
+<p>La instrucció següent crea un objecte {{jsxref("Date")}} utilitzant temps UTC en comptes del temps local:</p>
+
+<pre class="brush:js">var dataUTC = new Date(Date.UTC(96, 11, 1, 0, 0, 0));
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.utc', 'Date.UTC')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.4.3', 'Date.UTC')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Caracterísica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Caracterísica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.parse()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/date/valueof/index.html b/files/ca/web/javascript/referencia/objectes_globals/date/valueof/index.html
new file mode 100644
index 0000000000..6c5f810ead
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/date/valueof/index.html
@@ -0,0 +1,118 @@
+---
+title: Date.prototype.valueOf()
+slug: Web/JavaScript/Referencia/Objectes_globals/Date/valueOf
+translation_of: Web/JavaScript/Reference/Global_Objects/Date/valueOf
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode<strong> <code>valueOf()</code></strong> retorna el valor primitiu d'un objecte de tipus {{jsxref("Date")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>dateObj</var>.valueOf()</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p>Cap.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>valueOf()</code> retorna el valor primitiu d'un objecte de tipus {{jsxref("Date")}} en forma de nombre, el nombre de milisegons des de la mitjanit de l'ú de gener de 1970 UTC.</p>
+
+<p>Aquest mètode és funcionalment equivalent al mètode {{jsxref("Date.prototype.getTime()")}}.</p>
+
+<p>Aquest mètode és tot sovint emprat internament per JavaScript i no explícitament en codi.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_valueOf()"><code>Utilitzar valueOf()</code></h3>
+
+<pre class="brush: js">var x = new Date(56, 6, 17);
+var myVar = x.valueOf();      // assigna -424713600000 a myVar
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.9.5.8', 'Date.prototype.valueOf')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-date.prototype.valueof', 'Date.prototype.valueOf')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.prototype.valueOf()")}}</li>
+ <li>{{jsxref("Date.prototype.getTime()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/columnnumber/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/columnnumber/index.html
new file mode 100644
index 0000000000..377c797cd3
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/columnnumber/index.html
@@ -0,0 +1,83 @@
+---
+title: Error.prototype.columnNumber
+slug: Web/JavaScript/Referencia/Objectes_globals/Error/columnNumber
+translation_of: Web/JavaScript/Reference/Global_Objects/Error/columnNumber
+---
+<div>{{JSRef("Global_Objects", "Error", "EvalError,InternalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError")}} {{non-standard_header}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <code><strong>columnNumber</strong></code> conté el nombre de la columna dins la línia del fitxer on s'ha produit l'error.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Throwing_a_custom_error" name="Example:_Throwing_a_custom_error">Exemple: Utilitzar <code>columnNumber</code></h3>
+
+<pre class="brush: js">var e = new Error('Error interpretant les dades');
+throw e;
+console.log(e.columnNumber) // 0
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. No és standard.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype.stack")}} {{non-standard_inline}}</li>
+ <li>{{jsxref("Error.prototype.lineNumber")}} {{non-standard_inline}}</li>
+ <li>{{jsxref("Error.prototype.fileName")}} {{non-standard_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/filename/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/filename/index.html
new file mode 100644
index 0000000000..dcca532f86
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/filename/index.html
@@ -0,0 +1,87 @@
+---
+title: Error.prototype.fileName
+slug: Web/JavaScript/Referencia/Objectes_globals/Error/fileName
+translation_of: Web/JavaScript/Reference/Global_Objects/Error/fileName
+---
+<div>{{JSRef("Global_Objects", "Error", "EvalError,InternalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError")}} {{non-standard_header}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <code><strong>fileName</strong></code> conté la ruta al fitxer que ha provocat aquest error.</p>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Aquesta propietat no standard conté la ruta al fitxer que ha provocat l'error. Si es crida des d'un contexte de depuració, com ara des de Firefox Developer Tools, retorna "debugger eval code".</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Throwing_a_custom_error" name="Example:_Throwing_a_custom_error">Exemple: Utilitzar <code>fileName</code></h3>
+
+<pre class="brush: js">var e = new Error('Dades no tractades');
+throw e;
+// e.fileName podria contrindre quelcom semblant a "file:///C:/example.html"
+</pre>
+
+<h2 id="Especificacions.">Especificacions.</h2>
+
+<p>No format part de cap especificació. No és standard.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype.stack")}} {{non-standard_inline}}</li>
+ <li>{{jsxref("Error.prototype.columnNumber")}} {{non-standard_inline}}</li>
+ <li>{{jsxref("Error.prototype.lineNumber")}} {{non-standard_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/index.html
new file mode 100644
index 0000000000..2e1592edc5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/index.html
@@ -0,0 +1,224 @@
+---
+title: Error
+slug: Web/JavaScript/Referencia/Objectes_globals/Error
+translation_of: Web/JavaScript/Reference/Global_Objects/Error
+---
+<div>{{JSRef}}</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>El constructor <strong><code>Error</code></strong> crea un objecte que representa un error. Quan succeeix un error en temps d'execució JavaScript llença una instància de tipus <code>Error</code>. L'objecte <code>Error</code> també es pot emprar com a objecte base per a excepcions definides per l'usuari. Vegeu més abaix per a tipus d'errors standard que forment part del nucli.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox">new Error([missatge[, fitxer[, numeroLinia]]])</pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>missatge</code></dt>
+ <dd>Opcional. Descripció entenible per persones de l'error.</dd>
+ <dt><code>fitxer</code> {{non-standard_inline}}</dt>
+ <dd>Opcional. El valor de la propietat <code>fitxer</code> a l'objecte <code>Error</code> creat. Per defecte pren el valor del nom del fitxer que conté el codi que ha cridat el constructor <code>Error()</code>.</dd>
+ <dt><code>numeroLinia</code> {{non-standard_inline}}</dt>
+ <dd>Opcional. El valor de la propietat <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">numeroLinia</span></font> de l'objecte <code>Error</code> creat. Per defecte rep el valor del número de línia que conté la invocació al constructor <code>Error()</code>.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Els errors en temps d'execució esdevenen objectes <code>Error</code> nous que són creats i llençats.</p>
+
+<p>Aquesta pàgina documenta l'ús de l'objecte <code>Error</code> en si mateix, així com el seu ús com funció constructora. Per a un llistat de les propietats i mètodes heretats per les instàncies de <code>Error</code>, vegeu {{jsxref("Error.prototype")}}.</p>
+
+<h3 id="Error_types" name="Error_types">Tipus d'errors</h3>
+
+<p>A més del construtor genèric <code>Error</code> hi ha altres sis constructors d'errors que formen part del nucli de JavaScript. Per a excepcions al cantó del client vegeu <a href="/en-US/docs/Web/JavaScript/Guide/Statements#Exception_Handling_Statements">Sentències manegadores d'excepcions</a>.</p>
+
+<dl>
+ <dt>{{jsxref("Global_Objects/EvalError", "EvalError")}}</dt>
+ <dd>Crea una instància que representa un error que succeeix a l'emprar la funció global {{jsxref("Global_Objects/eval", "eval()")}}.</dd>
+ <dt>{{jsxref("Global_Objects/InternalError", "InternalError")}} {{non-standard_inline}}</dt>
+ <dd>Crea una instància que representa un error que succeeix quan es llença un error intern des del motor de JavaScript. Per exemple: "massa recursivitat".</dd>
+ <dt>{{jsxref("Global_Objects/RangeError", "RangeError")}}</dt>
+ <dd>Crea una instància que representa un error que succeeix quan una variable numèrica o paràmetre està fora del seu rang vàlid.</dd>
+ <dt>{{jsxref("Global_Objects/ReferenceError", "ReferenceError")}}</dt>
+ <dd>Crea una instància que representa un error que succeeix quan es deixa de referenciar una referència invàlida.</dd>
+ <dt>{{jsxref("Global_Objects/SyntaxError", "SyntaxError")}}</dt>
+ <dd>Crea una instància que representa un error de sintaxi que succeeix a l'interpretar codi dins {{jsxref("Global_Objects/eval", "eval()")}}.</dd>
+ <dt>{{jsxref("Global_Objects/TypeError", "TypeError")}}</dt>
+ <dd>Crea una instància que representa un error que succeeix quan una variable o paràmetre és d'un tipus no vàlid.</dd>
+ <dt>{{jsxref("Global_Objects/URIError", "URIError")}}</dt>
+ <dd>Crea un error que representa un error que succeeix quan {{jsxref("Global_Objects/encodeURI", "encodeURI()")}} o {{jsxref("Global_Objects/decodeURI", "decodeURl()")}} reben paràmetres invàlids.</dd>
+</dl>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<dl>
+ <dt>{{jsxref("Error.prototype")}}</dt>
+ <dd>Permet afegir propietats a instàncies <code>Error</code>.</dd>
+</dl>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<p>L'objecte global Error no contè mètodes propis. Tot i així, hereta alguns mètodes a través de la cadena de prototipus.</p>
+
+<h2 id="Error_instances" name="Error_instances"><code>Instàncies Error</code></h2>
+
+<div>{{page('ca/docs/JavaScript/Reference/Global_Objects/Error/prototype', 'Descripció')}}</div>
+
+<h3 id="Propietats">Propietats</h3>
+
+<div>{{page('ca/docs/JavaScript/Reference/Global_Objects/Error/prototype', 'Propietats')}}</div>
+
+<h3 id="Mètodes">Mètodes</h3>
+
+<div>{{page('ca/docs/JavaScript/Reference/Global_Objects/Error/prototype', 'Mètodes')}}</div>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Throwing_a_generic_error" name="Example:_Throwing_a_generic_error">Exemple: Llençar un error genèric</h3>
+
+<p>Normalment hom crea un objecte Error amb la intenció de llençar-lo tot emprant la paraula clau {{jsxref("Statements/throw", "throw")}}. Els errors es poden manegar utilitzant la construcció {{jsxref("Statements/try...catch", "try...catch")}}:</p>
+
+<pre class="brush: js">try {
+  throw new Error('Oooops!');
+} catch (e) {
+  alert(e.name + ': ' + e.message);
+}
+</pre>
+
+<h3 id="Example:_Handling_a_specific_error" name="Example:_Handling_a_specific_error">Exemple: Manegar un error específic</h3>
+
+<p><span class="comment">this should probably be removed</span>Es pot escollir fer-se càrrec només de tipus d'errors específics comparant el tipus d'error amb la propietat {{jsxref("Object.prototype.constructor", "constructor")}} de l'error o bé, si s'està escrivint el codi per a motors JavaScript moderns, mitjançant la paraula clau {{jsxref("Operators/instanceof", "instanceof")}}:</p>
+
+<pre class="brush: js">try {
+  foo.bar();
+} catch (e) {
+  if (e instanceof EvalError) {
+    alert(e.name + ': ' + e.message);
+  } else if (e instanceof RangeError) {
+    alert(e.name + ': ' + e.message);
+  }
+  // ... etc
+}
+</pre>
+
+<h3 id="Exemple_Tipus_d'errors_personalitzats">Exemple: Tipus d'errors personalitzats</h3>
+
+<p>És possible definir tipus d'errors propis derivats de Error, llençar-los mitjançant <code>throw new MyError()</code>  i utilitzar <code>instanceof MyError</code> per a comprovarel tipus d'error al manegador d'excepcions. A sota trobareu la forma més comuna de fer això.</p>
+
+<div class="warning">
+<p>Advertim que la instància <code>MyError</code> llençada reportarà <code>lineNumber</code> i <code>fileName</code> invàlids, com a mínim a Firefox.</p>
+</div>
+
+<p>Vegeu també <a href="http://stackoverflow.com/questions/1382107/whats-a-good-way-to-extend-error-in-javascript">la discussió a StackOverflow "Quina és una bona forma d'extrendre Error a JavaScript?"</a>.</p>
+
+<pre class="brush: js">// Crea un nou objecte, que hereta del prototipus constructor Error.
+function MyError(message) {
+  this.name = 'MyError';
+  this.message = message || 'Missatge per defecte';
+}
+MyError.prototype = Object.create(Error.prototype);
+MyError.prototype.constructor = MyError;
+
+try {
+  throw new MyError();
+} catch (e) {
+  console.log(e.name);     // 'MyError'
+  console.log(e.message);  // 'Missatge per defecte'
+}
+
+try {
+  throw new MyError('custom message');
+} catch (e) {
+  console.log(e.name);     // 'MyError'
+  console.log(e.message);  // 'Missatge per defecte'
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.11', 'Error')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-error-objects', 'Error')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype")}}</li>
+ <li>{{jsxref("Statements/throw", "throw")}}</li>
+ <li>{{jsxref("Statements/try...catch", "try...catch")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/linenumber/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/linenumber/index.html
new file mode 100644
index 0000000000..7b85f29c19
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/linenumber/index.html
@@ -0,0 +1,94 @@
+---
+title: Error.prototype.lineNumber
+slug: Web/JavaScript/Referencia/Objectes_globals/Error/lineNumber
+translation_of: Web/JavaScript/Reference/Global_Objects/Error/lineNumber
+---
+<div>{{JSRef("Global_Objects", "Error", "EvalError,InternalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError")}} {{non-standard_header}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <code><strong>lineNumber</strong></code> conté el nombre de la línia del fitxer que ha llençat aquest erro.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Throwing_a_custom_error" name="Example:_Throwing_a_custom_error">Exemple: Utilitzar <code>lineNumber</code></h3>
+
+<pre class="brush: js">var e = new Error('No he pogut interpretar l\'entrada');
+throw e;
+console.log(e.lineNumber) // 2
+</pre>
+
+<h3 id="Example:_Alternative_example_using_error_event" name="Example:_Alternative_example_using_error_event">Exemple: Exemple alternatiu usant l'event <code>error</code></h3>
+
+<pre class="brush: js">window.addEventListener('error', function(e) {
+  console.log(e.lineno); // 5
+});
+var e = new Error('No he pogut interpretar l\'entrada');
+throw e;
+</pre>
+
+<p>Això és standard i suportat per Chrome, Firefox i provablement altres.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. No és standard.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>On <code>error</code> object in handled errors</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype.stack")}} {{non-standard_inline}}</li>
+ <li>{{jsxref("Error.prototype.columnNumber")}} {{non-standard_inline}}</li>
+ <li>{{jsxref("Error.prototype.fileName")}} {{non-standard_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/message/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/message/index.html
new file mode 100644
index 0000000000..4aa07268fa
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/message/index.html
@@ -0,0 +1,110 @@
+---
+title: Error.prototype.message
+slug: Web/JavaScript/Referencia/Objectes_globals/Error/message
+translation_of: Web/JavaScript/Reference/Global_Objects/Error/message
+---
+<div>{{JSRef("Global_Objects", "Error", "EvalError,InternalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <code><strong>message</strong></code> és una descripció en un format amigable pels humans de l'error.</p>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Aquesta propietat conté una breu descripció de l'error sempre i quan estigui disponible o hagi sigut assignada. <a href="/ca/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> fa un ús extensiu de la propietat <code>message</code> per a excepcions. El mètode {{jsxref("Error.prototype.toString()")}} utilitza la propietat <code>message</code> combinada amb la propietat {{jsxref("Error.prototype.name", "name")}} per a crear una representació de l'error.</p>
+
+<p>Per defecte la propietat <code>message</code> és un string buit, però aquest comportament pot ser sobreescrit per una instàcia simplement passant un missatge com a primer argument del {{jsxref("Error", "constructor Error")}}.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Throwing_a_custom_error" name="Example:_Throwing_a_custom_error">Exemple: Llençar un error personalitzat</h3>
+
+<pre class="brush: js">var e = new Error('No he pogut interpretar l\'entrada'); // e.message valdrà 'No he pogut interpretar l\'entrada'
+throw e;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.11.4.3', 'Error.prototype.message')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-error.prototype.message', 'Error.prototype.message')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype.name")}}</li>
+ <li>{{jsxref("Error.prototype.toString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/name/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/name/index.html
new file mode 100644
index 0000000000..995ecafd5f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/name/index.html
@@ -0,0 +1,111 @@
+---
+title: Error.prototype.name
+slug: Web/JavaScript/Referencia/Objectes_globals/Error/name
+translation_of: Web/JavaScript/Reference/Global_Objects/Error/name
+---
+<div>{{JSRef("Global_Objects", "Error", "EvalError,InternalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <code><strong>name</strong></code> representa un nom per al tipus de error. El valor que rep inicialment aquesta propietat és "Error".</p>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Per defecte, les instàncies de {{jsxref("Error")}} reben el nom "Error". El mètode <a class="new" href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_standard/Error/toString" title="Aquesta pàgina encara no ha estat traduïda. Si us plau consideri contribuir-hi!"><code>Error.prototype.toString()</code></a> utilitza la propietat <code>name</code> combinada amb la propietat <a class="new" href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_standard/Error/message" title="Aquesta pàgina encara no ha estat traduïda. Si us plau consideri contribuir-hi!"><code>message</code></a> per a crear una representació de l'error.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Throwing_a_custom_error" name="Example:_Throwing_a_custom_error">Exemple: Llençar un error personalitzat</h3>
+
+<pre class="brush: js">var e = new Error('Entrada no vàlida'); // e.name is 'Error'
+
+e.name = 'ParseError';
+throw e;
+// e.toString() would return 'ParseError: Entrada no vàlida'
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.11.4.2', 'Error.prototype.name')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-error.prototype.name', 'Error.prototype.name')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype.message")}}</li>
+ <li>{{jsxref("Error.prototype.toString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/prototype/index.html
new file mode 100644
index 0000000000..a4dee42923
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/prototype/index.html
@@ -0,0 +1,150 @@
+---
+title: Error.prototype
+slug: Web/JavaScript/Referencia/Objectes_globals/Error/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/Error
+---
+<div>{{JSRef("Global_Objects", "Error", "EvalError,InternalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <code><strong>Error.prototype</strong></code> representa el prototipus per al constructor {{jsxref("Global_Objects/Error", "Error")}}.</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Totes les instàncies de {{jsxref("Global_Objects/Error", "Error")}} i les instàncies de {{jsxref("Global_Objects/Error", "non-generic errors", "#Error_types", 1)}} heretèn de <code>Error.prototype</code>. Com totes les funcions constructores, es pot utilitzar el prototipus del constructor per a afegir propietats o mètodes a totes les instànces creades amb aquest constructor.</p>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<h3 id="Standard_properties" name="Standard_properties">Propietats standard</h3>
+
+<dl>
+ <dt><code>Error.prototype.constructor</code></dt>
+ <dd>Especifica la funció que ha creat la instància del prototipus.</dd>
+ <dt>{{jsxref("Error.prototype.message")}}</dt>
+ <dd>Missatge d'error.</dd>
+ <dt>{{jsxref("Error.prototype.name")}}</dt>
+ <dd>Nom de l'error.</dd>
+</dl>
+
+<h3 id="Vendor-specific_extensions" name="Vendor-specific_extensions">Extensions específiques del venedor</h3>
+
+<div>{{non-standard_header}}</div>
+
+<h4 id="Microsoft" name="Microsoft">Microsoft</h4>
+
+<dl>
+ <dt>{{jsxref("Error.prototype.description")}}</dt>
+ <dd>Descripció de l'error. Similar a {{jsxref("Error.prototype.message", "message")}}.</dd>
+ <dt>{{jsxref("Error.prototype.number")}}</dt>
+ <dd>Nombre de l'error.</dd>
+</dl>
+
+<h4 id="Mozilla" name="Mozilla">Mozilla</h4>
+
+<dl>
+ <dt>{{jsxref("Error.prototype.fileName")}}</dt>
+ <dd>Ruta al fitxer que ha llençat l'error.</dd>
+ <dt>{{jsxref("Error.prototype.lineNumber")}}</dt>
+ <dd>Línia del fitxer que ha llençat l'error.</dd>
+ <dt>{{jsxref("Error.prototype.columnNumber")}}</dt>
+ <dd>Nombre de columna de la línia que ha llençat l'error.</dd>
+ <dt>{{jsxref("Error.prototype.stack")}}</dt>
+ <dd>Conté la traça de l'error.</dd>
+</dl>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("Error.prototype.toSource()")}} {{non-standard_inline}}</dt>
+ <dd>Retorna un string que conté el codi font de l'objecte {{jsxref("Global_Objects/Error", "Error")}} especificat; es pot emprar aquest valor per a crear un objecte nou. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd>
+ <dt>{{jsxref("Error.prototype.toString()")}}</dt>
+ <dd>Retorna un string que representa l'objecte especificat. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.11.3.1', 'Error')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-error.prototype', 'Error')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error")}}</li>
+ <li>{{jsxref("Object.prototype")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/stack/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/stack/index.html
new file mode 100644
index 0000000000..aa41949423
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/stack/index.html
@@ -0,0 +1,161 @@
+---
+title: Error.prototype.stack
+slug: Web/JavaScript/Referencia/Objectes_globals/Error/Stack
+translation_of: Web/JavaScript/Reference/Global_Objects/Error/Stack
+---
+<div>{{JSRef("Global_Objects", "Error", "EvalError,InternalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError")}} {{non-standard_header}}</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>La propietat no standard <strong><code>stack</code></strong> dels objectes {{jsxref("Error")}} ofereix una traça de quines funcions han estat cridades, en quin ordre, des de quina línia i fitxer, i amb quins arguments. La stack, en forma de string, va de les crides més recent a les més antigues, fins a arribar a la crida original del context global.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Cada pas estarà separat per una nova línia, on la primera part de cada línia és el nom de la funció (si no es tracta d'una crida des del context global), seguit per pel símbol arroba (@), la ruta del fitxer (excepte quan la funció és la funció constructora de l'error mentre s'està llençant l'error), un punt i coma, i, si hi ha una ruta de fitxer, el nombre de línia. Fixeu-vos que l'objecte {{jsxref("Error")}} també disposa de les propietats <code>filename</code>, <code>lineNumber</code> i <code>columnNumber</code> de l'error llençat (però no de la traça).</p>
+
+<p>Cal remarcar que aquest és el format utilitzat per Firefox. No hi ha un formateig standard. Tot i així, Safari 6+ i Opera 12- utilitzen un format molt similar. Els navegadors que utilitzen el motor de JavaScript V8 (com ara Chrome, Opera 15+ i el navegador de Android), així com IE10+, d'altra banda, utilitzen un format diferent (vegeu el document de la MSDN <a class="external" href="http://msdn.microsoft.com/en-us/library/windows/apps/hh699850.aspx">error.stack</a>).</p>
+
+<p><strong>Valors dels arguments a la pila</strong>: Abans del ({{bug("744842")}}) de Firefox 14, el nom de la funció anava seguit dels valors dels arguments convertits a string entre parèntesi immediatament abans de l'arroba (@). Un objecte (o un array, etc) apareixeria en la forma convertida <code>"[object Object]"</code>, i en conseqüència no podria ser evaluada de nou en objectes. Si que es poden obtenir els valors escalars (tot i que resulta més senzill utilitzar <code>arguments.callee.caller.arguments</code>, així com es pot trobar el nom de la funció a <code>arguments.callee.caller.name</code>). <code>"undefined"</code> apareix com a <code>"(void 0)"</code>. Cal tenir en compte que si s'han passat arguments de tipus string que continguin caracters com ara <code>"@"</code>, <code>"("</code>, <code>")"</code> (o bé noms de fitxers), resulta força complicat utiltizar-los per a trencar la línia en les diferents parts que la composen. Degut a això, a partir de Firefox 14 això deixa de ser un problema.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>El següent codi HTML mostra l'ús de la propietat <code>stack</code>.</p>
+
+<pre class="brush: html">&lt;!DOCTYPE HTML&gt;
+&lt;meta charset="UTF-8"&gt;
+&lt;title&gt;Exemple de pila de traça&lt;/title&gt;
+&lt;body&gt;
+&lt;script&gt;
+function trace() {
+  try {
+    throw new Error('myError');
+  }
+  catch(e) {
+    alert(e.stack);
+  }
+}
+function b() {
+  trace();
+}
+function a() {
+  b(3, 4, '\n\n', undefined, {});
+}
+a('primera crida, primerArgument');
+&lt;/script&gt;
+</pre>
+
+<p>Assumint que el codi resideix al fitxer <code>C:\exemple.html</code> en un sistema de fitxers de Windows, aquest generarà un missatge d'alerta amb el text següent:</p>
+
+<p>A partir de Firefox 30 contindrà el nombre de la columna ({{bug("762556")}}):</p>
+
+<pre><samp>trace@file:///C:/exemple.html:9:17
+b@file:///C:/exemple.html:16:13
+a@file:///C:/exemple.html:19:13
+@file:///C:/exemple.html:21:9</samp></pre>
+
+<p>Firefox 14 a Firefox 29:</p>
+
+<pre><samp>trace@file:///C:/exemple.html:9
+b@file:///C:/exemple.html:16
+a@file:///C:/exemple.html:19
+@file:///C:/exemple.html:21</samp></pre>
+
+<p>Per contra, Firefox 13 i versions prèvies produian el següent text:</p>
+
+<pre><samp>Error("myError")@:0
+trace()@file:///C:/exemple.html:9
+b(3,4,"\n\n",(void 0),[object Object])@file:///C:/exemple.html:16
+a("primera crida, primerArgument")@file:///C:/exemple.html:19
+@file:///C:/exemple.html:21</samp></pre>
+
+<h3 id="Pila_de_codi_evaluat">Pila de codi evaluat</h3>
+
+<p>A partir de Firefox 30 {{geckoRelease("30")}}, la pila d'error pertanyent a codi dins de crides a <code>Function()</code> i <code>eval()</code> conté informació més detallada sobre la línia i la columna que ha produït l'error dins aquestes crides. Les crides a funcions s'indiquen amb <code>"&gt; Function"</code> i les crides a eval amb <code>"&gt; eval"</code>. Vegeu {{bug("332176")}}.</p>
+
+<pre class="brush: js">try {
+  new Function('throw new Error()')();
+} catch (e) {
+  console.log(e.stack);
+}
+
+// anonymous@file:///C:/exemple.html line 7 &gt; Function:1:1
+// @file:///C:/example.html:7:6
+
+
+try {
+  eval("eval('FAIL')");
+} catch (x) {
+  console.log(x.stack);
+}
+
+// @file:///C:/exemple.html line 7 &gt; eval line 1 &gt; eval:1:1
+// @file:///C:/exemple.html line 7 &gt; eval:1:1
+// @file:///C:/exemple.html:7:6
+</pre>
+
+<p>També podeu utilitzar la directiva <code>//# sourceURL</code> per a donar nom a codi eval. Vegeu també <a href="/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources">Depurar codi eval</a> als documents de <a href="/en-US/docs/Tools/Debugger">Depurar</a> així com en aquesta <a href="http://fitzgeraldnick.com/weblog/59/">entrada d'un bloc</a>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap especificació. No és standard.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatIE("10")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatSafari("6")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>Android 4 (potser Android 3, però en cap cas Android 2)</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatSafari("6")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Components.stack">Components.stack</a></li>
+ <li>Projectes externs: <a class="link-https" href="https://github.com/csnover/TraceKit/">TraceKit</a> i<a class="link-https" href="https://github.com/eriwen/javascript-stacktrace">javascript-stacktrace</a></li>
+ <li>MSDN: documents <a class="external" href="http://msdn.microsoft.com/en-us/library/windows/apps/hh699850.aspx" title="http://msdn.microsoft.com/en-us/library/windows/apps/hh699850.aspx">error.stack</a></li>
+ <li><a href="https://code.google.com/p/v8/wiki/JavaScriptStackTraceApi">Un cop d'ull a la API de traça de pila del motor JavaScript V8</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/tosource/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/tosource/index.html
new file mode 100644
index 0000000000..c766aa312b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/tosource/index.html
@@ -0,0 +1,91 @@
+---
+title: Error.prototype.toSource()
+slug: Web/JavaScript/Referencia/Objectes_globals/Error/toSource
+translation_of: Web/JavaScript/Reference/Global_Objects/Error/toSource
+---
+<div>{{JSRef}} {{non-standard_header}}</div>
+
+<p>El mètode <code><strong>toSource()</strong></code> reotrna codi capaç de generar el mateix error en case de ser evaluat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>e</var>.toSource()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La crida al mètode <code>toSource</code> d'una instància d'{{jsxref("Error")}}(incloent <em><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error#Error_types">NativeErrors</a></em>) retorna un string que conté el codi font de l'error. Aquest string pot ser evaluat per a crear un objecte (aproximadament) igual. Per defecte la string contenint el codi font segueix l'estructura del construtor {{jsxref("Error")}}. Per exemple:</p>
+
+<pre class="brush: js">(new<em>name</em>(<em>message</em> ,<em>fileName</em>,<em>lineNumber</em>))
+</pre>
+
+<p>on aquests atributs corresponen a les propietats de la instància de l'error, respectivament.</p>
+
+<div class="note">
+<p><strong>Advertència:</strong> Cal tenir en compte que les propietats utilitzades pel mètode <code>toSource</code> a l'hora de crear l'string són mutables i per tant poden no representar de forma acurada la funció utilitzada per a crear la instància de l'error, el nom del fitxer o el nombre de la línia on l'error real ha tingut lloc.</p>
+</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap standard. Implementat a JavaScript 1.3.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype.fileName")}}</li>
+ <li>{{jsxref("Error.prototype.lineNumber")}}</li>
+ <li>{{jsxref("Error.prototype.message")}}</li>
+ <li>{{jsxref("Error.prototype.name")}}</li>
+ <li>{{jsxref("Object.prototype.toSource()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/error/tostring/index.html b/files/ca/web/javascript/referencia/objectes_globals/error/tostring/index.html
new file mode 100644
index 0000000000..79fd20f77f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/error/tostring/index.html
@@ -0,0 +1,146 @@
+---
+title: Error.prototype.toString()
+slug: Web/JavaScript/Referencia/Objectes_globals/Error/toString
+translation_of: Web/JavaScript/Reference/Global_Objects/Error/toString
+---
+<div>{{JSRef("Global_Objects", "Error", "EvalError,InternalError,RangeError,ReferenceError,SyntaxError,TypeError,URIError")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El mètode <code><strong>toString()</strong></code> retorna un string que representa l'error especificat per l'objecte {{jsxref("Error")}}.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>e</var>.toString()</code></pre>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>L'objecte {{jsxref("Error")}} sobreescriu el mètode {{jsxref("Object.prototype.toString()")}} heretat per tots els objectes. La seva semàntica és la següent (suposant que {{jsxref("Object")}} i {{jsxref("String")}} tenen els seus valors originals):</p>
+
+<pre class="brush: js">Error.prototype.toString = function() {
+  'use strict';
+
+  var obj = Object(this);
+  if (obj !== this) {
+    throw new TypeError();
+  }
+
+  var name = this.name;
+  name = (name === undefined) ? 'Error' : String(name);
+
+  var msg = this.message;
+  msg = (msg === undefined) ? '' : String(msg);
+
+  if (name === '') {
+    return msg;
+  }
+  if (msg === '') {
+    return name;
+  }
+
+  return name + ': ' + msg;
+};
+</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre class="brush: js">var e = new Error('fatal error');
+print(e.toString()); // 'Error: fatal error'
+
+e.name = undefined;
+print(e.toString()); // 'Error: fatal error'
+
+e.name = '';
+print(e.toString()); // 'fatal error'
+
+e.message = undefined;
+print(e.toString()); // 'Error'
+
+e.name = 'hello';
+print(e.toString()); // 'hello'
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.11.4.4', 'Error.prototype.toString')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-error.prototype.tostring', 'Error.prototype.toString')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype.toSource()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/index.html b/files/ca/web/javascript/referencia/objectes_globals/index.html
new file mode 100644
index 0000000000..60bd0333f7
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/index.html
@@ -0,0 +1,167 @@
+---
+title: Objectes Standard
+slug: Web/JavaScript/Referencia/Objectes_globals
+translation_of: Web/JavaScript/Reference/Global_Objects
+---
+<div>
+<div>{{jsSidebar("Objects")}}</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>Aquest capítol llista tots els objectes que Javascript proporciona per defecte, així com els seus mètodes i propietats.</p>
+
+<div class="onlyinclude">
+<p>És important no confondre el terme "objectes globals" (també anomenats objectes <em>standard</em> o <em>built-in</em>) amb <em>objecte global</em>. En aquesta pàgina <em>objecte global</em> es refereix a <em>objectes en l'àmbit global</em> (però només si no s'utilitza el mode estricte de ECMAScript 5! En qualsevol altre cas retorna <code>undefined</code>). Es pot accedir a l'<em>objecte global</em> en si mateix mitjançant l'operador {{jsxref("Referencia/Objectes_standard/this", "this")}} en l'àmbit global. De fet l'àmbit global <em>consisteix  </em>en les propietats de l'objecte global (propietats heredades incloses, si s'escau).</p>
+
+<p>Altres objectes en l'àmbit global són o bé <a href="/ca/docs/Web/JavaScript/Guide/Working_with_Objects#Creating_new_objects">creats per l'script de l'usuari</a> o bé proporcionats per l'aplicació del <em>host</em>. Els objectes proporcionats pel <em>host </em>disponibles en els àmbits del navegador estan documentats a la <a href="/ca/docs/Web/API/Reference">referència de la API</a>.</p>
+
+<h2 id="Objectes_standard_(per_categoria)">Objectes standard (per categoria)</h2>
+
+<h3 id="Propietats_de_valor">Propietats de valor</h3>
+
+<p>Propietats globals que retornen un valor simple.</p>
+
+<ul>
+ <li>{{jsxref("Infinity")}}</li>
+ <li>{{jsxref("NaN")}}</li>
+ <li>{{jsxref("undefined")}}</li>
+ <li>El literal {{jsxref("null")}}</li>
+</ul>
+
+<h3 id="Funcions_globals">Funcions globals</h3>
+
+<p>Funcions globals que retornen el resultat d'una rutina específica.</p>
+
+<ul>
+ <li>{{jsxref("eval", "eval()")}}</li>
+ <li>{{jsxref("uneval", "uneval()")}} {{non-standard_inline()}}</li>
+ <li>{{jsxref("isFinite", "isFinite()")}}</li>
+ <li>{{jsxref("isNaN", "isNaN()")}}</li>
+ <li>{{jsxref("parseFloat", "parseFloat()")}}</li>
+ <li>{{jsxref("parseInt", "parseInt()")}}</li>
+ <li>{{jsxref("decodeURI", "decodeURI()")}}</li>
+ <li>{{jsxref("decodeURIComponent", "decodeURIComponent()")}}</li>
+ <li>{{jsxref("encodeURI", "encodeURI()")}}</li>
+ <li>{{jsxref("encodeURIComponent", "encodeURIComponent()")}}</li>
+ <li>{{jsxref("escape", "escape()")}} {{deprecated_inline()}}</li>
+ <li>{{jsxref("unescape", "unescape()")}} {{deprecated_inline()}}</li>
+</ul>
+
+<h3 id="Objectes_fonamentals">Objectes fonamentals</h3>
+
+<p>Objectes generals del llenguatge, funcions i errors.</p>
+
+<ul>
+ <li>{{jsxref("Object")}}</li>
+ <li>{{jsxref("Function")}}</li>
+ <li>{{jsxref("Boolean")}}</li>
+ <li>{{jsxref("Symbol")}} {{experimental_inline()}}</li>
+ <li>{{jsxref("Error")}}</li>
+ <li>{{jsxref("EvalError")}}</li>
+ <li>{{jsxref("InternalError")}}</li>
+ <li>{{jsxref("RangeError")}}</li>
+ <li>{{jsxref("ReferenceError")}}</li>
+ <li>{{jsxref("SyntaxError")}}</li>
+ <li>{{jsxref("TypeError")}}</li>
+ <li>{{jsxref("URIError")}}</li>
+</ul>
+
+<h3 id="Nombres_i_dates">Nombres i dates</h3>
+
+<p>Objectes que emmagatzemen nombres, dades i càlculs matemàtics.</p>
+
+<ul>
+ <li>{{jsxref("Number")}}</li>
+ <li>{{jsxref("Math")}}</li>
+ <li>{{jsxref("Date")}}</li>
+</ul>
+
+<h3 id="Processament_de_text">Processament de text</h3>
+
+<p>Objectes per manipular text.</p>
+
+<ul>
+ <li>{{jsxref("String")}}</li>
+ <li>{{jsxref("RegExp")}}</li>
+</ul>
+
+<h3 id="Col·leccions_indexades">Col·leccions indexades</h3>
+
+<p>Col·leccions ordenades per un índex. Objectes de tipus array.</p>
+
+<ul>
+ <li>{{jsxref("Array")}}</li>
+ <li>{{jsxref("Int8Array")}}</li>
+ <li>{{jsxref("Uint8Array")}}</li>
+ <li>{{jsxref("Uint8ClampedArray")}}</li>
+ <li>{{jsxref("Int16Array")}}</li>
+ <li>{{jsxref("Uint16Array")}}</li>
+ <li>{{jsxref("Int32Array")}}</li>
+ <li>{{jsxref("Uint32Array")}}</li>
+ <li>{{jsxref("Float32Array")}}</li>
+ <li>{{jsxref("Float64Array")}}</li>
+</ul>
+
+<h3 id="Diccionaris_(mapes)">Diccionaris (mapes)</h3>
+
+<p>Col·leccions d'objectes de tipus diccionari (també coneguts com a mapes o col·leccions d'entrades clau-valor). Els elements són iterables per ordre d'inserció.</p>
+
+<ul>
+ <li>{{jsxref("Map")}} {{experimental_inline()}}</li>
+ <li>{{jsxref("Set")}} {{experimental_inline()}}</li>
+ <li>{{jsxref("WeakMap")}} {{experimental_inline()}}</li>
+ <li>{{jsxref("WeakSet")}} {{experimental_inline()}}</li>
+</ul>
+
+<h3 id="Dades_estructurades">Dades estructurades</h3>
+
+<p>Buffers de dades i <strong>J</strong>ava<strong>S</strong>cript <strong>O</strong>bject <strong>N</strong>otation.</p>
+
+<ul>
+ <li>{{jsxref("ArrayBuffer")}}</li>
+ <li>{{jsxref("DataView")}}</li>
+ <li>{{jsxref("JSON")}}</li>
+</ul>
+
+<h3 id="Objectes_d'abstracció_de_control">Objectes d'abstracció de control</h3>
+
+<ul>
+ <li>{{jsxref("Promise")}} {{experimental_inline()}}</li>
+</ul>
+
+<h3 id="Reflexió">Reflexió</h3>
+
+<ul>
+ <li>{{jsxref("Reflect")}} {{experimental_inline()}}</li>
+ <li>{{jsxref("Proxy")}} {{experimental_inline()}}</li>
+</ul>
+
+<h3 id="Internacionalització">Internacionalització</h3>
+
+<p>Adicions al nucli de ECMAScript per a funcionalitats sensibles a l'idioma.</p>
+
+<ul>
+ <li>{{jsxref("Intl")}}</li>
+ <li>{{jsxref("Collator", "Intl.Collator")}}</li>
+ <li>{{jsxref("DateTimeFormat", "Intl.DateTimeFormat")}}</li>
+ <li>{{jsxref("NumberFormat", "Intl.NumberFormat")}}</li>
+</ul>
+
+<h3 id="Objectes_no-standard">Objectes no-standard</h3>
+
+<ul>
+ <li>{{jsxref("Generator")}} {{non-standard_inline()}}</li>
+ <li>{{jsxref("Iterator")}} {{non-standard_inline()}}</li>
+ <li>{{jsxref("ParallelArray")}} {{non-standard_inline()}}</li>
+ <li>{{jsxref("StopIteration")}} {{non-standard_inline()}}</li>
+</ul>
+
+<h3 id="Altres">Altres</h3>
+
+<ul>
+ <li><code><a href="/ca/docs/Web/JavaScript/Reference/Functions/arguments">arguments</a></code></li>
+</ul>
+</div>
+
+<p> </p>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/infinity/index.html b/files/ca/web/javascript/referencia/objectes_globals/infinity/index.html
new file mode 100644
index 0000000000..409609bfd2
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/infinity/index.html
@@ -0,0 +1,114 @@
+---
+title: Infinity
+slug: Web/JavaScript/Referencia/Objectes_globals/Infinity
+translation_of: Web/JavaScript/Reference/Global_Objects/Infinity
+---
+<div>
+<div>
+<div>{{jsSidebar("Objects")}}</div>
+</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat global <code><strong>Infinity</strong></code> és un valor numèric que representa l'infinit.</p>
+
+<p>{{js_property_attributes(0,0,0)}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Infinity </code></pre>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p><code>Infinity</code> és una propietat de l'<em>objecte global</em>, és a dir, és una variable dins l'àmbit global.</p>
+
+<p>El valor inical de <code>Infinity</code> és {{jsxref("Number.POSITIVE_INFINITY")}}. El valor <code>Infinity</code> (infinit positiu) és major que qualsevol altre nombre. Aquest valor es comporta matemàticament com l'infinit; per exemple, qualsevol nombre positiu multiplicat per<code> Infinity</code> dóna com a resultat <code>Infinity</code>, qualsevol valor dividit per <code>Infinity</code> dóna 0.</p>
+
+<p>Tal i com la especificació ECMAScript 5 defineix, <code>Infinity</code> no pot ser sobreescrit (implementat a JavaScript 1.8.5  / Firefox 4).</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.1.1.2', 'Infinity')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-value-properties-of-the-global-object-infinity', 'Infinity')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.NEGATIVE_INFINITY")}}</li>
+ <li>{{jsxref("Number.POSITIVE_INFINITY")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/json/index.html b/files/ca/web/javascript/referencia/objectes_globals/json/index.html
new file mode 100644
index 0000000000..efc86409e6
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/json/index.html
@@ -0,0 +1,242 @@
+---
+title: JSON
+slug: Web/JavaScript/Referencia/Objectes_globals/JSON
+translation_of: Web/JavaScript/Reference/Global_Objects/JSON
+---
+<div>{{JSRef("Global_Objects", "JSON")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>L'objecte <strong><code>JSON</code></strong> conté mètodes per a interpretar <a class="external" href="http://json.org/">JavaScript Object Notation</a> ({{glossary("JSON")}}) i convertir valors a JSON. Aquest objecte no pot ser cridat o construit, i a banda dels seus dos mètodes no té cap més funcionalitat o interès.</p>
+
+<p>and converting values to JSON. It can't be called or constructed, and aside from its two method properties it has no interesting functionality of its own.</p>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<h3 id="JavaScript_Object_Notation" name="JavaScript_Object_Notation">JavaScript Object Notation</h3>
+
+<p>JSON és una sintaxi que permet serialitzar objectes, arrays, nombres, strings, booleans i {{jsxref("null")}}. Està basada en la sintaxi de JavaScript però és diferent: algunes parts de JavaScript no són convertibles a JSON i algunes de JSON no ho són a JavaScript. Vegeu també <a href="http://timelessrepo.com/json-isnt-a-javascript-subset">JSON: El subconjunt de JavaScript que no ho és</a>.</p>
+
+<table>
+ <caption>Diferències entre JavaScript i JSON</caption>
+ <thead>
+  <tr>
+   <th scope="col">Tipus a JavaScript</th>
+   <th scope="col">Diferències a JSON</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>Objectes i Arrays</td>
+   <td>Els noms de les propietats han de estar embolcallats per cometes dobles; les cometes simples estan prohibides</td>
+  </tr>
+  <tr>
+   <td>Nombres</td>
+   <td>No són permesos zeros a l'esquerra; els nombres decimals separent la part sencera amb un punt i han de tindre al menys un digit decimal.</td>
+  </tr>
+  <tr>
+   <td>Strings</td>
+   <td>
+    <p>Només es pot escapar un grup limitat de caràcters; alguns caràcters de control no són permesos; el separador de línies Unicode (<a href="http://unicode-table.com/en/2028/">U+2028</a>) i el separador de paràgrafs (<a href="http://unicode-table.com/en/2029/">U+2029</a>) són permesos; les strings han d'estar embolcallades per cometes dobles. Vegeu l'exemple següent on {{jsxref("JSON.parse()")}} funciona correctament i es llença un {{jsxref("SyntaxError")}} a l'avaluar el codi com a JavaScript:</p>
+
+    <pre class="brush: js">
+var code = '"\u2028\u2029"';
+JSON.parse(code); // funciona correctament
+eval(code); // falla
+</pre>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p>La sintaxi completa de JSON és la següent:</p>
+
+<pre><var>JSON</var> = <strong>null</strong>
+    <em>o</em> <strong>true</strong> <em>o</em> <strong>false</strong>
+    <em>o</em> <var>JSONNumber</var>
+    <em>o</em> <var>JSONString</var>
+    <em>o</em> <var>JSONObject</var>
+    <em>o</em> <var>JSONArray</var>
+
+<var>JSONNumber</var> = <strong>-</strong> <var>PositiveNumber</var>
+          <em>o</em> <var>PositiveNumber</var>
+<var>PositiveNumber</var> = DecimalNumber
+              <em>o</em> <var>DecimalNumber</var> <strong>.</strong> <var>Digits</var>
+              <em>o</em> <var>DecimalNumber</var> <strong>.</strong> <var>Digits</var> <var>ExponentPart</var>
+              <em>o</em> <var>DecimalNumber</var> <var>ExponentPart</var>
+<var>DecimalNumber</var> = <strong>0</strong>
+             <em>o</em> <var>OneToNine</var> <var>Digits</var>
+<var>ExponentPart</var> = <strong>e</strong> <var>Exponent</var>
+            <em>o</em> <strong>E</strong> <var>Exponent</var>
+<var>Exponent</var> = <var>Digits</var>
+        <em>o</em> <strong>+</strong> <var>Digits</var>
+        <em>o</em> <strong>-</strong> <var>Digits</var>
+<var>Digits</var> = <var>Digit</var>
+      <em>o</em> <var>Digits</var> <var>Digit</var>
+<var>Digit</var> = <strong>0</strong> through <strong>9</strong>
+<var>OneToNine</var> = <strong>1</strong> through <strong>9</strong>
+
+<var>JSONString</var> = <strong>""</strong>
+          <em>o</em> <strong>"</strong> <var>StringCharacters</var> <strong>"</strong>
+<var>StringCharacters</var> = <var>StringCharacter</var>
+                <em>o</em> <var>StringCharacters</var> <var>StringCharacter</var>
+<var>StringCharacter</var> = qualsevol caràcter excepte
+                  <strong>"</strong> <em>o</em> <strong>\</strong> <em>o</em> U+0000 fins a U+001F
+               <em>o</em> <var>EscapeSequence</var>
+<var>EscapeSequence</var> = <strong>\"</strong> <em>o</em> <strong>\/</strong> <em>o</em> <strong>\\</strong> <em>o</em> <strong>\b</strong> <em>o</em> <strong>\f</strong> <em>o</em> <strong>\n</strong> <em>o</em> <strong>\r</strong> <em>o</em> <strong>\t</strong>
+              <em>o</em> <strong>\u</strong> <var>HexDigit</var> <var>HexDigit</var> <var>HexDigit</var> <var>HexDigit</var>
+<var>HexDigit</var> = <strong>0</strong> fins a <strong>9</strong>
+        <em>o</em> <strong>A</strong> fins a <strong>F</strong>
+        <em>o</em> <strong>a</strong> fins a <strong>f</strong>
+
+<var>JSONObject</var> = <strong>{</strong> <strong>}</strong>
+          <em>o</em> <strong>{</strong> <var>Members</var> <strong>}</strong>
+<var>Members</var> = <var>JSONString</var> <strong>:</strong> <var>JSON</var>
+       <em>o</em> <var>Members</var> <strong>,</strong> <var>JSONString</var> <strong>:</strong> <var>JSON</var>
+
+<var>JSONArray</var> = <strong>[</strong> <strong>]</strong>
+         <em>o</em> <strong>[</strong> <var>ArrayElements</var> <strong>]</strong>
+<var>ArrayElements</var> = <var>JSON</var>
+             <em>o</em> <var>ArrayElements</var> <strong>,</strong> <var>JSON</var>
+</pre>
+
+<p>Pot haver-hi espais en blanc sense significat a qualsevol lloc excepte dins un<code><var> JSONNumber</var></code> (el nombres no poden contenir espais) o <code><var>JSONString</var></code> (on s'interpreta com el caràcter corrsponen dins l'string, o causaria un error). Els caràcters tabulador (<a href="http://unicode-table.com/en/0009/">U+0009</a>), retorn de carro (<a href="http://unicode-table.com/en/000D/">U+000D</a>), nova línia (<a href="http://unicode-table.com/en/000A/">U+000A</a>), i l'espai (<a href="http://unicode-table.com/en/0020/">U+0020</a>) són els únics caràcters d'espai en blanc acceptats.</p>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("JSON.parse()")}}</dt>
+ <dd>Interpreta una string com a JSON, opcionalment transforma el valor produït i les seves propietats, i retorna el valor.</dd>
+ <dt>{{jsxref("JSON.stringify()")}}</dt>
+ <dd>Retorna un JSON string corresponent al valor especificat, opcionalment només inclou determinades propietats o reemplaça el valor de propietats tal i com defineixi l'usuari.</dd>
+</dl>
+
+<h2 id="Polyfill" name="Polyfill">Polyfill</h2>
+
+<p>L'objecte <code>JSON</code> no és suportat a navegadors antics. Aquest problema pot solventar-se insertant el codi següent al principi dels scripts, permetent l'ús de l'objecte <code>JSON</code> en implementacions on no hi ha suport natiu (com ara Internet Explorer 6).</p>
+
+<p>El següent algorisme emula l'objecte <code>JSON</code> natiu:</p>
+
+<pre class="brush: js">if (!window.JSON) {
+  window.JSON = {
+    parse: function(sJSON) { return eval('(' + sJSON + ')'); },
+    stringify: (function () {
+      var toString = Object.prototype.toString;
+      var isArray = Array.isArray || function (a) { return toString.call(a) === '[object Array]'; };
+      var escMap = {'"': '\\"', '\\': '\\\\', '\b': '\\b', '\f': '\\f', '\n': '\\n', '\r': '\\r', '\t': '\\t'};
+      var escFunc = function (m) { return escMap[m] || '\\u' + (m.charCodeAt(0) + 0x10000).toString(16).substr(1); };
+      var escRE = /[\\"\u0000-\u001F\u2028\u2029]/g;
+      return function stringify(value) {
+        if (value == null) {
+          return 'null';
+        } else if (typeof value === 'number') {
+          return isFinite(value) ? value.toString() : 'null';
+        } else if (typeof value === 'boolean') {
+          return value.toString();
+        } else if (typeof value === 'object') {
+          if (typeof value.toJSON === 'function') {
+            return stringify(value.toJSON());
+          } else if (isArray(value)) {
+            var res = '[';
+            for (var i = 0; i &lt; value.length; i++)
+              res += (i ? ', ' : '') + stringify(value[i]);
+            return res + ']';
+          } else if (toString.call(value) === '[object Object]') {
+            var tmp = [];
+            for (var k in value) {
+              if (value.hasOwnProperty(k))
+                tmp.push(stringify(k) + ': ' + stringify(value[k]));
+            }
+            return '{' + tmp.join(', ') + '}';
+          }
+        }
+        return '"' + value.toString().replace(escRE, escFunc) + '"';
+      };
+    })()
+  };
+}
+</pre>
+
+<p>Dos <a class="external" href="http://remysharp.com/2010/10/08/what-is-a-polyfill/">polyfills</a> complexos coneguts per a l'objecte <code>JSON</code> són <a class="link-https" href="https://github.com/douglascrockford/JSON-js">JSON2</a> i <a class="external" href="http://bestiejs.github.com/json3">JSON3</a>.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.12', 'JSON')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-json-object', 'JSON')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>{{CompatIE("8.0")}}</td>
+   <td>{{CompatOpera("10.5")}}</td>
+   <td>{{CompatSafari("4.0")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>Basat en la <a class="external" href="http://kangax.github.com/es5-compat-table/">taula de compatibilitat de Kangax</a>.</p>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Date.prototype.toJSON()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/clear/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/clear/index.html
new file mode 100644
index 0000000000..f29cc93eef
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/clear/index.html
@@ -0,0 +1,104 @@
+---
+title: Map.prototype.clear()
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/clear
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/clear
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>clear()</strong></code> esborra tots els elements d'un objecte de tipus <code>Map</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>myMap</em>.clear();</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_clear">Utilitzar el mètode <code>clear</code></h3>
+
+<pre class="brush: js">var myMap = new Map();
+myMap.set("bar", "baz");
+myMap.set(1, "foo");
+
+myMap.size;       // 2
+myMap.has("bar"); // true
+
+myMap.clear();
+
+myMap.size;       // 0
+myMap.has("bar")  // false
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype.clear', 'Map.prototype.clear')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("19.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("19.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/delete/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/delete/index.html
new file mode 100644
index 0000000000..01c1b2cf28
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/delete/index.html
@@ -0,0 +1,109 @@
+---
+title: Map.prototype.delete()
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/delete
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/delete
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>delete()</strong></code> elimina l'element especificat de l'objecte <code>Map.</code></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="brush: js">myMap.delete(clau);</pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>clau</dt>
+ <dd>Necessari. La clau de l'element a eliminar de l'objecte <code>Map.</code></dd>
+</dl>
+
+<h3 id="valor_Return">valor Return</h3>
+
+<p>Retorna <code>true</code> si un element de l'objecte <code>Map </code>s'ha eleminat amb èxit.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_delete">Utilitzar el mètode <code>delete</code></h3>
+
+<pre class="brush: js">var myMap = new Map();
+myMap.set("bar", "foo");
+
+myMap.delete("bar"); // Retorna true. Eliminat satisfactòriament.
+myMap.has("bar");    // Retorna false. L'element "bar" ja no és present.
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype.delete', 'Map.prototype.delete')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("13.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("13.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/entries/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/entries/index.html
new file mode 100644
index 0000000000..d5f6942695
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/entries/index.html
@@ -0,0 +1,104 @@
+---
+title: Map.prototype.entries()
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/entries
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/entries
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>entries()</strong></code>retorna un nou objecte <code><strong>Iterator</strong></code> que conté la parella <code>[clau, valor]</code> per cadascun dels elements de l'objecte <code>Map</code> en l'ordre d'inserció.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>myMap</em>.entries()</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_entries()">Utilitzar <code>entries()</code></h3>
+
+<pre class="brush:js">var myMap = new Map();
+myMap.set("0", "foo");
+myMap.set(1, "bar");
+myMap.set({}, "baz");
+
+var mapIter = myMap.entries();
+
+console.log(mapIter.next().value); // ["0", "foo"]
+console.log(mapIter.next().value); // [1, "bar"]
+console.log(mapIter.next().value); // [Object, "baz"]
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype.entries', 'Map.prototype.entries')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{ CompatGeckoDesktop("20") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("20")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map.prototype.keys()")}}</li>
+ <li>{{jsxref("Map.prototype.values()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/foreach/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/foreach/index.html
new file mode 100644
index 0000000000..7097bbee3d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/foreach/index.html
@@ -0,0 +1,136 @@
+---
+title: Map.prototype.forEach()
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/forEach
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/forEach
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>forEach()</strong></code> executa la funció proporcionada un cop epr cada parell clau/valor dins l'objecte <code>Map</code>, seguint l'ordre en el que han estat inserits.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>myMap</em>.forEach(<em>callback</em>[, <em>thisArg</em>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>callback</code></dt>
+ <dd>Funció a executar per a cada element.</dd>
+ <dt><code>thisArg</code></dt>
+ <dd>Valor a utilitzar com a <code>this</code> mentre s'estigui executant executing <code>callback</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>forEach</code> executa la funció <code>callback</code>  proporcionada un cop per a cada clau que existeixi dins el mapa. No s'invocarà la funció per a claus que hagin estat esborrades. Tanmateix si que s'executarà per a valors amb clau present però que el seu valor sigui <code>undefined</code>.</p>
+
+<p><code>callback</code> s'invocarà amb <strong>tres</strong><strong> arguments</strong>:</p>
+
+<ul>
+ <li>el <strong>valor de l'element</strong></li>
+ <li>la <strong>clau de l'element</strong></li>
+ <li>l'<strong>objecte </strong><strong><code>Map</code> que s'està recorrent</strong></li>
+</ul>
+
+<p>Si es proporciona el paràmetre <code>thisArg</code> a la crida de <code>forEach</code>, aquest es passarà a <code>callback</code> quan s'invoqui per a ser utilitzat com a <code>this</code> dins la funció.  En qualsevol altre cas el valor que rebrà <code>this</code> dins la funció <code>callback</code> serà <code>undefined</code>. El valor de <code>this</code> que serà finalment observable dins de <code>callback</code> és determinat d'acord a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this">les regles habituals per a determinar el valor de <code>this</code> observat dins d'una funció</a>.</p>
+
+<p>Cada valor serà visitat un cop, a no ser que hagi estat eliminat o tornar a afegir abans que el mètode <code>forEach</code> acabi. No s'invocarà <code>callback</code> per a valors eliminats abans de ser visitats. Si que es visitaran, però, valors nous afegits abans <code>forEach</code> no hagi acabat.</p>
+
+<p><code>forEach</code> executa la funció <code>callback</code> un cop per cada element de l'objecte <code>Map</code>; no retorna cap valor.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Mostrar_els_continguts_d'un_objecte_Map">Mostrar els continguts d'un objecte <code>Map</code></h3>
+
+<p>El codi següent mostra una línia per cada element d'un objecte <code>Map</code>:</p>
+
+<pre class="brush:js">function logMapElements(value, key, map) {
+    console.log("m[" + key + "] = " + value);
+}
+Map([["foo", 3], ["bar", {}], ["baz", undefined]]).forEach(logMapElements);
+// mostra:
+// "m[foo] = 3"
+// "m[bar] = [object Object]"
+// "m[baz] = undefined"
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype.foreach', 'Map.prototype.forEach')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-map.prototype.foreach', 'Map.prototype.forEach')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("25.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("25.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.forEach()")}}</li>
+ <li>{{jsxref("Set.prototype.forEach()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/get/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/get/index.html
new file mode 100644
index 0000000000..ec345df059
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/get/index.html
@@ -0,0 +1,116 @@
+---
+title: Map.prototype.get()
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/get
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/get
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>get()</strong></code> retorna l'element especifciat d'un objecte <code>Map</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>myMap</em>.get(clau);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>clau</dt>
+ <dd>Obligatori. La clau de l'element a retorna de l'objecte <code>Map</code>.</dd>
+</dl>
+
+<h3 id="Valor_a_retornar">Valor a retornar</h3>
+
+<p>Retorna l'element associat a la clau especificada o bé <code>undefined</code> si no s'ha pogut trobar la clau dins l'objecte <code>Map</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_get">Utilitzar el mètode <code>get</code></h3>
+
+<pre class="brush: js">var myMap = new Map();
+myMap.set("bar", "foo");
+
+myMap.get("bar");  // Retorna "foo".
+myMap.get("baz");  // Retorna undefined.
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype.get', 'Map.prototype.get')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-map.prototype.get', 'Map.prototype.get')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("13.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("13.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map")}}</li>
+ <li>{{jsxref("Map.prototype.set()")}}</li>
+ <li>{{jsxref("Map.prototype.has()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/has/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/has/index.html
new file mode 100644
index 0000000000..d0ce1bec54
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/has/index.html
@@ -0,0 +1,114 @@
+---
+title: Map.prototype.has()
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/has
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/has
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>has()</strong></code> retorna un booleà que indica si existeix un element amb la clau especificada o no.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>myMap</em>.has(clau);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>clau</dt>
+ <dd>Obligatori. La clau de l'element que es comprovarà si existeix o no dins l'objecte <code>Map</code>.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<dl>
+ <dt>Booleà</dt>
+ <dd>Retorna <code>true</code> si existeix un element amb la clau proporcionada dins l'objecte <code>Map</code>; retorna <code>false</code> en qualsevol altre cas.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_has">Utilitzar el mètode <code>has</code></h3>
+
+<pre class="brush: js">var myMap = new Map();
+myMap.set("bar", "foo");
+
+myMap.has("bar");  // retorn true
+myMap.has("baz");  // retorn false
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype.has', 'Map.prototype.has')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("13.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("13.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map")}}</li>
+ <li>{{jsxref("Map.prototype.set()")}}</li>
+ <li>{{jsxref("Map.prototype.get()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/index.html
new file mode 100644
index 0000000000..8e2bb647bd
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/index.html
@@ -0,0 +1,385 @@
+---
+title: Map
+slug: Web/JavaScript/Referencia/Objectes_globals/Map
+translation_of: Web/JavaScript/Reference/Global_Objects/Map
+---
+<div>{{JSRef("Global_Objects", "Map")}}</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>L'objecte <strong><code>Map</code></strong> és un simple mapa de parelles clau/valor. Qualsevol valor (tant objectes com {{Glossary("Primitive", "primitive values")}}) poden fer-se servir tant com a clau com a valor.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>new Map([iterable])
+</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>iterable</code></dt>
+ <dd>Iterable és un Array o un altre objecte iterable els quals els seus elements són parelles clau/valor (Arrays de 2 elements). Cada parella clau/valor serà afegida al nou mapa. nul és tracta com a indefinit.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Un objecte Map pot iterar els seus elements en ordre d'inserció - un bucle <code>for..of</code> retornarà un array de <code>[key, value]</code> per cada iteració.</p>
+
+<h3 id="Igualtat_de_claus">Igualtat de claus</h3>
+
+<p>La igualtat de claus es basa en l'algorisme "mateix valor": <code>NaN</code> es considera igual a <code>NaN</code> (tot i que <code>NaN !== NaN</code>) i tots els altres valors es consideren iguals d'acord amb la semàntica de l'operador <code>===</code>. En versions anteriors a l'esborrany de l'ECMAScript 6 <code>-0</code> i <code>+0</code> es consideraven diferents (tot i que <code>-0 === +0</code>), aquest comportament s'ha canviat en versions posteriors i ha sigut adaptat al {{geckoRelease("29")}} ({{bug("952870")}}) i una <a href="https://code.google.com/p/v8/issues/detail?id=3069">versió diària de Chrome</a>.</p>
+
+<h3 id="Comparació_d'objectes_amb_mapes">Comparació d'objectes amb mapes</h3>
+
+<p>Els {{jsxref("Object", "Objects")}} son similars als <code>Maps</code> en el sentit que tots dos permeten assignar valors a claus, obtenir aquests valors, esborrar claus i detectar si una clau té un valor assignat o no. Degut a això, històricament s'han fet anar <code>Objects</code> com a <code>Maps</code>; tot i això existeixen diferències importants entre <code>Objects</code> i <code>Maps</code> que fan que l'ús de <code>Map</code> sigui millor.</p>
+
+<ul>
+ <li>Un <code>Object</code> té un prototipus, això implica que hi haurà algunes claus definides inicialment. Aquest problem es pot adreçar utilitzant <code>map = Object.create(null)</code>.</li>
+ <li>Les claus d'un <code>Object</code> són {{jsxref("String", "Strings")}}, mentre que les claus d'un <code>Map</code> poden ser de qualsevol tipus.</li>
+ <li>És fàcil obtindre el tamany d'un <code>Map</code> mentre que el tamany d'un <code>Object</code> ha de ser calculat manualment.</li>
+</ul>
+
+<p>Utilitzeu mapes en comptes d'objejctes quan les claus no se sàpiguin en temps d'execució, o bé quan totes les claus o els valors siguin del mateix tipus.</p>
+
+<p>Utilitzeu objectes quan hi hagi una lògica que operi els elements individualment.</p>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<dl>
+ <dt><code>Map.length</code></dt>
+ <dd>El valor de la propietat <code>length</code> és 1.</dd>
+ <dt>{{jsxref("Map.prototype")}}</dt>
+ <dd>Representa el prototipus pel constructor <code>Map</code>. Permet afegir propietats a tots els objectes de tipus <code>Map</code>.</dd>
+</dl>
+
+<h2 id="Boolean_instances" name="Boolean_instances">Instàncies de <code>Map</code></h2>
+
+<p>Totes les instàncies de <code>Map</code> hereten de {{jsxref("Map.prototype")}}.</p>
+
+<h3 id="Propietats">Propietats</h3>
+
+<p>{{page('ca/Web/JavaScript/Reference/Global_Objects/Map/prototype','Propietats')}}</p>
+
+<h3 id="Mètodes">Mètodes</h3>
+
+<p>{{page('ca/Web/JavaScript/Reference/Global_Objects/Map/prototype','Mètodes')}}</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_Utilitzar_l'objecte_Map">Exemple: Utilitzar l'objecte <code>Map</code></h3>
+
+<pre class="brush: js">var myMap = new Map();
+
+var keyObj = {},
+    keyFunc = function () {},
+    keyString = "a string";
+
+// preparar els valors
+myMap.set(keyString, "valor associat a amb 'un string'");
+myMap.set(keyObj, "valor associat amb keyObj");
+myMap.set(keyFunc, "valor associat amb with keyFunc");
+
+myMap.size; // 3
+
+// obtenir els valors
+myMap.get(keyString);    // "valor associat amb 'un string'"
+myMap.get(keyObj);       // "valor associat amb keyObj"
+myMap.get(keyFunc);      // "valor associat amb keyFunc"
+
+myMap.get("a string");   // "valor associat amb 'un string'"
+                         // com que keyString === 'un string'
+myMap.get({});           // undefined, perquè keyObj !== {}
+myMap.get(function() {}) // undefined, perquè keyFunc !== function () {}
+</pre>
+
+<h3 id="Exemple_Utilitzar_NaN_com_a_claus_en_un_Map">Exemple: Utilitzar <code>NaN</code> com a claus en un <code>Map</code></h3>
+
+<p><code>NaN</code> també pot emprar-se com a clau. Tot i que <code>NaN</code> no és igual a si mateix (<code>NaN !== NaN</code> és cert), l'exemple següent funciona perquè els <code>NaN</code>s són indistinguibles entre ells:</p>
+
+<pre class="brush: js">var myMap = new Map();
+myMap.set(NaN, "no un nombre");
+
+myMap.get(NaN); // "no un nombre"
+
+var altreNaN = Number("foo");
+myMap.get(altreNaN); // "no un nombre"
+</pre>
+
+<h3 id="Exemple_Iterar_Maps_amb_for..of">Exemple: Iterar <code>Maps</code> amb <code>for..of</code></h3>
+
+<p>Els mapes es poden iterar fent servir un bucle <code>for..of</code> :</p>
+
+<pre class="brush: js">var myMap = new Map();
+myMap.set(0, "zero");
+myMap.set(1, "un");
+for (var [key, value] of myMap) {
+  alert(key + " = " + value);
+}
+// Mostrarà 2 alertes; el primer amb "0 = zero" i el segon amb "1 = one"
+
+for (var key of myMap.keys()) {
+  alert(key);
+}
+// Mostrarà 2 alertes; el primer amb "0" i el segon amb "1"
+
+for (var value of myMap.values()) {
+  alert(value);
+}
+// Mostrarà 2 alertes; el primer amb "zero" i el segon amb "un"
+
+for (var [key, value] of myMap.entries()) {
+  alert(key + " = " + value);
+}
+// Mostrarà 2 alertes; el primer amb "0 = zero" i el segon amb "1 = un"
+
+myMap.forEach(function(value, key) {
+  alert(key + " = " + value);
+}, myMap)
+// Mostrarà 2 alertes; el primer amb "0 = zero" i el segon amb "1 = un"
+</pre>
+
+<h3 id="Exemple_Relació_amb_els_objectes_Array">Exemple: Relació amb els objectes <code>Array</code></h3>
+
+<pre class="brush: js">var kvArray = [["clau1", "valor1"], ["clau2", "valor2"]];
+
+// Utilitzeu el constructor de Map normal per a transformar un Array 2D clau-valor en un mapa
+var myMap = new Map(kvArray);
+
+myMap.get("valor1"); // retorna "valor1"
+
+// Utilitzeu l'operador spread per a transformar un mapa en un Array 2D clau-valor.
+alert(uneval([...myMap])); // Mostrarà exactament el mateix Array que kvArray
+
+// O bé utilitzeu l'operador spread a l'iterador de les claus o els valor per a obtenir
+// un array de només les claus o els valors
+alert(uneval([...myMap.keys()])); // Mostrarà ["clau1", "clau2"]
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map-objects', 'Map')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>
+    <p>{{ CompatChrome(31) }} <a href="#chrome-specific-note-1">[1]</a><br>
+     {{ CompatChrome(38) }}</p>
+   </td>
+   <td>{{ CompatGeckoDesktop("13") }}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td>Argument del constructor: <code>new Map(iterable)</code></td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{ CompatGeckoDesktop("13") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>25</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+  <tr>
+   <td>iterable</td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{ CompatGeckoDesktop("17") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td><code>Map.clear()</code></td>
+   <td>{{ CompatChrome(31) }} <a href="#chrome-specific-note-1">[1]</a><br>
+    {{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoDesktop("19")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td><code>Map.keys(), Map.values(), Map.entries()</code></td>
+   <td>{{ CompatChrome(37) }} <a href="#chrome-specific-note-1">[1]</a><br>
+    {{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoDesktop("20")}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td><code>Map.forEach()</code></td>
+   <td>{{ CompatChrome(36) }} <a href="#chrome-specific-note-1">[1]</a><br>
+    {{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td>Igualtat de claus per a -0 i 0</td>
+   <td>{{ CompatChrome(34) }} <a href="#chrome-specific-note-1">[1]</a><br>
+    {{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoDesktop("29")}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>25</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+  <tr>
+   <td>Argument del constructor: <code>new Map(null)</code></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{CompatGeckoDesktop("37")}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>Monkey-patched <code>set()</code> al Constructor</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{CompatGeckoDesktop("37")}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatChrome(31) }} <a href="#chrome-specific-note-1">[1]</a><br>
+    {{ CompatChrome(38) }}</td>
+   <td>{{ CompatGeckoMobile("13") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>iOS 8</td>
+  </tr>
+  <tr>
+   <td>Argument del constructor: <code>new Map(iterable)</code></td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{ CompatGeckoMobile("13") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo }}</td>
+  </tr>
+  <tr>
+   <td>iterable</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatGeckoMobile("17") }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>iOS 8</td>
+  </tr>
+  <tr>
+   <td><code>Map.clear()</code></td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatChrome(31) }} <a href="#chrome-specific-note-1">[1]</a><br>
+    {{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoMobile("19")}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>iOS 8</td>
+  </tr>
+  <tr>
+   <td><code>Map.keys(), Map.values(), Map.entries()</code></td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatChrome(37) }} <a href="#chrome-specific-note-1">[1]</a><br>
+    {{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoMobile("20")}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>iOS 8</td>
+  </tr>
+  <tr>
+   <td><code>Map.forEach()</code></td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatChrome(36) }} <a href="#chrome-specific-note-1">[1]</a><br>
+    {{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>iOS 8</td>
+  </tr>
+  <tr>
+   <td>Igualtat per a -0 i 0</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatChrome(34) }} <a href="#chrome-specific-note-1">[1]</a><br>
+    {{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoMobile("29")}}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+   <td>{{ CompatNo() }}</td>
+  </tr>
+  <tr>
+   <td>Argument del constructor: <code>new Map(null)</code></td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{CompatGeckoMobile("37")}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+  <tr>
+   <td>Monkey-patched <code>set()</code> al Constructor</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{CompatGeckoMobile("37")}}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+   <td>{{ CompatUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p><a name="chrome-specific-note-1">[1]</a> The feature is available behind a preference. In <code>chrome://flags</code>, activate the entry “Enable Experimental JavaScript”.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=697479">Bug a Map i Set a Mozilla</a></li>
+ <li><a class="external" href="http://wiki.ecmascript.org/doku.php?id=harmony:simple_maps_and_sets">Proposta de ECMAScript Harmony</a></li>
+ <li>{{jsxref("Set")}}</li>
+ <li>{{jsxref("WeakMap")}}</li>
+ <li>{{jsxref("WeakSet")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/keys/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/keys/index.html
new file mode 100644
index 0000000000..47c975a891
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/keys/index.html
@@ -0,0 +1,104 @@
+---
+title: Map.prototype.keys()
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/keys
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/keys
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>keys()</strong></code> retorna un nou objecte <code><strong>Iterator</strong></code> que conté les claus per cadascún dels elements de l'objecte <code>Map</code> en l'ordre d'insersió.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>myMap</em>.keys()</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_keys()">Utilitzar <code>keys()</code></h3>
+
+<pre class="brush:js">var myMap = new Map();
+myMap.set("0", "foo");
+myMap.set(1, "bar");
+myMap.set({}, "baz");
+
+var mapIter = myMap.keys();
+
+console.log(mapIter.next().value); // "0"
+console.log(mapIter.next().value); // 1
+console.log(mapIter.next().value); // Objecte
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype.keys', 'Map.prototype.keys')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("20")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("20") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map.prototype.entries()")}}</li>
+ <li>{{jsxref("Map.prototype.values()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/prototype/index.html
new file mode 100644
index 0000000000..86d4a18c50
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/prototype/index.html
@@ -0,0 +1,125 @@
+---
+title: Map.prototype
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/Map
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>Map</strong></code><strong><code>.prototype</code></strong> representa el prototipus per al constructor de {{jsxref("Map")}}.</p>
+
+<div>{{js_property_attributes(0,0,0)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Les instàncies de {{jsxref("Map")}} hereten de {{jsxref("Map.prototype")}}. Es pot utilitzar el prototipus de l'objecte constructor per a afegir propietats o mètodes a totes les instàncies de <code>Map</code>.</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>Map.prototype.constructor</code></dt>
+ <dd>Retorna la funció que ha creat el una instància del prototipus. Per defecte és la funció {{jsxref("Map")}}.</dd>
+ <dt>{{jsxref("Map.prototype.size")}}</dt>
+ <dd>Retorna el nombre de parells clau-valor que conté l'objecte <code>Map</code>.</dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("Map.prototype.clear()")}}</dt>
+ <dd>Elimina tots els parells clau-valor de l'objecte <code>Map</code>.</dd>
+ <dt>{{jsxref("Map.delete", "Map.prototype.delete(clau)")}}</dt>
+ <dd>Elimina el valor associat a la clau especificada i retorna el valor que el mètode <code>Map.prototype.has(valor)</code> hagués retornat abans d'eliminar-lo. <code>Map.prototype.has(clau)</code> retornarà <code>false</code> després de cridar aquest mètode.</dd>
+ <dt>{{jsxref("Map.prototype.entries()")}}</dt>
+ <dd>Retorna un nou objecte <code>Iterator</code> que conté<strong> un array de <code>[clau, valor]</code></strong> per a cada element dins l'objecte <code>Map</code>, en estricte ordre d'inserció.</dd>
+ <dt>{{jsxref("Map.forEach", "Map.prototype.forEach(callbackFn[, thisArg])")}}</dt>
+ <dd>Crida <code>callbackFn</code> per a cada parell clau-valor present a l'objecte <code>Map</code>, recorreguts per ordre d'inserció. Si es proporciona el paràmetre <code>thisArg</code>, aquest s'utilitzarà com a valor de <em>this</em> per a cada crida a <code>callbackFn</code>.</dd>
+ <dt>{{jsxref("Map.get", "Map.prototype.get(clau)")}}</dt>
+ <dd>Retorna el valor associat a la clau, o bé <code>undefined</code> si aquesta clau no té cap valor associat.</dd>
+ <dt>{{jsxref("Map.has", "Map.prototype.has(clau)")}}</dt>
+ <dd>Retorna un booleà que especifica si la clau té un valor associat en aquest objecte <code>Map</code> o no.</dd>
+ <dt>{{jsxref("Map.prototype.keys()")}}</dt>
+ <dd>Retorna un nou objecte <code>Iterator</code> que conté les <strong>claus</strong> de cada element de l'objecte <code>Map</code>, en ordre d'inserció.</dd>
+ <dt>{{jsxref("Map.set", "Map.prototype.set(clau, valor)")}}</dt>
+ <dd>Assigna <code>valor</code> a la <code>clau</code> a l'objecte <code>Map</code>. Retorna l'objecte <code>Map</code>.</dd>
+ <dt>{{jsxref("Map.prototype.values()")}}</dt>
+ <dd>Retorna un nou objecte <code>Iterator</code> que conté els <code>valors</code> de cada element de l'objecte <code>Map</code>, en ordre d'inserció.</dd>
+ <dt>{{jsxref("Map.@@iterator", "Map.prototype[@@iterator]()")}}</dt>
+ <dd>Retorna un nou objecte <code>Iterator</code> que conté <strong>un array de <code>[clau, valor]</code></strong> per a cada element de l'objecte <code>Map</code>, en ordre d'inserció.</dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype', 'Map.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{ CompatGeckoDesktop("13") }}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("13")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>
+    <p>8</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Set.prototype")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/set/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/set/index.html
new file mode 100644
index 0000000000..3b77060831
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/set/index.html
@@ -0,0 +1,122 @@
+---
+title: Map.prototype.set()
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/set
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/set
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>set()</strong></code> afegeig un nou element amb la <code>clau</code> i el <code>valor</code> especificats a un objecte de tipus <code>Map</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>myMap</em>.set(clau, valor);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>clau</dt>
+ <dd>Obligatori. La clau de l'element a afegir a l'objecte <code>Map</code>.</dd>
+ <dt>valor</dt>
+ <dd>Obligatori. El valor de l'element a afegir a l'objecte <code>Map</code>.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>L'objecte <code>Map</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_set">Utilitzar el mètode <code>set</code></h3>
+
+<pre class="brush: js">var myMap = new Map();
+
+// Afegim nous elements al mapa
+myMap.set("bar", "foo");
+myMap.set(1, "foobar");
+
+// Actualitzem un element amb una clau ja existent al mapa
+myMap.set("bar", "fuuu");
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype.set', 'Map.prototype.set')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("13.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("13.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_sobre_compatibilitat">Notes sobre compatibilitat</h2>
+
+<ul>
+ <li>Abans del Firefox 33 {{geckoRelease("33")}}, <code>Map.prototype.set</code> retornava <code>undefined</code> i en conseqüència no permitia la crida encadenada. Aquest problema va ser solucionat ({{bug(1031632)}}). Aquest comportament també es pot observar al Chrome/v8 (<a href="https://code.google.com/p/v8/issues/detail?id=3410">problema</a>).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map")}}</li>
+ <li>{{jsxref("Map.prototype.get()")}}</li>
+ <li>{{jsxref("Map.prototype.has()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/size/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/size/index.html
new file mode 100644
index 0000000000..aa70c7d84b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/size/index.html
@@ -0,0 +1,105 @@
+---
+title: Map.prototype.size
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/size
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/size
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat d'accés <code><strong>size</strong></code> retorna el número d'elements en un objecte {{jsxref("Map")}}.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El valor de <code>size</code> és un nombre sencer que representa quantes entrades té l'objecte <code>Map.</code> Una funció d'accés establerta per <code>size</code> és <code>undefined</code>; aquesta propietat no es pot canviar.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_size">Utilitzar <code>size</code></h3>
+
+<pre class="brush:js">var myMap = new Map();
+myMap.set("a", "alpha");
+myMap.set("b", "beta");
+myMap.set("g", "gamma");
+
+myMap.size // 3
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-get-map.prototype.size', 'Map.prototype.size')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>38</td>
+   <td>{{ CompatGeckoDesktop("19") }}</td>
+   <td>{{ CompatIE("11") }}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("19")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_específiques_de_Gecko">Notes específiques de Gecko</h2>
+
+<ul>
+ <li>A partir de Gecko 13 {{geckoRelease("13")}} fins Gecko 18 {{geckoRelease("18")}} la propietat size era implementada com un mètode <strong><code>Map.prototype.size()</code></strong>, aquesta s'ha canviat a una propietat en versions posteriors conforme l'especificació d'ECMAScript 6 ({{bug("807001")}}).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/map/values/index.html b/files/ca/web/javascript/referencia/objectes_globals/map/values/index.html
new file mode 100644
index 0000000000..f1b23be7e7
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/map/values/index.html
@@ -0,0 +1,103 @@
+---
+title: Map.prototype.values()
+slug: Web/JavaScript/Referencia/Objectes_globals/Map/values
+translation_of: Web/JavaScript/Reference/Global_Objects/Map/values
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>values()</strong></code> retorna un nou objecte <strong><a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators">Iterator</a></strong> que conté els valor per cadascún dels elements de l'objecte <code>Map</code> en l'ordre d'inserció.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>myMap</em>.values()</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_values()">Utilitzar <code>values()</code></h3>
+
+<pre class="brush:js">var myMap = new Map();
+myMap.set("0", "foo");
+myMap.set(1, "bar");
+myMap.set({}, "baz");
+
+var mapIter = myMap.values();
+
+console.log(mapIter.next().value); // "foo"
+console.log(mapIter.next().value); // "bar"
+console.log(mapIter.next().value); // "baz"</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-map.prototype.values', 'Map.prototype.values')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{ CompatGeckoDesktop("20") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{ CompatGeckoMobile("20") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map.prototype.entries()")}}</li>
+ <li>{{jsxref("Map.prototype.keys()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/abs/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/abs/index.html
new file mode 100644
index 0000000000..34d3e5beb9
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/abs/index.html
@@ -0,0 +1,129 @@
+---
+title: Math.abs()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/abs
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/abs
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La funció <strong><code>Math.abs()</code></strong> retorna el valor absolut d'un nombre. És a dir:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.abs</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mrow><mo stretchy="false">|</mo><mi>x</mi><mo stretchy="false">|</mo></mrow><mo>=</mo><mrow><mo>{</mo><mtable columnalign="left left"><mtr><mtd><mi>x</mi></mtd><mtd><mtext>if</mtext><mspace width="1em"></mspace><mi>x</mi><mo>&gt;</mo><mn>0</mn></mtd></mtr><mtr><mtd><mi>0</mi></mtd><mtd><mtext>if</mtext><mspace width="1em"></mspace><mi>x</mi><mo>=</mo><mn>0</mn></mtd></mtr><mtr><mtd><mo>-</mo><mi>x</mi></mtd><mtd><mtext>if</mtext><mspace width="1em"></mspace><mi>x</mi><mo>&lt;</mo><mn>0</mn></mtd></mtr></mtable></mrow></mrow><annotation encoding="TeX">{\mathtt{\operatorname{Math.abs}(x)}} = {|x|} = \begin{cases} x &amp; \text{if} \quad x \geq 0 \\ -x &amp; \text{if} \quad x &lt; 0 \end{cases} </annotation></semantics></math></p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.abs(<var>x</var>)</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Degut a que <code>abs()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.abs()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Math.abs_behavior" name="Example:_Math.abs_behavior">Exemple: Comportament de <code>Math.abs()</code></h3>
+
+<p>Si li passem una string no numèric o bé una variable {{jsxref("undefined")}}/buida retorna {{jsxref("NaN")}}. Passar {{jsxref("null")}} retorna 0.</p>
+
+<pre class="brush: js">Math.abs('-1');     // 1
+Math.abs(-2);       // 2
+Math.abs(null);     // 0
+Math.abs('string'); // NaN
+Math.abs();         // NaN
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.1', 'Math.abs')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.abs', 'Math.abs')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.ceil()")}}</li>
+ <li>{{jsxref("Math.floor()")}}</li>
+ <li>{{jsxref("Math.round()")}}</li>
+ <li>{{jsxref("Math.sign()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.trunc()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/acos/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/acos/index.html
new file mode 100644
index 0000000000..fdf781a4e2
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/acos/index.html
@@ -0,0 +1,131 @@
+---
+title: Math.acos()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/acos
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/acos
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La funció <strong><code>Math.acos()</code></strong> retorna l'arccosinus (mesurat en radians) d'un nombre, és a dir:<math display="block"><semantics><mrow><mo></mo><mi>x</mi><mo>∊</mo><mo stretchy="false">[</mo><mrow><mo>-</mo><mn>1</mn></mrow><mo>;</mo><mn>1</mn><mo stretchy="false">]</mo><mo>,</mo><mspace width="thickmathspace"></mspace><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.acos</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mo lspace="0em" rspace="0em">arccos</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mtext> l'únic </mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mo>∊</mo><mo stretchy="false">[</mo><mn>0</mn><mo>;</mo><mi>π</mi><mo stretchy="false">]</mo><mspace width="thinmathspace"></mspace><mtext>tal que</mtext><mspace width="thickmathspace"></mspace><mo lspace="0em" rspace="0em">cos</mo><mo stretchy="false">(</mo><mi>y</mi><mo stretchy="false">)</mo><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\forall x \in [{-1};1],\;\mathtt{\operatorname{Math.acos}(x)} = \arccos(x) = \text{ the unique } \; y \in [0; \pi] \, \text{such that} \; \cos(y) = x</annotation></semantics></math></p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.acos(<var>x</var>)</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El mètode <code>Math.acos()</code> retorna un valor numèric entre 0 i π radians per a <code>x</code> entre -1 i 1. Si el valor de <code>x</code> està fora d'aquest rang, retorna {{jsxref("NaN")}}.</p>
+
+<p>Degut a que <code>acos()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.acos()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.acos" name="Example:_Using_Math.acos">Exemple: Utilitzar <code>Math.acos()</code></h3>
+
+<pre class="brush: js">Math.acos(-2);  // NaN
+Math.acos(-1);  // 3.141592653589793
+Math.acos(0);   // 1.5707963267948966
+Math.acos(0.5); // 1.0471975511965979
+Math.acos(1);   // 0
+Math.acos(2);   // NaN
+</pre>
+
+<p>Per a valors menors que -1 o majors que 1, <code>Math.acos()</code> retorna {{jsxref("NaN")}}.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.2', 'Math.acos')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.acos', 'Math.acos')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.asin()")}}</li>
+ <li>{{jsxref("Math.atan()")}}</li>
+ <li>{{jsxref("Math.atan2()")}}</li>
+ <li>{{jsxref("Math.cos()")}}</li>
+ <li>{{jsxref("Math.sin()")}}</li>
+ <li>{{jsxref("Math.tan()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/acosh/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/acosh/index.html
new file mode 100644
index 0000000000..edfe1dd8c0
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/acosh/index.html
@@ -0,0 +1,126 @@
+---
+title: Math.acosh()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/acosh
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/acosh
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.acosh()</code></strong> retorna l'accosinus hiperbòlic d'un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mo>∀</mo><mi>x</mi><mo>≥</mo><mn>1</mn><mo>,</mo><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.acosh</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mo lspace="0em" rspace="thinmathspace">arcosh</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mtext> l'única </mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mo>≥</mo><mn>0</mn><mspace width="thickmathspace"></mspace><mtext>tal que</mtext><mspace width="thickmathspace"></mspace><mo lspace="0em" rspace="0em">cosh</mo><mo stretchy="false">(</mo><mi>y</mi><mo stretchy="false">)</mo><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\forall x \geq 1, \mathtt{\operatorname{Math.acosh}(x)} = \operatorname{arcosh}(x) = \text{ the unique } \; y \geq 0 \; \text{such that} \; \cosh(y) = x</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.acosh(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que que <code>acosh()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.acosh()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.acosh()">Utilitzar <code>Math.acosh()</code></h3>
+
+<pre class="brush: js">Math.acosh(-1); // NaN
+Math.acosh(0);  // NaN
+Math.acosh(0.5) // NaN
+Math.acosh(1);  // 0
+Math.acosh(2);  // 1.3169578969248166
+</pre>
+
+<p><code>Math.acosh()</code> retorna {{jsxref("NaN")}} per a valors menors que 1.</p>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Per a tot <math><semantics><mrow><mi>x</mi><mo>≥</mo><mn>1</mn></mrow><annotation encoding="TeX">x \geq 1</annotation></semantics></math>, tenim que <math><semantics><mrow><mo lspace="0em" rspace="thinmathspace">arcosh</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mo lspace="0em" rspace="0em">ln</mo><mrow><mo>(</mo><mrow><mi>x</mi><mo>+</mo><msqrt><mrow><msup><mi>x</mi><mn>2</mn></msup><mo>-</mo><mn>1</mn></mrow></msqrt></mrow><mo>)</mo></mrow></mrow><annotation encoding="TeX">\operatorname {arcosh} (x) = \ln \left(x + \sqrt{x^{2} - 1} \right)</annotation></semantics></math> i, per tant, es pot emular mitjançant la funció següent:</p>
+
+<pre class="brush: js">Math.acosh = Math.acosh || function(x) {
+  return Math.log(x + Math.sqrt(x * x - 1));
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.acosh', 'Math.acosh')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.asinh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.atanh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.cosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.sinh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.tanh()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/asin/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/asin/index.html
new file mode 100644
index 0000000000..81288af5b6
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/asin/index.html
@@ -0,0 +1,133 @@
+---
+title: Math.asin()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/asin
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/asin
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La funció <strong><code>Math.asin()</code></strong> retorna l'arcsinus (en radians) d'un nombre, és a dir:</p>
+
+<p><math display="block"><semantics><mrow><mo>∀</mo><mi>x</mi><mo>∊</mo><mo stretchy="false">[</mo><mrow><mo>-</mo><mn>1</mn></mrow><mo>;</mo><mn>1</mn><mo stretchy="false">]</mo><mo>,</mo><mspace width="thickmathspace"></mspace><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.asin</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mo lspace="0em" rspace="0em">arcsin</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mtext> l'únic </mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mo>∊</mo><mrow><mo>[</mo><mrow><mo>-</mo><mfrac><mi>π</mi><mn>2</mn></mfrac><mo>;</mo><mfrac><mi>π</mi><mn>2</mn></mfrac></mrow><mo>]</mo></mrow><mspace width="thinmathspace"></mspace><mtext>tal que  </mtext><mo lspace="0em" rspace="0em">sin</mo><mo stretchy="false">(</mo><mi>y</mi><mo stretchy="false">)</mo><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\forall x \in [{-1};1],\;\mathtt{\operatorname{Math.asin}(x)} = \arcsin(x) = \text{ the unique } \; y \in \left[-\frac{\pi}{2}; \frac{\pi}{2}\right] \, \text{such that} \; \sin(y) = x</annotation></semantics></math></p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.asin(<var>x</var>)</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El mètode <code>Math.asin()</code> retorna un valor numèric entre <math><semantics><mrow><mo>-</mo><mfrac><mi>π</mi><mn>2</mn></mfrac></mrow><annotation encoding="TeX">-\frac{\pi}{2}</annotation></semantics></math> i <math><semantics><mfrac><mi>π</mi><mn>2</mn></mfrac><annotation encoding="TeX">\frac{\pi}{2}</annotation></semantics></math> radians per a <code>x</code> entre -1 i 1. Si el valor de <code>x</code> està fora d'aquest rang la funció retorna {{jsxref("NaN")}}.</p>
+
+<p>Degut a que <code>asin()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.asin()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.asin" name="Example:_Using_Math.asin">Exemple: Ús de <code>Math.asin()</code></h3>
+
+<pre class="brush: js">Math.asin(-2);  // NaN
+Math.asin(-1);  // -1.5707963267948966 (-pi/2)
+Math.asin(0);   // 0
+Math.asin(0.5); // 0.5235987755982989
+Math.asin(1);   // 1.570796326794897 (pi/2)
+Math.asin(2);   // NaN
+</pre>
+
+<p>Per a valors menors que -1 o majors que 1, <code>Math.asin()</code> retorna {{jsxref("NaN")}}.</p>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.3', 'Math.asin')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.asin', 'Math.asin')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acos()")}}</li>
+ <li>{{jsxref("Math.atan()")}}</li>
+ <li>{{jsxref("Math.atan2()")}}</li>
+ <li>{{jsxref("Math.cos()")}}</li>
+ <li>{{jsxref("Math.sin()")}}</li>
+ <li>{{jsxref("Math.tan()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/asinh/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/asinh/index.html
new file mode 100644
index 0000000000..9a249bb202
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/asinh/index.html
@@ -0,0 +1,125 @@
+---
+title: Math.asinh()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/asinh
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/asinh
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.asinh()</code></strong> retorna l'arcsinus hiperbòlic d'un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.asinh</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mo lspace="0em" rspace="thinmathspace">arsinh</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mtext> l'única </mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mspace width="thickmathspace"></mspace><mtext>tal que</mtext><mspace width="thickmathspace"></mspace><mo lspace="0em" rspace="0em">sinh</mo><mo stretchy="false">(</mo><mi>y</mi><mo stretchy="false">)</mo><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\mathtt{\operatorname{Math.asinh}(x)} = \operatorname{arsinh}(x) = \text{ the unique } \; y \; \text{such that} \; \sinh(y) = x</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.asinh(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que que <code>asinh</code>() és un mètode estàtic de Math, sempre s'utilitza com a Math.<code>asinh</code>(), en comptes de com a mètode d'una instància de Math (Math no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.asinh()">Utilitzar <code>Math.asinh()</code></h3>
+
+<pre class="brush: js">Math.asinh(1);  // 0.881373587019543
+Math.asinh(0);  // 0
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Tenim que <math><semantics><mrow><mo lspace="0em" rspace="thinmathspace">arsinh</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mo lspace="0em" rspace="0em">ln</mo><mrow><mo>(</mo><mrow><mi>x</mi><mo>+</mo><msqrt><mrow><msup><mi>x</mi><mn>2</mn></msup><mo>+</mo><mn>1</mn></mrow></msqrt></mrow><mo>)</mo></mrow></mrow><annotation encoding="TeX">\operatorname {arsinh} (x) = \ln \left(x + \sqrt{x^{2} + 1} \right)</annotation></semantics></math> amb el que podem emular el comportament amb la funció següent:</p>
+
+<pre class="brush: js">Math.asinh = Math.asinh || function(x) {
+  if (x === -Infinity) {
+    return x;
+  } else {
+    return Math.log(x + Math.sqrt(x * x + 1));
+  }
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.asinh', 'Math.asinh')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.atanh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.cosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.sinh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.tanh()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/atan/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/atan/index.html
new file mode 100644
index 0000000000..034578fd54
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/atan/index.html
@@ -0,0 +1,127 @@
+---
+title: Math.atan()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/atan
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/atan
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La funció <strong><code>Math.atan()</code></strong> retorna l'arctangent (en radians) d'un nombre, és a dir:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.atan</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mo lspace="0em" rspace="0em">arctan</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mtext> l'unic </mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mo>∊</mo><mrow><mo>[</mo><mrow><mo>-</mo><mfrac><mi>π</mi><mn>2</mn></mfrac><mo>;</mo><mfrac><mi>π</mi><mn>2</mn></mfrac></mrow><mo>]</mo></mrow><mspace width="thinmathspace"></mspace>tal que<mtext></mtext><mspace width="thickmathspace"></mspace><mo lspace="0em" rspace="0em">tan</mo><mo stretchy="false">(</mo><mi>y</mi><mo stretchy="false">)</mo><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\mathtt{\operatorname{Math.atan}(x)} = \arctan(x) = \text{ the unique } \; y \in \left[-\frac{\pi}{2}; \frac{\pi}{2}\right] \, \text{such that} \; \tan(y) = x</annotation></semantics></math></p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.atan(<var>x</var>)</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El mètode <code>Math.atan()</code> retorna un valor numèric entre <math><semantics><mrow><mo>-</mo><mfrac><mi>π</mi><mn>2</mn></mfrac></mrow><annotation encoding="TeX">-\frac{\pi}{2}</annotation></semantics></math> i <math><semantics><mfrac><mi>π</mi><mn>2</mn></mfrac><annotation encoding="TeX">\frac{\pi}{2}</annotation></semantics></math> radians.</p>
+
+<p>Degut a que <code>atan()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.atan()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.atan" name="Example:_Using_Math.atan">Exemple: Utilitzar <code>Math.atan()</code></h3>
+
+<pre class="brush: js">Math.atan(1);  // 0.7853981633974483
+Math.atan(0);  // 0
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.4', 'Math.atan')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.atan', 'Math.atan')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acos()")}}</li>
+ <li>{{jsxref("Math.asin()")}}</li>
+ <li>{{jsxref("Math.atan2()")}}</li>
+ <li>{{jsxref("Math.cos()")}}</li>
+ <li>{{jsxref("Math.sin()")}}</li>
+ <li>{{jsxref("Math.tan()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/atan2/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/atan2/index.html
new file mode 100644
index 0000000000..2816bb40b8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/atan2/index.html
@@ -0,0 +1,139 @@
+---
+title: Math.atan2()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/atan2
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/atan2
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.atan2()</code></strong> retorna l'arctangent del quocient dels arguments passats.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.atan2(<var>y</var>, <var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>y</code></dt>
+ <dd>Primer nombre.</dd>
+ <dt><code>x</code></dt>
+ <dd>Segon nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>Math.atan2()</code> retorn aun valor numèric entre -π i π que representa l'angle theta d'un punt <code>(x, y)</code>. Aquest angle es representa en radiants, en sentit contrari a les agulles del rellotge, entre l'eix positiu X i el punt <code>(x, y)</code>. Cal destacar que els arguments d'aquesta funció representen les coordenades del punt, on el primer argument representa la coordenada <code>y</code> i el segon argument representa la coordenada <code>x</code>.</p>
+
+<p><code>Math.atan2()</code> rep els arguments <code>x</code> i <code>y</code> de forma separada mentre que <code>Math.atan()</code> rep la relació (ratio) entre aquests dos arguments.</p>
+
+<p>Com que que <code>atan2()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.atan2()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.atan2()">Utilitzar <code>Math.atan2()</code></h3>
+
+<pre class="brush: js">Math.atan2(90, 15); // 1.4056476493802699
+Math.atan2(15, 90); // 0.16514867741462683
+
+Math.atan2(±0, -0);               // ±PI.
+Math.atan2(±0, +0);               // ±0.
+Math.atan2(±0, -x);               // ±PI for x &gt; 0.
+Math.atan2(±0, x);                // ±0 for x &gt; 0.
+Math.atan2(-y, ±0);               // -PI/2 for y &gt; 0.
+Math.atan2(y, ±0);                // PI/2 for y &gt; 0.
+Math.atan2(±y, -Infinity);        // ±PI for finite y &gt; 0.
+Math.atan2(±y, +Infinity);        // ±0 for finite y &gt; 0.
+Math.atan2(±Infinity, x);         // ±PI/2 for finite x.
+Math.atan2(±Infinity, -Infinity); // ±3*PI/4.
+Math.atan2(±Infinity, +Infinity); // ±PI/4.
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.5', 'Math.atan2')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.atan2', 'Math.atan2')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acos()")}}</li>
+ <li>{{jsxref("Math.asin()")}}</li>
+ <li>{{jsxref("Math.atan()")}}</li>
+ <li>{{jsxref("Math.cos()")}}</li>
+ <li>{{jsxref("Math.sin()")}}</li>
+ <li>{{jsxref("Math.tan()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/atanh/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/atanh/index.html
new file mode 100644
index 0000000000..8a6b7cc2c8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/atanh/index.html
@@ -0,0 +1,127 @@
+---
+title: Math.atanh()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/atanh
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/atanh
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.atanh()</code></strong> retorna l'arctangent hiperbòlica d'un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mo>∀</mo><mi>x</mi><mo>∊</mo><mrow><mo>(</mo><mrow><mo>-</mo><mn>1</mn><mo>,</mo><mn>1</mn></mrow><mo>)</mo></mrow><mo>,</mo><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.atanh</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mo lspace="0em" rspace="thinmathspace">arctanh</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mtext> l'única </mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mspace width="thickmathspace"></mspace><mtext>tal que</mtext><mspace width="thickmathspace"></mspace><mo lspace="0em" rspace="0em">tanh</mo><mo stretchy="false">(</mo><mi>y</mi><mo stretchy="false">)</mo><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\forall x \in \left( -1, 1 \right), \mathtt{\operatorname{Math.atanh}(x)} = \operatorname{arctanh}(x) = \text{ the unique } \; y \; \text{such that} \; \tanh(y) = x</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.atanh(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que que <code>atanh</code>() és un mètode estàtic de Math, sempre s'utilitza com a <code>Math.atanh</code>(), en comptes de com a mètode d'una instància de <code>Math </code>(<code>Math </code>no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.atanh()">Utilitzar <code>Math.atanh()</code></h3>
+
+<pre class="brush: js">Math.atanh(-2);  // NaN
+Math.atanh(-1);  // -Infinity
+Math.atanh(0);   // 0
+Math.atanh(0.5); // 0.5493061443340548
+Math.atanh(1);   // Infinity
+Math.atanh(2);   // NaN
+</pre>
+
+<p>Es retorna {{jsxref("NaN")}} per a valors més grans que 1 o més petits que -1.</p>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Per a <math><semantics><mrow><mrow><mo>|</mo><mi>x</mi><mo>|</mo></mrow><mo>&lt;</mo><mn>1</mn></mrow><annotation encoding="TeX">\left|x\right| &lt; 1</annotation></semantics></math>, tenim que <math><semantics><mrow><mo lspace="0em" rspace="thinmathspace">artanh</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mfrac><mn>1</mn><mn>2</mn></mfrac><mo lspace="0em" rspace="0em">ln</mo><mrow><mo>(</mo><mfrac><mrow><mn>1</mn><mo>+</mo><mi>x</mi></mrow><mrow><mn>1</mn><mo>-</mo><mi>x</mi></mrow></mfrac><mo>)</mo></mrow></mrow><annotation encoding="TeX">\operatorname {artanh} (x) = \frac{1}{2}\ln \left( \frac{1 + x}{1 - x} \right)</annotation></semantics></math> , que podem emular amb la funció següent:</p>
+
+<pre class="brush: js">Math.atanh = Math.atanh || function(x) {
+  return Math.log((1+x)/(1-x)) / 2;
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.atanh', 'Math.atanh')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.asinh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.cosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.sinh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.tanh()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/cbrt/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/cbrt/index.html
new file mode 100644
index 0000000000..70d6767183
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/cbrt/index.html
@@ -0,0 +1,122 @@
+---
+title: Math.cbrt()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/cbrt
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/cbrt
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.cbrt()</code></strong> retorna la rel cúbica d'un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mrow><mi>M</mi><mi>a</mi><mi>t</mi><mi>h</mi><mo>.</mo><mi>c</mi><mi>b</mi><mi>r</mi><mi>t</mi><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mroot><mi>x</mi><mn>3</mn></mroot><mo>=</mo><mtext>la única</mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mspace width="thickmathspace"></mspace><mtext>tal que</mtext><mspace width="thickmathspace"></mspace><msup><mi>y</mi><mn>3</mn></msup><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\mathtt{Math.cbrt(x)} = \sqrt[3]{x} = \text{the unique} \; y \; \text{such that} \; y^3 = x</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.cbrt(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Degut a que <code>cbrt()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.cbrt()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.cbrt()">Utilitzar <code>Math.cbrt()</code></h3>
+
+<pre class="brush: js">Math.cbrt(-1); // -1
+Math.cbrt(0);  // 0
+Math.cbrt(1);  // 1
+
+Math.cbrt(2);  // 1.2599210498948734
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Per a tot <math><semantics><mrow><mi>x</mi><mo>≥</mo><mn>0</mn></mrow><annotation encoding="TeX">x \geq 0</annotation></semantics></math>, tenim que <math><semantics><mrow><mroot><mi>x</mi><mn>3</mn></mroot><mo>=</mo><msup><mi>x</mi><mrow><mn>1</mn><mo>/</mo><mn>3</mn></mrow></msup></mrow><annotation encoding="TeX">\sqrt[3]{x} = x^{1/3}</annotation></semantics></math> , podem llavors emular aquest comportament amb la funció següent:</p>
+
+<pre class="brush: js">Math.cbrt = Math.cbrt || function(x) {
+  var y = Math.pow(Math.abs(x), 1/3);
+  return x &lt; 0 ? -y : y;
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.cbrt', 'Math.cbrt')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.pow()")}}</li>
+ <li>{{jsxref("Math.sqrt()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/ceil/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/ceil/index.html
new file mode 100644
index 0000000000..a96880eecd
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/ceil/index.html
@@ -0,0 +1,197 @@
+---
+title: Math.ceil()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/ceil
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/ceil
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La funció <strong><code>Math.ceil()</code></strong> retorna el més petit dels nombres sencers més grans o iguals a un nombre donat.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.ceil(<var>x</var>)</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Degut a que <code>ceil()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.ceil()</code>, ren comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.ceil" name="Example:_Using_Math.ceil">Exemple: Ús de <code>Math.ceil()</code></h3>
+
+<p>L'exemple següent mostra l'ús de <code>Math.ceil()</code>.</p>
+
+<pre class="brush: js">Math.ceil(.95);   // 1
+Math.ceil(4);     // 4
+Math.ceil(7.004); // 8
+</pre>
+
+<h3 id="Example:_Decimal_adjustment" name="Example:_Decimal_adjustment">Exemple: Ajust decimal</h3>
+
+<pre class="brush: js">// Closure
+(function() {
+  /**
+   * Decimal adjustment of a number.
+   *
+   * @param {String}  type  The type of adjustment.
+   * @param {Number}  value The number.
+   * @param {Integer} exp   The exponent (the 10 logarithm of the adjustment base).
+   * @returns {Number} The adjusted value.
+   */
+  function decimalAdjust(type, value, exp) {
+    // If the exp is undefined or zero...
+    if (typeof exp === 'undefined' || +exp === 0) {
+      return Math[type](value);
+    }
+    value = +value;
+    exp = +exp;
+    // If the value is not a number or the exp is not an integer...
+    if (isNaN(value) || !(typeof exp === 'number' &amp;&amp; exp % 1 === 0)) {
+      return NaN;
+    }
+    // Shift
+    value = value.toString().split('e');
+    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
+    // Shift back
+    value = value.toString().split('e');
+    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
+  }
+
+  // Decimal round
+  if (!Math.round10) {
+    Math.round10 = function(value, exp) {
+      return decimalAdjust('round', value, exp);
+    };
+  }
+  // Decimal floor
+  if (!Math.floor10) {
+    Math.floor10 = function(value, exp) {
+      return decimalAdjust('floor', value, exp);
+    };
+  }
+  // Decimal ceil
+  if (!Math.ceil10) {
+    Math.ceil10 = function(value, exp) {
+      return decimalAdjust('ceil', value, exp);
+    };
+  }
+})();
+
+// Round
+Math.round10(55.55, -1);   // 55.6
+Math.round10(55.549, -1);  // 55.5
+Math.round10(55, 1);       // 60
+Math.round10(54.9, 1);     // 50
+Math.round10(-55.55, -1);  // -55.5
+Math.round10(-55.551, -1); // -55.6
+Math.round10(-55, 1);      // -50
+Math.round10(-55.1, 1);    // -60
+// Floor
+Math.floor10(55.59, -1);   // 55.5
+Math.floor10(59, 1);       // 50
+Math.floor10(-55.51, -1);  // -55.6
+Math.floor10(-51, 1);      // -60
+// Ceil
+Math.ceil10(55.51, -1);    // 55.6
+Math.ceil10(51, 1);        // 60
+Math.ceil10(-55.59, -1);   // -55.5
+Math.ceil10(-59, 1);       // -50
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.6', 'Math.ceil')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.ceil', 'Math.ceil')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.abs()")}}</li>
+ <li>{{jsxref("Math.floor()")}}</li>
+ <li>{{jsxref("Math.round()")}}</li>
+ <li>{{jsxref("Math.sign()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.trunc()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/clz32/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/clz32/index.html
new file mode 100644
index 0000000000..5cde08c7a8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/clz32/index.html
@@ -0,0 +1,155 @@
+---
+title: Math.clz32()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/clz32
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/clz32
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.clz32()</code></strong> retorna el nombre de zeros a l'esquerra que apareixen en una representació binària de 32 bits per a un nombre.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.clz32(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>"<code>clz32</code>" és una abreviació de <code>CountLeadingZeroes32</code>.</p>
+
+<p>Si <code>x</code> no és un nombre, primer es convertirà a un nombre, i després es convertirà a un nombre sencer de 32 bits sense signe.</p>
+
+<p>Si el nombre sencer sense signe de 32 bits és <code>0</code>, la funció retornarà <code>32</code> ja que tots els bits són <code>0</code>.</p>
+
+<p>Aquesta funció és particulament útil per a sistemes que compilin en JavaScript, com ara <a href="/en-US/docs/Emscripten">Emscripten</a>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.clz32()">Utilitzar <code>Math.clz32()</code></h3>
+
+<pre class="brush: js">Math.clz32(1);                // 31
+Math.clz32(1000);             // 22
+Math.clz32();                 // 32
+
+[NaN, Infinity, -Infinity, 0, -0, null, undefined, 'foo', {}, []].filter(
+function(n) {
+  return Math.clz32(n) !== 32
+});                           // []
+
+Math.clz32(true);             // 31
+Math.clz32(3.5);              // 30
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquesta funció polyfill utilitza {{jsxref("Math.imul")}}.</p>
+
+<pre class="brush: js">Math.clz32 = Math.clz32 || (function () {
+  'use strict';
+
+  var table = [
+    32, 31,  0, 16,  0, 30,  3,  0, 15,  0,  0,  0, 29, 10,  2,  0,
+     0,  0, 12, 14, 21,  0, 19,  0,  0, 28,  0, 25,  0,  9,  1,  0,
+    17,  0,  4,   ,  0,  0, 11,  0, 13, 22, 20,  0, 26,  0,  0, 18,
+     5,  0,  0, 23,  0, 27,  0,  6,  0, 24,  7,  0,  8,  0,  0,  0]
+
+  // Adaptat d'un algorisme trobat a Hacker's Delight, pàgina 103.
+  return function (x) {
+    // Tingueu en compte que les variables no tenen perquè ser les mateixes.
+
+    // 1. On n = ToUint32(x).
+    var v = Number(x) &gt;&gt;&gt; 0
+
+    // 2. On p és el nombre de zeros a l'esquerra en la representació binària de 32 bits de n.
+    v |= v &gt;&gt;&gt; 1
+    v |= v &gt;&gt;&gt; 2
+    v |= v &gt;&gt;&gt; 4
+    v |= v &gt;&gt;&gt; 8
+    v |= v &gt;&gt;&gt; 16
+    v = table[Math.imul(v, 0x06EB14F9) &gt;&gt;&gt; 26]
+
+    // Retorna p.
+    return v
+  }
+})();
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.clz32', 'Math.clz32')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("31")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("31")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/cos/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/cos/index.html
new file mode 100644
index 0000000000..0236b38c9c
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/cos/index.html
@@ -0,0 +1,128 @@
+---
+title: Math.cos()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/cos
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/cos
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La funció <strong><code>Math.cos()</code></strong> retorna el cosinus d'un nombre.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.cos(<var>x</var>)</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre, mesurat en radians.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El mètode <code>Math.cos()</code> retorna un valor numèric entre -1 i 1, que representa el cosinus d'un angle.</p>
+
+<p>Degut a que <code>cos()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.cos()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.cos" name="Example:_Using_Math.cos">Exemple: Utilitzar <code>Math.cos()</code></h3>
+
+<pre class="brush: js">Math.cos(0);           // 1
+Math.cos(1);           // 0.5403023058681398
+
+Math.cos(Math.PI);     // -1
+Math.cos(2 * Math.PI); // 1
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.7', 'Math.cos')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.cos', 'Math.cos')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acos()")}}</li>
+ <li>{{jsxref("Math.asin()")}}</li>
+ <li>{{jsxref("Math.atan()")}}</li>
+ <li>{{jsxref("Math.atan2()")}}</li>
+ <li>{{jsxref("Math.sin()")}}</li>
+ <li>{{jsxref("Math.tan()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/cosh/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/cosh/index.html
new file mode 100644
index 0000000000..00ebc259b9
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/cosh/index.html
@@ -0,0 +1,130 @@
+---
+title: Math.cosh()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/cosh
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/cosh
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.cosh()</code></strong> retorna el cosinus hiperbòlic d'un nombre, això es pot expressar utilitzant la {{jsxref("Math.E", "constant e", "", 1)}}:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mo lspace="0em" rspace="thinmathspace">Math.cosh(x)</mo></mstyle><mo>=</mo><mfrac><mrow><msup><mi>e</mi><mi>x</mi></msup><mo>+</mo><msup><mi>e</mi><mrow><mo>-</mo><mi>x</mi></mrow></msup></mrow><mn>2</mn></mfrac></mrow><annotation encoding="TeX">\mathtt{\operatorname{Math.cosh(x)}} = \frac{e^x + e^{-x}}{2}</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.cosh(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que que <code>cosh()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.cosh()</code>, en comptes de com a mètode d'una instància de <code>Math </code>(<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.cosh()">Utilitzar <code>Math.cosh()</code></h3>
+
+<pre class="brush: js">Math.cosh(0);  // 1
+Math.cosh(1);  // 1.5430806348152437
+Math.cosh(-1); // 1.5430806348152437
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquesta funció es pot emular amb l'ajuda de la funció {{jsxref("Math.exp()")}}:</p>
+
+<pre class="brush: js">Math.cosh = Math.cosh || function(x) {
+  return (Math.exp(x) + Math.exp(-x)) / 2;
+}
+</pre>
+
+<p>o bé utilitzant només una crida a la funció {{jsxref("Math.exp()")}}:</p>
+
+<pre class="brush: js">Math.cosh = Math.cosh || function(x) {
+  var y = Math.exp(x);
+  return (y + 1 / y) / 2;
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.cosh', 'Math.cosh')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.asinh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.atanh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.sinh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.tanh()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/e/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/e/index.html
new file mode 100644
index 0000000000..efe7476396
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/e/index.html
@@ -0,0 +1,118 @@
+---
+title: Math.E
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/E
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/E
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Math.E</code></strong> representa la base dels logaritmes naturals, e, el seu valor aproximat és de 2.718.</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mi>Math.E</mi></mstyle><mo>=</mo><mi>e</mi><mo>≈</mo><mn>2.718</mn></mrow><annotation encoding="TeX">\mathtt{\mi{Math.E}} = e \approx 2.718</annotation></semantics></math></p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Com que <code>E</code> és una propietat estàtica de <code>Math</code>, sempre s'utilitza com<code> Math.E</code> en comptes de com una propietat d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.E" name="Example:_Using_Math.E">Exemple: Utilitzar <code>Math.E</code></h3>
+
+<p>La funció que trobareu a continuació retorna e:</p>
+
+<pre class="brush: js">function getNapier() {
+  return Math.E;
+}
+
+getNapier(); // 2.718281828459045
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.1.1', 'Math.E')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.e', 'Math.E')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log1p()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/exp/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/exp/index.html
new file mode 100644
index 0000000000..c6d6c6c098
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/exp/index.html
@@ -0,0 +1,123 @@
+---
+title: Math.exp()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/exp
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/exp
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.exp()</code></strong> retorna <code>e<sup>x</sup></code>, on <code>x</code> és l'argument, i <code>e</code> és {{jsxref("Math.E", "la constant d'Euler", "", 1)}}, la base dels logaritmes naturals.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.exp(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Deguat a que <code>exp()</code> és un mètode estàtic de <code>Math</code>, aquest pot emprar-se com a <code>Math.exp()</code>, en comptes de cridar-lo com un mètode d'un objecte de tipus <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.exp()"><code>Utilitzar Math.exp()</code></h3>
+
+<pre class="brush: js">Math.exp(-1); // 0.36787944117144233
+Math.exp(0);  // 1
+Math.exp(1);  // 2.718281828459045
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.8', 'Math.exp')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.exp', 'Math.exp')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.E")}}</li>
+ <li>{{jsxref("Math.expm1()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log10()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log1p()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log2()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.pow()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/expm1/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/expm1/index.html
new file mode 100644
index 0000000000..b8055fba45
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/expm1/index.html
@@ -0,0 +1,122 @@
+---
+title: Math.expm1()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/expm1
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/expm1
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.expm1()</code></strong> retorna <code>e<sup>x</sup> - 1</code>, on <code>x</code> és l'argument i {{jsxref("Math.E", "e", "", 1)}} és la base dels logaritmes naturals.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.expm1(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que <code>expm1()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.expm1()</code> en comptes de com un mètode d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.expm1()">Utilitzar <code>Math.expm1()</code></h3>
+
+<pre class="brush: js">Math.expm1(-1); // -0.6321205588285577
+Math.expm1(0);  // 0
+Math.expm1(1);  // 1.718281828459045
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquesta funció pot ser emulada amb l'ajuda de la funció {{jsxref("Math.exp()")}}:</p>
+
+<pre class="brush: js">Math.expm1 = Math.expm1 || function(x) {
+  return Math.exp(x) - 1;
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.expm1', 'Math.expm1')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.E")}}</li>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log10()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log1p()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log2()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.pow()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/floor/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/floor/index.html
new file mode 100644
index 0000000000..4a83b8d0e8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/floor/index.html
@@ -0,0 +1,194 @@
+---
+title: Math.floor()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/floor
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/floor
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La funció <strong><code>Math.floor()</code></strong> retorna el nombre més gran dels nombres més petits o iguals a un nombre donat.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.floor(<var>x</var>)</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Degut a que <code>floor()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.floor()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.floor" name="Example:_Using_Math.floor">Exemple: Utilitzar <code>Math.floor()</code></h3>
+
+<pre class="brush: js">Math.floor( 45.95); //  45
+Math.floor(-45.95); // -46
+</pre>
+
+<h3 id="Example:_Decimal_adjustment" name="Example:_Decimal_adjustment">Exemple: Ajust decimal</h3>
+
+<pre class="brush: js">// Closure
+(function() {
+  /**
+   * Ajust decimal d'un nombre.
+   *
+   * @param {String}  type  El tipus d'ajust.
+   * @param {Number}  value El nombre.
+   * @param {Integer} exp   L'exponent (L'algoritme en base 10  de la base d'ajust
+   * @returns {Number} El valor ajustat.
+   */
+  function decimalAdjust(type, value, exp) {
+    // Si exp és undefined o zero...
+    if (typeof exp === 'undefined' || +exp === 0) {
+      return Math[type](value);
+    }
+    value = +value;
+    exp = +exp;
+    // Si value no és un nombre o exp no és un nombre sencer...
+    if (isNaN(value) || !(typeof exp === 'number' &amp;&amp; exp % 1 === 0)) {
+      return NaN;
+    }
+    // Desplaçament
+    value = value.toString().split('e');
+    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
+    // Desfer el desplaçament
+    value = value.toString().split('e');
+    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
+  }
+
+  // Arrodoniment decimal
+  if (!Math.round10) {
+    Math.round10 = function(value, exp) {
+      return decimalAdjust('round', value, exp);
+    };
+  }
+  // Arrodoniment decimal a la baixa
+  if (!Math.floor10) {
+    Math.floor10 = function(value, exp) {
+      return decimalAdjust('floor', value, exp);
+    };
+  }
+  // Arrodoniment decimal a l'alça
+  if (!Math.ceil10) {
+    Math.ceil10 = function(value, exp) {
+      return decimalAdjust('ceil', value, exp);
+    };
+  }
+})();
+
+// Arrodoniments
+Math.round10(55.55, -1);   // 55.6
+Math.round10(55.549, -1);  // 55.5
+Math.round10(55, 1);       // 60
+Math.round10(54.9, 1);     // 50
+Math.round10(-55.55, -1);  // -55.5
+Math.round10(-55.551, -1); // -55.6
+Math.round10(-55, 1);      // -50
+Math.round10(-55.1, 1);    // -60
+// Arrodoniments a la baixa
+Math.floor10(55.59, -1);   // 55.5
+Math.floor10(59, 1);       // 50
+Math.floor10(-55.51, -1);  // -55.6
+Math.floor10(-51, 1);      // -60
+// Arrodoniments a l'alça
+Math.ceil10(55.51, -1);    // 55.6
+Math.ceil10(51, 1);        // 60
+Math.ceil10(-55.59, -1);   // -55.5
+Math.ceil10(-59, 1);       // -50
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.9', 'Math.floor')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.floor', 'Math.floor')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.abs()")}}</li>
+ <li>{{jsxref("Math.ceil()")}}</li>
+ <li>{{jsxref("Math.round()")}}</li>
+ <li>{{jsxref("Math.sign()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.trunc()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/fround/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/fround/index.html
new file mode 100644
index 0000000000..7411993dbc
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/fround/index.html
@@ -0,0 +1,118 @@
+---
+title: Math.fround()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/fround
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/fround
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.fround()</code></strong> retorna la representació en coma flotant de <a class="external" href="https://en.wikipedia.org/wiki/Single-precision_floating-point_format" title="link to the wikipedia page on single-precision floating-point format">precisió simple</a> més propera d'un nombre.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.fround(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que <code>fround()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.fround()</code> en comptes de com un mètode d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.fround()"><code>Utilitzar Math.fround()</code></h3>
+
+<pre class="brush: js">Math.fround(0);     // 0
+Math.fround(1);     // 1
+Math.fround(1.337); // 1.3370000123977661
+Math.fround(1.5);   // 1.5
+Math.fround(NaN);   // NaN
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>El comportament d'aquesta funció pot ser emulat amb la funció següent, si {{jsxref("Float32Array")}} està suportat:</p>
+
+<pre class="brush: js">Math.fround = Math.fround || function(x) {
+  return new Float32Array([x])[0];
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.fround', 'Math.fround')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("26")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.round()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/hypot/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/hypot/index.html
new file mode 100644
index 0000000000..e29bb754f1
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/hypot/index.html
@@ -0,0 +1,139 @@
+---
+title: Math.hypot()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/hypot
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/hypot
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.hypot()</code></strong> retorna la rel quadrada de la suma dels quadrats dels seus arguments, és a dir:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.hypot</mo><mo stretchy="false">(</mo><msub><mi>v</mi><mn>1</mn></msub><mo>,</mo><msub><mi>v</mi><mn>2</mn></msub><mo>,</mo><mo>…</mo><mo>,</mo><msub><mi>v</mi><mi>n</mi></msub><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><msqrt><mrow><munderover><mo>∑</mo><mrow><mi>i</mi><mo>=</mo><mn>1</mn></mrow><mi>n</mi></munderover><msubsup><mi>v</mi><mi>i</mi><mn>2</mn></msubsup></mrow></msqrt><mo>=</mo><msqrt><mrow><msubsup><mi>v</mi><mn>1</mn><mn>2</mn></msubsup><mo>+</mo><msubsup><mi>v</mi><mn>2</mn><mn>2</mn></msubsup><mo>+</mo><mo>…</mo><mo>+</mo><msubsup><mi>v</mi><mi>n</mi><mn>2</mn></msubsup></mrow></msqrt></mrow><annotation encoding="TeX">\mathtt{\operatorname{Math.hypot}(v_1, v_2, \dots, v_n)} = \sqrt{\sum_{i=1}^n v_i^2} = \sqrt{v_1^2 + v_2^2 + \dots + v_n^2}</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.hypot([<var>valor1</var>[, <var>valor2</var>[, ...]]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>valor1, valor2, ...</code></dt>
+ <dd>Nombres.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que que <code>hypot()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.hypot()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<p>Si no es passa cap argument, el resultat és +0.</p>
+
+<p>Si al menys un dels arguments no pot ser convertit a nombre el resultat és {{jsxref("Global_Objects/NaN", "NaN")}}.</p>
+
+<p>Quan se li passa només un argument, <code>Math.hypot()</code> retorna el mateix valor que retornaria <code>Math.abs()</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.hypot()">Utilitzar <code>Math.hypot()</code></h3>
+
+<pre class="brush: js">Math.hypot(3, 4);        // 5
+Math.hypot(3, 4, 5);     // 7.0710678118654755
+Math.hypot();            // 0
+Math.hypot(NaN);         // NaN
+Math.hypot(3, 4, 'foo'); // NaN, +'foo' =&gt; NaN
+Math.hypot(3, 4, '5');   // 7.0710678118654755, +'5' =&gt; 5
+Math.hypot(-3);          // 3, el mateix que Math.abs(-3)
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquest mètode pot emular-se mitjançant la funció següent:</p>
+
+<pre class="brush: js">Math.hypot = Math.hypot || function() {
+  var y = 0;
+  var length = arguments.length;
+
+  for (var i = 0; i &lt; length; i++) {
+    if (arguments[i] === Infinity || arguments[i] === -Infinity) {
+      return Infinity;
+    }
+    y += arguments[i] * arguments[i];
+  }
+  return Math.sqrt(y);
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.hypot', 'Math.hypot')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("27")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("27")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.abs()")}}</li>
+ <li>{{jsxref("Math.pow()")}}</li>
+ <li>{{jsxref("Math.sqrt()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/imul/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/imul/index.html
new file mode 100644
index 0000000000..53050a9cd6
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/imul/index.html
@@ -0,0 +1,120 @@
+---
+title: Math.imul()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/imul
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/imul
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.imul()</code></strong> retorna el resultat de la multiplicació de 32 bits similar a la de C dels dos paràmetres.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.imul(<var>a</var>, <var>b</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>a</code></dt>
+ <dd>Primer nombre.</dd>
+ <dt><code>b</code></dt>
+ <dd>Segon nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>Math.imul()</code> permet una multiplicació ràpida de nombres sencers de 32 bits amb una semàtica similar a la de C. Aquesta característica esdevé útil per a projectes com <a href="http://en.wikipedia.org/wiki/Emscripten">Emscripten</a>. Com que <code>imul()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.imul()</code> en comptes de com un mètode d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.imul()">Utilitzar <code>Math.imul()</code></h3>
+
+<pre class="brush: js">Math.imul(2, 4);          // 8
+Math.imul(-1, 8);         // -8
+Math.imul(-2, -2);        // 4
+Math.imul(0xffffffff, 5); // -5
+Math.imul(0xfffffffe, 5); // -10
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquesta funció pot ser emulada mitjançant la següent funció:</p>
+
+<pre class="brush: js">Math.imul = Math.imul || function(a, b) {
+  var ah = (a &gt;&gt;&gt; 16) &amp; 0xffff;
+  var al = a &amp; 0xffff;
+  var bh = (b &gt;&gt;&gt; 16) &amp; 0xffff;
+  var bl = b &amp; 0xffff;
+  // el desplaçament de zero posicions solventa el signe a la part més significativa
+  // el |0 del final converteix el valor sense signe en un valor amb signe
+  return ((al * bl) + (((ah * bl + al * bh) &lt;&lt; 16) &gt;&gt;&gt; 0)|0);
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.imul', 'Math.imul')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("28")}}</td>
+   <td>{{CompatGeckoDesktop("20")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatOpera("16")}}</td>
+   <td>{{CompatSafari("7")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("20")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>7</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/index.html
new file mode 100644
index 0000000000..d493f51b40
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/index.html
@@ -0,0 +1,205 @@
+---
+title: Math
+slug: Web/JavaScript/Referencia/Objectes_globals/Math
+translation_of: Web/JavaScript/Reference/Global_Objects/Math
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p><strong><code>Math</code></strong> és un objecte proporcionat pel llenguatge que té propietats i mètodes que pretenen ajudar en càlculs matemàtics. L'objecte conté constants i funcions matemàtiques.</p>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>A diferència d'altres objectes globals, <code>Math</code> no és un constructor. Totes les propietats i mètodes de <code>Math</code> són estàtics. Per a utilitzar la constant pi es fa anar <code>Math.PI</code> i la funció sinus es crida <code>Math.sin(x)</code>, on <code>x</code> és l'argument que rebrà el mètode. Les constants tenen la presició d'un nombre real de JavaScript.</p>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<dl>
+ <dt>{{jsxref("Math.E")}}</dt>
+ <dd>La constant de Euler (també coneguda com a nombre E) i la base dels logaritmes naturals, el seu valor aproximat és de 2.718.</dd>
+ <dt>{{jsxref("Math.LN2")}}</dt>
+ <dd>El logaritme natural de 2, el seu valor aproximat és de 0.693.</dd>
+ <dt>{{jsxref("Math.LN10")}}</dt>
+ <dd>El logaritme natural de 10, el seu valor aproximat és de 2.303.</dd>
+ <dt>{{jsxref("Math.LOG2E")}}</dt>
+ <dd>El logaritme de E en base 2, el seu valor aproximat és de 1.443.</dd>
+ <dt>{{jsxref("Math.LOG10E")}}</dt>
+ <dd>El logaritme de E en base 10, el seu valor aproximat és de 0.434.</dd>
+ <dt>{{jsxref("Math.PI")}}</dt>
+ <dd>La proporció entre la circumferència d'un cercle i el seu diàmetre, el seu valor aproximat és de 3.14159.</dd>
+ <dt>{{jsxref("Math.SQRT1_2")}}</dt>
+ <dd>La rel quadrada de un mig (1/2); tanmateix 1 dividit per la rel quadrada de 2, el seu valor aproximat és de 0.707.</dd>
+ <dt>{{jsxref("Math.SQRT2")}}</dt>
+ <dd>La rel quadrada de 2, el seu valor aproximat és de 1.414.</dd>
+</dl>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<div class="note">
+<p>Fixeu-vos que les funcions (<code>sin()</code>, <code>cos()</code>, <code>tan()</code>, <code>asin()</code>, <code>acos()</code>, <code>atan()</code>, <code>atan2()</code>) reben i retornen angles en radians. Per a convertir radians a graus cal dividir per <code>(Math.PI / 180)</code>, o bé multiplicar si el que es pretèn es transformar graus a radians.</p>
+</div>
+
+<div class="note">
+<p>Cal destacar que la precisió de moltes de les funcions matemàtiques és depenent de la implementació. Això vol dir que el mateix codi pot donar resultats diferent en diferents navegadors, i fins i tot sota el mateix navegador o motor JS si es prova en diferents sistemes operatius or arquitectures.</p>
+</div>
+
+<dl>
+ <dt>{{jsxref("Global_Objects/Math/abs", "Math.abs(x)")}}</dt>
+ <dd>Retorna el valor absolut d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/acos", "Math.acos(x)")}}</dt>
+ <dd>Retorna l'arccosinus d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/acosh", "Math.acosh(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna l'arccosinus hiperbòlic d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/asin", "Math.asin(x)")}}</dt>
+ <dd>Tetorna l'arcsinus d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/asinh", "Math.asinh(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna l'arcsinus hiperbòlic d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/atan", "Math.atan(x)")}}</dt>
+ <dd>Retorna l'arctangent d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/atanh", "Math.atanh(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna l'arctangent hiperbòlic d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/atan2", "Math.atan2(y, x)")}}</dt>
+ <dd>Retorna l'arctangent del cocient dels paràmetres donats.</dd>
+ <dt>{{jsxref("Global_Objects/Math/cbrt", "Math.cbrt(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna la rel cúbica d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/ceil", "Math.ceil(x)")}}</dt>
+ <dd>Retorna el nombre sencer més petit que és més gran o igual al nombre donat.</dd>
+ <dt>{{jsxref("Global_Objects/Math/clz32", "Math.clz32(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna el nombre de zeros a l'esquerra que el nombre donat tindria si fós emmagatzemat en 32 bits.</dd>
+ <dt>{{jsxref("Global_Objects/Math/cos", "Math.cos(x)")}}</dt>
+ <dd>Retorna el cosinus d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/cosh", "Math.cosh(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna el cosinus hiperbòlic d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/exp", "Math.exp(x)")}}</dt>
+ <dd>Retorna E<sup>x</sup>, on <var>x</var> és el paràmetre i E és la constant de Euler (2.718 aproximadament).</dd>
+ <dt>{{jsxref("Global_Objects/Math/expm1", "Math.expm1(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna <code>exp(x) - 1</code>.</dd>
+ <dt>{{jsxref("Global_Objects/Math/floor", "Math.floor(x)")}}</dt>
+ <dd>Retorna el nombre sencer més gran que és igual o menor que el nombre donat.</dd>
+ <dt>{{jsxref("Global_Objects/Math/fround", "Math.fround(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna el nombre en coma float de <a href="http://en.wikipedia.org/wiki/Single-precision_floating-point_format" title="link to the wikipedia page on single precision">precisió simple</a> més proper al nombre donat.</dd>
+ <dt>{{jsxref("Global_Objects/Math/hypot", "Math.hypot([x[, y[, …]]])")}} {{experimental_inline}}</dt>
+ <dd>Retorna la rel quadrada del quadrat dels dos paràmetres donats.</dd>
+ <dt>{{jsxref("Global_Objects/Math/imul", "Math.imul(x, y)")}} {{experimental_inline}}</dt>
+ <dd>Retorna el resultat de multiplicar els dos paràmetres com a nombres sencers de 32 bits.</dd>
+ <dt>{{jsxref("Global_Objects/Math/log", "Math.log(x)")}}</dt>
+ <dd>Retorna el logaritme natural (log<sub>e</sub>, també ln) d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/log1p", "Math.log1p(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna el logaritme natural de <code>1 + x</code> (log<sub>e</sub>, també ln) del nombre donat.</dd>
+ <dt>{{jsxref("Global_Objects/Math/log10", "Math.log10(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna el logaritme en base 10 d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/log2", "Math.log2(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna el logaritme en base 2 d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/max", "Math.max([x[, y[, …]]])")}}</dt>
+ <dd>Retorna el major de zero o més nombres donats.</dd>
+ <dt>{{jsxref("Global_Objects/Math/min", "Math.min([x[, y[, …]]])")}}</dt>
+ <dd>Retorna el menor de zero o més nombres donats.</dd>
+ <dt>{{jsxref("Global_Objects/Math/pow", "Math.pow(base, exponent)")}}</dt>
+ <dd>Retorna la base elevada a l'exponent, és a dir, <code>base<sup>exponent</sup></code>.</dd>
+ <dt>{{jsxref("Global_Objects/Math/random", "Math.random()")}}</dt>
+ <dd>Retorna un nombre pseudo aleatori comprés entre 0 i 1.</dd>
+ <dt>{{jsxref("Global_Objects/Math/round", "Math.round(x)")}}</dt>
+ <dd>Retorna el nombre sencer més proper al nombre donat.</dd>
+ <dt>{{jsxref("Global_Objects/Math/sign", "Math.sign(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna el signe de x, indicant si x és positiu, negatiu o zero.</dd>
+ <dt>{{jsxref("Global_Objects/Math/sin", "Math.sin(x)")}}</dt>
+ <dd>Retorna el sinus d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/sinh", "Math.sinh(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna el sinus hiperbòlic d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/sqrt", "Math.sqrt(x)")}}</dt>
+ <dd>Retorna el resultat positiu de la rel quadrada d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/tan", "Math.tan(x)")}}</dt>
+ <dd>Retorna la tangent d'un nombre.</dd>
+ <dt>{{jsxref("Global_Objects/Math/tanh", "Math.tanh(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna la tangent hiperbòlica d'un nombre.</dd>
+ <dt><code>Math.toSource()</code> {{non-standard_inline}}</dt>
+ <dd>Retorna la cadena de caràcters <code>"Math"</code>.</dd>
+ <dt>{{jsxref("Global_Objects/Math/trunc", "Math.trunc(x)")}} {{experimental_inline}}</dt>
+ <dd>Retorna la part sencera del nombre donat.</dd>
+</dl>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementada a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8', 'Math')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math-object', 'Math')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Nous mètodes afegits: {{jsxref("Math.log10()", "log10()")}}, {{jsxref("Math.log2()", "log2()")}}, {{jsxref("Math.log1p()", "log1p()")}}, {{jsxref("Math.expm1()", "expm1()")}}, {{jsxref("Math.cosh()", "cosh()")}}, {{jsxref("Math.sinh()", "sinh()")}}, {{jsxref("Math.tanh()", "tanh()")}}, {{jsxref("Math.acosh()", "acosh()")}}, {{jsxref("Math.asinh()", "asinh()")}}, {{jsxref("Math.atanh()", "atanh()")}}, {{jsxref("Math.hypot()", "hypot()")}}, {{jsxref("Math.trunc()", "trunc()")}}, {{jsxref("Math.sign()", "sign()")}}, {{jsxref("Math.imul()", "imul()")}}, {{jsxref("Math.fround()", "fround()")}}, {{jsxref("Math.cbrt()", "cbrt()")}} i {{jsxref("Math.clz32()", "clz32()")}}.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Global_Objects/Number", "Number")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/ln10/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/ln10/index.html
new file mode 100644
index 0000000000..42107c85f5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/ln10/index.html
@@ -0,0 +1,118 @@
+---
+title: Math.LN10
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/LN10
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/LN10
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Math.LN10</code></strong> representa el logaritme natural de 10, aproximadament 2.302:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mi>Math.LN10</mi></mstyle><mo>=</mo><mo lspace="0em" rspace="0em">ln</mo><mo stretchy="false">(</mo><mn>10</mn><mo stretchy="false">)</mo><mo>≈</mo><mn>2.302</mn></mrow><annotation encoding="TeX">\mathtt{\mi{Math.LN10}} = \ln(10) \approx 2.302</annotation></semantics></math></p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Degut a que <code>LN10</code> és una propietat estàtica de <code>Math</code>, aquesta sempre s'accedeix mitjançant el codi <code>Math.LN10</code>, en comptes de com una propietat d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.LN10" name="Example:_Using_Math.LN10">Exemple: Utilitzar <code>Math.LN10</code></h3>
+
+<p>La funció següent retorna el logaritme natural de 10:</p>
+
+<pre class="brush:js">function getNatLog10() {
+  return Math.LN10;
+}
+
+getNatLog10(); // 2.302585092994046
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.1.2', 'Math.LN10')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.ln10', 'Math.LN10')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característiques</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característiques</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log10()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/ln2/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/ln2/index.html
new file mode 100644
index 0000000000..92cf2693f2
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/ln2/index.html
@@ -0,0 +1,118 @@
+---
+title: Math.LN2
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/LN2
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/LN2
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Math.LN2</code></strong> representa el logaritme natural de 2, aproximadament 0.693:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mi>Math.LN2</mi></mstyle><mo>=</mo><mo lspace="0em" rspace="0em">ln</mo><mo stretchy="false">(</mo><mn>2</mn><mo stretchy="false">)</mo><mo>≈</mo><mn>0.693</mn></mrow><annotation encoding="TeX">\mathtt{\mi{Math.LN2}} = \ln(2) \approx 0.693</annotation></semantics></math></p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Degut a que <code>LN2</code> és una propietat estàtica de <code>Math</code>, sempre s'accedeix a aquesta mitjançant el codi <code>Math.LN2</code> en comptes d'accedir a la propietat d'un objecte de <code>Math</code> ja creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.LN2" name="Example:_Using_Math.LN2">Exemple: Utilitzar <code>Math.LN2</code></h3>
+
+<p>La següent funció retorna el logaritme natural de 2:</p>
+
+<pre class="brush:js">function getNatLog2() {
+  return Math.LN2;
+}
+
+getNatLog2(); // 0.6931471805599453
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.1.3', 'Math.LN2')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.ln2', 'Math.LN2')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log2()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/log/index.html
new file mode 100644
index 0000000000..a3d8467ae5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/log/index.html
@@ -0,0 +1,137 @@
+---
+title: Math.log()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/log
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/log
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.log()</code></strong> retorna el logaritme natural (base {{jsxref("Math.E", "e")}}) d'un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mo>∀</mo><mi>x</mi><mo>&gt;</mo><mn>0</mn><mo>,</mo><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.log</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mo lspace="0em" rspace="0em">ln</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mtext>la única</mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mspace width="thickmathspace"></mspace><mtext>tal que</mtext><mspace width="thickmathspace"></mspace><msup><mi>e</mi><mi>y</mi></msup><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\forall x &gt; 0, \mathtt{\operatorname{Math.log}(x)} = \ln(x) = \text{the unique} \; y \; \text{such that} \; e^y = x</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.log(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si el valor de <code>x</code> és negatiu, el valor retornat sempre serà {{jsxref("NaN")}}.</p>
+
+<p>Degut a que <code>log()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.log()</code>, en comptes de com a mètode d'una instància de <code>Math </code>(<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.log()">Utilitzar <code>Math.log()</code></h3>
+
+<pre class="brush: js">Math.log(-1); // NaN, fora de rang
+Math.log(0);  // -Infinit
+Math.log(1);  // 0
+Math.log(10); // 2.302585092994046
+</pre>
+
+<h3 id="Utilitzar_Math.log()_amb_una_base_diferent">Utilitzar <code>Math.log()</code> amb una base diferent</h3>
+
+<p>La funció següent retorna el logaritme de <code>y</code> amb base <code>x</code> (és a dir, <math><semantics><mrow><msub><mo>log</mo><mi>x</mi></msub><mi>y</mi></mrow><annotation encoding="TeX">\log_x y</annotation></semantics></math>):</p>
+
+<pre class="brush: js">function getBaseLog(x, y) {
+  return Math.log(y) / Math.log(x);
+}
+</pre>
+
+<p>Si es crida <code>getBaseLog(10, 1000)</code> retornarà <code>2.9999999999999996</code> degut a l'arrodoniment de punt flotant, el qual és molt proper a la resposta real: 3.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.10', 'Math.log')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.log', 'Math.log')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log1p()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log10()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log2()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.pow()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log10/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/log10/index.html
new file mode 100644
index 0000000000..1a82f34848
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/log10/index.html
@@ -0,0 +1,126 @@
+---
+title: Math.log10()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/log10
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/log10
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.log10()</code></strong> retorna el logaritme en base 10 d'un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mo>∀</mo><mi>x</mi><mo>&gt;</mo><mn>0</mn><mo>,</mo><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.log10</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><msub><mo lspace="0em" rspace="0em">log</mo><mn>10</mn></msub><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=la única</mo><mspace width="thickmathspace"></mspace><mi>y</mi><mspace width="thickmathspace"></mspace><mtext>tal que</mtext><mspace width="thickmathspace"></mspace><msup><mn>10</mn><mi>y</mi></msup><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\forall x &gt; 0, \mathtt{\operatorname{Math.log10}(x)} = \log_10(x) = \text{the unique} \; y \; \text{such that} \; 10^y = x</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.log10(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si el valor de <code>x</code> és menor que 0, el valor retornat sempre és {{jsxref("NaN")}}.</p>
+
+<p>Com que <code>log10()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.log10()</code> en comptes de com un mètode d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.log10()">Utilitzar <code>Math.log10()</code></h3>
+
+<pre class="brush: js">Math.log10(2);      // 0.3010299956639812
+Math.log10(1);      // 0
+Math.log10(0);      // -Infinit
+Math.log10(-2);     // NaN
+Math.log10(100000); // 5
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquesta funció pot ser emulada mitjançant el següent codi:</p>
+
+<pre class="brush: js">Math.log10 = Math.log10 || function(x) {
+  return Math.log(x) / Math.LN10;
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.log10', 'Math.log10')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log1p()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log2()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.pow()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log10e/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/log10e/index.html
new file mode 100644
index 0000000000..299c8d12ed
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/log10e/index.html
@@ -0,0 +1,118 @@
+---
+title: Math.LOG10E
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/LOG10E
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/LOG10E
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Math.LOG10E</code></strong> representa el logaritme en base 10 de e, el valor del qual és aproximadament 0.434:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mi>Math.LOG10E</mi></mstyle><mo>=</mo><msub><mo lspace="0em" rspace="0em">log</mo><mn>10</mn></msub><mo stretchy="false">(</mo><mi>e</mi><mo stretchy="false">)</mo><mo>≈</mo><mn>0.434</mn></mrow><annotation encoding="TeX">\mathtt{\mi{Math.LOG10E}} = \log_10(e) \approx 0.434</annotation></semantics></math></p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Degut a que <code>LOG10E</code> és una propietat estàtica de l'objecte <code>Math</code>, sempre s'obté el seu valor mitjançant <code>Math.LOG10E</code> en comptes d'accedir a la propietat d'un objecte instanciat de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.LOG10E" name="Example:_Using_Math.LOG10E">Exemple: Utilitzar <code>Math.LOG10E</code></h3>
+
+<p>La funció següent retorna el logaritme en base 10 de e:</p>
+
+<pre class="brush:js">function getLog10e() {
+  return Math.LOG10E;
+}
+
+getLog10e(); // 0.4342944819032518
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.1.5', 'Math.LOG10E')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.log10e', 'Math.LOG10E')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log10()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log1p/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/log1p/index.html
new file mode 100644
index 0000000000..1a0eb32cd5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/log1p/index.html
@@ -0,0 +1,125 @@
+---
+title: Math.log1p()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/log1p
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/log1p
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.log1p()</code></strong> retorna el logaritme natural (base {{jsxref("Math.E", "e")}}) de 1 + un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mo>∀</mo><mi>x</mi><mo>&gt;</mo><mo>-</mo><mn>1</mn><mo>,</mo><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.log1p</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><mo lspace="0em" rspace="0em">ln</mo><mo stretchy="false">(</mo><mn>1</mn><mo>+</mo><mi>x</mi><mo stretchy="false">)</mo></mrow><annotation encoding="TeX">\forall x &gt; -1, \mathtt{\operatorname{Math.log1p}(x)} = \ln(1 + x)</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.log1p(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si el valor de <code>x</code> és menor que -1, el valor retornat sempre serà {{jsxref("NaN")}}.</p>
+
+<p>Com que <code>log1p()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.log1p()</code> en comptes de com un mètode d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.log1p()">Utilitzar <code>Math.log1p()</code></h3>
+
+<pre class="brush: js">Math.log1p(1);  // 0.6931471805599453
+Math.log1p(0);  // 0
+Math.log1p(-1); // -Infinit
+Math.log1p(-2); // NaN
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquesta funció pot ser emulada mitjançant la funció següent:</p>
+
+<pre class="brush: js">Math.log1p = Math.log1p || function(x) {
+  return Math.log(1 + x);
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.log1p', 'Math.log1p')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log10()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log2()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.pow()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log2/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/log2/index.html
new file mode 100644
index 0000000000..0806bd75ff
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/log2/index.html
@@ -0,0 +1,127 @@
+---
+title: Math.log2()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/log2
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/log2
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.log2()</code></strong> retorna el logaritme en base 2 d'un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mo>∀</mo><mi>x</mi><mo>&gt;</mo><mn>0</mn><mo>,</mo><mstyle mathvariant="monospace"><mrow><mo lspace="0em" rspace="thinmathspace">Math.log2</mo><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><msub><mo lspace="0em" rspace="0em">log</mo><mn>2</mn></msub><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mo>=</mo><mtext>la única</mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mspace width="thickmathspace"></mspace><mtext>tal que</mtext><mspace width="thickmathspace"></mspace><msup><mn>2</mn><mi>y</mi></msup><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\forall x &gt; 0, \mathtt{\operatorname{Math.log2}(x)} = \log_2(x) = \text{the unique} \; y \; \text{such that} \; 2^y = x</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.log2(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si el valor de <code>x</code> és menor que 0, el valor retornat sempre serà {{jsxref("NaN")}}.</p>
+
+<p>Com que <code>log2()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.log2()</code> en comptes de com un mètode d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.log2()">Utilitzar <code>Math.log2()</code></h3>
+
+<pre class="brush: js">Math.log2(3);    // 1.584962500721156
+Math.log2(2);    // 1
+Math.log2(1);    // 0
+Math.log2(0);    // -Infinit
+Math.log2(-2);   // NaN
+Math.log2(1024); // 10
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquest Polyfill emula la funció <code>Math.log2</code>. Cal destacar que retorna valors imprecisos per a algunes entrades (com ara 1 &lt;&lt; 29), embolcalleu-la amb {{jsxref("Math.round()")}} si esteu treballant amb màscares de bits.</p>
+
+<pre class="brush: js">Math.log2 = Math.log2 || function(x) {
+  return Math.log(x) / Math.LN2;
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.log2', 'Math.log2')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log10()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.log1p()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.pow()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/log2e/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/log2e/index.html
new file mode 100644
index 0000000000..2f37ae44c1
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/log2e/index.html
@@ -0,0 +1,118 @@
+---
+title: Math.LOG2E
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/LOG2E
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/LOG2E
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Math.LOG2E</code></strong> representa el logaritme de e en base 2, el valor del qual és aproximadament 1.442:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mi>Math.LOG2E</mi></mstyle><mo>=</mo><msub><mo lspace="0em" rspace="0em">log</mo><mn>2</mn></msub><mo stretchy="false">(</mo><mi>e</mi><mo stretchy="false">)</mo><mo>≈</mo><mn>1.442</mn></mrow><annotation encoding="TeX">\mathtt{\mi{Math.LOG2E}} = \log_2(e) \approx 1.442</annotation></semantics></math></p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Com que <code>LOG2E</code> és una propietat estàtica de <code>Math</code>, sempre s'utilitza mitjançant la forma <code>Math.LOG2E</code>, en comptes d'accedir a la propietat d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.LOG2E" name="Example:_Using_Math.LOG2E">Exemple: Utilitzar <code>Math.LOG2E</code></h3>
+
+<p>La següent funció retorna el logaritme de e en base 2:</p>
+
+<pre class="brush: js">function getLog2e() {
+  return Math.LOG2E;
+}
+
+getLog2e(); // 1.4426950408889634
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.1.4', 'Math.LOG2E')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.log2e', 'Math.LOG2E')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.log2()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/max/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/max/index.html
new file mode 100644
index 0000000000..791b5dfdfe
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/max/index.html
@@ -0,0 +1,134 @@
+---
+title: Math.max()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/max
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/max
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.max()</code></strong> retorna el nombre més gran de zero o més nombres.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.max([<var>valor1</var>[, <var>valor2</var>[, ...]]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>valor1, valor2, ...</code></dt>
+ <dd>Nombres.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que <code>max()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com<code> Math.max()</code> en comptes de com un mètode d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<p>Si no es proporciona cap argument, el resultat és -{{jsxref("Infinity")}}.</p>
+
+<p>Si al menys un dels arguments no pot convertir-se a un nombre, el resultat és {{jsxref("NaN")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.max()">Utilitzar <code>Math.max()</code></h3>
+
+<pre class="brush: js">Math.max(10, 20);   //  20
+Math.max(-10, -20); // -10
+Math.max(-10, 20);  //  20
+</pre>
+
+<p>La següent funció utilitza {{jsxref("Function.prototype.apply()")}} per a trobar l'element màxim d'un array numèric. <code>getMaxOfArray([1, 2, 3])</code> és equivalent a <code>Math.max(1, 2, 3)</code>, però <code>getMaxOfArray()</code> pot emprar-se en arrays de qualsevol mida construits programàticament.</p>
+
+<pre class="brush: js">function getMaxOfArray(numArray) {
+  return Math.max.apply(null, numArray);
+}
+</pre>
+
+<p>O bé amb el nou {{jsxref("Operators/Spread_operator", "operador spread")}}, obtenir el nombre màxim d'un array és molt més simple.</p>
+
+<pre class="brush: js">var arr = [1, 2, 3];
+var max = Math.max(...arr);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.11', 'Math.max')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.max', 'Math.max')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.min()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/min/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/min/index.html
new file mode 100644
index 0000000000..909e6ff2ee
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/min/index.html
@@ -0,0 +1,140 @@
+---
+title: Math.min()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/min
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/min
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.min()</code></strong> retorna el més petit de zero o més nombres.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.min([<var>valor1</var>[, <var>valor2</var>[, ...]]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>valor1, valor2, ...</code></dt>
+ <dd>Nombres.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Degut a que <code>min()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.min()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<p>Si no es proporciona cap argument, el resultat és {{jsxref("Infinity")}}.</p>
+
+<p>Si al menys un dels arguments no pot ser convertit a nombre, el resultat és {{jsxref("NaN")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.min()">Utilitzar <code>Math.min()</code></h3>
+
+<p>Aquest codi troba el valor mínim de <code>x</code> i <code>y</code> i l'assigna a <code>z</code>:</p>
+
+<pre class="brush: js">var x = 10, y = -20;
+var z = Math.min(x, y);
+</pre>
+
+<h3 id="Limitar_un_nombre_amb_Math.min()">Limitar un nombre amb <code>Math.min()</code></h3>
+
+<p>Sovint s'utilitza <code>Math.min()</code> per a limitar un valor de manera que sempre sigui igual o menor que un límit. Per exemple, aquest codi</p>
+
+<pre class="brush: js">var x = f(foo);
+
+if (x &gt; limit) {
+  x = limit;
+}
+</pre>
+
+<p>es podria escriure de la següent manera:</p>
+
+<pre class="brush: js">var x = Math.min(f(foo), limit);
+</pre>
+
+<p>{{jsxref("Math.max()")}} es pot emprar d'una manera similar per a limitar un valor a l'altre límit.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.12', 'Math.min')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.min', 'Math.min')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.max()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/pi/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/pi/index.html
new file mode 100644
index 0000000000..b867c953df
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/pi/index.html
@@ -0,0 +1,116 @@
+---
+title: Math.PI
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/PI
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/PI
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Math.PI</code></strong> representa el ratio entre la circumferència d'un crecle i el seu diàmetre, el seu valor aproximat és de 3.14159:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mi>Math.PI</mi></mstyle><mo>=</mo><mi>π</mi><mo>≈</mo><mn>3.14159</mn></mrow><annotation encoding="TeX">\mathtt{\mi{Math.PI}} = \pi \approx 3.14159</annotation></semantics></math></p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Com que <code>PI</code> és una propietat estàtica de <code>Math</code>, sempre s'utilitza amb la forma <code>Math.PI</code>, ren comptes de com una propietat d'un objecte <code>Math</code> ja creat (<code>Math</code> on és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.PI" name="Example:_Using_Math.PI">Exemple: Utilitzar <code>Math.PI</code></h3>
+
+<p>La funció següent utilitza <code>Math.PI</code> per a calcular la circumferència d'un cercle a partir del radi que rep.</p>
+
+<pre class="brush: js">function calculateCircumference(radius) {
+  return 2 * Math.PI * radius;
+}
+
+calculateCircumference(1);  // 6.283185307179586
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.1.6', 'Math.PI')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.pi', 'Math.PI')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Global_Objects/Math", "Math")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/pow/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/pow/index.html
new file mode 100644
index 0000000000..efe89000e9
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/pow/index.html
@@ -0,0 +1,140 @@
+---
+title: Math.pow()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/pow
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/pow
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.pow()</code></strong> retorna la <code>base</code> elevada a <code>exponent</code>, és a dir, <code>base<sup>exponent</sup></code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.pow(<var>base</var>, <var>exponent</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>base</code></dt>
+ <dd>El nombre base.</dd>
+ <dt><code>exponent</code></dt>
+ <dd>L'exponent que s'usarà per a elevar la base.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que <code>pow()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.pow()</code> en comptes de com un mètode d'un objecte <code>Math </code>creat (<code>Math </code>no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.pow()">Utilitzar <code>Math.pow()</code></h3>
+
+<pre class="brush: js">// simple
+Math.pow(7, 2);    // 49
+Math.pow(7, 3);    // 343
+Math.pow(2, 10);   // 1024
+// exponents fractionals
+Math.pow(4, 0.5);  // 2 (rel quadrada de 4)
+Math.pow(8, 1/3);  // 2 (rel cúbica de 8)
+Math.pow(2, 0.5);  // 1.412135623730951 (rel quadrada de 2)
+Math.pow(2, 1/3);  // 1.2599210498948732 (rel cúbica de 2)
+// exponents amb signe
+Math.pow(7, -2);   // 0.02040816326530612 (1/49)
+Math.pow(8, -1/3); // 0.5
+// bases amb signe
+Math.pow(-7, 2);   // 49 (qualsevol nombre elevat al quadrat és positiu)
+Math.pow(-7, 3);   // -343 (nombres elevats al cub poden ser negatius)
+Math.pow(-7, 0.5); // NaN (els nombres negatius no tenen una rel quadrada real)
+// degut a rels "parells" i "senars" estan aprox l'una de l'altra
+// i a límits en la precisió dels nombres de punt flotant,
+// bases negatives amb exponents fraccionals sempre retornen NaN
+Math.pow(-7, 1/3); // NaN
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.13', 'Math.pow')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.pow', 'Math.pow')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.cbrt()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.sqrt()")}}</li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Exponentiation" title="Arithmetic operators take numerical values (either literals or variables) as their operands and return a single numerical value. The standard arithmetic operators are addition (+), subtraction (-), multiplication (*), and division (/).">Operador Exponencial</a> {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/random/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/random/index.html
new file mode 100644
index 0000000000..d70169efd4
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/random/index.html
@@ -0,0 +1,126 @@
+---
+title: Math.random()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/random
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/random
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.random()</code></strong> retorna un nombre decimal de punt flotant pseudo-aleatori que roman dins el rang <code>[0, 1)</code>, és a dir, des de 0 (inclòs) fins a 1 (exclòs), que després pot ser escalat al rang dessitjat. La implementació selecciona la llavor inicial per a l'algoritme generador de nombres aleatoris; aquesta llavor no pot ser resetejada o escollida per l'usuari.</p>
+
+<div class="note">
+<p><strong>Nota:</strong> <code>Math.random()</code> <strong>no</strong> proporciona nombres aleatoris criptogràficament segurs. No l'utilitzeu per a cap tasca relacionada amb la seguretat. Per a aquest ús utilitzeu la API Web Crypto, i més concretament el mètode {{domxref("RandomSource.getRandomValues()", "window.crypto.getRandomValues()")}}.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.random()</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.random()">Utilitzar <code>Math.random()</code></h3>
+
+<p>Cal destacar que com que els nombres a JavaScript són nombres de punt flotant IEEE 754 amb comportament d'arrodoniment al parell més proper, els rangs proclamats per les funcions de sota (a excepció de <code>Math.random()</code>) no són exactes. Si s'escullen límits extremadament grans (2<sup>53</sup> o majors), és possible en casos <em>extremadament</em> rars, obtindre el límit superior que normalment és exclòs.</p>
+
+<pre class="brush: js">// Retorna un nombre aleatori entre 0 (inclòs) i 1 (exclòs)
+function getRandom() {
+  return Math.random();
+}
+</pre>
+
+<pre class="brush: js">// Retorna un nombre aleatori entre min (inclòs) i max (exclòs)
+function getRandomArbitrary(min, max) {
+  return Math.random() * (max - min) + min;
+}
+</pre>
+
+<pre class="brush: js">// Retorna un nombre sencer aleatori entre min (inclòs) i max (exclòs)
+// Utilitzar Math.round() proporciona una distribució no uniforme!
+function getRandomInt(min, max) {
+  return Math.floor(Math.random() * (max - min)) + min;
+}
+</pre>
+
+<pre class="brush: js">// Returns a random integer between min (included) and max (included)
+// Using Math.round() will give you a non-uniform distribution!
+function getRandomIntInclusive(min, max) {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. JavaScript 1.0 (Només UNIX) / JavaScript 1.1 (Totes les plataformes).</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.14', 'Math.random')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.random', 'Math.random')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/round/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/round/index.html
new file mode 100644
index 0000000000..2510799381
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/round/index.html
@@ -0,0 +1,207 @@
+---
+title: Math.round()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/round
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/round
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.round()</code></strong> retorna el valor d'un nombre arrodonit al nombre sencer més proper.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.round(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si la porció fraccional del nombre és 0.5 o major, l'argument s'arrodoneix al següent nombre sencer més gran. Si la porció fraccional del nombre és menor de 0.5 l'argument és arrodonit al següent nombre sencer més petit.</p>
+
+<p>Com que <code>round()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.round()</code> en comptes de com un mètode d'un objecte <code>Math </code>creat (<code>Math </code>no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.round()">Utilitzar <code>Math.round()</code></h3>
+
+<pre class="brush: js">// Retorna el valor 20
+x = Math.round(20.49);
+
+// Retorna el valor 21
+x = Math.round(20.5);
+
+// Retorna el valor -20
+x = Math.round(-20.5);
+
+// Retorna el valor -21
+x = Math.round(-20.51);
+
+// Retorna el valor 1 (!)
+// Fixeu-vos en l'error d'arrodoniment degut a la poc precisa aritmètica de punt flotant
+// Compareu això amb Math.round10(1.005, -2) de l'exemple de sota
+x = Math.round(1.005*100)/100;
+</pre>
+
+<h3 id="Arrodoniment_decimal">Arrodoniment decimal</h3>
+
+<pre class="brush: js">// Closure
+(function() {
+  /**
+   * Ajustament decimal d'un nombre
+   *
+   * @param {String}  type  El tipus d'ajustament.
+   * @param {Number}  value El nombre.
+   * @param {Integer} exp   L'exponent (el logaritme en base 10 de la base a ajustar).
+   * @returns {Number} El valor ajustat.
+   */
+  function decimalAdjust(type, value, exp) {
+    // Si l'exponent és undefined o zero...
+    if (typeof exp === 'undefined' || +exp === 0) {
+      return Math[type](value);
+    }
+    value = +value;
+    exp = +exp;
+    // Si el valor no és un nombre o l'exponent no és un nombre sencer...
+    if (isNaN(value) || !(typeof exp === 'number' &amp;&amp; exp % 1 === 0)) {
+      return NaN;
+    }
+    // Desplaçament
+    value = value.toString().split('e');
+    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
+    // Desfer el desplaçament
+    value = value.toString().split('e');
+    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
+  }
+
+  // Arrodoniment decimal
+  if (!Math.round10) {
+    Math.round10 = function(value, exp) {
+      return decimalAdjust('round', value, exp);
+    };
+  }
+  // Floor decimal
+  if (!Math.floor10) {
+    Math.floor10 = function(value, exp) {
+      return decimalAdjust('floor', value, exp);
+    };
+  }
+  // Ceiling decimal
+  if (!Math.ceil10) {
+    Math.ceil10 = function(value, exp) {
+      return decimalAdjust('ceil', value, exp);
+    };
+  }
+})();
+
+// Arrodoniment
+Math.round10(55.55, -1);   // 55.6
+Math.round10(55.549, -1);  // 55.5
+Math.round10(55, 1);       // 60
+Math.round10(54.9, 1);     // 50
+Math.round10(-55.55, -1);  // -55.5
+Math.round10(-55.551, -1); // -55.6
+Math.round10(-55, 1);      // -50
+Math.round10(-55.1, 1);    // -60
+Math.round10(1.005, -2);   // 1.01 -- compareu aquest resultat amb Math.round(1.005*100)/100 de l'exemple de sobre
+// Floor
+Math.floor10(55.59, -1);   // 55.5
+Math.floor10(59, 1);       // 50
+Math.floor10(-55.51, -1);  // -55.6
+Math.floor10(-51, 1);      // -60
+// Ceil
+Math.ceil10(55.51, -1);    // 55.6
+Math.ceil10(51, 1);        // 60
+Math.ceil10(-55.59, -1);   // -55.5
+Math.ceil10(-59, 1);       // -50
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.15', 'Math.round')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.round', 'Math.round')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Phone</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.abs()")}}</li>
+ <li>{{jsxref("Math.ceil()")}}</li>
+ <li>{{jsxref("Math.floor()")}}</li>
+ <li>{{jsxref("Math.sign()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.trunc()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sign/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/sign/index.html
new file mode 100644
index 0000000000..520ff27dc4
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/sign/index.html
@@ -0,0 +1,131 @@
+---
+title: Math.sign()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/sign
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/sign
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.sign()</code></strong> retorna el signe d'un nombre, indicant si el nombre donat és positiu, negatiu o zero.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.sign(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que <code>sign()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.sign()</code> en comptes de com un mètode d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<p>Aquesta funció pot retornar 5 valors diferents,<code> 1</code>, <code>-1</code>, <code>0</code>, <code>-0</code>, <code>NaN</code>, que representen "nombre positiu", "nombre negatiu", "zero positiu", "zero negatiu" i {{jsxref("NaN")}} respectivament.</p>
+
+<p>L'argument passat a aquesta funció serà convertit al tipus de <code>x</code> implícitament.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.sign()">Utilitzar <code>Math.sign()</code></h3>
+
+<pre class="brush: js">Math.sign(3);     //  1
+Math.sign(-3);    // -1
+Math.sign('-3');  // -1
+Math.sign(0);     //  0
+Math.sign(-0);    // -0
+Math.sign(NaN);   // NaN
+Math.sign('foo'); // NaN
+Math.sign();      // NaN
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<pre class="brush: js">Math.sign = Math.sign || function(x) {
+  x = +x; // converteix a un nombre
+  if (x === 0 || isNaN(x)) {
+    return x;
+  }
+  return x &gt; 0 ? 1 : -1;
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.sign', 'Math.sign')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.abs()")}}</li>
+ <li>{{jsxref("Math.ceil()")}}</li>
+ <li>{{jsxref("Math.floor()")}}</li>
+ <li>{{jsxref("Math.round()")}}</li>
+ <li>{{jsxref("Math.trunc()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sin/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/sin/index.html
new file mode 100644
index 0000000000..7f1faf9a98
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/sin/index.html
@@ -0,0 +1,127 @@
+---
+title: Math.sin()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/sin
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/sin
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La funció <strong><code>Math.sin()</code></strong> retorna el sinus d'un nombre.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.sin(<var>x</var>)</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre (donat en radians).</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El mètode <code>Math.sin()</code> retorna un valor numèric entre -1 i 1, que representa el sinus de l'angle donat en radiants.</p>
+
+<p>Degut a que <code>sin()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.sin()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.sin" name="Example:_Using_Math.sin">Exemple: Utilitzar <code>Math.sin()</code></h3>
+
+<pre class="brush: js">Math.sin(0);           // 0
+Math.sin(1);           // 0.8414709848078965
+
+Math.sin(Math.PI / 2); // 1
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.16', 'Math.sin')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.sin', 'Math.sin')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acos()")}}</li>
+ <li>{{jsxref("Math.asin()")}}</li>
+ <li>{{jsxref("Math.atan()")}}</li>
+ <li>{{jsxref("Math.atan2()")}}</li>
+ <li>{{jsxref("Math.cos()")}}</li>
+ <li>{{jsxref("Math.tan()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sinh/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/sinh/index.html
new file mode 100644
index 0000000000..a1cc1f446a
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/sinh/index.html
@@ -0,0 +1,129 @@
+---
+title: Math.sinh()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/sinh
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/sinh
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.sinh()</code></strong> retorna el sinus hiperbòlic d'un nombre, que es pot expressar utilitzant la {{jsxref("Math.E", "constant e", "", 1)}}:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mo lspace="0em" rspace="thinmathspace">Math.sinh(x)</mo></mstyle><mo>=</mo><mfrac><mrow><msup><mi>e</mi><mi>x</mi></msup><mo>-</mo><msup><mi>e</mi><mrow><mo>-</mo><mi>x</mi></mrow></msup></mrow><mn>2</mn></mfrac></mrow><annotation encoding="TeX">\mathtt{\operatorname{Math.sinh(x)}} = \frac{e^x - e^{-x}}{2}</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.sinh(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que que <code>sinh()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.sinh()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.sinh()">Utilitzar <code>Math.sinh()</code></h3>
+
+<pre class="brush: js">Math.sinh(0); // 0
+Math.sinh(1); // 1.1752011936438014
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquest comportament es pot emular amb l'ajut de la funció {{jsxref("Math.exp()")}}:</p>
+
+<pre class="brush: js">Math.sinh = Math.sinh || function(x) {
+  return (Math.exp(x) - Math.exp(-x)) / 2;
+}
+</pre>
+
+<p>O bé utilitzant només una crida a la funció {{jsxref("Math.exp()")}}:</p>
+
+<pre class="brush: js">Math.sinh = Math.sinh || function(x) {
+  var y = Math.exp(x);
+  return (y - 1 / y) / 2;
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.sinh', 'Math.sinh')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.asinh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.atanh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.cosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.tanh()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sqrt/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/sqrt/index.html
new file mode 100644
index 0000000000..b726db8a31
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/sqrt/index.html
@@ -0,0 +1,127 @@
+---
+title: Math.sqrt()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/sqrt
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/sqrt
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.sqrt()</code></strong> retorna la rel quadrada d'un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mo>∀</mo><mi>x</mi><mo>≥</mo><mn>0</mn><mo>,</mo><mstyle mathvariant="monospace"><mrow><mi>M</mi><mi>a</mi><mi>t</mi><mi>h</mi><mo>.</mo><mi>s</mi><mi>q</mi><mi>r</mi><mi>t</mi><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mrow></mstyle><mo>=</mo><msqrt><mi>x</mi></msqrt><mo>=</mo><mtext>la única</mtext><mspace width="thickmathspace"></mspace><mi>y</mi><mo>≥</mo><mn>0</mn><mspace width="thickmathspace"></mspace><mtext>tal que</mtext><mspace width="thickmathspace"></mspace><msup><mi>y</mi><mn>2</mn></msup><mo>=</mo><mi>x</mi></mrow><annotation encoding="TeX">\forall x \geq 0, \mathtt{Math.sqrt(x)} = \sqrt{x} = \text{the unique} \; y \geq 0 \; \text{such that} \; y^2 = x</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.sqrt(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si el valor de <code>x</code> és negatiu, <code>Math.sqrt()</code> retorna {{jsxref("NaN")}}.</p>
+
+<p>Degut a que <code>sqrt()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.sqrt()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.sqrt()">Utilitzar <code>Math.sqrt()</code></h3>
+
+<pre class="brush: js">Math.sqrt(9); // 3
+Math.sqrt(2); // 1.414213562373095
+
+Math.sqrt(1);  // 1
+Math.sqrt(0);  // 0
+Math.sqrt(-1); // NaN
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.17', 'Math.sqrt')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.sqrt', 'Math.sqrt')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.cbrt()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.exp()")}}</li>
+ <li>{{jsxref("Math.log()")}}</li>
+ <li>{{jsxref("Math.pow()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sqrt1_2/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/sqrt1_2/index.html
new file mode 100644
index 0000000000..3d7d3a1370
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/sqrt1_2/index.html
@@ -0,0 +1,117 @@
+---
+title: Math.SQRT1_2
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/SQRT1_2
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/SQRT1_2
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Math.SQRT1_2</code></strong> representa la rel quadrada de 1/2, que equival aproximadament a 0.707:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mi>Math.SQRT1_2</mi></mstyle><mo>=</mo><msqrt><mfrac><mn>1</mn><mn>2</mn></mfrac></msqrt><mo>=</mo><mfrac><mn>1</mn><msqrt><mn>2</mn></msqrt></mfrac><mo>≈</mo><mn>0.707</mn></mrow><annotation encoding="TeX">\mathtt{\mi{Math.SQRT1_2}} = \sqrt{\frac{1}{2}} = \frac{1}{\sqrt{2}} \approx 0.707</annotation></semantics></math></p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Degut a que <code>SQRT1_2</code>  éss una propietat estàtica de <code>Math</code>, sempre s'utilitza com a <code>Math.SQRT1_2</code> en comptes de com a la propietat d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.SQRT1_2" name="Example:_Using_Math.SQRT1_2">Exemple: Utilitzar <code>Math.SQRT1_2</code></h3>
+
+<p>La següent funció retorna 1 dividit per la rel quadrada de 2:</p>
+
+<pre class="brush:js">function getRoot1_2() {
+  return Math.SQRT1_2;
+}
+
+getRoot1_2(); // 0.7071067811865476
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat aJavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.1.7', 'Math.SQRT1_2')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.sqrt1_2', 'Math.SQRT1_2')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.pow()")}}</li>
+ <li>{{jsxref("Math.sqrt()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/sqrt2/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/sqrt2/index.html
new file mode 100644
index 0000000000..3d049f228c
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/sqrt2/index.html
@@ -0,0 +1,117 @@
+---
+title: Math.SQRT2
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/SQRT2
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/SQRT2
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Math.SQRT2</code></strong> representa la rel quadrada de 2, que és aproximadament 1.414:</p>
+
+<p><math display="block"><semantics><mrow><mstyle mathvariant="monospace"><mi>Math.SQRT2</mi></mstyle><mo>=</mo><msqrt><mn>2</mn></msqrt><mo>≈</mo><mn>1.414</mn></mrow><annotation encoding="TeX">\mathtt{\mi{Math.SQRT2}} = \sqrt{2} \approx 1.414</annotation></semantics></math></p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Degut a que <code>SQRT2</code> és una propietat estàtica de <code>Math</code>, sempre s'utilitza com a <code>Math.SQRT2</code>, en comptes de com la propietat d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.SQRT2" name="Example:_Using_Math.SQRT2">Exemple: Utilitzar <code>Math.SQRT2</code></h3>
+
+<p>La funció següent retorna la rel quadrada de 2:</p>
+
+<pre class="brush: js">function getRoot2() {
+  return Math.SQRT2;
+}
+
+getRoot2(); // 1.4142135623730951
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.1.8', 'Math.SQRT2')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.sqrt2', 'Math.SQRT2')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.pow()")}}</li>
+ <li>{{jsxref("Math.sqrt()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/tan/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/tan/index.html
new file mode 100644
index 0000000000..590e1f5fc8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/tan/index.html
@@ -0,0 +1,140 @@
+---
+title: Math.tan()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/tan
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/tan
+---
+<div>{{JSRef("Global_Objects", "Math")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La funció <strong><code>Math.tan()</code></strong> retorna la tangent d'un nombre.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.tan(<var>x</var>)</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre que representa un angle, mesurat en radians.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El mètode <code>Math.tan()</code> retorna un valor numèric que representa la tangent d'un angle.</p>
+
+<p>Degut a que <code>tan()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.tan()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_Math.tan" name="Example:_Using_Math.tan">Exemple: Utilitzar <code>Math.tan()</code></h3>
+
+<pre class="brush: js">Math.tan(1); // 1.5574077246549023
+</pre>
+
+<p>Com que la funció <code>Math.tan()</code> accepta radians però sovint és més fàcil treballar amb graus, a funció següent accepta un valor en graus, el converteix a radians i retorna la tangent.</p>
+
+<pre class="brush: js">function getTanDeg(deg) {
+  var rad = deg * Math.PI/180;
+  return Math.tan(rad);
+}
+</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.8.2.18', 'Math.tan')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.tan', 'Math.tan')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>
+    <table class="compat-table">
+     <tbody>
+      <tr>
+       <th>Característica</th>
+      </tr>
+     </tbody>
+    </table>
+   </th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acos()")}}</li>
+ <li>{{jsxref("Math.asin()")}}</li>
+ <li>{{jsxref("Math.atan()")}}</li>
+ <li>{{jsxref("Math.atan2()")}}</li>
+ <li>{{jsxref("Math.cos()")}}</li>
+ <li>{{jsxref("Math.sin()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/tanh/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/tanh/index.html
new file mode 100644
index 0000000000..ada19d17e0
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/tanh/index.html
@@ -0,0 +1,142 @@
+---
+title: Math.tanh()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/tanh
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/tanh
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.tanh()</code></strong> retorna la tangent hiperbòlica d'un nombre, és a dir</p>
+
+<p><math display="block"><semantics><mrow><mo lspace="0em" rspace="0em">tanh</mo><mi>x</mi><mo>=</mo><mfrac><mrow><mo lspace="0em" rspace="0em">sinh</mo><mi>x</mi></mrow><mrow><mo lspace="0em" rspace="0em">cosh</mo><mi>x</mi></mrow></mfrac><mo>=</mo><mfrac><mrow><msup><mi>e</mi><mi>x</mi></msup><mo>-</mo><msup><mi>e</mi><mrow><mo>-</mo><mi>x</mi></mrow></msup></mrow><mrow><msup><mi>e</mi><mi>x</mi></msup><mo>+</mo><msup><mi>e</mi><mrow><mo>-</mo><mi>x</mi></mrow></msup></mrow></mfrac><mo>=</mo><mfrac><mrow><msup><mi>e</mi><mrow><mn>2</mn><mi>x</mi></mrow></msup><mo>-</mo><mn>1</mn></mrow><mrow><msup><mi>e</mi><mrow><mn>2</mn><mi>x</mi></mrow></msup><mo>+</mo><mn>1</mn></mrow></mfrac></mrow><annotation encoding="TeX">\tanh x = \frac{\sinh x}{\cosh x} = \frac {e^x - e^{-x}} {e^x + e^{-x}} = \frac{e^{2x} - 1}{e^{2x}+1}</annotation></semantics></math></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.tanh(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Com que que <code>tanh()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com a <code>Math.tanh()</code>, en comptes de com a mètode d'una instància de <code>Math</code> (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.tanh()">Utilitzar <code>Math.tanh()</code></h3>
+
+<pre class="brush: js">Math.tanh(0);        // 0
+Math.tanh(Infinity); // 1
+Math.tanh(1);        // 0.7615941559557649
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquest comportament pot emular-se amb l'ajuda de la funció {{jsxref("Math.exp()")}}:</p>
+
+<pre class="brush: js">Math.tanh = Math.tanh || function(x) {
+  if (x === Infinity) {
+    return 1;
+  } else if (x === -Infinity) {
+    return -1;
+  } else {
+    return (Math.exp(x) - Math.exp(-x)) / (Math.exp(x) + Math.exp(-x));
+  }
+}
+</pre>
+
+<p>o bé utilitzant només una crida a {{jsxref("Math.exp()")}}:</p>
+
+<pre class="brush: js">Math.tanh = Math.tanh || function(x) {
+  if (x === Infinity) {
+    return 1;
+  } else if (x === -Infinity) {
+    return -1;
+  } else {
+    var y = Math.exp(2 * x);
+    return (y - 1) / (y + 1);
+  }
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.tanh', 'Math.tanh')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.acosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.asinh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.atanh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.cosh()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("Math.sinh()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/math/trunc/index.html b/files/ca/web/javascript/referencia/objectes_globals/math/trunc/index.html
new file mode 100644
index 0000000000..4f76502d69
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/math/trunc/index.html
@@ -0,0 +1,129 @@
+---
+title: Math.trunc()
+slug: Web/JavaScript/Referencia/Objectes_globals/Math/trunc
+translation_of: Web/JavaScript/Reference/Global_Objects/Math/trunc
+---
+<div>{{JSRef}}</div>
+
+<p>La funció <strong><code>Math.trunc()</code></strong> retorna la part integral d'un nombre, tot descartant els dígits decimals.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Math.trunc(<var>x</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>x</code></dt>
+ <dd>Un nombre.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Al contrari que altres mètodes de <code>Math</code> : {{jsxref("Math.floor()")}}, {{jsxref("Math.ceil()")}} and {{jsxref("Math.round()")}}, la forma en la que <code>Math.trunc()</code> funciona és molt simple, simplement trunca el punt i els dígits que queden a la dreta, sense importa si l'argument és un nombre positiu o negatiu.</p>
+
+<p>Així que, si l'argument és un nombre positiu, <code>Math.trunc()</code> és equivalent a <code>Math.floor()</code>, en cas contrari, <code>Math.trunc()</code> és equivalent a <code>Math.ceil()</code>.</p>
+
+<p>Cal destacar que l'argument passat a aquest mètode serà convertit a un nombre de forma implícita.</p>
+
+<p>Com que <code>trunc()</code> és un mètode estàtic de <code>Math</code>, sempre s'utilitza com <code>Math.trunc()</code> en comptes de com un mètode d'un objecte <code>Math</code> creat (<code>Math</code> no és un constructor).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_Math.trunc()"><code>Utilitzar Math.trunc()</code></h3>
+
+<pre class="brush: js">Math.trunc(13.37);    // 13
+Math.trunc(42.84);    // 42
+Math.trunc(0.123);    //  0
+Math.trunc(-0.123);   // -0
+Math.trunc('-1.123'); // -1
+Math.trunc(NaN);      // NaN
+Math.trunc('foo');    // NaN
+Math.trunc();         // NaN
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<pre class="brush: js">Math.trunc = Math.trunc || function(x) {
+  return x &lt; 0 ? Math.ceil(x) : Math.floor(x);
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-math.trunc', 'Math.trunc')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("38")}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("25")}}</td>
+   <td>{{CompatSafari("7.1")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Math.abs()")}}</li>
+ <li>{{jsxref("Math.ceil()")}}</li>
+ <li>{{jsxref("Math.floor()")}}</li>
+ <li>{{jsxref("Math.round()")}}</li>
+ <li>{{jsxref("Math.sign()")}} {{experimental_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/nan/index.html b/files/ca/web/javascript/referencia/objectes_globals/nan/index.html
new file mode 100644
index 0000000000..1d6f4a4dc8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/nan/index.html
@@ -0,0 +1,125 @@
+---
+title: NaN
+slug: Web/JavaScript/Referencia/Objectes_globals/NaN
+translation_of: Web/JavaScript/Reference/Global_Objects/NaN
+---
+<div>
+<div>
+<div>{{jsSidebar("Objects")}}</div>
+</div>
+</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>La propietat global <code><strong>NaN</strong></code> és un valor que representa Not-A-Number.</p>
+
+<p>{{js_property_attributes(0,0,0)}}</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>NaN</code></pre>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p><code>NaN</code> és una propietat de l'<em>objecte global</em>.</p>
+
+<p>El valor inicial de <code>NaN</code> és Not-A-Number — el mateix que el valor de <code>Number.NaN</code>. En navegadors moderns <code>NaN</code> és una propietat no configurable que no pot ser escrita. En cas contrari es recomana no sobreescriure el seu valor.</p>
+
+<p>L'ús directe de <code>NaN</code> és poc freqüent. Apareix tot sovint però com va valor retornat quan una funció matemàtica falla (<code>Math.sqrt(-1)</code>) o quan s'intenta convertir una cadena de text a nombre sense èxit (<code>parseInt("blabla")</code>).</p>
+
+<h2 id="Comparant_NaN">Comparant <code>NaN</code></h2>
+
+<p>L'operador d'igualtat (<code>==</code> i <code>===</code>) no pot ésser emprat per comparar un resultat amb <code>NaN</code>. Es fa necessari l'ús de {{jsxref("Number.isNaN()")}} o bé {{jsxref("Global_Objects/isNaN", "isNaN()")}}.</p>
+
+<pre class="brush: js">NaN === NaN;        // false
+Number.NaN === NaN; // false
+isNaN(NaN);         // true
+isNaN(Number.NaN);  // true
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.3</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.1.1.1', 'NaN')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-value-properties-of-the-global-object-nan', 'NaN')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.NaN")}}</li>
+ <li>{{jsxref("Number.isNaN()")}}</li>
+ <li>{{jsxref("Global_Objects/isNaN", "isNaN()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/null/index.html b/files/ca/web/javascript/referencia/objectes_globals/null/index.html
new file mode 100644
index 0000000000..97506ddeb5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/null/index.html
@@ -0,0 +1,125 @@
+---
+title: 'null'
+slug: Web/JavaScript/Referencia/Objectes_globals/null
+translation_of: Web/JavaScript/Reference/Global_Objects/null
+---
+<div>
+<div>
+<div>{{jsSidebar("Objects")}}</div>
+</div>
+</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>El valor <code>null</code> és un literal de JavaScript que representa un valor nul o "buit", per exemple, quan no s'ha asignat cap valor previ. És un dels {{Glossary("Primitive", "valors primitius")}} de JavaScript.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>null </code></pre>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El valor <code>null</code> és un literal (i no una propietat de l'objecte global, com ho és <a href="/ca/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="/en-US/docs/JavaScript/Reference/Global_Objects/undefined"><code>undefined</code></a>). A l'utilitzar les APIs, <code>null</code> s'obté sovint en comptes de l'objecte esperat quan no hi ha cap objecte relevant. Quan es vol comprovar si un valor és null o be undefined és important recordar les <a href="/ca/docs/Web/JavaScript/Reference/Operators/Comparison_Operators">diferències entre els operadors d'igualtat (==) i d'identitat (===)</a> (ja que amb el primer s'aplica una conversió de tipus).</p>
+
+<pre class="brush: js">// foo no existeix, no està definit i no s'ha inicialitzat mai
+&gt; foo
+"ReferenceError: foo is not defined"
+
+// Es sap que foo existeix ara però no té tipus ni cap valor assignat:
+&gt; var foo = null; foo
+"null"
+</pre>
+
+<h3 id="Diferència_entre_null_i_undefined">Diferència entre <code>null</code> i <code>undefined</code></h3>
+
+<pre class="brush: js">typeof null        // objecte (degut a un bug a ECMAScript, hauria de ser null)
+typeof undefined   // undefined
+null === undefined // false
+null  == undefined // true
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-4.3.11', 'null value')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-null-value', 'null value')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Global_Objects/undefined", "undefined")}}</li>
+ <li>{{jsxref("Global_Objects/NaN", "NaN")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/epsilon/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/epsilon/index.html
new file mode 100644
index 0000000000..5e3f602703
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/epsilon/index.html
@@ -0,0 +1,102 @@
+---
+title: Number.EPSILON
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/EPSILON
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/EPSILON
+---
+<div>{{JSRef("Global_Objects", "Number")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Number.EPSILON</code></strong> representa la diferència entre el nombre 1 i el valor més petit major que 1 que pot ser representat com un {{jsxref("Global_Objects/Number", "Number")}}.</p>
+
+<p>Per tal d'accedir a la propietat no es fa necessari crear un objecte {{jsxref("Global_Objects/Number", "Number")}} ja que és una propietat estàtica i n'hi ha prou amb fer servir <code>Number.EPSILON</code> per a obtindre el valor.</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>La propietat <code>EPSILON</code> té un valor aproximat de <code>2.2204460492503130808472633361816E-16</code>, és a dir, <code>2<sup>-52</sup></code>.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Exemple_Comprovant_l'igualtat">Exemple: Comprovant l'igualtat</h3>
+
+<pre class="brush: js">x = 0.2;
+y = 0.3;
+equal = (Math.abs(x - y) &lt; Number.EPSILON);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-15.7.3.7', 'Number.EPSILON')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("25.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>L'objecte {{jsxref("Global_Objects/Number", "Number")}} al qual pertany.</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/index.html
new file mode 100644
index 0000000000..5f4b7a0bb2
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/index.html
@@ -0,0 +1,214 @@
+---
+title: Number
+slug: Web/JavaScript/Referencia/Objectes_globals/Number
+translation_of: Web/JavaScript/Reference/Global_Objects/Number
+---
+<div>{{JSRef("Global_Objects", "Number")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>L'objecte de JavaScript <strong><code>Number</code></strong> és un objecte embolcall que permet treballar amb valors numèrics. Un objecte de tipus <code>Number</code> és creat quan es crida el constructor <code>Number()</code>.</p>
+
+<h2 id="Syntax" name="Syntax">Constructor</h2>
+
+<pre class="syntaxbox">new Number(valor);</pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>valor</code></dt>
+ <dd>El valor numèric de l'objecte que es pretèn crear.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Els usos pricipals de l'objecte <code>Number</code> són:</p>
+
+<ul>
+ <li>Si l'argument dona al constructor no es pot convertir en un nombre aquest retorna {{jsxref("Global_Objects/NaN", "NaN")}}.</li>
+ <li><code>Number</code> pot ser emprat per a realitzar conversions de tipus sense necesitat de crear un nou objecte.</li>
+</ul>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<dl>
+ <dt>{{jsxref("Number.EPSILON")}} {{experimental_inline}}</dt>
+ <dd>L'interval més petit entre dos nombres que es pot representar.</dd>
+ <dt>{{jsxref("Number.MAX_SAFE_INTEGER")}} {{experimental_inline}}</dt>
+ <dd>El nombre sencer més gran que JavaScript pot representar de forma segura (<code>2<sup>53</sup> - 1</code>).</dd>
+ <dt>{{jsxref("Number.MAX_VALUE")}}</dt>
+ <dd>El nombre positiu més gran que pot ésser representat.</dd>
+ <dt>{{jsxref("Number.MIN_SAFE_INTEGER")}} {{experimental_inline}}</dt>
+ <dd>El nombre més petit que JavaScript pot representar de forma segura (<code>-(2<sup>53</sup> - 1)</code>).</dd>
+ <dt>{{jsxref("Number.MIN_VALUE")}}</dt>
+ <dd>El nombre positiu més petit que pot ésser representat. És a dir, el nombre positiu més proper a zero sense arribar a ser zero.</dd>
+ <dt>{{jsxref("Number.NaN")}}</dt>
+ <dd>El valor especial "not a number".</dd>
+ <dt>{{jsxref("Number.NEGATIVE_INFINITY")}}</dt>
+ <dd>El valor especial que representa l'infinit negatiu. És retornat quan es produeix un <em>overflow</em>.</dd>
+ <dt>{{jsxref("Number.POSITIVE_INFINITY")}}</dt>
+ <dd>El valor especial que representa l'infinit positiu. És retornat quan es produeix un <em>overflow</em>.</dd>
+ <dt>{{jsxref("Number.prototype")}}</dt>
+ <dd>Permet l'adició de propietats a l'objecte <code>Number</code>.</dd>
+</dl>
+
+<div>{{jsOverrides("Function", "properties", "MAX_VALUE", "MIN_VALUE", "NaN", "NEGATIVE_INFINITY", "POSITIVE_INFINITY", "protoype")}}</div>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("Number.isNaN()")}} {{experimental_inline}}</dt>
+ <dd>Determina si el valor proporcionat és NaN.</dd>
+ <dt>{{jsxref("Number.isFinite()")}} {{experimental_inline}}</dt>
+ <dd>Determina si el valor que representa és un valor finit.</dd>
+ <dt>{{jsxref("Number.isInteger()")}} {{experimental_inline}}</dt>
+ <dd>Determina si el valor que representa és un nombre i si es tracta d'un nombre sencer.</dd>
+ <dt>{{jsxref("Number.isSafeInteger()")}} {{experimental_inline}}</dt>
+ <dd>Determina si el tipus del valor proporcionat així com el valor en sí mateix és un nombre sencer segur (nombre entre <code>-(2<sup>53</sup> - 1)</code> i <code>2<sup>53</sup> - 1</code>).</dd>
+ <dt><s class="obsoleteElement">{{jsxref("Number.toInteger()")}} {{obsolete_inline}}</s></dt>
+ <dd><s class="obsoleteElement">Utilitzat per evaluar el valor passat i convertir-lo a sencer (o bé {{jsxref("Global_Objects/Infinity", "Infinity")}}), però s'ha eliminat.</s></dd>
+ <dt>{{jsxref("Number.parseFloat()")}} {{experimental_inline}}</dt>
+ <dd>Fa la mateixa funció que el mètode {{jsxref("Global_Objects/parseFloat", "parseFloat")}} de l'objecte global.</dd>
+ <dt>{{jsxref("Number.parseInt()")}} {{experimental_inline}}</dt>
+ <dd>Fa la mateixa funció que el mètode {{jsxref("Global_Objects/parseInt", "parseInt")}} de l'objecte global.</dd>
+</dl>
+
+<div>{{jsOverrides("Function", "Methods", "isNaN")}}</div>
+
+<h2 id="Number_instances" name="Number_instances"><code>Instàncies de Number</code></h2>
+
+<p>Totes les instàncies de <code>Number</code> hereten de {{jsxref("Number.prototype")}}. L'objecte prototype del constructor <code>Number</code> pot ser modificat per a afectar a totes les instàncies de <code>Number</code>.</p>
+
+<h3 id="Methods_of_Number_instance" name="Methods_of_Number_instance">Mètodes</h3>
+
+<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/prototype', 'Methods')}}</div>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_the_Number_object_to_assign_values_to_numeric_variables" name="Example:_Using_the_Number_object_to_assign_values_to_numeric_variables">Exemple: Utilitzar l'objecte <code>Number</code> per a assignar valors numèrics a variables</h3>
+
+<p>L'exemple que trobareu a continuació utilitza les propietats de l'objecte <code>Number</code> per a assignar valors a diferents variables numèriques:</p>
+
+<pre class="brush: js">var biggestNum = Number.MAX_VALUE;
+var smallestNum = Number.MIN_VALUE;
+var infiniteNum = Number.POSITIVE_INFINITY;
+var negInfiniteNum = Number.NEGATIVE_INFINITY;
+var notANum = Number.NaN;
+</pre>
+
+<h3 id="Example:_Using_Number_to_convert_a_Date_object" name="Example:_Using_Number_to_convert_a_Date_object">Exemple: Rang de sencers de <code>Number</code></h3>
+
+<p>El següent exemple mostra el valor sencer mínim i màxim que pot ésser representat per un objecte de tipus <code>Number</code> (per a més detalls, referiu-vos a l'standard EcmaScript, capítol <em>8.5 El tipus Number</em>):</p>
+
+<pre class="brush: js">var biggestInt = 9007199254740992;
+var smallestInt = -9007199254740992;
+</pre>
+
+<p>A l'interpretar dades que han sigut serialitzades amb JSON, els valors que queden fora d'aquest rang poden esdevenir corruptes quan l'intèrpret de JSON els forci esdevenir de tipus <code>Number</code>. Una forma d'evitar aquesta limitació és utilitzar una {{jsxref("Global_Objects/String", "String")}} per representar el nombre.</p>
+
+<h3 id="Example:_Using_Number_to_convert_a_Date_object" name="Example:_Using_Number_to_convert_a_Date_object">Exemple: Utilitzar <code>Number</code> per a convertir un objecte de tipus <code>Date</code></h3>
+
+<p>L'exemple que trobareu a continuació converteix un objecte de tipus {{jsxref("Global_Objects/Date", "Date")}} a un tipus numèric tot utilitzant <code>Number</code> com una funció:</p>
+
+<pre class="brush: js">var d = new Date('December 17, 1995 03:24:00');
+print(Number(d));
+</pre>
+
+<p>Aquest exemple mostrarà "819199440000".</p>
+
+<h3 id="Exemple_Convertir_cadenes_de_caràcters_numèriques_a_nombres">Exemple: Convertir cadenes de caràcters numèriques a nombres</h3>
+
+<pre class="brush: js">Number("123")     // 123
+Number("")        // 0
+Number("0x11")    // 17
+Number("0b11")    // 3
+Number("0o11")    // 9
+Number("foo")     // NaN
+Number("100a")    // NaN
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7', 'Number')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number-objects', 'Number')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Afegides nous mètodes i propietats: ({{jsxref("Number.EPSILON", "EPSILON")}}, {{jsxref("Number.isFinite", "isFinite")}}, {{jsxref("Number.isInteger", "isInteger")}}, {{jsxref("Number.isNaN", "isNaN")}}, {{jsxref("Number.parseFloat", "parseFloat")}}, {{jsxref("Number.parseInt", "parseInt")}})</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadores">Compatibilitat amb navegadores</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Global_Objects/NaN", "NaN")}}</li>
+ <li>L'objecte global {{jsxref("Global_Objects/Math", "Math")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/isfinite/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/isfinite/index.html
new file mode 100644
index 0000000000..21d9493bf8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/isfinite/index.html
@@ -0,0 +1,118 @@
+---
+title: Number.isFinite()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/isFinite
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/isFinite
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Number.isFinite()</code></strong> determina si el valor que se li passa com a argument és un nombre finit o no.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Number.isFinite(valor)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>valor</code></dt>
+ <dd>El valor que es comprovarà si és finit.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>En comparació amb la funció global {{jsxref("Global_Objects/isFinite", "isFinite()")}}, aquest mètode no converteix el paràmetres a un nombre forçosament. Això implica que només valors de tipus number, que també siguin finits, retornaran <code>true</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">Number.isFinite(Infinity);  // false
+Number.isFinite(NaN);       // false
+Number.isFinite(-Infinity); // false
+
+Number.isFinite(0);         // true
+Number.isFinite(2e64);      // true
+
+Number.isFinite('0');       // false, seria true si s'utilitzés la
+                            // funció global isFinite('0')
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<pre class="brush: js">Number.isFinite = Number.isFinite || function(value) {
+    return typeof value === "number" &amp;&amp; isFinite(value);
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.isfinite', 'Number.isInteger')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("19")}}</td>
+   <td>{{CompatGeckoDesktop("16")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatOpera("15")}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("16")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>L'objecte {{jsxref("Global_Objects/Number", "Number")}} al que pertany.</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/isinteger/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/isinteger/index.html
new file mode 100644
index 0000000000..ee524e91c2
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/isinteger/index.html
@@ -0,0 +1,118 @@
+---
+title: Number.isInteger()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/isInteger
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/isInteger
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode<strong> <code>Number.isInteger()</code></strong> determina si el valor que se li passa és un nombre sencer.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Number.isInteger(valor)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>valor</code></dt>
+ <dd>El valor que serà comprovat si és sencer o no.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si el valor passat és un nombre sencer, la funció retornarà <code>true</code>, en cas contrari es retorna <code>false</code>. Si el valor és {{jsxref("Global_Objects/NaN", "NaN")}} o infinit, es retorna <code>false</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">Number.isInteger(0.1);     // false
+Number.isInteger(1);       // true
+Number.isInteger(Math.PI); // false
+Number.isInteger(-100000); // true
+Number.isInteger(NaN);     // false
+Number.isInteger(0);       // true
+Number.isInteger("10");    // false
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<pre class="brush: js">Number.isInteger = Number.isInteger || function(value) {
+    return typeof value === "number" &amp;&amp;
+           isFinite(value) &amp;&amp;
+           Math.floor(value) === value;
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.isinteger', 'Number.isInteger')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("16")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("16")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>L'objecte {{jsxref("Global_Objects/Number", "Number")}} al que pertany.</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/isnan/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/isnan/index.html
new file mode 100644
index 0000000000..f6ba247306
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/isnan/index.html
@@ -0,0 +1,129 @@
+---
+title: Number.isNaN()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/isNaN
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/isNaN
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Number.isNaN()</code></strong> determina si el valor passat com a argument és {{jsxref("Global_Objects/NaN", "NaN")}}. És una versió més robusta de la funció global {{jsxref("Global_Objects/isNaN", "isNaN()")}}.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Number.isNaN(valor)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>valor</code></dt>
+ <dd>El valor que es comprovarà si és {{jsxref("Global_Objects/NaN", "NaN")}}.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Degut als dos operadors d'igualtat, {{jsxref("Operators/Comparison_Operators", "==", "#Equality")}} i {{jsxref("Operators/Comparison_Operators", "===", "#Identity")}}, retornen  <code>false</code> quan es comprova si {{jsxref("Global_Objects/NaN", "NaN")}} <em>és</em> {{jsxref("Global_Objects/NaN", "NaN")}}, la funció <code>Number.isNaN()</code> esdevé necesària. Aquesta situació és diferent a totes les altres posibles comparacions a JavaScript.</p>
+
+<p>En comparació a la funció global {{jsxref("Global_Objects/isNaN", "isNaN()")}} function, <code>Number.isNaN()</code> no sofreix el problema de convertir forçosament el paràmetre donat a un nombre. Això implica que ara és segur passar valors que normalment serien convertits a {{jsxref("Global_Objects/NaN", "NaN")}} però en realitat no tenen el mateix valor que {{jsxref("Global_Objects/NaN", "NaN")}}. Això també implica que només valors de tipus number, que també siguin {{jsxref("Global_Objects/NaN", "NaN")}}, retornaran <code>true</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">Number.isNaN(NaN);        // true
+Number.isNaN(Number.NaN); // true
+Number.isNaN(0 / 0)       // true
+
+// exemples que esdevindrien true amb la funció global isNaN()
+Number.isNaN("NaN");      // false
+Number.isNaN(undefined);  // false
+Number.isNaN({});         // false
+Number.isNaN("blabla");   // false
+
+// Tots els següents retornen false
+Number.isNaN(true);
+Number.isNaN(null);
+Number.isNaN(37);
+Number.isNaN("37");
+Number.isNaN("37.37");
+Number.isNaN("");
+Number.isNaN(" ");
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<pre class="brush: js">Number.isNaN = Number.isNaN || function(value) {
+    return typeof value === "number" &amp;&amp; value !== value;
+}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.isnan', 'Number.isnan')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("25")}}</td>
+   <td>{{CompatGeckoDesktop("15")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>9</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("15")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>iOS 9+</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Global_Objects/Number", "Number")}}</li>
+ <li>{{jsxref("Global_Objects/isNaN", "isNaN()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/issafeinteger/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/issafeinteger/index.html
new file mode 100644
index 0000000000..7570e7289d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/issafeinteger/index.html
@@ -0,0 +1,117 @@
+---
+title: Number.isSafeInteger()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/isSafeInteger
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/isSafeInteger
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Number.isSafeInteger()</code></strong> determina si el valor proporcionat és un nombre sencer segur. Un nombre sencer segur és aquell que</p>
+
+<ul>
+ <li>pot ser representat de forma exacta per un nombre de doble precisió IEEE-754, i</li>
+ <li>la seva representació IEEE-754 no pot ser el resultat de arrodonir cap altre nombre sencer per a encabir-lo a la representació IEEE-754.</li>
+</ul>
+
+<p>Per exemple, <code>2<sup>53</sup> - 1</code> és un nombre sencer segur: pot ser representat de forma exacta i cap altre nombre sencer arrodonit coincideix amb ell sota cap mode d'arrodoniment IEEE-754. Per contra, <code>2<sup>53</sup></code> <em>no</em> és un nombre sencer segur: pot ser representat de manera exacta en IEEE-754, però el nombre sencer <code>2<sup>53</sup> + 1</code> no pot ser representat directament en IEEE-754 sino que s'arrodoniria a <code>2<sup>53</sup></code> mitjançant un arrodoniment al sencer més proper i un arrodoniment cap al zero.</p>
+
+<p>Els nombres sencers segurs consisteixen en tots els nombres sencers des de <code>-(2<sup>53</sup> - 1)</code> inclòs fins a <code>2<sup>53</sup> - 1</code> inclòs.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Number.isSafeInteger(valor)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>valor</code></dt>
+ <dd>El valor a ser testat com a nombre sencer segur.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<pre class="brush: js">Number.isSafeInteger(3);                    // true
+Number.isSafeInteger(Math.pow(2, 53));      // false
+Number.isSafeInteger(Math.pow(2, 53) - 1);  // true
+Number.isSafeInteger(NaN);                  // false
+Number.isSafeInteger(Infinity);             // false
+Number.isSafeInteger('3');                  // false
+Number.isSafeInteger(3.1);                  // false
+Number.isSafeInteger(3.0);                  // true
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.issafeinteger', 'Number.isSafeInteger')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("32")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <td>Característica</td>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("32")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>L'objecte {{jsxref("Global_Objects/Number", "Number")}} al que pertany.</li>
+ <li>{{jsxref("Number.MIN_SAFE_INTEGER")}}</li>
+ <li>{{jsxref("Number.MAX_SAFE_INTEGER")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/max_safe_integer/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/max_safe_integer/index.html
new file mode 100644
index 0000000000..02483b41ac
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/max_safe_integer/index.html
@@ -0,0 +1,100 @@
+---
+title: Number.MAX_SAFE_INTEGER
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/MAX_SAFE_INTEGER
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER
+---
+<div>{{JSRef("Global_Objects", "Number")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La constant <strong><code>Number.MAX_SAFE_INTEGER</code></strong> representa el valor màxim que JavaScript pot representar de forma segura (<code>2<sup>53</sup> - 1</code>).</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>La constant <code>MAX_SAFE_INTEGER</code> te un valor de <code>9007199254740991</code>. El raonament darrera d'aquest nombre és que JavaScript utilitza un <a href="http://en.wikipedia.org/wiki/Double_precision_floating-point_format">format de nombres de coma flotant de doble precisió</a>, tal com s'especifica al <a href="http://en.wikipedia.org/wiki/IEEE_floating_point">IEEE 754</a> i en conseqüència només pot representar de forma segura els nombres entre <code>-(2<sup>53</sup> - 1)</code> i <code>2<sup>53</sup> - 1</code>.</p>
+
+<p>Degut a que <code>MAX_SAFE_INTEGER</code> és una propietat estàtica de {{jsxref("Global_Objects/Number", "Number")}}, sempre s'accedeix de mitjançant <code>Number.MAX_SAFE_INTEGER</code> en comptes de com una propietat d'un objecte {{jsxref("Global_Objects/Number", "Number")}} instanciat.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre class="brush: js">Number.MAX_SAFE_INTEGER // 9007199254740991
+Math.pow(2, 53) - 1     // 9007199254740991
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.max_safe_integer', 'Number.MAX_SAFE_INTEGER')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("34")}}</td>
+   <td>{{CompatGeckoDesktop("31")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("32")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.MIN_SAFE_INTEGER")}}</li>
+ <li>{{jsxref("Number.isSafeInteger()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/max_value/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/max_value/index.html
new file mode 100644
index 0000000000..453ad01c23
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/max_value/index.html
@@ -0,0 +1,118 @@
+---
+title: Number.MAX_VALUE
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/MAX_VALUE
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/MAX_VALUE
+---
+<div>
+<div>{{JSRef("Global_Objects", "Number")}}</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Number.MAX_VALUE</code></strong> representa el valor numèric màxim representable en JavaScript.</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>La propietat <code>MAX_VALUE</code> té un valor aproximadament de <code>1.79E+308</code>. Els valors més grans que <code>MAX_VALUE</code> són representats com a "<code>Infinity</code>".</p>
+
+<p>Ja que <code>MAX_VALUE</code> és una propietat estàtica de {{jsxref("Global_Objects/Number", "Number")}}, sempre es fa servir com a <code>Number.MAX_VALUE</code>, en comptes d'una propietat de l'objecte {{jsxref("Global_Objects/Number", "Number")}} que s'ha creat.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_MAX_VALUE" name="Example:_Using_MAX_VALUE">Exemple: Fer servir <code>MAX_VALUE</code></h3>
+
+<p>El codi següent multiplica dos valors numèrics. Si el resultat és menor o igual a  <code>MAX_VALUE</code>, es crida la funció <code>func1</code>; del contrari, es crida la funció <code>func2</code>.</p>
+
+<pre class="brush: js">if (num1 * num2 &lt;= Number.MAX_VALUE) {
+  func1();
+} else {
+  func2();
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial. Implementat en JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.3.2', 'Number.MAX_VALUE')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.max_value', 'Number.MAX_VALUE')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Supor bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.MIN_VALUE")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/min_safe_integer/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/min_safe_integer/index.html
new file mode 100644
index 0000000000..861ec666ec
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/min_safe_integer/index.html
@@ -0,0 +1,100 @@
+---
+title: Number.MIN_SAFE_INTEGER
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/MIN_SAFE_INTEGER
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/MIN_SAFE_INTEGER
+---
+<div>{{JSRef("Global_Objects", "Number")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La constant <strong><code>Number.MIN_SAFE_INTEGER</code></strong> representa el nombre sencer segur més petit a JavaScript (<code>-(2<sup>53</sup> - 1)</code>).</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>La constant <code>MIN_SAFE_INTEGER</code> te un valor de<code> -9007199254740991</code>. El raonament darrera d'aquest nombre és que JavaScript utilitza un <a href="http://en.wikipedia.org/wiki/Double_precision_floating-point_format">format de nombres de coma flotant de doble precisió</a>, tal com s'especifica al <a href="http://en.wikipedia.org/wiki/IEEE_floating_point">IEEE 754</a> i en conseqüència només pot representar de forma segura els nombres entre <code>-(2<sup>53</sup> - 1)</code> i <code>2<sup>53</sup> - 1</code>.</p>
+
+<p>Degut a que <code>MIN_SAFE_INTEGER</code> és una propietat estàtica de {{jsxref("Global_Objects/Number", "Number")}}, sempre s'accedeix de mitjançant <code>Number.MIN_SAFE_INTEGER</code> en comptes de com una propietat d'un objecte {{jsxref("Global_Objects/Number", "Number")}} instanciat.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<pre class="brush: js">Number.MIN_SAFE_INTEGER // -9007199254740991
+-(Math.pow(2, 53) - 1)  // -9007199254740991
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.min_safe_integer', 'Number.MIN_SAFE_INTEGER')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("34")}}</td>
+   <td>{{CompatGeckoDesktop("31")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("32")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.MAX_SAFE_INTEGER")}}</li>
+ <li>{{jsxref("Number.isSafeInteger()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/min_value/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/min_value/index.html
new file mode 100644
index 0000000000..42af185360
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/min_value/index.html
@@ -0,0 +1,118 @@
+---
+title: Number.MIN_VALUE
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/MIN_VALUE
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/MIN_VALUE
+---
+<div>{{JSRef("Global_Objects", "Number")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Number.MIN_VALUE</code></strong> representa el valor numèric positiu més petit representable en JavaScript.</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>La propietat <code>MIN_VALUE</code> és el nombre més proper a 0, però no és el nombre més negatiu que es pot representar en JavaScript.</p>
+
+<p><code>MIN_VALUE</code> té un valor aproximat de <code>5e-324</code>. Els valors més petits que <code>MIN_VALUE</code> ("underflow values") són convertits a 0.</p>
+
+<p>Ja que <code>MIN_VALUE</code> és una propietat estàtica de {{jsxref("Global_Objects/Number", "Number")}}, sempre s'usa com a <code>Number.MIN_VALUE</code>, i no com una propietat de l'objecte {{jsxref("Global_Objects/Number", "Number")}} que heu creat.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_MIN_VALUE" name="Example:_Using_MIN_VALUE">Exemple: Fer servir <code>MIN_VALUE</code></h3>
+
+<p>El codi següent divideix dos valors numèrics. Si el valor és més gran o igual a <code>MIN_VALUE</code>, la funció <code>func1</code> és crida; del contrari, es crida la funció <code>func2</code>.</p>
+
+<pre class="brush: js">if (num1 / num2 &gt;= Number.MIN_VALUE) {
+  func1();
+} else {
+  func2();
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial. Implementat en JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.3.3', 'Number.MIN_VALUE')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.min_value', 'Number.MIN_VALUE')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característca</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.MAX_VALUE")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/nan/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/nan/index.html
new file mode 100644
index 0000000000..7c6f3f1440
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/nan/index.html
@@ -0,0 +1,100 @@
+---
+title: Number.NaN
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/NaN
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/NaN
+---
+<div>{{JSRef("Global_Objects", "Number")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Number.NaN</code></strong> representa Not-A-Number (quelcom que no és un nombre). Equivalent a {{jsxref("Global_Objects/NaN", "NaN")}}.</p>
+
+<p>No és necesari crear un objecte de tipus {{jsxref("Global_Objects/Number", "Number")}} per a accedir a aquesta propietat estàtica (utilitzeu <code>Number.NaN</code>).</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.3.4', 'Number.NaN')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.nan', 'Number.NaN')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>L'objecte global {{jsxref("Global_Objects/NaN", "NaN")}}.</li>
+ <li>L'objecte {{jsxref("Global_Objects/Number", "Number")}} al qual pertany.</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/negative_infinity/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/negative_infinity/index.html
new file mode 100644
index 0000000000..3fb4c1d150
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/negative_infinity/index.html
@@ -0,0 +1,134 @@
+---
+title: Number.NEGATIVE_INFINITY
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/NEGATIVE_INFINITY
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/NEGATIVE_INFINITY
+---
+<div>{{JSRef("Global_Objects", "Number")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>Number.NEGATIVE_INFINITY</code></strong> representa el valor infinit negatiu.</p>
+
+<p>No fa falta crear un objecte {{jsxref("Global_Objects/Number", "Number")}} per accedir a aquesta propietat estàtica (feu servir <code>Number.NEGATIVE_INFINITY</code>).</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>El valor de <code>Number.NEGATIVE_INFINITY</code> és el mateix que el valor negatiu de la propietat de l'objecte global {{jsxref("Global_Objects/Infinity", "Infinity")}}.</p>
+
+<p>Aquest valor es comporta de forma una mica diferent a l<u>'infinit matemàtic:</u></p>
+
+<ul>
+ <li>Qualsevol valor positiu, incloent {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}, multiplicat per <code>NEGATIVE_INFINITY</code> és <code>NEGATIVE_INFINITY</code>.</li>
+ <li>Qualsevol calor negatiu, incloent <code>NEGATIVE_INFINITY</code>, multiplicat per <code>NEGATIVE_INFINITY</code> és {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}.</li>
+ <li>Zero multiplicat per <code>NEGATIVE_INFINITY</code> és {{jsxref("Global_Objects/NaN", "NaN")}}.</li>
+ <li>{{jsxref("Global_Objects/NaN", "NaN")}} multiplicat per <code>NEGATIVE_INFINITY</code> és {{jsxref("Global_Objects/NaN", "NaN")}}.</li>
+ <li><code>NEGATIVE_INFINITY</code>, dividit per qualsevol valor negatiu excepte <code>NEGATIVE_INFINITY</code>, és {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}.</li>
+ <li><code>NEGATIVE_INFINITY</code>, dividit per qualsevol valor positiu excepte {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}, és <code>NEGATIVE_INFINITY</code>.</li>
+ <li><code>NEGATIVE_INFINITY</code>, dividit tant per <code>NEGATIVE_INFINITY</code>  com per {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}, és {{jsxref("Global_Objects/NaN", "NaN")}}.</li>
+ <li>Qualsevol nombre dividit per <code>NEGATIVE_INFINITY</code> és zero.</li>
+</ul>
+
+<p>Es pot fer serivir la propietat <code>Number.NEGATIVE_INFINITY</code> per indicar una condició d'error que retorna un nombre finit en cas d'èxit. Fixeu-vos, però, que {{jsxref("Global_Objects/isFinite", "isFinite")}} seria més apropiat en aquest cas.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Exemple_Fer_servir_NEGATIVE_INFINITY">Exemple: Fer servir <code>NEGATIVE_INFINITY</code></h3>
+
+<p><u>En l'exemple següent, a la variable <code>smallNumber</code> se li assigna un valor que és més petit que el valor mínim. Quan la delcaració {{jsxref("Statements/if...else", "if")}} s'executa, <code>smallNumber</code> té el valor <code>-Infinity</code>, així <code>smallNumber</code> s'estableix com a un valor més manegable abans de prosseguir.</u></p>
+
+<pre class="brush: js notranslate">var smallNumber = (-Number.MAX_VALUE) * 2;
+
+if (smallNumber == Number.NEGATIVE_INFINITY) {
+  smallNumber = returnFinite();
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial. Implementat en JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.3.5', 'Number.NEGATIVE_INFINITY')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.negative_infinity', 'Number.NEGATIVE_INFINITY')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.POSITIVE_INFINITY")}}</li>
+ <li>{{jsxref("Number.isFinite()")}}</li>
+ <li>{{jsxref("Global_Objects/Infinity", "Infinity")}}</li>
+ <li>{{jsxref("Global_Objects/isFinite", "isFinite()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/parsefloat/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/parsefloat/index.html
new file mode 100644
index 0000000000..cd3494b7ac
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/parsefloat/index.html
@@ -0,0 +1,103 @@
+---
+title: Number.parseFloat()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/parseFloat
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/parseFloat
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Number.parseFloat()</code></strong> interpreta el string passat com a argument i retorna un nombre de punt flotant. Aquest mètode es comporta de la mateixa manera que la funció global {{jsxref("Global_Objects/parseFloat", "parseFloat()")}} i és part del ECMAScript 6 (el seu motiu d'existència és la modularització dels globals).</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Number.parseFloat(<var>string</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>string</code></dt>
+ <dd>Un string que representa el valor a interpretar.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Vegeu {{jsxref("Global_Objects/parseFloat", "parseFloat()")}} per a més detalls i exemples.</p>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<pre class="brush: js">Number.parseFloat = parseFloat;</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.parsefloat', 'Number.parseFloat')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>L'objecte {{jsxref("Number")}} al que pertany.</li>
+ <li>La funció global {{jsxref("Global_Objects/parseFloat", "parseFloat()")}}.</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/parseint/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/parseint/index.html
new file mode 100644
index 0000000000..2ef9597d11
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/parseint/index.html
@@ -0,0 +1,102 @@
+---
+title: Number.parseInt()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/parseInt
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/parseInt
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>Number.parseInt()</code></strong> interpreta un argument string i retorna un nombre sencer de la base especificada.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Number.parseInt(<var>string</var>[, <var>radix</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<div>{{page("ca/docs/Web/JavaScript/Reference/Global_Objects/parseInt", "Parameters")}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Aquest mètode és exactament la mateixa funció que la funció global {{jsxref("Global_Objects/parseInt", "parseInt()")}}:</p>
+
+<pre class="brush: js">Number.parseInt === parseInt; // true</pre>
+
+<p>i és part de l'ECMAScript 6 (el seu propòsit és la modularització de les globals). Vegeu jsxref("Global_Objects/parseInt", "parseInt()")}} per a més detalls i exemples.</p>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<pre class="brush: js">Number.parseInt = parseInt;</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.parseint', 'Number.parseInt')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>L'objecte {{jsxref("Number")}} al que pertany.</li>
+ <li>La funció global {{jsxref("Global_Objects/parseInt", "parseInt()")}}.</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/positive_infinity/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/positive_infinity/index.html
new file mode 100644
index 0000000000..234a779fd1
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/positive_infinity/index.html
@@ -0,0 +1,137 @@
+---
+title: Number.POSITIVE_INFINITY
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/POSITIVE_INFINITY
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/POSITIVE_INFINITY
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <strong><code>Number.POSITIVE_INFINITY</code></strong> representa el valor infinit negatiu.</p>
+
+<p>No fa falta crear un objecte {{jsxref("Global_Objects/Number", "Number")}} per accedir a aquesta propietat estàtica (feu servir <code>Number.POSITIVE_INFINITY</code>).</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El valor de <code>Number.POSITIVE_INFINITY</code> és el mateix que el valor negatiu de la propietat de l'objecte global {{jsxref("Infinity")}}.</p>
+
+<p> </p>
+
+<p>Aquest valor es comporta de forma una mica diferent a l'infinit matemàtic<u>:</u></p>
+
+<p>Qualsevol valor positiu, incloent <code>POSITIVE_INFINITY</code>, multiplicat per <code>POSITIVE_INFINITY</code> és <code>POSITIVE_INFINITY</code>.</p>
+
+<ul>
+ <li>Qualsevol calor negatiu, incloent <code>NEGATIVE_INFINITY</code>, multiplicat per <code>POSITIVE_INFINITY</code> és {{jsxref("Number.<code>NEGATIVE</code>_INFINITY", "POSITIVE_INFINITY")}}.</li>
+ <li>Zero multiplicat per<code> POSITIVE_INFINITY</code> és {{jsxref("NaN")}}.</li>
+ <li>{{jsxref("Global_Objects/NaN", "NaN")}} multiplicat per<code>POSITIVE_INFINITY</code> és {{jsxref("NaN")}}.</li>
+ <li><code>POSITIVE_INFINITY</code>, dividit per quaulsevol valor negatiu execepte {{jsxref("Number.NEGATIVE_INFINITY", "NEGATIVE_INFINITY")}}, és {{jsxref("Number.NEGATIVE_INFINITY", "NEGATIVE_INFINITY")}}.</li>
+ <li><code>POSITIVE_INFINITY</code>, dividit per un valor positiu a excepció de<code> POSITIVE_INFINITY</code>, és <code>POSITIVE_INFINITY</code>.</li>
+ <li><code>POSITIVE_INFINITY</code>, dividit per {{jsxref("Number.NEGATIVE_INFINITY", "NEGATIVE_INFINITY")}} o bé per <code>POSITIVE_INFINITY</code>, és {{jsxref("NaN")}}.</li>
+ <li>Quasevol nombre dividit per<code> POSITIVE_INFINITY</code> és Zero.</li>
+</ul>
+
+<p>Es pot fer serivir la propietat <code>Number.POSITIVE_INFINITY</code> per indicar una condició d'error que retorna un nombre finit en cas d'èxit. Fixeu-vos, però, que {{jsxref("isFinite")}} seria més apropiat en aquest cas.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_POSITIVE_INFINITY">Utilitzar <code>POSITIVE_INFINITY</code></h3>
+
+<p>In the following example, the variable <code>bigNumber</code> is assigned a value that is larger than the maximum value. When the {{jsxref("Statements/if...else", "if")}} statement executes, <code>bigNumber</code> has the value <code>Infinity</code>, so <code>bigNumber</code> is set to a more manageable value before continuing.</p>
+
+<p>A l'exemple següent, a la variable <code>nombrePetit</code> se li assigna un valor que és més gran que el valor màxim. Quan la declaració {{jsxref("Statements/if...else", "if")}} s'executa, <code>nombrePetit</code> té el valor <code>Infinity</code>, així <code>nombrePetit</code> s'estableix com a un valor més manegable abans de prosseguir.</p>
+
+<pre class="brush: js">var nombrePetit = Number.MAX_VALUE * 2;
+
+if (nombrePetit == Number.POSITIVE_INFINITY) {
+  nombrePetit= returnFinite();
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.3.6', 'Number.POSITIVE_INFINITY')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.positive_infinity', 'Number.POSITIVE_INFINITY')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.NEGATIVE_INFINITY")}}</li>
+ <li>{{jsxref("Number.isFinite()")}}</li>
+ <li>{{jsxref("Infinity")}}</li>
+ <li>{{jsxref("Global_Objects/isFinite", "isFinite()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/prototype/index.html
new file mode 100644
index 0000000000..3e5e679aaf
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/prototype/index.html
@@ -0,0 +1,125 @@
+---
+title: Number.prototype
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/Number
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <strong><code>Number.prototype</code></strong> representa el prototipus per al constructor {{jsxref("Number")}}.</p>
+
+<div>{{js_property_attributes(0, 0, 0)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Totes les instàncies de {{jsxref("Number")}} hereten de <code>Number.prototype</code>. L'objecte prototipus del constructor de {{jsxref("Number")}} pot ser modificat per a afectar totes les instàncies de {{jsxref( "Number")}}.</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>Number.prototype.constructor</code></dt>
+ <dd>Retorna la funció que ha creat la instància d'aquest objecte. Per defecte aquesta és l'objecte {{jsxref("Number")}}.</dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("Number.prototype.toExponential()")}}</dt>
+ <dd>Retorna un string que representa el nombre en notació exponencial.</dd>
+ <dt>{{jsxref("Number.prototype.toFixed()")}}</dt>
+ <dd>Retorna un string que representa el nombre en notació de punt fixe.</dd>
+ <dt>{{jsxref("Number.prototype.toLocaleString()")}}</dt>
+ <dd>Retorna un string amb una representació d'aquest nombbre sensible a la llengua. Sobreescriu el mètode {{jsxref("Object.prototype.toLocaleString()")}}.</dd>
+ <dt>{{jsxref("Number.prototype.toPrecision()")}}</dt>
+ <dd>Retorna un string amb una representació de precisió de punt fixe o notació exponencial del nombre.</dd>
+ <dt>{{jsxref("Number.prototype.toSource()")}} {{non-standard_inline}}</dt>
+ <dd>Retorna un objecte literal que representa l'objecte {{jsxref("Number")}} especificat; aquest valor pot ser emprat per a crear un nou objecte. Sobreescriu el mètode {{jsxref("Object.prototype.toSource()")}}.</dd>
+ <dt>{{jsxref("Number.prototype.toString()")}}</dt>
+ <dd>Retorna un string que representa l'objecte especificat en el radi (base) especificat. Sobreescriu el mètode {{jsxref("Object.prototype.toString()")}}.</dd>
+ <dt>{{jsxref("Number.prototype.valueOf()")}}</dt>
+ <dd>Retorna el valor primitiu de l'objecte especificat. Sobreescriu el mètode {{jsxref("Object.prototype.valueOf()")}}.</dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.4', 'Number')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-properties-of-the-number-prototype-object', 'Number')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/toexponential/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/toexponential/index.html
new file mode 100644
index 0000000000..69ca3478ac
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/toexponential/index.html
@@ -0,0 +1,136 @@
+---
+title: Number.prototype.toExponential()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/toExponential
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/toExponential
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toExponential()</code></strong> retorna un string que representa l'objecte de tipus <code>Number</code> en notació exponencial.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>numObj</var>.toExponential([dígitsDecimals])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>dígitsDecimals</code></dt>
+ <dd>Opcional. Un nombre sencer que indica el nombre de dígits decimals que s'utilitzaran. Si no s'especifica s'utilitzaran per defecte tants dígits decimals com facin falta per a acomodar el nombre.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>Un string que representa l'objecte {{jsxref("Number")}} en notació exponencial amb un dígit a l'esquerra del punt decimal, i arrodonit a <code>dígitsDecimals</code> després del punt decimal. Si s'omet el paràmetre <code>fractionDigits</code> s'utilitzaran tants dígits decimals com facin falta per a acomodar el nombre.</p>
+
+<p>Si s'utilitza el mètode <code>toExponential()</code> en un literal numèric i el literal numèric no té exponent ni punt decimal, deixeu un espai abans del punt que precedeix a la crida del mètode per a evitar que el punt s'interpreti com a punt decimal.</p>
+
+<p>Si un nombre té més dígits dels que s'especifiquen al paràmetre <code>dígitsDecimals</code> el nombre s'arrodoneix al nombre més proper representable pel nombre de dígits <code>dígitsDecimals</code>. Vegeu la discussió sobre arrodoniment a la descripció del mètode {{jsxref("Number.prototype.toFixed", "toFixed()")}}, que també s'aplica al mètode <code>toExponential()</code>.</p>
+
+<h3 id="Excepcions_llençades">Excepcions llençades</h3>
+
+<dl>
+ <dt>{{jsxref("RangeError")}}</dt>
+ <dd>Si el valor de <code>dígitsDecimals</code> és massa petit o massa gran. Els valors acceptats estan entre 0 i 20, ambdos inclusius, i no llençaran per tant l'excepció <a class="new" href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/RangeError" title="Aquesta pàgina encara no ha estat traduïda. Si us plau considera contribuir-hi!"><code>RangeError</code></a>. Les implementacions poden opcionalment donar suport per a valors més grans.</dd>
+ <dt>{{jsxref("TypeError")}}</dt>
+ <dd>Si es crida aquest mètode i se li passa un paràmetre que no és de tipus <a href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/Number" title="L'objecte de JavaScript Number és un objecte embolcall que permet treballar amb valors numèrics. Un objecte de tipus Number és creat quan es crida el constructor Number()."><code>Number</code></a>.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toExponential">Utilitzar <code>toExponential</code></h3>
+
+<pre class="brush: js">var numObj = 77.1234;
+
+console.log(numObj.toExponential());  // escriu 7.71234e+1
+console.log(numObj.toExponential(4)); // escriu 7.7123e+1
+console.log(numObj.toExponential(2)); // escriu 7.71e+1
+console.log(77.1234.toExponential()); // escriu 7.71234e+1
+console.log(77 .toExponential());     // escriu 7.7e+1
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a 1.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.4.6', 'Number.prototype.toExponential')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.prototype.toexponential', 'Number.prototype.toExponential')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.prototype.toFixed()")}}</li>
+ <li>{{jsxref("Number.prototype.toPrecision()")}}</li>
+ <li>{{jsxref("Number.prototype.toString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/tofixed/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/tofixed/index.html
new file mode 100644
index 0000000000..8df53aafe3
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/tofixed/index.html
@@ -0,0 +1,135 @@
+---
+title: Number.prototype.toFixed()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/toFixed
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/toFixed
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toFixed()</code></strong> formateja un nombre utilitzant notació de coma fixa.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>numObj</var>.toFixed([<var>dígits</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>dígits</code></dt>
+ <dd>Opcional. El nombre de dígits a utilitzar després del punt decimal; aquest paràmetre pot rebre valors entre 0 i 20, ambdós inclusius, i les implementacions poden opcionalment donar suport per a valors més grans. Si s'omet aquest argument s'utilitza un valor de 0 per defecte.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>Una representació de <code>numObj</code> en forma de string que no utilitza notació exponencial i té exactament <code>dígits</code> digits després del punt decimal. El nombre s'arrodoneix en cas que sigui necesari, així com la part fraccionaria s'omple amb zeros en cas necesari. Si <code>numObj</code> és major que <code>1e+21</code>, aquest mètode retornarà un string en notació exponencial, proporcionat pel mètode {{jsxref("Number.prototype.toString()")}}.</p>
+
+<h3 id="Excepcions_llençades">Excepcions llençades</h3>
+
+<dl>
+ <dt>{{jsxref("RangeError")}}</dt>
+ <dd>Si el valor de <code>dígits</code> és massa petit o massa gran. Els valors acceptats estan entre 0 i 20, ambdos inclusius, i no llençaran per tant l'excepció {{jsxref("RangeError")}}. Les implementacions poden opcionalment donar suport per a valors més grans.</dd>
+ <dt>{{jsxref("TypeError")}}</dt>
+ <dd>Si es crida aquest mètode i se li passa un paràmetre que no és de tipus {{jsxref( "Number")}}.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toFixed">Utilitzar <code>toFixed</code></h3>
+
+<pre class="brush: js">var numObj = 12345.6789;
+
+numObj.toFixed();       // Retorna '12346': recalquem l'arrodoniment, no hi ha part decimal
+numObj.toFixed(1);      // Retorna '12345.7': recalquem l'arrodoniment
+numObj.toFixed(6);      // Retorna '12345.678900': recalquem els zeros afegits
+(1.23e+20).toFixed(2);  // Retorna '123000000000000000000.00'
+(1.23e-10).toFixed(2);  // Retorna '0.00'
+2.34.toFixed(1);        // Retorna '2.3'
+-2.34.toFixed(1);       // Retorna -2.3 (degut a la precedència d'operadors, nombres literals negatius no retornen un string...)
+(-2.34).toFixed(1);     // Retorna'-2.3' (...a no ser que s'utilitzin parèntesi)
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.4.5', 'Number.prototype.toFixed')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.prototype.tofixed', 'Number.prototype.toFixed')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.prototype.toExponential()")}}</li>
+ <li>{{jsxref("Number.prototype.toPrecision()")}}</li>
+ <li>{{jsxref("Number.prototype.toString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/tointeger/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/tointeger/index.html
new file mode 100644
index 0000000000..b8fcd39443
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/tointeger/index.html
@@ -0,0 +1,95 @@
+---
+title: Number.toInteger()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/toInteger
+translation_of: Archive/Web/JavaScript/Number.toInteger
+---
+<div>{{JSRef}} {{obsolete_header("33")}} {{non-standard_header}}</div>
+
+<p>El mètode <strong><code>Number.toInteger()</code></strong> evaluava el valor passat com a paràmetre i el convertia en un nombre sencer, aquest mètode, però, ha sigut eliminat.</p>
+
+<p>Si el valor és {{jsxref("NaN")}}, {{jsxref("null")}} o bé {{jsxref("undefined")}}, es retorna 0. Si el valor és <code>false</code>, es retorna 0 mentre que si el valor és <code>true</code>, es retorna 1.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>Number.toInteger(<em>nombre</em>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>nombre</code></dt>
+ <dd>El valor a convertir-se en un nombre sencer.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toInteger">Utilitzar <code>toInteger</code></h3>
+
+<pre class="brush: js">Number.toInteger(0.1);     // 0
+Number.toInteger(1);       // 1
+Number.toInteger(Math.PI); // 3
+Number.toInteger(null);    // 0
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p><code>Number.toInteger()</code> era part de l'esborrany de l'especificació de l'ECMAScript 6, però el 23 d'agost de 2013 es va eliminar a la revisió 17 de l'esborrany.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}} [1]</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Aquesta característica va estar suportada des del Firefox 16 al 32.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/toprecision/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/toprecision/index.html
new file mode 100644
index 0000000000..0af5875e7f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/toprecision/index.html
@@ -0,0 +1,134 @@
+---
+title: Number.prototype.toPrecision()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/toPrecision
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/toPrecision
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toPrecision()</code></strong> retorna un string que representa l'objecte {{jsxref("Number")}} amb la precisió especificada.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>numObj</var>.toPrecision([<em>precisió</em>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>precisió</code></dt>
+ <dd>Opional. Un nombre sencer que indica el nombre de dígits significatius.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>Un string que representa un objecte {{jsxref("Number")}} en notació de punt fix o bé en notació exponencial, arrodonit a <code>precisió</code> dígits significatius. Vegeu la discussió sobre arrodoniment a la descripció del mètode {{jsxref("Number.prototype.toFixed()")}}, que també s'aplica a <code>toPrecision()</code>.</p>
+
+<p>Si s'omet l'argument <code>precisió</code>, es comporta com  {{jsxref("Number.prototype.toString()")}}. Si l'argument <code>precisió</code> no és un nombre sencer, aquest s'arrodoneix al nombre sencer més proper.</p>
+
+<h3 id="Excepcions_llençades">Excepcions llençades</h3>
+
+<dl>
+ <dt>{{jsxref("Global_Objects/RangeError", "RangeError")}}</dt>
+ <dd>Si el valor de precisió no està entre 1 i 100 (ambdós inclusius), es llença un <a class="new" href="https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/RangeError" title="Aquesta pàgina encara no ha estat traduïda. Si us plau considera contribuir-hi!"><code>RangeError</code></a>. Les implementacions poden opcionalment donar suport per a valors més grans o petits. ECMA-262 tan sols requereix una precisió de fins a 21 dígits significatius.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toPrecision">Utilitzar <code>toPrecision</code></h3>
+
+<pre class="brush: js">var numObj = 5.123456;
+
+console.log(numObj.toPrecision());    // escriu 5.123456
+console.log(numObj.toPrecision(5));   // escriu 5.1235
+console.log(numObj.toPrecision(2));   // escriu 5.1
+console.log(numObj.toPrecision(1));   // escriu 5
+
+// fixeu-vos que la notació exponencial pot retornar-se en algunes circumstàncies
+console.log((1234.5).toPrecision(2)); // escriu 1.2e+3
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a 1.5.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.4.7', 'Number.prototype.toPrecision')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.prototype.toprecision', 'Number.prototype.toPrecision')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.prototype.toFixed()")}}</li>
+ <li>{{jsxref("Number.prototype.toExponential()")}}</li>
+ <li>{{jsxref("Number.prototype.toString()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/number/tostring/index.html b/files/ca/web/javascript/referencia/objectes_globals/number/tostring/index.html
new file mode 100644
index 0000000000..7381fc97ac
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/number/tostring/index.html
@@ -0,0 +1,141 @@
+---
+title: Number.prototype.toString()
+slug: Web/JavaScript/Referencia/Objectes_globals/Number/toString
+translation_of: Web/JavaScript/Reference/Global_Objects/Number/toString
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toString()</code></strong> retorna un string que representa l'objecte {{jsxref("Number")}} especificat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>objecteNum</var>.toString([</code><em>base</em><code>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>base</code></dt>
+ <dd>Opcional. Un nombre sencer entre 2 i 36 que indica la base a utilitzar a l'hora de representar valors numèrics.</dd>
+</dl>
+
+<h3 id="Errors_llençats">Errors llençats</h3>
+
+<dl>
+ <dt>{{jsxref("RangeError")}}</dt>
+ <dd>Si <code>toString()</code> rep una <code>base</code> que no estigui entre 2 i 36, es llença un {{jsxref("RangeError")}}.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>L'objecte {{jsxref("Number")}} sobreescriu el mètode <code>toString()</code> de l'objecte {{jsxref("Object")}}; no hereta {{jsxref("Object.prototype.toString()")}}. Per a objectes {{jsxref( "Number")}}, el mètode <code>toString()</code> retorna una representació en forma de string de l'objecte, utilitzant la base especificada.</p>
+
+<p>El mètode <code>toString()</code> interpreta el primer argument donat, i intenta retornar una representació en forma de string tot utilitzant la base proporcionada. Per a bases majors que 10, les lletres del alfabet indiquen numerals majors que 9. Per exemple, per a nombres hexadecimals (en base 16), s'utilitzen les lletres de la <code>a</code> a la <code>f</code>.</p>
+
+<p>Si no s'especifica la <code>base</code>, s'utilitza 10 com a base.</p>
+
+<p>Si <code>objecteNum</code> és negatiu, es conserva el signe. Això s'aplica fins i tot si la base és 2; el string retornat és la representació binària positiva de <code>objecteNum</code> precedida per un signe <code>-</code>, <strong>no</strong> s'utilitza el complement a dos de <code>objecteNum</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toString">Utilitzar <code>toString</code></h3>
+
+<pre class="brush: js">var count = 10;
+
+console.log(count.toString());    // mostra '10'
+console.log((17).toString());     // mostra '17'
+
+var x = 6;
+
+console.log(x.toString(2));       // mostra '110'
+console.log((254).toString(16));  // mostra 'fe'
+
+console.log((-10).toString(2));   // mostra '-1010'
+console.log((-0xff).toString(2)); // mostra '-11111111'
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.7.4.2', 'Number.prototype.tostring')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-number.prototype.tostring', 'Number.prototype.tostring')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Number.prototype.toFixed()")}}</li>
+ <li>{{jsxref("Number.prototype.toExponential()")}}</li>
+ <li>{{jsxref("Number.prototype.toPrecision()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/parsefloat/index.html b/files/ca/web/javascript/referencia/objectes_globals/parsefloat/index.html
new file mode 100644
index 0000000000..570fa6b63f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/parsefloat/index.html
@@ -0,0 +1,166 @@
+---
+title: parseFloat()
+slug: Web/JavaScript/Referencia/Objectes_globals/parseFloat
+translation_of: Web/JavaScript/Reference/Global_Objects/parseFloat
+---
+<div>
+<div>
+<div>{{jsSidebar("Objects")}}</div>
+</div>
+</div>
+
+<p>La funció <code><strong>parseFloat()</strong></code> interpreta un argument de tipus cadena i retorna un nombre decimal amb coma flotant</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">parseFloat(<em>cadena</em>)</pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>cadena</code></dt>
+ <dd>Una cadena que representa el valor que es vol interpretar.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>parseFloat</code> és una funció de nivell superior que no està associada a cap objecte.</p>
+
+<p><code>parseFloat</code> interpreta el seu argument, una cadena, i retorna un nombre decimal amb coma flotant. Si es topa amb un caràcter que no sigui un signe (+ o -), un numeral (0-9), un punt decimal, o un exponent, retorna el valor fins a aquell punt i ignora aquell caràcter i la resta de caràcters que el succeeixen. Es permeten espais inicials i finals.</p>
+
+<p>Si el primer caràcter no es pot convertir en un nombre, <code>parseFloat</code> retorna <code>NaN</code>.</p>
+
+<p>Per propòstis aritmètics, el valor de <code>NaN</code> no és un nombre en qualsevol radix. Es pot cridar la funció {{jsxref("isNaN")}} per determinar si el resultat del <code>parseFloat</code> és <code>NaN</code>. Si es passa <code>NaN</code> en operacions aritmètiques, el resultat de l'operació també serà <code>NaN</code>.</p>
+
+<p><code>parseFloat</code> també pot interpretar i retornar el valor <code>Infinity</code>. Es pot utilitzar la funció {{jsxref("isFinite")}} per determinar si el resultat és un nombre finit i (no <code>Infinity</code>, <code>-Infinity</code>, o <code>NaN</code>).</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="parseFloat_retorna_un_nombre"><code>parseFloat</code> retorna un nombre</h3>
+
+<p>Tots els exemples següents retornen <strong>3.14</strong></p>
+
+<pre class="brush:js">parseFloat("3.14");
+parseFloat("314e-2");
+parseFloat("0.0314E+2");
+parseFloat("3.14more non-digit characters");
+</pre>
+
+<h3 id="parseFloat_retorna_NaN"><code>parseFloat</code> retorna NaN</h3>
+
+<p>L'exemple següent retorna <code>NaN</code></p>
+
+<pre class="brush: js">parseFloat("FF2");
+</pre>
+
+<h3 id="Una_interpretació_més_estricta">Una interpretació més estricta</h3>
+
+<p>Sovint és útil tenir una forma més estricta d'interpretar els valors flotants, expressions regulars poden ajudar:</p>
+
+<pre class="brush: js">var filterFloat = function (value) {
+    if(/^(\-|\+)?([0-9]+(\.[0-9]+)?|Infinity)$/
+      .test(value))
+      return Number(value);
+  return NaN;
+}
+
+console.log(filterFloat('421'));               // 421
+console.log(filterFloat('-421'));              // -421
+console.log(filterFloat('+421'));              // 421
+console.log(filterFloat('Infinity'));          // Infinity
+console.log(filterFloat('1.61803398875'));     // 1.61803398875
+console.log(filterFloat('421e+0'));            // NaN
+console.log(filterFloat('421hop'));            // NaN
+console.log(filterFloat('hop1.61803398875'));  // NaN
+
+</pre>
+
+<p>Vegeu que aquest codi és només a mode d'exemple, no accepta nombres vàlids com <code>1.</code> o <code>.5</code>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.1.2.3', 'parseFloat')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-parsefloat-string', 'parseFloat')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Global_Objects/parseInt", "parseInt()")}}</li>
+ <li>{{jsxref("Number.parseFloat()")}}</li>
+ <li>{{jsxref("Number.parseInt()")}}</li>
+ <li>{{jsxref("Global_Objects/isNaN", "isNaN()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/add/index.html b/files/ca/web/javascript/referencia/objectes_globals/set/add/index.html
new file mode 100644
index 0000000000..b93eaa3efb
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/set/add/index.html
@@ -0,0 +1,119 @@
+---
+title: Set.prototype.add()
+slug: Web/JavaScript/Referencia/Objectes_globals/Set/add
+translation_of: Web/JavaScript/Reference/Global_Objects/Set/add
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>add()</strong></code> afegeix un nou element al final de l'objecte <code>Set</code> amb el <code>valor</code> especificat pel paràmetre.</p>
+
+<h2 id="Sintax">Sintax</h2>
+
+<pre class="syntaxbox"><code><em>mySet</em>.add(valor);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>valor</dt>
+ <dd>Obligatori. El valor de l'element que s'afegirà a l'objecte <code>Set</code>.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>L'objecte <code>Set</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_add">Utilitzar el mètode <code>add</code></h3>
+
+<pre class="brush: js">var mySet = new Set();
+
+mySet.add(1);
+mySet.add(5).add("some text"); // crida en cadena
+
+console.log(mySet);
+// Set [1, 5, "some text"]
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-set.prototype.add', 'Set.prototype.add')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("13.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("13.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_específiques_per_al_Firefox">Notes específiques per al Firefox</h2>
+
+<ul>
+ <li>En les versions anteriors al Firefox 33 {{geckoRelease("33")}}, <code>Set.prototype.add</code> retornava <code>undefined</code> i per tant no es podien realitzar crides encadenades. Aquest problem ha estat resolt ({{bug(1031632)}}). Aquest comportament també es pot trovar al Chrome/v8 (<a href="https://code.google.com/p/v8/issues/detail?id=3410">problema</a>).</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Set")}}</li>
+ <li>{{jsxref("Set.prototype.delete()")}}</li>
+ <li>{{jsxref("Set.prototype.has()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/clear/index.html b/files/ca/web/javascript/referencia/objectes_globals/set/clear/index.html
new file mode 100644
index 0000000000..6ef179daaa
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/set/clear/index.html
@@ -0,0 +1,105 @@
+---
+title: Set.prototype.clear()
+slug: Web/JavaScript/Referencia/Objectes_globals/Set/clear
+translation_of: Web/JavaScript/Reference/Global_Objects/Set/clear
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>clear()</strong></code> esborra tots els elements emmagatzemats dins l'objecte <code>Set</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>mySet</em>.clear();</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_clear">Utilitzar el mètode <code>clear</code></h3>
+
+<pre class="brush: js">var mySet = new Set();
+mySet.add(1);
+mySet.add("foo");
+
+mySet.size;       // 2
+mySet.has("foo"); // true
+
+mySet.clear();
+
+mySet.size;       // 0
+mySet.has("bar")  // false
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-set.prototype.clear', 'Set.prototype.clear')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("19.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>{{CompatGeckoMobile("19.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Set")}}</li>
+ <li>{{jsxref("Set.prototype.delete()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/delete/index.html b/files/ca/web/javascript/referencia/objectes_globals/set/delete/index.html
new file mode 100644
index 0000000000..ea66c1a723
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/set/delete/index.html
@@ -0,0 +1,112 @@
+---
+title: Set.prototype.delete()
+slug: Web/JavaScript/Referencia/Objectes_globals/Set/delete
+translation_of: Web/JavaScript/Reference/Global_Objects/Set/delete
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>delete()</strong></code> esborra l'element especificat emmagatzemat dins l'objecte <code>Set</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>mySet</em>.delete(valor);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>valor</dt>
+ <dd>Obligatori. El valor de l'element a eliminar.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<p>Retorna <code>true</code> si s'ha pogut eliminar l'element de l'objecte <code>Set</code>; en cas contrari retorna <code>false</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_delete">Utilitzar el mètode <code>delete</code></h3>
+
+<pre class="brush: js">var mySet = new Set();
+mySet.add("foo");
+
+mySet.delete("bar"); // Retorna false. No s'ha trobat l'element "bar".
+mySet.delete("foo"); // Retorna true.  S'ha pogut esborrar l'element "foo".
+
+mySet.has("foo");    // Retorna false. L'element "foo" ja no existeix dins el Set.
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-set.prototype.delete', 'Set.prototype.delete')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("13.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("13.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Set")}}</li>
+ <li>{{jsxref("Set.prototype.clear()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/entries/index.html b/files/ca/web/javascript/referencia/objectes_globals/set/entries/index.html
new file mode 100644
index 0000000000..848e53ba8d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/set/entries/index.html
@@ -0,0 +1,104 @@
+---
+title: Set.prototype.entries()
+slug: Web/JavaScript/Referencia/Objectes_globals/Set/entries
+translation_of: Web/JavaScript/Reference/Global_Objects/Set/entries
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>entries()</strong></code> retorna un nou objecte <code>Iterator</code> que conté<strong> un array de <code>[valor, valor]</code></strong> per a cada element emmagatzemat dins l'objecte <code>Set</code>, ordenats per ordre d'inserció. Els elements de l'objecte <code>Set</code> no disposen de claus, a diferència dels objectes <code>Map</code>. Tot i així, per a oferir una API similar a la de l'objecte <code>Map</code> cada <em>entrada</em> té el mateix valor tant com per a la <em>clau</em> com per al <em>valor</em>. És per això que es retorna un array <code>[valor, valor]</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>mySet</em>.entries()</code></pre>
+
+<h2 id="Examples">Examples</h2>
+
+<h3 id="Using_entries()">Using <code>entries()</code></h3>
+
+<pre class="brush:js">var mySet = new Set();
+mySet.add("foobar");
+mySet.add(1);
+mySet.add("baz");
+
+var setIter = mySet.entries();
+
+console.log(setIter.next().value); // ["foobar", "foobar"]
+console.log(setIter.next().value); // [1, 1]
+console.log(setIter.next().value); // ["baz", "baz"]
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-set.prototype.entries', 'Set.prototype.entries')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{ CompatGeckoDesktop("24") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{ CompatGeckoMobile("24") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Set.prototype.keys()")}}</li>
+ <li>{{jsxref("Set.prototype.values()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/has/index.html b/files/ca/web/javascript/referencia/objectes_globals/set/has/index.html
new file mode 100644
index 0000000000..ca9027b8a4
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/set/has/index.html
@@ -0,0 +1,114 @@
+---
+title: Set.prototype.has()
+slug: Web/JavaScript/Referencia/Objectes_globals/Set/has
+translation_of: Web/JavaScript/Reference/Global_Objects/Set/has
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>has()</strong></code> retorna un booleà que indica si l'element amb el valor especificat existeix o no dins l'objecte <code>Set</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>mySet</em>.has(valor);</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>valor</dt>
+ <dd>Obligatori. El valor a comprovar si pertany o no a l'objecte <code>Set</code>.</dd>
+</dl>
+
+<h3 id="Valor_retornat">Valor retornat</h3>
+
+<dl>
+ <dt>Booleà</dt>
+ <dd>Retorna <code>true</code> si existex un element amb el valor especificat dins l'objecte <code>Set</code>; en cas contrari retorna <code>false</code>.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_mètode_has">Utilitzar el mètode <code>has</code></h3>
+
+<pre class="brush: js">var mySet = new Set();
+mySet.add("foo");
+
+mySet.has("foo");  // retorna true
+mySet.has("bar");  // retorna false
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-set.prototype.has', 'Set.prototype.has')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("13.0")}}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{CompatGeckoMobile("13.0")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Set")}}</li>
+ <li>{{jsxref("Set.prototype.add()")}}</li>
+ <li>{{jsxref("Set.prototype.delete()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/index.html b/files/ca/web/javascript/referencia/objectes_globals/set/index.html
new file mode 100644
index 0000000000..993d296324
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/set/index.html
@@ -0,0 +1,380 @@
+---
+title: Set
+slug: Web/JavaScript/Referencia/Objectes_globals/Set
+translation_of: Web/JavaScript/Reference/Global_Objects/Set
+---
+<div>{{JSRef}}</div>
+
+<p>L'objecte <strong><code>Set</code></strong> permet emmagatzemar valors <em>únics </em>de qualsevol tipus, ja siguin {{Glossary("Primitive", "valors primitius")}} o bé referències a objectes.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">new Set([iterable]);</pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt>iterable</dt>
+ <dd>Si rep un <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of">objecte iterable</a>, tots els seus elements seran afegits al nou Set. null serà tractat com a undefined.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Els objectes <code>Set</code> són coleccions de valors, els seus elements poden ser iterats en ordre d'inserció. Un valor només pot aparèixer un cop dins el <code>Set</code>; és únic dins la col·lecció del <code>Set</code>.</p>
+
+<h3 id="Igualtat_de_valors">Igualtat de valors</h3>
+
+<p>Degut a que cada valor dins el <code>Set</code> ha de ser únic, la igualtat dels valors serà comprovada i aquesta no es basa en el mateix algoritme que l'emprat per l'operador<code> ===</code>. Concreatement, per a <code>Set</code>s, <code>+0</code> (que és estrictament igual a <code>-0</code>) i <code>-0</code> són valors diferents. Tot i així, aquest comportament s'ha canviat a la última especificació de l'ECMAScript 6. A partir de Gecko 29.0 {{geckoRelease("29")}} ({{bug("952870")}}) i una recent <a href="https://code.google.com/p/v8/issues/detail?id=3069">versió nightly del Chrome</a>, <code>+0</code> i <code>-0</code> són tractats com al mateix valor en objectes <code>Set</code>. Així mateix, <code>NaN</code> i <code>undefined</code> també poden ser emmagatzemats dins un Set. <code>NaN</code> és considerat igual a <code>NaN</code> (tot i que <code>NaN !== NaN</code>).</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>Set.length</code></dt>
+ <dd>El valor de la propietat <code>length</code> és 0.</dd>
+ <dt>{{jsxref("Set.@@species", "get Set[@@species]")}}</dt>
+ <dd>La funció constructora que s'ha utilitzat per a crear objectes derivats.</dd>
+ <dt>{{jsxref("Set.prototype")}}</dt>
+ <dd>Representa el prototipus per al constructor <code>Set</code>. Permet afegir propietats a tots els objectes <code>Set</code>.</dd>
+</dl>
+
+<h2 id="Instàncies_de_Set">Instàncies de <code>Set</code></h2>
+
+<p>Totes les instàncies de <code>Set</code> hereten de {{jsxref("Set.prototype")}}.</p>
+
+<h3 id="Propietats_2">Propietats</h3>
+
+<p>{{page('ca/Web/JavaScript/Reference/Global_Objects/Set/prototype','Propietats')}}</p>
+
+<h3 id="Mètodes">Mètodes</h3>
+
+<p>{{page('ca/Web/JavaScript/Reference/Global_Objects/Set/prototype','Mètodes')}}</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_l'objecte_Set">Utilitzar l'objecte <code>Set</code></h3>
+
+<pre class="brush: js">var mySet = new Set();
+
+mySet.add(1);
+mySet.add(5);
+mySet.add("algun text");
+
+mySet.has(1); // true
+mySet.has(3); // false, 3 no ha estat afegit al set
+mySet.has(5);              // true
+mySet.has(Math.sqrt(25));  // true
+mySet.has("Some Text".toLowerCase()); // true
+
+mySet.size; // 3
+
+mySet.delete(5); // esborra 5 del set
+mySet.has(5);    // false, 5 ha sigut esborrat
+
+mySet.size; // 2, acabem d'esborrar un valor
+</pre>
+
+<h3 id="Iterarar_Sets">Iterarar Sets</h3>
+
+<pre class="brush: js">// iterar els elements d'un set
+// imprimeix els elements en l'ordre: 1, "algun text"
+for (let item of mySet) console.log(item);
+
+// imprimeix els elements en l'ordre: 1, "algun text"
+for (let item of mySet.keys()) console.log(item);
+
+// imprimeix els elements en l'ordre: 1, "algun text"
+for (let item of mySet.values()) console.log(item);
+
+// imprimeix els elements en l'ordre: 1, "algun text"
+//(key i value són iguals en aquest exemple)
+for (let [key, value] of mySet.entries()) console.log(key);
+
+// converteix el set en un Array (mitjançant <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Array_comprehensions">Array comprehensions</a>)
+var myArr = [v for (v of mySet)]; // [1, "algun text"]
+// Alternativa (mitjançant <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from">Array.from</a>)
+var myArr = Array.from(mySet); // [1, "algun text"]
+
+// el codi següent també funcionarà si s'executa dins un document HTML
+mySet.add(document.body);
+mySet.has(document.querySelector("body")); // true
+
+// conversió entre Set i Array
+mySet2 = new Set([1,2,3,4]);
+mySet2.size; // 4
+[...mySet2]; // [1,2,3,4]
+
+// la intersecció es pot simular via
+var intersection = new Set([x for (x of set1) if (set2.has(x))]);
+
+// Iteració de les entrades del set mitjançant un forEach
+mySet.forEach(function(value) {
+  console.log(value);
+});
+
+// 1
+// 2
+// 3
+// 4</pre>
+
+<h3 id="Relació_amb_objectes_Array">Relació amb objectes <code>Array</code></h3>
+
+<pre class="brush: js">var myArray = ["valor1", "valor2", "valor3"];
+
+// Utilitzem el constructor normal del Set per a transformar un Array en un Set
+var mySet = new Set(myArray);
+
+mySet.has("valor1"); // retorna true
+
+// Utilitzem l'operador spread per a transformar un Set en un Array.
+console.log(uneval([...mySet])); // Mostrarà exactament el mateix Array que myArray</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-set-objects', 'Set')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>
+    <p>{{ CompatChrome(38) }} [1]</p>
+   </td>
+   <td>{{ CompatGeckoDesktop("13") }}</td>
+   <td>{{ CompatIE("11") }}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td>Argument al constructor: <code>new Set(iterable)</code></td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{ CompatGeckoDesktop("13") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>iterable</td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{ CompatGeckoDesktop("17") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td><code>Set.clear()</code></td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoDesktop("19")}}</td>
+   <td>{{ CompatIE("11") }}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td><code>Set.keys(), Set.values(), Set.entries()</code></td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoDesktop("24")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td><code>Set.forEach()</code></td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoDesktop("25")}}</td>
+   <td>{{ CompatIE("11") }}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+  <tr>
+   <td>Igualtat de valors per a -0 i 0</td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoDesktop("29")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>Argument del constructor: <code>new Set(null)</code></td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("37")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Monkey-patched <code>add()</code> al Constructor</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("37")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>Set[@@species]</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("41")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>Set()</code> sense <code>new</code> llença excepció</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("42")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(38)}} [1]</td>
+   <td>{{ CompatGeckoMobile("13") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+  <tr>
+   <td>Argument al constructor: <code>new Set(iterable)</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome(38)}}</td>
+   <td>{{ CompatGeckoMobile("13") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>iterable</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatGeckoMobile("17") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+  <tr>
+   <td><code>Set.clear()</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoMobile("19")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+  <tr>
+   <td><code>Set.keys(), Set.values(), Set.entries()</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoMobile("24")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+  <tr>
+   <td><code>Set.forEach()</code></td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoMobile("25")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>8</td>
+  </tr>
+  <tr>
+   <td>Igualtat de valors per a -0 i 0</td>
+   <td>{{CompatNo}}</td>
+   <td>{{ CompatChrome(38) }}</td>
+   <td>{{CompatGeckoMobile("29")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+  <tr>
+   <td>Argument del constructor: <code>new Set(null)</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("37")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Monkey-patched <code>add()</code> al Constructor</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("37")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>Set[@@species]</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("41")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td><code>Set()</code> sense <code>new</code> llença excepció</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("42")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] La característica estava disponible sota una preferència a partir de Chorem 31. Al <code>chrome://flags</code>, activeu l'entrada “Activa JavaScript Experimental”.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map")}}</li>
+ <li>{{jsxref("WeakMap")}}</li>
+ <li>{{jsxref("WeakSet")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/set/prototype/index.html
new file mode 100644
index 0000000000..526a5e15b5
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/set/prototype/index.html
@@ -0,0 +1,123 @@
+---
+title: Set.prototype
+slug: Web/JavaScript/Referencia/Objectes_globals/Set/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/Set
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>Set</strong></code><strong><code>.prototype</code></strong> representa el prototipus per al constructor de {{jsxref("Set")}}.</p>
+
+<div>{{js_property_attributes(0,0,0)}}</div>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Les instàncies de {{jsxref("Set")}} hereten de {{jsxref("Set.prototype")}}. Es pot utilitzar el l'objecte prototipus del constructor per a afegir propietats o mètodes a totes les instàncies de <code>Set</code>.</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>Set.prototype.constructor</code></dt>
+ <dd>Retorna la funció que ha creat la instància del prototipus. Per defecte es tracta de la funció {{jsxref("Set")}}.</dd>
+ <dt>{{jsxref("Set.prototype.size")}}</dt>
+ <dd>Retorna el nombre de valors emmagatzemats dins l'objecte <code>Set</code>.</dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("Set.add", "Set.prototype.add(valor)")}}</dt>
+ <dd>Afegeix un nou element a l'objecte <code>Set</code> amb el valor donat. Retorna l'objecte <code>Set</code>.</dd>
+ <dt>{{jsxref("Set.prototype.clear()")}}</dt>
+ <dd>Elimina tots els elements de l'objecte <code>Set</code>.</dd>
+ <dt>{{jsxref("Set.delete", "Set.prototype.delete(valor)")}}</dt>
+ <dd>Elimina l'element associat a <code>valor</code> i retorna el que el mètode <code>Set.prototype.has(valor)</code> hagués retornat prèviament a aquesta crida. Després d'aquesta crida <code>Set.prototype.has(valor)</code> retornarà <code>false</code>.</dd>
+ <dt>{{jsxref("Set.prototype.entries()")}}</dt>
+ <dd>Retorna un nou objecte <code>Iterator</code> que conté <strong>un array de la forma <code>[valor, valor]</code></strong> per a cada element dins l'objecte <code>Set</code>, en ordre d'inserció. El array retornat manté similitud amb el comportament de l'objecte <code>Map</code>, de forma que cada entrada té el mateix valor per a la seva <em>clau</em> i <em>valor</em>.</dd>
+ <dt>{{jsxref("Set.forEach", "Set.prototype.forEach(callbackFn[, thisArg])")}}</dt>
+ <dd>Crida <code>callbackFn</code> per a cada valor present a l'objecte <code>Set</code>, recorreguts per ordre d'inserció. Si es proporciona el paràmetre <code>thisArg</code>, aquest s'utilitzarà com a valor de <em>this</em> per a cada crida a <code>callbackFn</code>.</dd>
+ <dt>{{jsxref("Set.has", "Set.prototype.has(value)")}}</dt>
+ <dd>Retorna un booleà que especifica si la clau té un valor associat en aquest objecte <code>Set</code> o no.</dd>
+ <dt>{{jsxref("Set.prototype.keys()")}}</dt>
+ <dd>Es tracta de la mateixa funció que la funció <strong><code>values()</code></strong> i retorna un nou objecte <code>Iterator</code> que conté els valors per a cada element de l'objecte <code>Set</code>, en ordre d'inserció.</dd>
+ <dt>{{jsxref("Set.prototype.values()")}}</dt>
+ <dd>Retorna un nou objecte <code>Iterator</code> que conté els <strong>valors</strong><strong> </strong>de cada element de l'objecte <code>Set</code>, en ordre d'inserció.</dd>
+ <dt>{{jsxref("Set.prototype.@@iterator()", "Set.prototype[@@iterator]()")}}</dt>
+ <dd>Retorna un nou objecte <code>Iterator</code> que conté els <strong>valors</strong><strong> </strong>de cada element de l'objecte <code>Set</code>, en ordre d'inserció.</dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-set.prototype', 'Set.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{ CompatGeckoDesktop("13") }}</td>
+   <td>11</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{ CompatGeckoMobile("13") }}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>
+    <p>8</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Map.prototype")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/set/values/index.html b/files/ca/web/javascript/referencia/objectes_globals/set/values/index.html
new file mode 100644
index 0000000000..307fa78113
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/set/values/index.html
@@ -0,0 +1,106 @@
+---
+title: Set.prototype.values()
+slug: Web/JavaScript/Referencia/Objectes_globals/Set/values
+translation_of: Web/JavaScript/Reference/Global_Objects/Set/values
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>values()</strong></code> retorna un nou objecte <code><strong>Iterator</strong></code> que conté els valors per a cada element de l'objecte <code>Set</code> en ordre d'inserció.</p>
+
+<p>El mètode <strong><code>keys()</code></strong> és un mètode sinònim d'aquest mètode (per a mantindre la similitud amb els objecte {{jsxref("Map")}}); es comporta exactament de la mateixa forma i retorna els <strong>valors</strong> dels elements de l'objecte <code>Set</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><em>mySet</em>.values();
+<code><em>mySet</em>.keys();
+</code></code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_values()">Utilitzar <code>values()</code></h3>
+
+<pre class="brush:js">var mySet = new Set();
+mySet.add("foo");
+mySet.add("bar");
+mySet.add("baz");
+
+var setIter = mySet.values();
+
+console.log(setIter.next().value); // "foo"
+console.log(setIter.next().value); // "bar"
+console.log(setIter.next().value); // "baz"</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-set.prototype.values', 'Set.prototype.values')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>38</td>
+   <td>{{CompatGeckoDesktop("24")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>38</td>
+   <td>{{ CompatGeckoMobile("24") }}</td>
+   <td>{{ CompatNo}}</td>
+   <td>{{ CompatNo}}</td>
+   <td>8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Set.prototype.entries()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/anchor/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/anchor/index.html
new file mode 100644
index 0000000000..15bd4db97b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/anchor/index.html
@@ -0,0 +1,118 @@
+---
+title: String.prototype.anchor()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/anchor
+translation_of: Web/JavaScript/Reference/Global_Objects/String/anchor
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>anchor()</code></strong> un element àncora HTML {{HTMLElement("a")}} que s'utilitza com a HTML un objectiu hypertext.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.anchor(<var>nom</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>nom</code></dt>
+ <dd>Una cadena que representa l'atribut <code>name</code> attribute of the a tag to be created.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Utilitzar el mètode <code>anchor()</code> per crear i mostrar una àncora en un document mitjançant programació.</p>
+
+<p>En la sintaxi, la cadena de text representa el text literal que es vol mostrar a l'usuari. La cadena paràmetre <code>name</code> representa l'atribut <code>name</code> de l'element {{HTMLElement("a")}}.</p>
+
+<p>Les àncores creades amb el mètode <code>anchor()</code> es tornen elements de l'array {{domxref("document.anchors")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_anchor()">Utilitzar<code> anchor()</code></h3>
+
+<pre class="brush: js">var myString = 'Taula de continguts';
+
+document.body.innerHTML = myString.anchor('contents_anchor');
+</pre>
+
+<p>Mostrarà el següent HTML:</p>
+
+<pre class="brush: html">&lt;a name="contents_anchor"&gt;Taula de continguts&lt;/a&gt;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.anchor', 'String.prototype.anchor')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per característiques addiccionals d'ECMAScript per a navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome pdr Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}} [1]</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Des de la versió Gecko 17, les <code>"</code> (cometes) són substituides pel caràcter de referència HTML <code>&amp;quot;</code> en cadenes subministrades pel paràmetre <code>name.</code></p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.link()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/big/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/big/index.html
new file mode 100644
index 0000000000..a3b8815f10
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/big/index.html
@@ -0,0 +1,114 @@
+---
+title: String.prototype.big()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/big
+translation_of: Web/JavaScript/Reference/Global_Objects/String/big
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>big()</code></strong> crea un element HTML {{HTMLElement("big")}} que causa que la cadena es mostri en una font de mida gran.</p>
+
+<div class="note">
+<p><strong>Nota d'ús:</strong> L'element &lt;big&gt; s'ha eliminat de l'<a href="/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a> i no s'hauria de fer servir més. S'aconsella als desenvolupadors web utilitzar les propietats de <a href="/en-US/docs/Web/CSS">CSS.</a></p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.big()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>big()</code> incrusta una cadena dins del tag <code>&lt;big&gt;</code>: <code>"&lt;big&gt;str&lt;/big&gt;"</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_big()">Utilitzar <code>big()</code></h3>
+
+<p>L'exemple següent utilitza mètodes string per canviar la mida d'una cadena:</p>
+
+<pre class="brush: js">var worldString = 'Hello, world';
+
+console.log(worldString.small());     // &lt;small&gt;Hello, world&lt;/small&gt;
+console.log(worldString.big());       // &lt;big&gt;Hello, world&lt;/big&gt;
+console.log(worldString.fontsize(7)); // &lt;fontsize=7&gt;Hello, world&lt;/fontsize&gt;
+</pre>
+
+<p>Amb l'objecte {{domxref("HTMLElement.style", "element.style")}} es pot obtenir l'atribut <code>style</code> de l'element i manipular-lo més genèricament, per exemple:</p>
+
+<pre class="brush: js">document.getElementById('yourElemId').style.fontSize = '2em';
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.big', 'String.prototype.big')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per característiques addicionals ECMAScript per navegadors web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.fontsize()")}}</li>
+ <li>{{jsxref("String.prototype.small()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/blink/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/blink/index.html
new file mode 100644
index 0000000000..2378325897
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/blink/index.html
@@ -0,0 +1,110 @@
+---
+title: String.prototype.blink()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/blink
+translation_of: Web/JavaScript/Reference/Global_Objects/String/blink
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>blink()</code></strong> crea un elment HTML {{HTMLElement("blink")}} que fa mostrar una cadena de forma intermitent.</p>
+
+<div class="warning">
+<p><strong>Advertència:</strong> El text que es mostra de forma intermitent és mal vist per varis estàndards d'accessibilitat. L'element  <code>&lt;blink&gt;</code> no és estàndard i és obsolet!</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.blink()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>blink()</code> incrusta una cadena dins l'etiqueta <code>&lt;blink&gt;</code>: <code>"&lt;blink&gt;cad&lt;/blink&gt;"</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_blink()">Utilitzar <code>blink()</code></h3>
+
+<p>L'exemple següent utilitza mètodes string per canviar el format d'una cadena:</p>
+
+<pre class="brush: js">var worldString = 'Hello, world';
+
+console.log(worldString.blink());   // &lt;blink&gt;Hello, world&lt;/blink&gt;
+console.log(worldString.bold());    // &lt;b&gt;Hello, world&lt;/b&gt;
+console.log(worldString.italics()); // &lt;i&gt;Hello, world&lt;/i&gt;
+console.log(worldString.strike());  // &lt;strike&gt;Hello, world&lt;/strike&gt;</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.blink', 'String.prototype.blink')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per característiques addiccionals d'ECMAScrip per Navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.bold()")}}</li>
+ <li>{{jsxref("String.prototype.italics()")}}</li>
+ <li>{{jsxref("String.prototype.strike()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/bold/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/bold/index.html
new file mode 100644
index 0000000000..502810bb45
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/bold/index.html
@@ -0,0 +1,106 @@
+---
+title: String.prototype.bold()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/bold
+translation_of: Web/JavaScript/Reference/Global_Objects/String/bold
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>bold()</code></strong> crea un element HTML {{HTMLElement("b")}} que causa que una cadena es mostri amb negreta.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.bold()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>bold()</code> incrusta una cadena en l'etiqueta <code>&lt;b&gt;</code>: <code>"&lt;b&gt;cad&lt;/b&gt;"</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_bold()">Utilitzar <code>bold()</code></h3>
+
+<p>L'exemple següent utilitza mètodes string per canviar el format d'una cadena:</p>
+
+<pre class="brush: js">var worldString = 'Hello, world';
+
+console.log(worldString.blink());   // &lt;blink&gt;Hello, world&lt;/blink&gt;
+console.log(worldString.bold());    // &lt;b&gt;Hello, world&lt;/b&gt;
+console.log(worldString.italics()); // &lt;i&gt;Hello, world&lt;/i&gt;
+console.log(worldString.strike());  // &lt;strike&gt;Hello, world&lt;/strike&gt;</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.bold', 'String.prototype.bold')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per Característiques addiccionals ECMAScript per navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.blink()")}}</li>
+ <li>{{jsxref("String.prototype.italics()")}}</li>
+ <li>{{jsxref("String.prototype.strike()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/charat/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/charat/index.html
new file mode 100644
index 0000000000..55a84ab7d0
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/charat/index.html
@@ -0,0 +1,283 @@
+---
+title: String.prototype.charAt()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/charAt
+translation_of: Web/JavaScript/Reference/Global_Objects/String/charAt
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>charAt()</code></strong> retorna el caràcter especificat d'una cadena.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.charAt(posicio)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>posicio</code></dt>
+ <dd>Un nombre sencer entre 0 i la longitud de la cadena menys 1.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Els caràcters d'una cadena reben un nombre per la seva posició d'esquerra a dreta. La posició del primer caràcter és el 0 i la posició de l'últim caràcter d'una cadena anomenada <code>stringName</code> és <code>stringName.length - 1</code>. Si la <code>posicio</code> proporcionada està fora del rang vàlid JavaScript retornarà una cadena buida.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Mostrar_caràcters_de_diferents_posicions_d'una_cadena">Mostrar caràcters de diferents posicions d'una cadena</h3>
+
+<p>L'exemple següent mostra alguns caràcters a diferents posicions de la cadena <code>"Brave new world"</code>:</p>
+
+<pre class="brush: js">var anyString = 'Brave new world';
+
+console.log("El caràcter a la posició 0   és '" + anyString.charAt(0)   + "'");
+console.log("El caràcter a la posició 1   és '" + anyString.charAt(1)   + "'");
+console.log("El caràcter a la posició 2   és '" + anyString.charAt(2)   + "'");
+console.log("El caràcter a la posició 3   és '" + anyString.charAt(3)   + "'");
+console.log("El caràcter a la posició 4   és '" + anyString.charAt(4)   + "'");
+console.log("El caràcter a la posició 999 és '" + anyString.charAt(999) + "'");
+</pre>
+
+<p>Les línies anteriors mostren la sortida següent:</p>
+
+<pre class="brush: js">El caràcter a la posició 0   és 'B'
+El caràcter a la posició 1   és 'r'
+El caràcter a la posició 2   és 'a'
+El caràcter a la posició 3   és 'v'
+El caràcter a la posició 4   és 'e'
+El caràcter a la posició 999 és ''
+</pre>
+
+<h3 id="Obtenir_caràcters_sencers">Obtenir caràcters sencers</h3>
+
+<p>El codi següent garanteix obtenir un caràcter sencer, fins i tot quan la cadena contingui caràcters que no formen part del pla bàsic multilingüístic.</p>
+
+<pre class="brush: js">var str = 'A \uD87E\uDC04 Z'; // We could also use a non-BMP character directly
+for (var i = 0, chr; i &lt; str.length; i++) {
+  if ((chr = getWholeChar(str, i)) === false) {
+    continue;
+  }
+  // Adapt this line at the top of each loop, passing in the whole string and
+  // the current iteration and returning a variable to represent the
+  // individual character
+
+  console.log(chr);
+}
+
+function getWholeChar(str, i) {
+  var code = str.charCodeAt(i);
+
+  if (Number.isNaN(code)) {
+    return ''; // Position not found
+  }
+  if (code &lt; 0xD800 || code &gt; 0xDFFF) {
+    return str.charAt(i);
+  }
+
+  // High surrogate (could change last hex to 0xDB7F to treat high private
+  // surrogates as single characters)
+  if (0xD800 &lt;= code &amp;&amp; code &lt;= 0xDBFF) {
+    if (str.length &lt;= (i + 1)) {
+      throw 'High surrogate without following low surrogate';
+    }
+    var next = str.charCodeAt(i + 1);
+      if (0xDC00 &gt; next || next &gt; 0xDFFF) {
+        throw 'High surrogate without following low surrogate';
+      }
+      return str.charAt(i) + str.charAt(i + 1);
+  }
+  // Low surrogate (0xDC00 &lt;= code &amp;&amp; code &lt;= 0xDFFF)
+  if (i === 0) {
+    throw 'Low surrogate without preceding high surrogate';
+  }
+  var prev = str.charCodeAt(i - 1);
+
+  // (could change last hex to 0xDB7F to treat high private
+  // surrogates as single characters)
+  if (0xD800 &gt; prev || prev &gt; 0xDBFF) {
+    throw 'Low surrogate without preceding high surrogate';
+  }
+  // We can pass over low surrogates now as the second component
+  // in a pair which we have already processed
+  return false;
+}
+</pre>
+
+<p>En l'entorn de l'ECMAScript 2016, que soporta assignació desestructurada, es pot utilitzar el codi següent com a versió alternativa més flexibleenvironment which allows destructured assignment, the following is a more succinct and somewhat more flexible alternative in that it does incrementing for an incrementing variable automatically (if the character warrants it in being a surrogate pair).</p>
+
+<pre class="brush: js">var str = 'A\uD87E\uDC04Z'; // We could also use a non-BMP character directly
+for (var i = 0, chr; i &lt; str.length; i++) {
+  [chr, i] = getWholeCharAndI(str, i);
+  // Adapt this line at the top of each loop, passing in the whole string and
+  // the current iteration and returning an array with the individual character
+  // and 'i' value (only changed if a surrogate pair)
+
+  console.log(chr);
+}
+
+function getWholeCharAndI(str, i) {
+  var code = str.charCodeAt(i);
+
+  if (Number.isNaN(code)) {
+    return ''; // Position not found
+  }
+  if (code &lt; 0xD800 || code &gt; 0xDFFF) {
+    return [str.charAt(i), i]; // Normal character, keeping 'i' the same
+  }
+
+  // High surrogate (could change last hex to 0xDB7F to treat high private
+  // surrogates as single characters)
+  if (0xD800 &lt;= code &amp;&amp; code &lt;= 0xDBFF) {
+    if (str.length &lt;= (i + 1)) {
+      throw 'High surrogate without following low surrogate';
+    }
+    var next = str.charCodeAt(i + 1);
+      if (0xDC00 &gt; next || next &gt; 0xDFFF) {
+        throw 'High surrogate without following low surrogate';
+      }
+      return [str.charAt(i) + str.charAt(i + 1), i + 1];
+  }
+  // Low surrogate (0xDC00 &lt;= code &amp;&amp; code &lt;= 0xDFFF)
+  if (i === 0) {
+    throw 'Low surrogate without preceding high surrogate';
+  }
+  var prev = str.charCodeAt(i - 1);
+
+  // (could change last hex to 0xDB7F to treat high private surrogates
+  // as single characters)
+  if (0xD800 &gt; prev || prev &gt; 0xDBFF) {
+    throw 'Low surrogate without preceding high surrogate';
+  }
+  // Return the next character instead (and increment)
+  return [str.charAt(i + 1), i + 1];
+}
+</pre>
+
+<h3 id="Fixing_charAt()_to_support_non-Basic-Multilingual-Plane_(BMP)_characters">Fixing <code>charAt()</code> to support non-Basic-Multilingual-Plane (BMP) characters</h3>
+
+<p>While the example above may be more frequently useful for those wishing to support non-BMP characters (since it does not require the caller to know where any non-BMP character might appear), in the event that one <em>does</em> wish, in choosing a character by index, to treat the surrogate pairs within a string as the single characters they represent, one can use the following:</p>
+
+<pre class="brush: js">function fixedCharAt(str, idx) {
+  var ret = '';
+  str += '';
+  var end = str.length;
+
+  var surrogatePairs = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
+  while ((surrogatePairs.exec(str)) != null) {
+    var li = surrogatePairs.lastIndex;
+    if (li - 2 &lt; idx) {
+      idx++;
+    } else {
+      break;
+    }
+  }
+
+  if (idx &gt;= end || idx &lt; 0) {
+    return '';
+  }
+
+  ret += str.charAt(idx);
+
+  if (/[\uD800-\uDBFF]/.test(ret) &amp;&amp; /[\uDC00-\uDFFF]/.test(str.charAt(idx + 1))) {
+    // Go one further, since one of the "characters" is part of a surrogate pair
+    ret += str.charAt(idx + 1);
+  }
+  return ret;
+}
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.4.4', 'String.prototype.charAt')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.charat', 'String.prototype.charAt')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-string.prototype.charat', 'String.prototype.charAt')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.indexOf()")}}</li>
+ <li>{{jsxref("String.prototype.lastIndexOf()")}}</li>
+ <li>{{jsxref("String.prototype.charCodeAt()")}}</li>
+ <li>{{jsxref("String.prototype.codePointAt()")}}</li>
+ <li>{{jsxref("String.prototype.split()")}}</li>
+ <li>{{jsxref("String.fromCodePoint()")}}</li>
+ <li><a href="https://mathiasbynens.be/notes/javascript-unicode">JavaScript has a Unicode problem – Mathias Bynens</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/concat/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/concat/index.html
new file mode 100644
index 0000000000..87cdda3c5e
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/concat/index.html
@@ -0,0 +1,125 @@
+---
+title: String.prototype.concat()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/concat
+translation_of: Web/JavaScript/Reference/Global_Objects/String/concat
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>concat()</code></strong> combina el text de dos o més strings i retorna un nou string.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.concat(<var>string2</var>, <var>string3</var>[, ..., <var>stringN</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>string2...string<em>N</em></code></dt>
+ <dd>Strings que seran concatenats a aquest string.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La funció <code>concat()</code> combina el text d'un o més strings i retorna un nou string. Canvis al text d'un string no afecten l'altre string.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_concat()">Utilitzar <code>concat()</code></h3>
+
+<p>L'exemple següent combina strings en un nou string.</p>
+
+<pre class="brush: js">var hola = 'Hola, ';
+console.log(hola.concat('Kevin', ' tingueu un bon dia.'));
+
+/* Hola, Kevin tingueu un bon dia. */
+</pre>
+
+<h2 id="Rendiment">Rendiment</h2>
+
+<p>Es recomana altament utilitzar els {{jsxref("Operators/Assignment_Operators", "operadors d'assignació", "", 1)}} (<code>+</code>, <code>+=</code>) en comptes del mètode <code>concat()</code>. Vegeu aquest <a href="http://jsperf.com/concat-vs-plus-vs-join">test de rendiment</a>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.2.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.4.6', 'String.prototype.concat')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.concat', 'String.prototype.concat')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Array.prototype.concat()")}}</li>
+ <li>{{jsxref("Operators/Assignment_Operators", "Operadors d'asssignació", "", 1)}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/endswith/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/endswith/index.html
new file mode 100644
index 0000000000..83a1201549
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/endswith/index.html
@@ -0,0 +1,133 @@
+---
+title: String.prototype.endsWith()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/endsWith
+translation_of: Web/JavaScript/Reference/Global_Objects/String/endsWith
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>endsWith()</code></strong> method determina si un string acaba amb els caràcters d'un altre string, retornant <code>true</code> o <code>false</code> depenent d'això.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.endsWith(stringAcercar[, posició])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>stringAcercar</code></dt>
+ <dd>Els caràcters a cercar al final d'aquest string.</dd>
+ <dt><code>posició</code></dt>
+ <dd>Opcional. Cerca dins aquest string considerant <code>posició</code> com la última posició del string; per defecte rep el valor del tamany total del string.</dd>
+ <dt> </dt>
+ <dt> </dt>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Aquest mètode us permet determinar si un string acaba en un altre string.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_endsWith()">Utilitzar <code>endsWith()</code></h3>
+
+<pre class="brush: js">var str = 'To be, or not to be, that is the question.';
+
+console.log(str.endsWith('question.')); // true
+console.log(str.endsWith('to be'));     // false
+console.log(str.endsWith('to be', 19)); // true
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquest mètode va ser afegit a l'especificació ECMAScript i pot no estar disponible encara a totes les implementacions de JavaScript. No obstant, la funció següent emula el comportament de <code>String.prototype.endsWith()</code>:</p>
+
+<pre class="brush: js">if (!String.prototype.endsWith) {
+  String.prototype.endsWith = function(searchString, position) {
+      var subjectString = this.toString();
+      if (typeof position !== 'number' || !isFinite(position) || Math.floor(position) !== position || position &gt; subjectString.length) {
+        position = subjectString.length;
+      }
+      position -= searchString.length;
+      var lastIndex = subjectString.indexOf(searchString, position);
+      return lastIndex !== -1 &amp;&amp; lastIndex === position;
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.endswith', 'String.prototype.endsWith')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("41")}}</td>
+   <td>{{CompatGeckoDesktop("17")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome("36")}}</td>
+   <td>{{CompatGeckoMobile("17")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.startsWith()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("String.prototype.contains()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("String.prototype.indexOf()")}}</li>
+ <li>{{jsxref("String.prototype.lastIndexOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/fixed/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/fixed/index.html
new file mode 100644
index 0000000000..069ab4243f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/fixed/index.html
@@ -0,0 +1,103 @@
+---
+title: String.prototype.fixed()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/fixed
+translation_of: Web/JavaScript/Reference/Global_Objects/String/fixed
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>fixed()</code></strong> crea un element HTML {{HTMLElement("tt")}} que fa que una cadena es mostri en una font fixed-pitch.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.fixed()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>fixed()</code> incrusta una cadena en una etiqueta <code>&lt;tt&gt;</code>: <code>"&lt;tt&gt;cad&lt;/tt&gt;"</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_fixed()">Utilitzar <code>fixed()</code></h3>
+
+<p>L'exemple següent utilitza el mètode <code>fixed</code> per canviar el format d'una cadena:</p>
+
+<pre class="brush: js">var worldString = 'Hello, world';
+console.log(worldString.fixed()); // "&lt;tt&gt;Hello, world&lt;/tt&gt;"
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.fixed', 'String.prototype.fixed')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per Característiques addiccionals d'ECMAScript per Navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.bold()")}}</li>
+ <li>{{jsxref("String.prototype.italics()")}}</li>
+ <li>{{jsxref("String.prototype.strike()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/fontcolor/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/fontcolor/index.html
new file mode 100644
index 0000000000..be52cd576b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/fontcolor/index.html
@@ -0,0 +1,122 @@
+---
+title: String.prototype.fontcolor()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/fontcolor
+translation_of: Web/JavaScript/Reference/Global_Objects/String/fontcolor
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>fontcolor()</code></strong> crea un element HTML {{HTMLElement("font")}} que fa que una cadena es mostri amb el color font especificat.</p>
+
+<div class="note">
+<p><strong>Nota d'ús:</strong> L'element &lt;font&gt; s'ha eleminitat d'<a href="/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a> i no s'ha de fer servir més. Els desenvolupadors web haurien d'utilitzar les propietats de <a href="/en-US/docs/Web/CSS">CSS</a> per aquesta finalitat<a href="/en-US/docs/Web/CSS">.</a></p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.fontcolor(<var>color</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>color</code></dt>
+ <dd>Una cadena que expressa el color com a un triplet RGB hexadecimal o com una cadena literal. Les cadenes literals de noms de colors es troben enllistades en la <a href="/en-US/docs/Web/CSS/color_value">referència de colors de CSS.</a></dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si expresseu el color com un triplet RGB hexadecimal, heu de fer servir el format <code>rrggbb</code>. Per example, els valors RGB hexadecimals pel color salmó són vermell=FA, verd=80, i blau=72, de forma que el triplet RGB pel color salmó és <code>"FA8072"</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_fontcolor()">Utilitzar <code>fontcolor()</code></h3>
+
+<p>L'exemple següent utilitza el mètode <code>fontcolor()</code> per canviar el color d'una cadena mitjançant la creació d'una cadena amb l'etiqueta HTML <code>&lt;font&gt;</code>.</p>
+
+<pre class="brush: js">var worldString = 'Hola, món';
+
+console.log(worldString.fontcolor('red') +  ' és vermell en aquesta línia');
+// '&lt;font color="red"&gt;Hola, món&lt;/font&gt; 's vermell en aquesta línia'
+
+console.log(worldString.fontcolor('FF00') + ' és vermell en hexadecimal en aquesta línia');
+// '&lt;font color="FF00"&gt;Hola, món&lt;/font&gt; és vermell en hexadecimal en aquesta línia'
+</pre>
+
+<p>Amb l'objecte {{domxref("HTMLElement.style", "element.style")}} es pot obtenir l'atribut <code>style</code> de l'element i manipular-lo més genèricament, per exemple:</p>
+
+<pre class="brush: js">document.getElementById('yourElemId').style.color = 'red';
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.fontcolor', 'String.prototype.fontcolor')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per Característiques addiccionals d'ECMAScript per Navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.fontsize()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/fontsize/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/fontsize/index.html
new file mode 100644
index 0000000000..9f30d124aa
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/fontsize/index.html
@@ -0,0 +1,121 @@
+---
+title: String.prototype.fontsize()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/fontsize
+translation_of: Web/JavaScript/Reference/Global_Objects/String/fontsize
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>fontsize()</code></strong> crea un element HTML {{HTMLElement("font")}} que causa que una cadena es mostri en el tamany font especificat.</p>
+
+<div class="note">
+<p><strong>Nota d'ús:</strong> L'element &lt;font&gt; s'ha eliminat de l'<a href="/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a> i no s'ha de fer servir més. Els desenvolupadors web haurien de fer servir les propietats de <a href="/en-US/docs/Web/CSS">CSS</a> per aquesta finalitat.</p>
+</div>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.fontsize(<var>mida</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>mida</code></dt>
+ <dd>Un nombre sencer entre 1 i 7, una cadena que representi un nombre sencer amb signe entre 1 i 7.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Quan s'especifica la mida com a un nombre sencer, s'estableix la mida de la <code>str</code> a un de les 7 mides definides. Quan s'especifica la <code>mida</code> com una cadena com pot ser "-2", s'adjusta el tamany font de <code>str</code> en relació ambel tamany establert en l'etiqueta {{HTMLElement("basefont")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_fontsize()">Utilitzar <code>fontsize()</code></h3>
+
+<p>El següent exemple utilitza mètodes string per canviar la mida de la cadena:</p>
+
+<pre class="brush: js">var worldString = 'Hola, món';
+
+console.log(worldString.small());     // &lt;small&gt;Hola, món&lt;/small&gt;
+console.log(worldString.big());       // &lt;big&gt;Hola, món&lt;/big&gt;
+console.log(worldString.fontsize(7)); // &lt;font size="7"&gt;Hola, món&lt;/fontsize&gt;
+</pre>
+
+<p>Amb l'objecte {{domxref("HTMLElement.style", "element.style")}} es pot obtenir el atribut <code>style</code> de l'element i manipular-lo més genèricament, per exemple:</p>
+
+<pre class="brush: js">document.getElementById('yourElemId').style.fontSize = '0.7em';
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.fontsize', 'String.prototype.fontsize')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per Característiques Addiccionals d'ECMAScript per Navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.big()")}}</li>
+ <li>{{jsxref("String.prototype.small()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/fromcharcode/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/fromcharcode/index.html
new file mode 100644
index 0000000000..f4e2308bf9
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/fromcharcode/index.html
@@ -0,0 +1,126 @@
+---
+title: String.fromCharCode()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/fromCharCode
+translation_of: Web/JavaScript/Reference/Global_Objects/String/fromCharCode
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode estàtic <strong><code>String.fromCharCode()</code></strong> retorna un string creat a partir de la seqüència de valors Unicode especificada.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>String.fromCharCode(<var>num1</var>[, ...[, <var>numN</var>]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>num1, ..., num<em>N</em></code></dt>
+ <dd>Una seqüència de nombres que són valors Unicode.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Aquest mètode retorna un string i no un objecte de tipus {{jsxref("String")}}.</p>
+
+<p>Com que <code>fromCharCode()</code> és un mètode estàtic de {{jsxref("String")}}, sempre s'utilitza com <code>String.fromCharCode()</code> en comptes de com un mètode d'un objecte {{jsxref("String")}} creat.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_fromCharCode()">Utilitzar <code>fromCharCode()</code></h3>
+
+<p>L'exemple següent retorna el string "ABC".</p>
+
+<pre class="brush: js">String.fromCharCode(65, 66, 67);  // "ABC"
+</pre>
+
+<h2 id="Fer_que_funcioni_amb_valors_més_grans">Fer que funcioni amb valors més grans</h2>
+
+<p>Tot i que la majoria dels valors Unicode es poden representar amb un nombre de 16 bits (tal i com s'esperava mentre s'estava estandaritzant el JavaScript) i es pot emprar <code>fromCharCode()</code> per a retornar un sol caràcter per als valors més comuns (com ara valors UCS-2, que són un subconjunt de l'UTF-16 amb els caràcters més comuns), per a poder manegar TOTS els valors legals Unicode (els quals requereixen fins a 21 bits),  l'ús de només <code>fromCharCode()</code> no és adequat ja que els caràcters de valor més alt utilitzen dos nombres "substituts" (de menor valor) per a formar un sol caràcter. Es pot emprar {{jsxref("String.fromCodePoint()")}} (que forma part de l'esborrant de l'ECMAScript 6) per a retornar el parell de nombres citat i, d'aquesta forma, representar de manera adequada aquests caràcters de valor més alt.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.2.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.3.2', 'StringfromCharCode')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.fromcharcodes', 'String.fromCharCode')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.fromCodePoint()")}}</li>
+ <li>{{jsxref("String.prototype.charAt()")}}</li>
+ <li>{{jsxref("String.prototype.charCodeAt()")}}</li>
+ <li>{{jsxref("String.prototype.codePointAt()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/index.html
new file mode 100644
index 0000000000..136820a54d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/index.html
@@ -0,0 +1,340 @@
+---
+title: String
+slug: Web/JavaScript/Referencia/Objectes_globals/String
+translation_of: Web/JavaScript/Reference/Global_Objects/String
+---
+<div>{{JSRef("Global_Objects", "String")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>L'objecte global <strong><code>String</code></strong> és un constructor per a strings, també conegudes com a cadenes de caràcters.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<p>Els literals de tipus Stringpoden tenir les següents formes:</p>
+
+<pre class="syntaxbox"><code>'string text'
+"string text"
+"中文 español English हिन्दी العربية português বাংলা русский 日本語 ਪੰਜਾਬੀ 한국어 </code><span style="color: #222222; font-family: Consolas,'Lucida Console',monospace; font-size: 12px; line-height: normal; white-space: pre-wrap;">தமிழ்</span><code>"
+</code></pre>
+
+<p>A més dels caràcters imprimibles normals, es poden codificar caràcters especials mitjançant la notació d'escapament:</p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Codi</th>
+   <th scope="col">Sortida</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>\0</code></td>
+   <td>el caràcter NUL</td>
+  </tr>
+  <tr>
+   <td><code>\'</code></td>
+   <td>cometa simple</td>
+  </tr>
+  <tr>
+   <td><code>\"</code></td>
+   <td>cometa doble</td>
+  </tr>
+  <tr>
+   <td><code>\\</code></td>
+   <td>barra invertida</td>
+  </tr>
+  <tr>
+   <td><code>\n</code></td>
+   <td>línia nova</td>
+  </tr>
+  <tr>
+   <td><code>\r</code></td>
+   <td>retorn de carro</td>
+  </tr>
+  <tr>
+   <td><code>\v</code></td>
+   <td>barra vertical</td>
+  </tr>
+  <tr>
+   <td><code>\t</code></td>
+   <td>tabulador</td>
+  </tr>
+  <tr>
+   <td><code>\b</code></td>
+   <td>esborrar</td>
+  </tr>
+  <tr>
+   <td><code>\f</code></td>
+   <td>form feed</td>
+  </tr>
+  <tr>
+   <td><code>\uXXXX</code></td>
+   <td>caràcter amb codificació unicode</td>
+  </tr>
+  <tr>
+   <td><code>\xXX</code></td>
+   <td>caràcter amb codificació Latin-1</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>O bé utilitzant l'objecte global <code>String</code> de forma directa:</p>
+
+<pre class="syntaxbox"><code>String(quelcom)
+new String(quelcom)
+</code></pre>
+
+<h3 id="Parameters" name="Parameters">Paràmetres</h3>
+
+<dl>
+ <dt><code>quelcom</code></dt>
+ <dd>Qualsevol cosa que serà convertida a string.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Les Strings són útils per a emmagatzemar dades que poden ser representades en forma de texte. Algunes de les operacions més emprades en strings són per a obtindre la seva llargada {{jsxref("String.length", "length")}}, per a concatenar-les mitjançant els <a href="/ca/docs/Web/JavaScript/Reference/Operators/String_Operators">operadors de strings + i +=</a>, per a comprovar l'existència o localització de substrings amb el mètode {{jsxref("String.prototype.indexOf()", "indexOf()")}}, o bé per a extreure substrings amb el mètode {{jsxref("String.prototype.substring()", "substring()")}}.</p>
+
+<h3 id="Character_access" name="Character_access">Accés als caràcters</h3>
+
+<p>Hi ha dues formes d'accedir a un caràcter individual emmagatzemat dins un string. El primer és el mètode {{jsxref("String.prototype.charAt()", "charAt()")}}:</p>
+
+<pre class="brush: js">return 'cat'.charAt(1); // retorna "a"
+</pre>
+
+<p>L'altra forma (introduida a ECMAScript 5) és fer anar l'string com si fós un objecte de tipus array, on els caràcters individuals es corresponen a un índex numèric:</p>
+
+<pre class="brush: js">return 'cat'[1]; // retorna "a"
+</pre>
+
+<p>Utilitzar la notació de claus per a esborrar o bé assignar un valor a un caràcter no funcionarà. Les propietats involucrades no són de tipus no-escriptura i no són configurables. (Vegeu {{jsxref("Object.defineProperty()")}} per a més informació).</p>
+
+<h3 id="Comparing_strings" name="Comparing_strings">Comparar strings</h3>
+
+<p>Els desenvolupadors de C disposen de la funció <code>strcmp()</code> per a comparar strings. A JavaScript senzillament es poden utilitzar els <a href="/ca/docs/Web/JavaScript/Reference/Operators/Comparison_Operators">operadors major-que i menor-que</a></p>
+
+<pre class="brush: js">var a = 'a';
+var b = 'b';
+if (a &lt; b) { // true
+  print(a + ' és menor que ' + b);
+} else if (a &gt; b) {
+  print(a + ' és major que ' + b);
+} else {
+  print(a + ' i ' + b + ' són iguals.');
+}
+</pre>
+
+<p>Es pot obtindre un resultat similar mitjançant el mètode {{jsxref("String.prototype.localeCompare()", "localeCompare()")}}, heredat per les instàncies de <code>String</code>.</p>
+
+<h3 id="Distinció_entre_les_primitives_string_i_els_objectes_String">Distinció entre les primitives string i els objectes <code>String</code></h3>
+
+<p>Cal recalcar que JavaScript distingeix entre objectes de tipus <code>String</code> i valors primitius de tipus string (El mateix succeeix amb {{jsxref("Global_Objects/Boolean", "Boolean")}} i {{jsxref("Global_Objects/Number", "Numbers")}}</p>
+
+<p>Els literals de tipus string (englobats en cometes simples o dobles) així com strings retornats per crides a l'objecte <code>String</code> en un contexte no constructor (és a dir, sense utilitzar la paraula clau {{jsxref("Operators/new", "new")}}) són strings primitives. JavaScript automàticament converteix primitives a objectes String, de forma que és posible utilitzar mètodes de l'objecte <code>String</code> en strings primitives. En els contextes on s'ha d'invocar un mètode en una primitiva string o es demana la una propietat, JavaScript automàticament embolcallarà la primitiva string amb un objecte String i cridarà el mètode o la propietat corresponent.</p>
+
+<pre class="brush: js">var s_prim = 'foo';
+var s_obj = new String(s_prim);
+
+console.log(typeof s_prim); // Escriu "string"
+console.log(typeof s_obj);  // Escriu "object"
+</pre>
+
+<p>Les primitives string i els objectes <code>String</code> també donen resultats diferents a l'utilitzar {{jsxref("Global_Objects/eval", "eval()")}}. Les primitives passades a <code>eval</code> són considerades codi font; els objectes <code>String</code> es tracten com qualsevol altre objecte, és a dir, retornan l'objecte. Per exemple:</p>
+
+<pre class="brush: js">var s1 = '2 + 2';             // crea una primitiva string
+var s2 = new String('2 + 2'); // crea un objecte String
+console.log(eval(s1));        // escriu el nombre 4
+console.log(eval(s2));        // escriu la string "2 + 2"
+</pre>
+
+<p>És per aquestes raons que el codi pot produïr errors quan trobi objectes <code>String</code> però s'esperès una primitiva string, tot i que de forma general els autors no s'han de preocupar per la distinció.</p>
+
+<p>Un objecte <code>String</code> sempre es pot convertir en la seva representació primitiva mitjançant el mètode {{jsxref("String.prototype.valueOf()", "valueOf()")}}.</p>
+
+<pre class="brush: js">console.log(eval(s2.valueOf())); // escriu el nombre 4
+</pre>
+
+<div class="note"><strong>Nota:</strong> Per a una altra posible enfocament quant a string a JavaScript llegiu l'article sobre <a href="/ca/Add-ons/Code_snippets/StringView"><code>StringView</code> — una representació de strings basada en arrays de tipatge explícit similar a C</a>.</div>
+
+<h2 id="Properties" name="Properties">Propietats</h2>
+
+<dl>
+ <dt>{{jsxref("String.prototype")}}</dt>
+ <dd>Permet afegir propietats a un objecte <code>String</code>.</dd>
+</dl>
+
+<div>{{jsOverrides("Function", "Properties", "prototype")}}</div>
+
+<h2 id="Methods" name="Methods">Mètodes</h2>
+
+<dl>
+ <dt>{{jsxref("String.fromCharCode()")}}</dt>
+ <dd>Retorna un string creat a partir de la seqüència de valors Unicode proporcionada.</dd>
+ <dt>{{jsxref("String.fromCodePoint()")}} {{experimental_inline}}</dt>
+ <dd>Retorna un string creat a partir de la seqüència de <u><em>code points</em> </u>proporcionada.</dd>
+ <dt>{{jsxref("String.raw()")}} {{experimental_inline}}</dt>
+ <dd>Retorna un string creat a partir de l'string proporcionat <u>sense tindre en compte la codificació.</u></dd>
+</dl>
+
+<div>{{jsOverrides("Function", "Methods", "fromCharCode", "fromCodePoint", "raw")}}</div>
+
+<h2 id="Mètodes_genèrics_de_String"><code>Mètodes genèrics de String</code></h2>
+
+<p>Els mètodes de les instàncies de <code>String</code> també estan disponibles a Firefox a partir del JavaScript 1.6 (tot i que no formen part de l'standard ECMAScript) a l'objecte <code>String</code>, així es poden aplicar els mètodes de <code>String</code> a qualsevol objecte:</p>
+
+<pre class="brush: js">var num = 15;
+console.log(String.replace(num, /5/, '2'));
+</pre>
+
+<p>{{jsxref("Global_Objects/Array", "Generics", "#Array_generic_methods", 1)}} <u>també estàn disponibles als mètodes de</u> {{jsxref("Global_Objects/Array", "Array")}}.</p>
+
+<p>A continuació es mostra un <em>shim</em> per a donar suport als navegadors que no ho suporten:</p>
+
+<pre class="brush: js">/*globals define*/
+// Assumes all supplied String instance methods already present
+// (one may use shims for these if not available)
+(function() {
+  'use strict';
+
+  var i,
+    // We could also build the array of methods with the following, but the
+    //   getOwnPropertyNames() method is non-shimable:
+    // Object.getOwnPropertyNames(String).filter(function(methodName) {
+    //   return typeof String[methodName] === 'function';
+    // });
+    methods = [
+      'quote', 'substring', 'toLowerCase', 'toUpperCase', 'charAt',
+      'charCodeAt', 'indexOf', 'lastIndexOf', 'startsWith', 'endsWith',
+      'trim', 'trimLeft', 'trimRight', 'toLocaleLowerCase',
+      'toLocaleUpperCase', 'localeCompare', 'match', 'search',
+      'replace', 'split', 'substr', 'concat', 'slice'
+    ],
+    methodCount = methods.length,
+    assignStringGeneric = function(methodName) {
+      var method = String.prototype[methodName];
+      String[methodName] = function(arg1) {
+        return method.apply(arg1, Array.prototype.slice.call(arguments, 1));
+      };
+    };
+
+  for (i = 0; i &lt; methodCount; i++) {
+    assignStringGeneric(methods[i]);
+  }
+}());
+</pre>
+
+<h2 id="String_instances" name="String_instances"><code>Instàncies de String</code></h2>
+
+<h3 id="Propietats">Propietats</h3>
+
+<div>{{page('/ca/docs/Web/JavaScript/Reference/Global_Objects/String/prototype', 'Properties')}}</div>
+
+<h3 id="Mètodes">Mètodes</h3>
+
+<h4 id="Methods_unrelated_to_HTML" name="Methods_unrelated_to_HTML">Mètodes no relacionats amb HTML</h4>
+
+<div>{{page('/ca/docs/Web/JavaScript/Reference/Global_Objects/String/prototype', 'Methods_unrelated_to_HTML')}}</div>
+
+<h4 id="HTML_wrapper_methods" name="HTML_wrapper_methods">Mètodes d'embolcall de HTML</h4>
+
+<div>{{page('/ca/docs/Web/JavaScript/Reference/Global_Objects/String/prototype', 'HTML_wrapper_methods')}}</div>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_Conversió_de_strings">Exemple: Conversió de strings</h3>
+
+<p>És posible utilitzar <code>String</code> com a una alternativa "més segura" de {{jsxref("String.prototype.toString()","toString()")}}, ja que tot i que normalment també crida el mètode <code>toString()</code> subjacent, també funciona per a {{jsxref("Global_Objects/null", "null")}} i {{jsxref("Global_Objects/undefined", "undefined")}}. Per exemple:</p>
+
+<pre class="brush: js">var outputStrings = [];
+for (var i = 0, n = inputValues.length; i &lt; n; ++i) {
+  outputStrings.push(String(inputValues[i]));
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició</td>
+   <td>Standard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5', 'String')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string-objects', 'String')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("0.2")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{domxref("DOMString")}}</li>
+ <li><a href="/ca/Add-ons/Code_snippets/StringView"><code>StringView</code> — una representació de strings basada en arrays de tipatge explícit similar a C</a></li>
+ <li><a href="/ca/docs/Web/API/DOMString/Binary">Strings binàries</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/indexof/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/indexof/index.html
new file mode 100644
index 0000000000..9b08b04ded
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/indexof/index.html
@@ -0,0 +1,190 @@
+---
+title: String.prototype.indexOf()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/indexOf
+translation_of: Web/JavaScript/Reference/Global_Objects/String/indexOf
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <code><strong>indexOf()</strong></code> retorna la primera posició dins el {{jsxref("String")}} des del que es crida a la qual es troba el valor proporcionat. Retorna -1 si no es troba el valor donat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.indexOf(valorACercar[, posicioInicial]</code>)</pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>valorACercar</code></dt>
+ <dd>Un string que representa el valor a cercar.</dd>
+ <dt><code>posicioInicial</code> {{optional_inline}}</dt>
+ <dd>La posició a partir de la qual es cercarà dins la cadena. Pot ser qualsevol nombre sencer. El valor per defecte és <code>0</code>, indicant que es cercarà a tota la cadena. Si <code>posicioInicial</code><code> &lt; 0</code> es cercarà a tota la cadena. Si <code>posicioInicial &gt;= str.length</code>, no es cercarà a la cadena i es retornarà <code>-1</code> automàticament. Si <code>valorACercar</code> és una cadena buida es retornarà<code> str.length</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Els caràcters de la cadena s'indexen d'esquerra a dreta. La posició del primer caràcter és <code>0</code>, i la posició de l'últim caràcter d'una cadena amb nom <code>stringName</code> és  <code>stringName.length - 1</code>.</p>
+
+<pre class="brush: js">'Blue Whale'.indexOf('Blue');     // returns  0
+'Blue Whale'.indexOf('Blute');    // returns -1
+'Blue Whale'.indexOf('Whale', 0); // returns  5
+'Blue Whale'.indexOf('Whale', 5); // returns  5
+'Blue Whale'.indexOf('', 9);      // returns  9
+'Blue Whale'.indexOf('', 10);     // returns 10
+'Blue Whale'.indexOf('', 11);     // returns 10
+</pre>
+
+<h3 id="Distinció_entre_majúscules_i_minúscules">Distinció entre majúscules i minúscules</h3>
+
+<p>El mètode <code>indexOf()</code> distingeix entre majúscules i minúscules. Per exemple, l'expressió següent retorna -1:</p>
+
+<pre class="brush: js">'Blue Whale'.indexOf('blue'); // retorna -1
+</pre>
+
+<h3 id="Comprovar_troballes">Comprovar troballes</h3>
+
+<p>Cal destacar que '0' no s'evalua a <code>true</code> i que '-1' no s'evalua a <code>false</code>. Tenim llavors que al comprovar si una cadena específica existeix dins una altra, la forma correcta de comprovar-ho seria:</p>
+
+<pre class="brush: js">'Blue Whale'.indexOf('Blue') !== -1; // true
+'Blue Whale'.indexOf('Bloe') !== -1; // false
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_indexOf()_i_lastIndexOf()">Utilitzar <code>indexOf()</code> i <code>lastIndexOf()</code></h3>
+
+<p>L'exemple següent utilitza <code>indexOf()</code> i {{jsxref("String.prototype.lastIndexOf()", "lastIndexOf()")}} per a trobar valors dins la cadena <code>"Brave new world"</code>.</p>
+
+<pre class="brush: js">var anyString = 'Brave new world';
+
+console.log('La posicó de la primera w des del principi és ' + anyString.indexOf('w'));
+// mostra 8
+console.log('La posició de la primera w des del final és ' + anyString.lastIndexOf('w'));
+// mostra 10
+
+console.log('La posicó de "new" des del principi és ' + anyString.indexOf('new'));
+// mostra 6
+console.log('La posició de "new" des del final és ' + anyString.lastIndexOf('new'));
+// mostra 6
+</pre>
+
+<h3 id="indexOf()_i_distinció_entre_majúscules_i_minúscules"><code>indexOf()</code> i distinció entre majúscules i minúscules</h3>
+
+<p>L'exemple següent definteix dos variables de tipus cadena. The following example defines two string variables. The variables contain the same string except that the second string contains uppercase letters. The first {{domxref("console.log()")}} method displays 19. But because the <code>indexOf()</code> method is case sensitive, the string <code>"cheddar"</code> is not found in <code>myCapString</code>, so the second <code>console.log()</code> method displays -1.</p>
+
+<pre class="brush: js">var myString    = 'brie, pepper jack, cheddar';
+var myCapString = 'Brie, Pepper Jack, Cheddar';
+
+console.log('myString.indexOf("cheddar") is ' + myString.indexOf('cheddar'));
+// logs 19
+console.log('myCapString.indexOf("cheddar") is ' + myCapString.indexOf('cheddar'));
+// logs -1
+</pre>
+
+<h3 id="Using_indexOf()_to_count_occurrences_of_a_letter_in_a_string">Using <code>indexOf()</code> to count occurrences of a letter in a string</h3>
+
+<p>The following example sets <code>count</code> to the number of occurrences of the letter <code>e</code> in the string <code>str</code>:</p>
+
+<pre class="brush: js">var str = 'To be, or not to be, that is the question.';
+var count = 0;
+var pos = str.indexOf('e');
+
+while (pos !== -1) {
+  count++;
+  pos = str.indexOf('e', pos + 1);
+}
+
+console.log(count); // displays 4
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.4.7', 'String.prototype.indexOf')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.indexof', 'String.prototype.indexOf')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-string.prototype.indexof', 'String.prototype.indexOf')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.charAt()")}}</li>
+ <li>{{jsxref("String.prototype.lastIndexOf()")}}</li>
+ <li>{{jsxref("String.prototype.split()")}}</li>
+ <li>{{jsxref("Array.prototype.indexOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/italics/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/italics/index.html
new file mode 100644
index 0000000000..f38a8f9579
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/italics/index.html
@@ -0,0 +1,104 @@
+---
+title: String.prototype.italics()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/italics
+translation_of: Web/JavaScript/Reference/Global_Objects/String/italics
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>italics()</code></strong> crea un element HTML {{HTMLElement("i")}} que converteix una cadena en format itàlic.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.italics()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>italics()</code> incrusta una cadena en una etiqueta <code>&lt;i&gt;</code>: <code>"&lt;i&gt;str&lt;/i&gt;"</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_italics()">Utilitzar <code>italics()</code></h3>
+
+<p>L'exemple següent utilitza mètodes string per canviar el format de la cadena:</p>
+
+<pre class="brush: js">var worldString = 'Hola, món'; console.log(worldString.blink());  // Hello, world
+console.log(worldString.bold());  // <strong>Hola, món</strong>
+console.log(worldString.italics()); //<em>Hola, món</em>
+console.log(worldString.strike());  // <s>Hola, món</s></pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.italics', 'String.prototype.italics')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implemtat en JavaScript 1.0. Definit en l'Annex B (normative) per Caracerístiques Adiccionals d'ECMAScript per navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.blink()")}}</li>
+ <li>{{jsxref("String.prototype.bold()")}}</li>
+ <li>{{jsxref("String.prototype.strike()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/length/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/length/index.html
new file mode 100644
index 0000000000..63a3114d2d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/length/index.html
@@ -0,0 +1,121 @@
+---
+title: String.length
+slug: Web/JavaScript/Referencia/Objectes_globals/String/length
+translation_of: Web/JavaScript/Reference/Global_Objects/String/length
+---
+<div>{{JSRef("Global_Objects", "String")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La propietat <strong><code>length</code></strong> representa la longitud d'una cadena de caràcters.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.length</code></pre>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Aquesta propietat retorna el nombre d'unitats de codi en un string. {{interwiki("wikipedia", "UTF-16")}}, el format de string utilitzar a JavaScript, utilitza un únic codi de 16 bits per a representar els caràcters més comuns, però necessita dos unitats de codi per a caràcters menys comuns, així que és possible que el valor retornat per <code>length</code> no encaixi amb el nombre de caràcters reals a la cadena de caràcters.</p>
+
+<p>Per a una cadena buida, <code>length</code> és 0.</p>
+
+<p>La propietat estàtica <code>String.length</code> retorna el valor 1.</p>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Basic_usage" name="Example:_Basic_usage">Exemple: Ús bàsic</h3>
+
+<pre class="brush: js">var x = 'Mozilla';
+var empty = '';
+
+console.log('Mozilla té ' + x.length + ' unitats de codi');
+/* "Mozilla té 7 unitats de codi" */
+
+console.log('La string buida té una longitud de ' + empty.length);
+/* "La string buida té una longitud de 0" */
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.5.1', 'String.prototype.length')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-properties-of-string-instances-length', 'String.prototype.length')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><a class="external" href="http://developer.teradata.com/blog/jasonstrimpel/2011/11/javascript-string-length-and-internationalizing-web-applications"><code>String.length</code> a JavaScript i com internacionalitzar Aplicacions Web</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/link/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/link/index.html
new file mode 100644
index 0000000000..efe1385ddc
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/link/index.html
@@ -0,0 +1,119 @@
+---
+title: String.prototype.link()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/link
+translation_of: Web/JavaScript/Reference/Global_Objects/String/link
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>link()</code></strong> crea un element HTML {{HTMLElement("a")}} que causa que una cadena es mostri com un enllaç hipertext a una altra URL.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.link(<var>url</var>)</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>url</code></dt>
+ <dd>Una cadena que especifica l'atribut <code>href</code> de l'etiqueta <code>&lt;a&gt;:</code> hauria de ser una URL vàlida (relativa o absoluta), amb qualsevols caràcters escapats <code>&amp;</code> com <code>&amp;amp;</code>, i qualsevol caràcter <code>"</code>  escapat com <code>&amp;quot;</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Use the <code>link()</code> method to create an HTML snippet for a hypertext link. The returned string can then be added to the document via {{domxref("document.write()")}} or {{domxref("element.innerHTML")}}.</p>
+
+<p>Links created with the <code>link()</code> method become elements in the <code>links</code> array of the <code>document</code> object. See {{domxref("document.links")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_link()">Utilitzar <code>link()</code></h3>
+
+<p>L'exemple següent mostra la paraula "MDN" com a un enllaç hypertext lque retorna a l'usuari a la xarxa de Mozilla Developer.</p>
+
+<pre class="brush: js">var hotText = 'MDN';
+var URL = 'https://developer.mozilla.org/';
+
+console.log('Click to return to ' + hotText.link(URL));
+// Click to return to &lt;a href="https://developer.mozilla.org/"&gt;MDN&lt;/a&gt;
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.link', 'String.prototype.link')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per Característiques Addiccionals d'ECMAScript per Navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Notes_específiques_Gecko">Notes específiques Gecko</h2>
+
+<ul>
+ <li>Starting Gecko 17.0 {{geckoRelease("17")}} the <code>"</code> (quotation mark) is now automatically replaced by its HTML reference character <code>&amp;quot;</code> in the <code>url</code> parameter.</li>
+</ul>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.anchor()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/normalize/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/normalize/index.html
new file mode 100644
index 0000000000..7a6bcef500
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/normalize/index.html
@@ -0,0 +1,154 @@
+---
+title: String.prototype.normalize()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/normalize
+translation_of: Web/JavaScript/Reference/Global_Objects/String/normalize
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>normalize()</code></strong> retorna la Forma Normalitzada en Unicode d'un string donat (si el valor passat no és un string, es convertirà a string primer).</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.normalize([<var>forma</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>forma</code></dt>
+ <dd>Una de les opcions <code>"NFC"</code>, <code>"NFD"</code>, <code>"NFKC"</code>, o <code>"NFKD"</code>, que determina quina Forma de Normalització Unicode es farà anar. Si s'omet o es passa {{jsxref("undefined")}} com a paràmetre, s'utilitzarà <code>"NFC"</code> per defecte.
+ <ul>
+  <li><code>NFC</code> — Normalization Form Canonical Composition.</li>
+  <li><code>NFD</code> — Normalization Form Canonical Decomposition.</li>
+  <li><code>NFKC</code> — Normalization Form Compatibility Composition.</li>
+  <li><code>NFKD</code> — Normalization Form Compatibility Decomposition.</li>
+ </ul>
+ </dd>
+</dl>
+
+<h3 id="Errors_llençats">Errors llençats</h3>
+
+<dl>
+ <dt>{{jsxref("RangeError")}}</dt>
+ <dd>Es llença un {{jsxref("RangeError")}} si <code>forma</code> no és un dels valors especificats adalt.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>normalize()</code> retorna la Forma Normalitzada Unicode d'un string. No afecta el propi valor del string passat sino que en retorna un de nou.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_normalize()">Utilitzar <code>normalize()</code></h3>
+
+<pre class="brush: js">// String inicial
+
+// U+1E9B: LLETRA S PETITA DEL LLATÍ AMB UN PUNT A SOBRE
+// U+0323: COMBINACIÓ AMB EL PUNT A SOTA
+var str = '\u1E9B\u0323';
+
+
+// Canonically-composed form (NFC)
+
+// U+1E9B: LLETRA S PETITA DEL LLATÍ AMB UN PUNT A SOBRE
+// U+0323: COMBINACIÓ AMB EL PUNT A SOTA
+str.normalize('NFC'); // '\u1E9B\u0323'
+str.normalize();      // el mateix que a sobre
+
+
+// Canonically-decomposed form (NFD)
+
+// U+017F: LLETRA S PETITA DEL LLATÍ AMB UN PUNT A SOBRE
+// U+0323: COMBINACIÓ AMB EL PUNT A SOTA
+// U+0307: COMBINACIÓ AMB EL PUNT A SOBRE
+str.normalize('NFD'); // '\u017F\u0323\u0307'
+
+
+// Compatibly-composed (NFKC)
+
+// U+1E69: LLETRA S PETITA DEL LLATÍ AMB UN PUNT A SOBRE
+str.normalize('NFKC'); // '\u1E69'
+
+
+// Compatibly-decomposed (NFKD)
+
+// U+0073: LLETRA S PETITA DEL LLATÍ
+// U+0323: COMBINACIÓ AMB EL PUNT A SOTA
+// U+0307: COMBINACIÓ AMB EL PUNT A SOBRE
+str.normalize('NFKD'); // '\u0073\u0323\u0307'
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.normalize', 'String.prototype.normalize')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("34")}}</td>
+   <td>{{CompatGeckoDesktop("31")}}</td>
+   <td>{{CompatIE("11")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome("34")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="http://www.unicode.org/reports/tr15/">Annex del Standard Unicode #15, Formes Normalitzades del Unicode</a></li>
+ <li><a href="http://en.wikipedia.org/wiki/Unicode_equivalence">Equivalències al Unicode</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/quote/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/quote/index.html
new file mode 100644
index 0000000000..f8027d070a
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/quote/index.html
@@ -0,0 +1,107 @@
+---
+title: String.prototype.quote()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/quote
+translation_of: Archive/Web/JavaScript/String.quote
+---
+<div>{{JSRef}} {{obsolete_header("37")}} {{non-standard_header}}</div>
+
+<p>El mètode no estàndard <strong><code>quote()</code></strong> retorna una còpia de la cadena, reemplaçant diferents caràcters especials de la cadena amb les seves seqüències d'escapament i embolcalla el resultat amb cometes dobles (<code>"</code>).</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.quote()</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>A la taula següent, el mètode <code>quote()</code> reemplaça els caràcters especials i embolcalla les cadenes amb cometes dobles.  Tingueu en compte que en la tercera on un {{jsxref("Global_Objects/eval", "eval()")}} embolcallat avalua la seqüència d'escapament novament.</p>
+
+<table class="fullwidth-table">
+ <thead>
+  <tr>
+   <th class="header" scope="col"><code>str</code></th>
+   <th class="header" scope="col"><code>str.quote()</code></th>
+   <th class="header" scope="col"><code>eval(str.quote())</code></th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>Hello world!</code></td>
+   <td><code>"Hello world!"</code></td>
+   <td><code>Hello world!</code></td>
+  </tr>
+  <tr>
+   <td><code style="white-space: pre;">Hello<br>
+    world!</code></td>
+   <td><code>"Hello\n\tworld!"</code></td>
+   <td><code style="white-space: pre;">Hello<br>
+    world!</code></td>
+  </tr>
+  <tr>
+   <td><code>" \ — '</code></td>
+   <td><code>"\" \\ \u2014 '"</code></td>
+   <td><code>" \ — '</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap estàndard. Implementant en JavaScript 1.3.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("JSON.stringify()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/small/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/small/index.html
new file mode 100644
index 0000000000..761797bdda
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/small/index.html
@@ -0,0 +1,110 @@
+---
+title: String.prototype.small()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/small
+translation_of: Web/JavaScript/Reference/Global_Objects/String/small
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>small()</code></strong> crea un element HTML {{HTMLElement("small")}} que causa que una cadena es mostri amb una font petita.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.small()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>small()</code> incrusta una adena en una etiqueta <code>&lt;small&gt;:</code> <code>"&lt;small&gt;str&lt;/small&gt;"</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_small()">Utilitzar <code>small()</code></h3>
+
+<p>L'exemple següent utilitza mètodes string per canviar la mida d'una cadena:</p>
+
+<pre class="brush: js">var worldString = 'Hola, món';
+
+console.log(worldString.small());     // &lt;small&gt;Hola, món&lt;/small&gt;
+console.log(worldString.big());       // &lt;big&gt;Hola, món&lt;/big&gt;
+console.log(worldString.fontsize(7)); // &lt;font size="7"&gt;Hola, món&lt;/fontsize&gt;
+</pre>
+
+<p>Amb l'objecte {{domxref("HTMLElement.style", "element.style")}} es pot obtenir l'atribut <code>style</code>  d'un element i manipular-lo més genèricament. Per exemple:</p>
+
+<pre class="brush: js">document.getElementById('yourElemId').style.fontSize = '0.7em';
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.small', 'String.prototype.small')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per Característiques Addiccionals d'ECMAScript per Navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.fontsize()")}}</li>
+ <li>{{jsxref("String.prototype.big()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/startswith/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/startswith/index.html
new file mode 100644
index 0000000000..ca25398d51
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/startswith/index.html
@@ -0,0 +1,128 @@
+---
+title: String.prototype.startsWith()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/startsWith
+translation_of: Web/JavaScript/Reference/Global_Objects/String/startsWith
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>startsWith()</code></strong> determina si un string comença amb els caràcters d'un altre string, retornant <code>true</code> o <code>false</code> depenent d'això.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.startsWith(stringAcercar[, posició])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>stringAcercar</code></dt>
+ <dd>Els caràcters a cercar al començament d'aquest string.</dd>
+ <dt><code>posició</code></dt>
+ <dd>Opcional. La posició dins el string a la qual es començarà a cercar per a trobar <code>stringAcercar</code>; per defecte és 0.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Aquest mètode us permet determinar si un string comença amb un altre string.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_startsWith()">Utilitzar <code>startsWith()</code></h3>
+
+<pre class="brush: js">var str = 'To be, or not to be, that is the question.';
+
+console.log(str.startsWith('To be'));         // true
+console.log(str.startsWith('not to be'));     // false
+console.log(str.startsWith('not to be', 10)); // true
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Aquest mètode va ser afegit a l'especificació ECMAScript i pot no estar disponible encara a totes les implementacions de JavaScript. No obstant, la funció següent emula el comportament de <code>String.prototype.startsWith()</code>:</p>
+
+<pre class="brush: js">if (!String.prototype.startsWith) {
+  String.prototype.startsWith = function(searchString, position) {
+    position = position || 0;
+    return this.indexOf(searchString, position) === position;
+  };
+}
+</pre>
+
+<p>Trobareu una funció Polyfill més robusta i optimitzada <a href="https://github.com/mathiasbynens/String.prototype.startsWith">al GitHub de Mathias Bynens</a>.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.startswith', 'String.prototype.startsWith')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome("41")}}</td>
+   <td>{{CompatGeckoDesktop("17")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome("41")}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatChrome("36")}}</td>
+   <td>{{CompatGeckoMobile("17")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.endsWith()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("String.prototype.includes()")}} {{experimental_inline}}</li>
+ <li>{{jsxref("String.prototype.indexOf()")}}</li>
+ <li>{{jsxref("String.prototype.lastIndexOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/sub/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/sub/index.html
new file mode 100644
index 0000000000..0b512d038e
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/sub/index.html
@@ -0,0 +1,109 @@
+---
+title: String.prototype.sub()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/sub
+translation_of: Web/JavaScript/Reference/Global_Objects/String/sub
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>sub()</code></strong> crea un element HTML {{HTMLElement("sub")}} que fa que una cadena es mostri com a subíndex.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.sub()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>sub()</code> incrusta una cadena a una etiqueta <code>&lt;sub&gt;</code>: <code>"&lt;sub&gt;str&lt;/sub&gt;"</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_els_mètodes_sub()_i_sup()">Utilitzar els mètodes <code>sub()</code> i <code>sup()</code></h3>
+
+<p>El codi següent utiltza els mètodes <code>sub()</code> i {{jsxref("String.prototype.sup()", "sup()")}} per donar format a una cadena:</p>
+
+<pre class="brush: js">var superText="superíndex";
+var subText="subíndex";
+
+console.log("Així es com es veu un " + superText.sup());
+// Així es com es veu un &lt;sup&gt;superíndex&lt;/sup&gt;.
+
+console.log("Així es com es veu un " + subText.sub());
+// Així es com es veu un &lt;sub&gt;subíndex&lt;/sub&gt;.
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.sub', 'String.prototype.sub')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>
+    <p>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per a Característiques Addicicionals d'ECMAScript per Navegadors Web.</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.sup()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/substr/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/substr/index.html
new file mode 100644
index 0000000000..5fdb1f03b4
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/substr/index.html
@@ -0,0 +1,156 @@
+---
+title: String.prototype.substr()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/substr
+translation_of: Web/JavaScript/Reference/Global_Objects/String/substr
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>substr()</code></strong> retorna els caràcters d'una cadena començant per la posició especificada fins al nombre especificat de caràcters.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.substr(<var>començament</var>[, <var>llargària</var>])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>començament</code></dt>
+ <dd>Lloc des d'on es comença a extraure els caràcters. Si es dóna un nombre negatiu, se'l tracta com <code>strLength + començament</code> on <code>strLength</code> és la llargària de al cadena (per exemple, si <code>començament</code> és -3 se'l tracta com <code>strLength - 3</code>.)</dd>
+ <dt><code>llargària</code></dt>
+ <dd>Opcional. El nombre de caràcter per extraure.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p><code>començament</code> is a character index. L'índex del primer caràcter és 0, i l'índex de l'últim caràcter és 1 menys que la llargària de la cadena. <code>substr()</code> comença extraient caràcters a <code>començament</code> i recull els caràcters <code>llargària</code> (llevat que primer s'arribi al final de la cadena, en aquest cas en retornaria menys).</p>
+
+<p>Si <code>començament</code> és positivu i més gran o igual que la llargària de la cadena, <code>substr()</code> retornarà una cadena buida.</p>
+
+<p>SI <code>començament</code> és negatiu, <code>substr()</code> l'utilitza com un índex de caràcter des del final de la cadena. Si <code>començament</code> és negatiu i  <code>abs(comença,ent)</code> és més gran que la llargària de la cadena, <code>substr()</code> utilitza 0 com a índex d'inici. Nota: El maneig de valors negatius de l'argument <code>començament</code> no està suportat per Microsoft JScript.</p>
+
+<p>Si <code>llargària</code> és 0 o negatiu, <code>substr()</code> retorna una cadena buida. Si <code>llargària</code> s'omet, <code>substr()</code> extreu els caràcter fins al final de la cadena.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_substr()">Utilitzar <code>substr()</code></h3>
+
+<pre class="brush: js">var str = 'abcdefghij';
+
+console.log('(1, 2): '   + str.substr(1, 2));   // '(1, 2): bc'
+console.log('(-3, 2): '  + str.substr(-3, 2));  // '(-3, 2): hi'
+console.log('(-3): '     + str.substr(-3));     // '(-3): hij'
+console.log('(1): '      + str.substr(1));      // '(1): bcdefghij'
+console.log('(-20, 2): ' + str.substr(-20, 2)); // '(-20, 2): ab'
+console.log('(20, 2): '  + str.substr(20, 2));  // '(20, 2): '
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Microsoft's JScript no suporta valors negatius per l'índex d'inici. Si desitjes utilitzar aquesta característica, pots utilitzar el codi de compatibilitat següent per evitar aquest error:</p>
+
+<pre class="brush: js">// només s'executa quan la funció substr() està trencada
+if ('ab'.substr(-1) != 'b') {
+  /**
+   *  Obtenir la subcadena d'una cadena
+   *  @param  {integer}  start   on comença la subcadena
+   *  @param  {integer}  length  quants caràcters s'han de retornar
+   *  @return {string}
+   */
+  String.prototype.substr = function(substr) {
+    return function(start, length) {
+      // crida el mètode original
+      return substr.call(this,
+      	// Si ens dóna un començament negatiu, calcular quant es des de l'inici de la cadena
+        // adjustar el paràmetre start per valor negatiu
+        start &lt; 0 ? this.length + start : start,
+        length)
+    }
+  }(String.prototype.substr);
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definit en l'Annex B de Compatibilitat (informative). Implementat en JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-B.2.3', 'String.prototype.substr')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definit en l'Annex B de Compatibilitat (informative)</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.substr', 'String.prototype.substr')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definit en l'Annex B (normative) per Característiques addiccionals d'ECMAScript per Navegadors Web</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.slice()")}}</li>
+ <li>{{jsxref("String.prototype.substring()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/sup/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/sup/index.html
new file mode 100644
index 0000000000..24b46c88ce
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/sup/index.html
@@ -0,0 +1,107 @@
+---
+title: String.prototype.sup()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/sup
+translation_of: Web/JavaScript/Reference/Global_Objects/String/sup
+---
+<div>{{JSRef}} {{deprecated_header}}</div>
+
+<p>El mètode <strong><code>sup()</code></strong> crea un element HTML {{HTMLElement("sup")}} que causa que la cadena es mostri com un superíndex.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.sup()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>sup()</code> incrusta una cadena en l'etiqueta <code>&lt;sup&gt;</code>:<code>"&lt;sup&gt;str&lt;/sup&gt;"</code>.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_els_mètodes_sub()_i_sup()">Utilitzar els mètodes <code>sub()</code> i <code>sup()</code></h3>
+
+<p>L'exemple següent utilitza els mètodes {{jsxref("String.prototype.sub()", "sub()")}} i <code>sup()</code> per formatejar la cadena:</p>
+
+<pre class="brush: js">var superText = 'superíndex';
+var subText = 'subíndex';
+
+console.log('This is what a ' + superText.sup());
+// "Així es com es veu un &lt;sup&gt;superíndex&lt;/sup&gt;."
+
+console.log('This is what a ' + subText.sub());
+// "Així es com es veu un &lt;sub&gt;subíndex&lt;/sub&gt;."
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.sup', 'String.prototype.sup')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0. Definit en l'Annex B (normative) per a Característiques Addicicionals d'ECMAScript per Navegadors Web.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.sub()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/tolocalelowercase/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/tolocalelowercase/index.html
new file mode 100644
index 0000000000..c138197bc1
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/tolocalelowercase/index.html
@@ -0,0 +1,110 @@
+---
+title: String.prototype.toLocaleLowerCase()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/toLocaleLowerCase
+translation_of: Web/JavaScript/Reference/Global_Objects/String/toLocaleLowerCase
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode<strong> <code>toLocaleLowerCase()</code> </strong>retorna el valor del string que fa la crida convertit a minúscules , tot seguint les directrius locals específiques de conversió a minúscules.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.toLocaleLowerCase()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode<strong> <code>toLocaleLowerCase()</code> </strong>retorna el valor del string que fa la crida convertit a minúscules , tot seguint les directrius locals específiques de conversió a minúscules.El mètode<strong> <code>toLocaleLowerCase()</code> </strong>retorna el valor del string que fa la crida convertit a minúscules , tot seguint les directrius locals específiques de conversió a minúscules. En la majoria dels casos, la crida a aquest mètode produirà un resultat similar a la del mètode {{jsxref("String.prototype.toLowerCase()", "toLowerCase()")}}, però per a algunes localitzacions, com ara el Turc, en les quals el pas de majúscules a minúscules o de minúscules a majúscules no segueix les assignacions per defecte del Unicode, el resultat pot diferir.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toLocaleLowerCase()">Utilitzar <code>toLocaleLowerCase()</code></h3>
+
+<pre class="brush: js">console.log('ALFABET'.toLocaleLowerCase()); // 'alfabet'
+</pre>
+
+<h2 id="Especifications">Especifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.2.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.4.17', 'String.prototype.toLocaleLowerCase')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.tolocalelowercase', 'String.prototype.toLocaleLowerCase')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.toLocaleUpperCase()")}}</li>
+ <li>{{jsxref("String.prototype.toLowerCase()")}}</li>
+ <li>{{jsxref("String.prototype.toUpperCase()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/tolocaleuppercase/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/tolocaleuppercase/index.html
new file mode 100644
index 0000000000..8f7b2aa716
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/tolocaleuppercase/index.html
@@ -0,0 +1,110 @@
+---
+title: String.prototype.toLocaleUpperCase()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/toLocaleUpperCase
+translation_of: Web/JavaScript/Reference/Global_Objects/String/toLocaleUpperCase
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toLocaleUpperCase()</code></strong> retorna el valor del string que fa la crida convertit a majúscules, tot seguint les directrius locals específiques de conversió a majúscules.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.toLocaleUpperCase()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <strong><code>toLocaleUpperCase()</code></strong> retorna el valor del string que fa la crida convertit a majúscules, tot seguint les directrius locals específiques de conversió a majúscules. <code>toLocaleUpperCase()</code> no afecta el valor del string que fa la crida sino que en retorna un de nou. En la majoria dels casos, la crida a aquest mètode produirà un resultat similar a la del mètode {{jsxref("String.prototype.toUpperCase()", "toUpperCase()")}}, però per a algunes localitzacions, com ara el Turc, en les quals el pas de majúscules a minúscules o de minúscules a majúscules no segueix les assignacions per defecte del Unicode, el resultat pot diferir.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toLocaleUpperCase()">Utilitzar <code>toLocaleUpperCase()</code></h3>
+
+<pre class="brush: js">console.log('alfabet'.toLocaleUpperCase()); // 'ALFABET'
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.2.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.4.19', 'String.prototype.toLocaleUpperCase')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.tolocaleuppercase', 'String.prototype.toLocaleUpperCase')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.toLocaleLowerCase()")}}</li>
+ <li>{{jsxref("String.prototype.toLowerCase()")}}</li>
+ <li>{{jsxref("String.prototype.toUpperCase()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/tolowercase/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/tolowercase/index.html
new file mode 100644
index 0000000000..7147d0ea0d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/tolowercase/index.html
@@ -0,0 +1,111 @@
+---
+title: String.prototype.toLowerCase()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/toLowerCase
+translation_of: Web/JavaScript/Reference/Global_Objects/String/toLowerCase
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toLowerCase()</code></strong> retorna  el valor del string que fa la crida convertit a majúscules.<br>
+  </p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.toLowerCase()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>toLowerCase()</code> retorna  el valor del string que fa la crida convertit a majúscules. <code>toLowerCase()</code> no afecta el valor del string que fa la crida sino que en retorna un de nou.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toLowerCase()"><code>Utilitzar toLowerCase()</code></h3>
+
+<pre class="brush: js">console.log('ALFABET'.toLowerCase()); // 'alfabet'
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.4.16', 'String.prototype.toLowerCase')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.tolowercase', 'String.prototype.toLowerCase')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.toLocaleLowerCase()")}}</li>
+ <li>{{jsxref("String.prototype.toLocaleUpperCase()")}}</li>
+ <li>{{jsxref("String.prototype.toUpperCase()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/tostring/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/tostring/index.html
new file mode 100644
index 0000000000..11f2555a2f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/tostring/index.html
@@ -0,0 +1,113 @@
+---
+title: String.prototype.toString()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/toString
+translation_of: Web/JavaScript/Reference/Global_Objects/String/toString
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toString()</code></strong> retorna un string que representa l'objecte especificat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.toString()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>L'objecte {{jsxref("String")}} sobreescriu el mètode <code>toString()</code> de l'objecte {{jsxref("Object")}}; no hereta {{jsxref("Object.prototype.toString()")}}. Per a objectes {{jsxref("String")}}, el mètode <code>toString()</code> retorna un string que representa l'objecte i és el mateix que el que el retornat pel mètode {{jsxref("String.prototype.valueOf()")}}.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toString()">Utilitzar <code>toString()</code></h3>
+
+<p>L'exemple següent mostra el valor d'un objecte {{jsxref("String")}}:</p>
+
+<pre class="brush: js">var x = new String('Hello world');
+
+console.log(x.toString()); // mostra 'Hello world'
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.4.2', 'String.prototype.toString')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.tostring', 'String.prototype.toString')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Object.prototype.toSource()")}}</li>
+ <li>{{jsxref("String.prototype.valueOf()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/touppercase/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/touppercase/index.html
new file mode 100644
index 0000000000..2a3b4fe56a
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/touppercase/index.html
@@ -0,0 +1,110 @@
+---
+title: String.prototype.toUpperCase()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/toUpperCase
+translation_of: Web/JavaScript/Reference/Global_Objects/String/toUpperCase
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>toUpperCase()</code></strong> retorna  el valor del string que fa la crida convertit a majúscules.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.toUpperCase()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>toUpperCase()</code> retorna  el valor del string que fa la crida convertit a majúscules. <code>toUpperCase()</code> no afecta el valor del string que fa la crida sino que en retorna un de nou.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_toUpperCase()">Utilitzar <code>toUpperCase()</code></h3>
+
+<pre class="brush: js">console.log('alfabet'.toUpperCase()); // 'ALFABET'
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.0.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.4.18', 'String.prototype.toUpperCase')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.touppercase', 'String.prototype.toUpperCase')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.toLocaleLowerCase()")}}</li>
+ <li>{{jsxref("String.prototype.toLocaleUpperCase()")}}</li>
+ <li>{{jsxref("String.prototype.toLowerCase()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/trim/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/trim/index.html
new file mode 100644
index 0000000000..2dd955ea62
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/trim/index.html
@@ -0,0 +1,123 @@
+---
+title: String.prototype.trim()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/Trim
+translation_of: Web/JavaScript/Reference/Global_Objects/String/Trim
+---
+<div>{{JSRef}}</div>
+
+<p>El mètode <strong><code>trim()</code></strong> elimina els espais en blanc tant a l'inici com al final del string. En aquest contexte, s'entèn com a espais en blanc tots les caràcters que no imprimeixin res (espai, tabulador, espai sense salt de línia, etcètera) així com tots els caràcters terminadors de línia (LF, CR, etc.).</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.trim()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>trim()</code> retorna un string sense espais en blanc tant a l'inici com al final. <code>trim()</code> no afecta el valor del string ja que en retorna un de nou.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_trim()">Utilitzar <code>trim()</code></h3>
+
+<p>L'exemple següent mostra el string <code>'foo'</code>:</p>
+
+<pre class="brush: js">var orig = '   foo  ';
+console.log(orig.trim()); // 'foo'
+
+// Un altre exemple de .trim() eliminant espais en blanc només d'un cantó.
+
+var orig = 'foo    ';
+console.log(orig.trim()); // 'foo'
+</pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Executar el codi que es mostra a continuació abans d'executar cap altre codi crearà la funció <code>trim()</code> si aquesta no està disponible de forma nativa.</p>
+
+<pre class="brush: js">if (!String.prototype.trim) {
+  String.prototype.trim = function () {
+    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+  };
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.5.4.20', 'String.prototype.trim')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial. Implementat a JavaScript 1.8.1.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-string.prototype.trim', 'String.prototype.trim')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>{{CompatIE("9")}}</td>
+   <td>{{CompatOpera("10.5")}}</td>
+   <td>{{CompatSafari("5")}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.trimLeft()")}} {{non-standard_inline}}</li>
+ <li>{{jsxref("String.prototype.trimRight()")}} {{non-standard_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/trimleft/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/trimleft/index.html
new file mode 100644
index 0000000000..f16a5b89fa
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/trimleft/index.html
@@ -0,0 +1,94 @@
+---
+title: String.prototype.trimLeft()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/TrimLeft
+translation_of: Web/JavaScript/Reference/Global_Objects/String/trimStart
+---
+<div>{{JSRef}} {{non-standard_header}}</div>
+
+<p>El mètode <strong><code>trimLeft()</code></strong> elimina els espais en blanc a l'esquerra del string.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.trimLeft()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>trimLeft()</code> retorna un string on els espais en blanc del començament s'han eliminat. <code>trimLeft()</code> no afecta al valor mateix del string sino que en retorna un de nou.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_trimLeft()">Utilitzar <code>trimLeft()</code></h3>
+
+<p>L'exemple següent mostra el string <code>'foo '</code>:</p>
+
+<pre class="brush: js; highlight: [5]">var str = '   foo  ';
+
+console.log(str.length); // 8
+
+str = str.trimLeft();
+console.log(str.length); // 5
+console.log(str);        // 'foo  '
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No és part de cap standard. Implementat a JavaScript 1.8.1.</p>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.trim()")}}</li>
+ <li>{{jsxref("String.prototype.trimRight()")}} {{non-standard_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/string/trimright/index.html b/files/ca/web/javascript/referencia/objectes_globals/string/trimright/index.html
new file mode 100644
index 0000000000..41ab89e3ca
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/string/trimright/index.html
@@ -0,0 +1,94 @@
+---
+title: String.prototype.trimRight()
+slug: Web/JavaScript/Referencia/Objectes_globals/String/TrimRight
+translation_of: Web/JavaScript/Reference/Global_Objects/String/trimEnd
+---
+<div>{{JSRef}} {{non-standard_header}}</div>
+
+<p>El mètode <strong><code>trimRight()</code></strong> elimina els espais en blanc al final d'un string.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code><var>str</var>.trimRight()</code></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>El mètode <code>trimRight()</code> retorna el string sense espais en blanc al final del mateix. <code>trimRight()</code> no afecta el valor del string sino que en retorna un de nou.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_trimRight()">Utilitzar <code>trimRight()</code></h3>
+
+<p>L'exemple següent mostra el string <code>' foo'</code>:</p>
+
+<pre class="brush: js; highlight: [5]">var str = '   foo  ';
+
+console.log(str.length); // 8
+
+str = str.trimRight();
+console.log(str.length); // 5
+console.log(str);        // '   foo'
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<p>No forma part de cap standard. Implementat a JavaScript 1.8.1.</p>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.9.1")}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("String.prototype.trim()")}}</li>
+ <li>{{jsxref("String.prototype.trimLeft()")}} {{non-standard_inline}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/index.html b/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/index.html
new file mode 100644
index 0000000000..2ad16e006f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/index.html
@@ -0,0 +1,166 @@
+---
+title: SyntaxError
+slug: Web/JavaScript/Referencia/Objectes_globals/SyntaxError
+translation_of: Web/JavaScript/Reference/Global_Objects/SyntaxError
+---
+<div>{{JSRef}}</div>
+
+<p>L'objecte <code><strong>SyntaxError</strong></code> representa un error quan s'intenta interpretar un codi sintàcticament no vàlid.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Es llança un <code>SyntaxError</code> quan el motor JavaScript es troba amb tokens o un token que no s'adequa a la sintaxi del llenguatge quan s'interpreta el codi.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>new SyntaxError([<var>missatge</var>[, <var>nomFitxer</var>[, <var>numeroLinia</var>]]])</code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>missatge</code></dt>
+ <dd>Opcional. Descripció llegible per humans de l'error</dd>
+ <dt><code>nomFitxer</code> {{non-standard_inline}}</dt>
+ <dd>Opcional. El nom del fitxer que conté el codi que causa l'excepció</dd>
+ <dt><code>numeroLinia</code> {{non-standard_inline}}</dt>
+ <dd>Opcional. El número de linia del codi que causa l'excepció</dd>
+</dl>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt>{{jsxref("SyntaxError.prototype")}}</dt>
+ <dd>Permet l'addició de propietats a un objecte <code>SyntaxError</code>.</dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<p>El <code>SyntaxError</code> global no conté cap mètode en si mateix, tanmateix, sí que hereta alguns mètodes a través de la cadena prototipus.</p>
+
+<h2 id="instànces_de_SyntaxError">instànces de <code>SyntaxError</code></h2>
+
+<h3 id="Propietats_2">Propietats</h3>
+
+<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError/prototype', 'Properties')}}</div>
+
+<h3 id="Mètodes_2">Mètodes</h3>
+
+<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError/prototype', 'Methods')}}</div>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Capturar_un_SyntaxError">Capturar un <code>SyntaxError</code></h3>
+
+<pre class="brush: js">try {
+  eval('hoo bar');
+} catch (e) {
+  console.log(e instanceof SyntaxError); // true
+  console.log(e.message);                // "missing ; before statement"
+  console.log(e.name);                   // "SyntaxError"
+  console.log(e.fileName);               // "Scratchpad/1"
+  console.log(e.lineNumber);             // 1
+  console.log(e.columnNumber);           // 4
+  console.log(e.stack);                  // "@Scratchpad/1:2:3\n"
+}
+</pre>
+
+<h3 id="Crear_un_SyntaxError">Crear un <code>SyntaxError</code></h3>
+
+<pre class="brush: js">try {
+  throw new SyntaxError('Hello', 'someFile.js', 10);
+} catch (e) {
+  console.log(e instanceof SyntaxError); // true
+  console.log(e.message);                // "Hello"
+  console.log(e.name);                   // "SyntaxError"
+  console.log(e.fileName);               // "someFile.js"
+  console.log(e.lineNumber);             // 10
+  console.log(e.columnNumber);           // 0
+  console.log(e.stack);                  // "@Scratchpad/2:11:9\n"
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.11.6.4', 'SyntaxError')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-native-error-types-used-in-this-standard-syntaxerror', 'SyntaxError')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error")}}</li>
+ <li>{{jsxref("SyntaxError.prototype")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/prototype/index.html b/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/prototype/index.html
new file mode 100644
index 0000000000..714990be7b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/syntaxerror/prototype/index.html
@@ -0,0 +1,121 @@
+---
+title: SyntaxError.prototype
+slug: Web/JavaScript/Referencia/Objectes_globals/SyntaxError/prototype
+translation_of: Web/JavaScript/Reference/Global_Objects/SyntaxError
+---
+<div>{{JSRef}}</div>
+
+<p>La propietat <code><strong>SyntaxError.prototype</strong></code> representa el prototip pel constructor {{jsxref("SyntaxError")}}.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Totes les instàncies {{jsxref("SyntaxError")}} hereten de <code>SyntaxError.prototype</code>. Es pot utilitzar el prototipus per afegir propietats o mètodes a totes les instàncies.</p>
+
+<h2 id="Propietats">Propietats</h2>
+
+<dl>
+ <dt><code>SyntaxError.prototype.constructor</code></dt>
+ <dd>Especifica la funció que ha creat el prototip d'una instància.</dd>
+ <dt>{{jsxref("Error.prototype.message", "SyntaxError.prototype.message")}}</dt>
+ <dd>Missatge d'error. Tot i que l'ECMA-262 especifica que {{jsxref("SyntaxError")}} hauria de proveir la seva pròpia propietat <code>message,</code> en <a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a>, hereta {{jsxref("Error.prototype.message")}}.</dd>
+ <dt>{{jsxref("Error.prototype.name", "SyntaxError.prototype.name")}}</dt>
+ <dd>Nom de l'herror. Heretat de {{jsxref("Error")}}.</dd>
+ <dt>{{jsxref("Error.prototype.fileName", "SyntaxError.prototype.fileName")}}</dt>
+ <dd>Ruta a l'arxiu que llança aquest error. Heretat de {{jsxref("Error")}}.</dd>
+ <dt>{{jsxref("Error.prototype.lineNumber", "SyntaxError.prototype.lineNumber")}}</dt>
+ <dd>Número de línia en el fitxa que llança aquest error. Heretat de {{jsxref("Error")}}.</dd>
+ <dt>{{jsxref("Error.prototype.columnNumber", "SyntaxError.prototype.columnNumber")}}</dt>
+ <dd>Número de columna en línia que llança aquest error. Heretat de {{jsxref("Error")}}.</dd>
+ <dt>{{jsxref("Error.prototype.stack", "SyntaxError.prototype.stack")}}</dt>
+ <dd>Traça de l'error. Heretat de {{jsxref("Error")}}.</dd>
+</dl>
+
+<h2 id="Mètodes">Mètodes</h2>
+
+<p>Tot i que l'objecte prototip {{jsxref("SyntaxError")}} no conté cap mètode per si mateix, instàncies de{{jsxref("SyntaxError")}} heretes alguns mètodes a través de la cadena prototip.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.11.7.6', 'NativeError.prototype')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definit com a <code><em>NativeError</em>.prototype</code>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-nativeerror.prototype', 'NativeError.prototype')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definit com a <code><em>NativeError</em>.prototype</code>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Error.prototype")}}</li>
+ <li>{{jsxref("Function.prototype")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/objectes_globals/undefined/index.html b/files/ca/web/javascript/referencia/objectes_globals/undefined/index.html
new file mode 100644
index 0000000000..3dd30fbefe
--- /dev/null
+++ b/files/ca/web/javascript/referencia/objectes_globals/undefined/index.html
@@ -0,0 +1,174 @@
+---
+title: undefined
+slug: Web/JavaScript/Referencia/Objectes_globals/undefined
+translation_of: Web/JavaScript/Reference/Global_Objects/undefined
+---
+<div>
+<div>
+<div>{{jsSidebar("Objects")}}</div>
+</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>El valor de la propietat global <code><strong>undefined</strong></code> representa el valor <code>undefined</code>. És un dels {{Glossary("Primitive", "tipus primitius")}} de JavaScript.</p>
+
+<p>{{js_property_attributes(0,0,0)}}</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>undefined</code></pre>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p><code>undefined</code> és una propietat de l'<em>objecte global</em>, és a dir, és una variable dins l'àmbit global.</p>
+
+<p>Als navegadors moderns (JavaScript 1.8.5 / Firefox 4+), <code>undefined</code> és una propietat no configurable i que no pot ser escrita, tal com denota la especificació ECMAScript 5. Encara que no sigui el cas, és convenient evitar sobreescriure el seu valor.</p>
+
+<p>Una variable a la que no s'ha assignat cap valor  és de tipus <code>undefined</code>. Un mètode o sentència retornarà <code>undefined</code> si la variable que s'evalua no te assignat cap valor. Una funció retornarà <code>undefined</code> si no es {{jsxref("Statements/return", "retorna")}} un valor explícitament.</p>
+
+<p>Degut a que <code>undefined</code> no és una {{jsxref("Reserved_Words", "paraula reservada")}} es pot emprar com a <a href="/ca/docs/Web/JavaScript/Guide/Values,_variables,_and_literals#Variables">identificador</a> (nom de variable) a qualsvol àmbit que no sigui el global.</p>
+
+<pre class="brush: js">// mostra "foo string"
+(function(){ var undefined = 'foo'; console.log(undefined, typeof undefined); })();
+
+// mostra "foo string"
+(function(undefined){ console.log(undefined, typeof undefined); })('foo');
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Igualtat_estricta_i_undefined">Igualtat estricta i <code>undefined</code></h3>
+
+<p>Es pot emprar <code>undefined</code> en combinació amb els operadors de igualtat i no-igualtat per determinar si una variable té assignat un valor.</p>
+
+<pre class="brush: js">var x;
+if (x === undefined) {
+   // sentències que s'executaran
+}
+else {
+   // sentències que no s'executaran
+}
+</pre>
+
+<div class="note">Nota: En aquest cas s'ha de fer servir l'operador d'igualtat estricta (<code>===</code>) en comptes de l'operador standard d'igualtat (<code>==</code>) ja que <code>x == undefined</code> també comprova si <code>x</code> és <code>null</code>, mentre que l'operador d'igualtat estricta no ho fa. <code>null</code> no és equivalent a <code>undefined</code>. Per més detalls vegeu {{jsxref("Operators/Comparison_Operators", "comparació d'operadors")}}.</div>
+
+<h3 id="L'operador_Typeof_i_undefined"><code>L'operador Typeof</code> i <code>undefined</code></h3>
+
+<p>De forma alternativa, es pot emprar {{jsxref("Operators/typeof", "typeof")}}:</p>
+
+<pre class="brush: js">var x;
+if (typeof x === 'undefined') {
+   // sentències que s'executaran
+}
+</pre>
+
+<p>Una raó per utilitzar {{jsxref("Operators/typeof", "typeof")}} és que no provoca un error si la variable no ha estat definida prèviament.</p>
+
+<pre class="brush: js">// x no ha estat prèviament definida
+if (typeof x === 'undefined') { // s'evalua a true sense errors
+   // sentències que s'executaran
+}
+
+if(x === undefined){ // llença ReferenceError
+
+}
+</pre>
+
+<p>De totes formes és recomanable evitar l'ús d'aquest tipus de tècniques. JavaScript és un llenguatge amb àmbits estàtics, de manera que per saber si una variable ha estat definida prèviament n'hi ha prou amb comprovar si ha estat definida dins l'àmbit immediat. L'única excepció és l'àmbit global. Aquest, però, està vinculat a l'objecte global, per la qual cosa comprovar si una variable existeix dins l'àmbit global és equivalent a comprovar l'existència d'una propietat dins l'objecte global (emprant l'operador {{jsxref("Operators/in", "in")}}, per exemple).</p>
+
+<h3 id="L'operador_Void_i_undefined"><code>L'operador Void</code> i <code>undefined</code></h3>
+
+<p>L'operador {{jsxref("Operators/void", "void")}} és una altra alternativa.</p>
+
+<pre class="brush: js">var x;
+if (x === void 0) {
+   // sentències que s'executaran
+}
+
+// y no ha estat definida prèviament
+if (y === void 0) {
+   // llença ReferenceError (en oposició a `typeof`)
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1st Edition.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Impementat a JavaScript 1.3</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-15.1.1.3', 'undefined')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-undefined', 'undefined')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
diff --git a/files/ca/web/javascript/referencia/operadors/arithmetic_operators/index.html b/files/ca/web/javascript/referencia/operadors/arithmetic_operators/index.html
new file mode 100644
index 0000000000..da169292cd
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/arithmetic_operators/index.html
@@ -0,0 +1,286 @@
+---
+title: Operadors aritmètics
+slug: Web/JavaScript/Referencia/Operadors/Arithmetic_Operators
+translation_of: Web/JavaScript/Reference/Operators
+---
+<div>
+<div>{{jsSidebar("Operators")}}</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p><strong>Els operadors aritmètics</strong> prenen valors numèrics (poden ser tant literals com ser variables) com a operands seus i retornen un valor numèric únic. Els operadors aritmètics estàndards són la suma (+), la resta (-), la multiplicació (*), i la divisió (/).</p>
+
+<h2 id="Suma_()"><a name="Addition">Suma (+)</a></h2>
+
+<p>L'operador <em>Suma</em> produeix la suma dels operands numèrics o de la concatenació de cadenes.</p>
+
+<h3 id="Sintaxi">Sintaxi</h3>
+
+<pre class="syntaxbox"><strong>Operador:</strong> x + y
+</pre>
+
+<h3 id="Exemples">Exemples</h3>
+
+<pre class="brush: js">// Nombre + Nombre -&gt; suma
+1 + 2 // 3
+
+// Booleà + Nombre -&gt; suma
+true + 1 // 2
+
+// Booleà + Booleà -&gt; suma
+false + false // 0
+
+// Nombre + String -&gt; concatenació
+5 + "foo" // "5foo"
+
+// String + Booleà -&gt; concatenació
+"foo" + false // "foofalse"
+
+// String + String -&gt; concatenació
+"foo" + "bar" // "foobar"
+</pre>
+
+<h2 id="Resta_(-)"><a name="Subtraction">Resta (-)</a></h2>
+
+<p>L'operador <em>resta</em> produeix la resta de dos operands, produint la seva diferència.</p>
+
+<h3 id="Sintaxi_2">Sintaxi</h3>
+
+<pre class="syntaxbox"><strong>Operador:</strong> x - y
+</pre>
+
+<h3 id="Exemples_2">Exemples</h3>
+
+<pre class="brush: js">5 - 3 // 2
+3 - 5 // -2
+"foo" - 3 // NaN</pre>
+
+<h2 id="Divisió_()"><a name="Division">Divisió (/)</a></h2>
+
+<p>L'operador divisió produeix el quocient dels seus operands on el operand de l'esquerra és el dividend, i l'operand de la dreta és el divisor.</p>
+
+<h3 id="Sintaxi_3">Sintaxi</h3>
+
+<pre class="syntaxbox"><strong>Operador:</strong> x / y
+</pre>
+
+<h3 id="Exemples_3">Exemples</h3>
+
+<pre class="brush: js">1 / 2      // retorna 0.5 a JavaScript
+1 / 2      // retorna 0 in Java
+// (cap dels nombres és explícitament n nombre de coma flotant)
+
+1.0 / 2.0  // retorna 0.5 a JavaScript i Java
+
+2.0 / 0    // retorna Infinity a JavaScript
+2.0 / 0.0  // també retorna Infinity
+2.0 / -0.0 // retorna -Infinity a JavaScript</pre>
+
+<h2 id="Multiplicació_(*)"><a name="Multiplication">Multiplicació (*)</a></h2>
+
+<p>L'operador <em>multiplicació</em> produeix el producte dels operands.</p>
+
+<h3 id="Sintaxi_4">Sintaxi</h3>
+
+<pre class="syntaxbox"><strong>Operador:</strong> x * y
+</pre>
+
+<h3 id="Exemples_4">Exemples</h3>
+
+<pre class="brush: js">2 * 2 // 4
+-2 * 2 // -4
+Infinity * 0 // NaN
+Infinity * Infinity // Infinity
+"foo" * 2 // NaN
+</pre>
+
+<h2 id="Mòdul_()"><a name="Remainder">Mòdul (%)</a></h2>
+
+<p>L'operador<em> mòdul </em>retorna el mòdul del primer operand amb el segon, això és, <code>var1</code> modulo <code>var2</code> en la sentència prèvia, on <code>var1</code> i <code>var2 </code>són variables. La funció mòdul és la resta entera de dividir <code>var1</code> <code>per var2</code>. <a href="http://wiki.ecmascript.org/doku.php?id=strawman:modulo_operator" title="http://wiki.ecmascript.org/doku.php?id=strawman:modulo_operator">Hi ha una proposta per a implementar un operador mòdul real en una futura versió de l'ECMAScript.</a></p>
+
+<h3 id="Sintaxi_5">Sintaxi</h3>
+
+<pre class="syntaxbox"><strong>Operador:</strong> var1 % var2
+</pre>
+
+<h3 id="Exemples_5">Exemples</h3>
+
+<pre class="brush: js">12 % 5 // 2
+-1 % 2 // -1
+NaN % 2 // NaN
+</pre>
+
+<h2 id="Increment_()"><a name="Increment">Increment (++)</a></h2>
+
+<p>L'operador <em>increment</em> incrementa (afegeix un) al seu operand i retorna un valor.</p>
+
+<ul>
+ <li>Emprat com a sufix, és a dir, amb l'operador després de l'operand (per exemple:  x++), retorna el valor de l'operand abans d'incrementar-lo.</li>
+ <li>Emprat com a prefix, és a dir, amb l'operador precedint l'operand (per exemple: ++x), retorna el valor de l'operand després d'incrementar-lo.</li>
+</ul>
+
+<h3 id="Sintaxi_6">Sintaxi</h3>
+
+<pre class="syntaxbox"><strong>Operador:</strong> x++ or ++x
+</pre>
+
+<h3 id="Exemples_6">Exemples</h3>
+
+<pre class="brush: js">// Sufix
+var x = 3;
+y = x++; // y = 3, x = 4
+
+// Prefix
+var a = 2;
+b = ++a; // a = 3, b = 3
+</pre>
+
+<h2 id="Decrement_(--)"><a name="Decrement">Decrement (--)</a></h2>
+
+<p>L'operador <em>decrement</em> decrementa (resta un) al seu operand i retorna el seu valor.</p>
+
+<ul>
+ <li>Emprat com a sufix, és a dir, amb l'operador després de l'operand (per exemple:  x--), retorna el valor de l'operand abans de decrementar-lo.</li>
+ <li>Emprat com a prefix, és a dir, amb l'operador precedint l'operand (per exemple: --x), retorna el valor de l'operand després de decrementar-lo.</li>
+</ul>
+
+<h3 id="Sintaxi_7">Sintaxi</h3>
+
+<pre class="syntaxbox"><strong>Operador:</strong> x-- or --x
+</pre>
+
+<h3 id="Exemples_7">Exemples</h3>
+
+<pre class="brush: js">// Sufix
+var x = 3;
+y = x--; // y = 3, x = 2
+
+// Prefix
+var a = 2;
+b = --a; // a = 1, b = 1
+</pre>
+
+<h2 id="Negació_unària_(-)"><a name="Unary_negation">Negació unària (-)</a></h2>
+
+<p>L'operador de negació unària precedeix el seu operand i el nega.</p>
+
+<h3 id="Sintaxi_8">Sintaxi</h3>
+
+<pre class="syntaxbox"><strong>Operator:</strong> -x
+</pre>
+
+<h3 id="Exemples_8">Exemples</h3>
+
+<pre class="brush: js">var x = 3;
+y = -x; // y = -3, x = 3
+</pre>
+
+<h2 id="Operador_unari_de_conversió_a_nombre_()"><a name="Unary_plus">Operador unari de conversió a nombre</a> (+)</h2>
+
+<p>L'operador unari de conversió a nombre precedeix el seu operand i intenta convertir-lo en un nombre si no ho és ja. Tot i que l'operand de negació unària també pot convertir no-nombres, l'operador de conversió és el mètode més ràpid i recomanat per a convertir quelcom a un nombre ja que no realitza cap altra operació al nombre. Pot convertir cadenes de caràcters representant sencers i nombres en coma flotant, així com els valors <code>true</code>, <code>false</code> i <code>null</code>. Quant a nombres sencers, tant la notació decimal com la hexadecimal (denotada amb el prefixe "0x") estàn suportades. Els nombres negatius també estàn suportats (tot i que no per a hexadecimals). Si no pot interpretar un valor determinat l'operador retornarà<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN"> NaN</a>.</p>
+
+<h3 id="Sintaxi_9">Sintaxi</h3>
+
+<pre class="syntaxbox"><strong>Operador:</strong> +x
+</pre>
+
+<h3 id="Exemples_9">Exemples</h3>
+
+<pre class="brush: js">+3     // 3
++"3"   // 3
++true  // 1
++false // 0
++null  // 0
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1st Edition.</td>
+   <td>Standard</td>
+   <td>Initial definition.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11.6', 'Additive operators')}}<br>
+    {{SpecName('ES5.1', '#sec-11.5', 'Multiplicative operators')}}<br>
+    {{SpecName('ES5.1', '#sec-11.3', 'Postfix expressions')}}<br>
+    {{SpecName('ES5.1', '#sec-11.4', 'Unary operators')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-additive-operators', 'Additive operators')}}<br>
+    {{SpecName('ES6', '#sec-multiplicative-operators', 'Multiplicative operators')}}<br>
+    {{SpecName('ES6', '#sec-postfix-expressions', 'Postfix expressions')}}<br>
+    {{SpecName('ES6', '#sec-unary-operators', 'Unary operators')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Assignment_Operators">Operadors d'assignació</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/bitwise_operators/index.html b/files/ca/web/javascript/referencia/operadors/bitwise_operators/index.html
new file mode 100644
index 0000000000..048a1eddf6
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/bitwise_operators/index.html
@@ -0,0 +1,718 @@
+---
+title: Operadors de bits
+slug: Web/JavaScript/Referencia/Operadors/Bitwise_Operators
+translation_of: Web/JavaScript/Reference/Operators
+---
+<div>{{jsSidebar("Operators")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p><strong>Els operadors de bits</strong> tracten els seus operands com una seqüència de 32 bits (uns i zeros), en comptes de operar-los com a <a href="/ca/docs/Web/JavaScript/Reference/Global_Objects/Number">nombres</a> decimals, hexadecimals o octals. Per exemple, la representació binària del és nombre decimal nou (9) 1001. Els operadors de bits treballen amb aquesta representació binària però el resultat que retorna l'operació sempre és un nombre standard de JavaScript.</p>
+
+<p>La taula que trobareu a continuació és un resum dels operadors de bits que es poden trobar a JavaScript:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th>Operador</th>
+   <th>Ús</th>
+   <th>Descripció</th>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_AND">AND binari</a></td>
+   <td style="white-space: nowrap;"><code>a &amp; b</code></td>
+   <td>
+    <p>Retorna un 1 a les posicions on el bit de <code>a</code> i el bit de <code>b</code> són 1 i un 0 en totes les altres.</p>
+   </td>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_OR">OR binari</a></td>
+   <td style="white-space: nowrap;"><code>a | b</code></td>
+   <td>
+    <p>Retorna un 1 a les posicions on al menys la posició de <code>a</code> o la de <code>b</code> són 1.</p>
+   </td>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_XOR">XOR binari</a></td>
+   <td style="white-space: nowrap;"><code>a ^ b</code></td>
+   <td>
+    <p>Retorna un 1 a cada posició on <code>a</code> és 1 i <code>b</code> és 0 o bé <code>a</code> és 0 i <code>b</code> és 1.</p>
+   </td>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_NOT">NOT binari</a></td>
+   <td style="white-space: nowrap;"><code>~ a</code></td>
+   <td>Inverteix els bits de l'operand donat.</td>
+  </tr>
+  <tr>
+   <td><a href="#Left_shift">Desplaçament a l'esquerra</a></td>
+   <td style="white-space: nowrap;"><code>a &lt;&lt; b</code></td>
+   <td>Desplaça els bits de <code>a</code> <code>b</code> posicions a l'esquerra, tot omplint amb zeros les primeres b posicions.</td>
+  </tr>
+  <tr>
+   <td><a href="#Right_shift">Desplaçament a la dreta conservant el signe</a></td>
+   <td style="white-space: nowrap;"><code>a &gt;&gt; b</code></td>
+   <td>Desplaça els bits de <code>a</code> <code>b</code> posicions a la dreta, descartant els bits desplaçats fora.</td>
+  </tr>
+  <tr>
+   <td><a href="#Unsigned_right_shift">Desplaçament a la dreta omplint amb zeros</a></td>
+   <td style="white-space: nowrap;"><code>a &gt;&gt;&gt; b</code></td>
+   <td>Desplaça els bits de <code>a</code> <code>b</code> posicions a la dreta, descartant els bits desplaçats fora. Els primers <code>b</code> bits s'omplen amb zeros.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Enters_de_32_bits_amb_signe">Enters de 32 bits amb signe</h2>
+
+<p>Els operands de totes les operacions de bits es converteixen a enters amb signe de 32 bits utilitzant el format de complement a 2. Això vol dir que la versió negativa d'un nombre (per exemple 5 vs -5) és exactament la mateixa representació binària però amb els bits invertits (operació de bits NOT del nombre, també coneguda com a complement del nombre) més 1. Per exemple, seguidament es mostra la representació binària de 314:</p>
+
+<pre>00000000000000000000000100111010
+</pre>
+
+<p>I a continuació <code>~314</code>, és a dir, el complement de <code>314</code>:</p>
+
+<pre>11111111111111111111111011000101
+</pre>
+
+<p>Finalment es mostra <code>-314</code>, és a dir, el complement a dos de <code>314</code>:</p>
+
+<pre>11111111111111111111111011000110
+</pre>
+
+<p>El complement a dos garanteix que el bit de més a l'esquerra sempre serà un <code>0</code> quan el nombre és positiu i un <code>1</code> quan el nombre sigui negatiu. Aquest bit és doncs anomentat el <em>bit de signe</em> degut a això.</p>
+
+<p>El nombre <code>0</code> es representa com a l'enter composat íntegrament de zeros a tots els seus bits.</p>
+
+<pre>0 (base 10) = 00000000000000000000000000000000 (base 2)
+</pre>
+
+<p>El nombre <code>-1</code> és l'enter composats completament per 1s a tots els seus bits.</p>
+
+<pre>-1 (base 10) = 11111111111111111111111111111111 (base 2)
+</pre>
+
+<p>El nombre <code>-2147483648</code> (representació hexadecimal: <code>-0x80000000</code>) és l'enter composat per zeros a tots els seus bits a excepciò del bit de més a l'esquerra, que és un 1.</p>
+
+<pre>-2147483648 (base 10) = 10000000000000000000000000000000 (base 2)
+</pre>
+
+<p>El nombre <code>2147483647</code> (representació hexadecimal: <code>0x7fffffff</code>) és el sencer composat per 1 a tots els seus bits a excepció del de més a l'esquerra.</p>
+
+<pre>2147483647 (base 10) = 01111111111111111111111111111111 (base 2)
+</pre>
+
+<p>Els nombres <code>-2147483648</code> i <code>2147483647</code> són els enters més petit i més gran respectivament que poden ser representats mitjançant un nombre de 32 bits amb signe.</p>
+
+<h2 id="Operadors_lògics_de_bits">Operadors lògics de bits</h2>
+
+<p>Conceptualment els operadors lògics de bits funcionen de la següent forma:</p>
+
+<ul>
+ <li>Es converteixen els operans a enters de 32 bits amb signe, expressats com una sèrie de bits (zeros i uns).</li>
+ <li>Cada bit del primer operand s'emparella amb el corresponent bit del segon operand: el primer bit amb el primer bit, el segon amb el segon, etcètera.</li>
+ <li>L'operador s'aplica per cada parella de bits, tot construint el resultat bit a bit.</li>
+</ul>
+
+<h3 id="(AND_binari)"><a name="Bitwise_AND">&amp; (AND binari)</a></h3>
+
+<p>Realitza l'operació AND a cada parella de bits. <code>a</code> AND <code>b</code> esdevindrà 1 només si ambdós <code>a</code> i <code>b</code> són 1. La taula de la veritat per a l'operació  AND és la següent:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td class="header">a</td>
+   <td class="header">b</td>
+   <td class="header">a AND b</td>
+  </tr>
+  <tr>
+   <td>0</td>
+   <td>0</td>
+   <td>0</td>
+  </tr>
+  <tr>
+   <td>0</td>
+   <td>1</td>
+   <td>0</td>
+  </tr>
+  <tr>
+   <td>1</td>
+   <td>0</td>
+   <td>0</td>
+  </tr>
+  <tr>
+   <td>1</td>
+   <td>1</td>
+   <td>1</td>
+  </tr>
+ </tbody>
+</table>
+
+<pre>     9 (base 10) = 00000000000000000000000000001001 (base 2)
+    14 (base 10) = 00000000000000000000000000001110 (base 2)
+                   --------------------------------
+14 &amp; 9 (base 10) = 00000000000000000000000000001000 (base 2) = 8 (base 10)
+</pre>
+
+<p>Realitzar l'operació AND binària de qualsevol nombre amb el zero retornarà zero. Realitzar l'operació AND binària de qualsevol nombre amb -1 retornarà el mateix nombre.</p>
+
+<h3 id="(OR_binari)"><a name="Bitwise_OR">| (OR binari)</a></h3>
+
+<p>Realitza la operació OR a cada parella de bits. <code>a</code> OR <code>b</code> retornarà 1 si qualsevol de <code>a</code> o <code>b</code> és 1. La taula de la veritat per a l'operació OR és:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td class="header">a</td>
+   <td class="header">b</td>
+   <td class="header">a OR b</td>
+  </tr>
+  <tr>
+   <td>0</td>
+   <td>0</td>
+   <td>0</td>
+  </tr>
+  <tr>
+   <td>0</td>
+   <td>1</td>
+   <td>1</td>
+  </tr>
+  <tr>
+   <td>1</td>
+   <td>0</td>
+   <td>1</td>
+  </tr>
+  <tr>
+   <td>1</td>
+   <td>1</td>
+   <td>1</td>
+  </tr>
+ </tbody>
+</table>
+
+<pre>     9 (base 10) = 00000000000000000000000000001001 (base 2)
+    14 (base 10) = 00000000000000000000000000001110 (base 2)
+                   --------------------------------
+14 | 9 (base 10) = 00000000000000000000000000001111 (base 2) = 15 (base 10)
+</pre>
+
+<p>Realitzar l'operació OR binària de qualsevol nombre x amb 0 retornarà x. Realitzar l'operació OR binària de qualsevol nombre x amb -1 retornarà ~x</p>
+
+<h3 id="(XOR_binari)"><a name="Bitwise_XOR">^ (XOR binari)</a></h3>
+
+<p>Realitza la operació XOR a cada parella de bits. <code>a</code> XOR <code>b</code> retorna 1 si <code>a</code> i <code>b</code> són diferents. La taula de la veritat per a l'operació XOR és la següent:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td class="header">a</td>
+   <td class="header">b</td>
+   <td class="header">a XOR b</td>
+  </tr>
+  <tr>
+   <td>0</td>
+   <td>0</td>
+   <td>0</td>
+  </tr>
+  <tr>
+   <td>0</td>
+   <td>1</td>
+   <td>1</td>
+  </tr>
+  <tr>
+   <td>1</td>
+   <td>0</td>
+   <td>1</td>
+  </tr>
+  <tr>
+   <td>1</td>
+   <td>1</td>
+   <td>0</td>
+  </tr>
+ </tbody>
+</table>
+
+<pre>     9 (base 10) = 00000000000000000000000000001001 (base 2)
+    14 (base 10) = 00000000000000000000000000001110 (base 2)
+                   --------------------------------
+14 ^ 9 (base 10) = 00000000000000000000000000000111 (base 2) = 7 (base 10)
+</pre>
+
+<p>Realitzar l'operació XOR binària de qualsevol nombre x amb 0 retornarà x. Realitzar l'operació OR binària de qualsevol nombre x amb -1 retornarà ~x.</p>
+
+<h3 id="(NOT_binari)"><a name="Bitwise_NOT">~ (NOT binari)</a></h3>
+
+<p>Realitza una operació NOT a cada bit. NOT <code>a</code> retorna el valor invers (també conegut com el complement a 1) de <code>a</code>. La taula de la veritat per a la operació NOT és:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td class="header">a</td>
+   <td class="header">NOT a</td>
+  </tr>
+  <tr>
+   <td>0</td>
+   <td>1</td>
+  </tr>
+  <tr>
+   <td>1</td>
+   <td>0</td>
+  </tr>
+ </tbody>
+</table>
+
+<pre> 9 (base 10) = 00000000000000000000000000001001 (base 2)
+               --------------------------------
+~9 (base 10) = 11111111111111111111111111110110 (base 2) = -10 (base 10)
+</pre>
+
+<p>Realitzar la operació NOT binària a un nombre x qualsevol retorna -(x + 1). Per exemple, ~5 resulta en -6.</p>
+
+<p>Exemple amb indexOf:</p>
+
+<pre class="brush: js">var str = 'rawr';
+var searchFor = 'a';
+
+// fora alternativa equivalent a if (-1*str.indexOf('a') &lt;= -1)
+if (~str.indexOf(searchFor)) {
+  // searchFor és dins l'string
+} else {
+  // searchFor no està dins l'string
+}
+
+// valors retornats per (~str.indexOf(searchFor))
+// r == -1
+// a == -2
+// w == -3
+</pre>
+
+<h2 id="Operadors_binaris_de_desplaçament">Operadors binaris de desplaçament</h2>
+
+<p>Els operadors binaris de desplaçament accepten dos operands: el primer és el valor que serà transformat a enter de 32 bits i al que se li aplicarà el desplaçament. El segon determina el nombre de posicions que es desplaçarà cada bit. La direcció en la que els bits es desplaçaran es determina per l'operador usat.</p>
+
+<p>Els operadors de desplaçament converteixen els seus operands a enters de 32 bits en ordre <em>big-endian</em> i retornen un valor amb el mateix tipus que l'operand de l'esquerra. L'operand de la dreta hauria de ser menor de 32, però de no ser així només s'utilitzen els primers 5 bits.</p>
+
+<h3 id="&lt;&lt;_(Desplaçament_a_l'esquerra)"><a name="Left_shift">&lt;&lt; (Desplaçament a l'esquerra)</a></h3>
+
+<p>Aquest operador desplaça el primer operand un nombre específic de bits cap a l'esquerra. Els bits de l'esquerra sobrants són descartats. Per a omplir les primeres posicions de la dreta s'utilitzen zeros.</p>
+
+<p>Exemple<code>: 9 &lt;&lt; 2</code> resulta en 36:</p>
+
+<pre>     9 (base 10): 00000000000000000000000000001001 (base 2)
+                  --------------------------------
+9 &lt;&lt; 2 (base 10): 00000000000000000000000000100100 (base 2) = 36 (base 10)
+</pre>
+
+<p>Desplaçar a l'esquerra qualsevol nombre <strong>x</strong> <strong>y</strong> bits resulta en <strong>x * 2^y</strong>.</p>
+
+<h3 id=">>_(Desplaçament_a_la_dreta_preservant_el_signe)"><a name="Right_shift">&gt;&gt; (Desplaçament a la dreta preservant el signe)</a></h3>
+
+<p>Aquest operador desplaça el primer operand un nombre específic de bits a la dreta. Els bits sobrants es descarten. Els bits de l'esquerra s'inicialitzen amb el valor inicial del primer bit de l'esquerra. Degut a que el bit de més a l'esquerra tindrà el mateix valor que el bit de més a l'esquerra abans de realitzar el desplaçament, el bit de signe no canvia. És degut a aquesta propietat que es diu que aquest operand preserva el signe.</p>
+
+<p>Per exemple, <code>9 &gt;&gt; 2</code> resulta en 2:</p>
+
+<pre>     9 (base 10): 00000000000000000000000000001001 (base 2)
+                  --------------------------------
+9 &gt;&gt; 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10)
+</pre>
+
+<p>De la mateixa manera, <code>-9 &gt;&gt; 2</code> resulta en -3, ja que el signe es preserva:</p>
+
+<pre>     -9 (base 10): 11111111111111111111111111110111 (base 2)
+                   --------------------------------
+-9 &gt;&gt; 2 (base 10): 11111111111111111111111111111101 (base 2) = -3 (base 10)
+</pre>
+
+<h3 id=">>>_(Desplaçament_a_la_dreta_omplint_amb_zeros)"><a name="Unsigned_right_shift">&gt;&gt;&gt; (Desplaçament a la dreta omplint amb zeros)</a></h3>
+
+<p>Aquest operador desplaça el primer operand un nombre específic de bits cap a la dreta. Els bits sobrants degut al desplaçament són descartats. Els bits de l'esquerra són omplerts utilitzant zeros. Com que el bit de signe sempre acaba sent un zero el resultat sempre és no negatiu.</p>
+
+<p>Per a nombres no negatius, els operadors de desplaçament a la dreta preservant el signe i omplint amb zeros retornen el mateix resultat. Per exemple, <code>9 &gt;&gt;&gt; 2</code> resulta en 2, tal com <code>9 &gt;&gt; 2</code>:</p>
+
+<pre>      9 (base 10): 00000000000000000000000000001001 (base 2)
+                   --------------------------------
+9 &gt;&gt;&gt; 2 (base 10): 00000000000000000000000000000010 (base 2) = 2 (base 10)
+</pre>
+
+<p>El resultat varia, però, per a nombres negatius. Per exemple, <code>-9 &gt;&gt;&gt; 2</code> resulta en 1073741821, el qual es diferent de <code>-9 &gt;&gt; 2</code> (que retorna -3):</p>
+
+<pre>      -9 (base 10): 11111111111111111111111111110111 (base 2)
+                    --------------------------------
+-9 &gt;&gt;&gt; 2 (base 10): 00111111111111111111111111111101 (base 2) = 1073741821 (base 10)
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_Marques_i_màscares_de_bits">Exemple: Marques i màscares de bits</h3>
+
+<p>Els operadors lògics de bits s'empren tot sovint per a crear, manipular i llegir seqüències de <em>marques</em>, les quals realitzen uns funció similar a les variables booleanes. El seu avantatge davant les variables booleanes és que les seqüències de marques utilitzen molta menys memòria (per un factor de 32).</p>
+
+<p>The bitwise logical operators are often used to create, manipulate, and read sequences of <em>flags</em>, which are like binary variables. Variables could be used instead of these sequences, but binary flags take much less memory (by a factor of 32).</p>
+
+<p>Suposem 4 marques:</p>
+
+<ul>
+ <li>Marca A: tenim un problema de formigues</li>
+ <li>Marca B: tenim un ratpenat</li>
+ <li>Marca C: tenim un gat</li>
+ <li>Marca D: tenim un ànec</li>
+</ul>
+
+<p>Aquestes marques són representades per una seqüència de bits: DCBA. Quan una marca està activada, té un valor de 1. Quan una marca no està activa rep un valor de 0. Suposem que una variable anomenada <code>flags</code> (marques en anglès) té el valor binari 0101:</p>
+
+<pre class="brush: js">var flags = 5;   // 0101 en binari
+</pre>
+
+<p>Aquest valor indica:</p>
+
+<ul>
+ <li>La marca A està activa, és a dir, és certa (tenim un problema de formigues)</li>
+ <li>La marca B és falsa (no tenim un murisec)</li>
+ <li>La marca C és certa (tenim un gat)</li>
+ <li>La marca D és falsa (no tenim un ànec)</li>
+</ul>
+
+<p>Com que les operacions be bits utilitzen nombres de 32 bits, 0101 és en realitat 00000000000000000000000000000101, però els zeros a l'esquerra es poden obviar ja que no contenen informació útil.</p>
+
+<p>Una <em>màscara de bits</em> és una seqüència que pot manipular i/o llegir marques. És molt comú definir màscares "primitives" per a cada marca:</p>
+
+<pre class="brush: js">var FLAG_A = 1; // 0001
+var FLAG_B = 2; // 0010
+var FLAG_C = 4; // 0100
+var FLAG_D = 8; // 1000
+</pre>
+
+<p>Es fàcil crear noves màscares mitjançant operacions de bits lògiques sobre les màscares primitives. Per exemple, la màscara de bits 1011 es pot crear mitjançant operacions OR sobre FLAG_A, FLAG_B i FLAG_D:</p>
+
+<pre class="brush: js">var mask = FLAG_A | FLAG_B | FLAG_D; // 0001 | 0010 | 1000 =&gt; 1011
+</pre>
+
+<p>Els valors individuals d'una marca es poden obtindre mitjançant una operació AND de la seqüència de marques amb la màscara primitiva corresponent. La màscara de bits descarta els bits de les marques que no s'escauen. Per exemple, la màscara de bits 0100 es pot emprar per veure si la marca C està activa:</p>
+
+<pre class="brush: js">// si tenim un gat...
+if (flags &amp; FLAG_C) { // 0101 &amp; 0100 =&gt; 0100 =&gt; true
+   // ... fer coses
+}
+</pre>
+
+<p>Una màscara de bits amb múltiples marques activades funciona com un "or". Per exemple els següents dos blocs de codi són equivalents:</p>
+
+<pre class="brush: js">// si tenim un ratpenat o un gat...
+// (0101 &amp; 0010) || (0101 &amp; 0100) =&gt; 0000 || 0100 =&gt; true
+if ((flags &amp; FLAG_B) || (flags &amp; FLAG_C)) {
+   // ... fer coses
+}
+</pre>
+
+<pre class="brush: js">// si tenim un ratpenat o un gat...
+var mask = FLAG_B | FLAG_C; // 0010 | 0100 =&gt; 0110
+if (flags &amp; mask) { // 0101 &amp; 0110 =&gt; 0100 =&gt; true
+   // ... fer coses
+}
+</pre>
+
+<p>Les marques es poden activar mitjançant una operació OR amb la màscara, on cada bit amb el valor 1 activarà la marca corresponent si no està ja activada. Per exemple, la màscara de bits 1100 pot ser emprada per a activar les marques C i D:</p>
+
+<pre class="brush: js">// si, tenim un gat i un ànec
+var mask = FLAG_C | FLAG_D; // 0100 | 1000 =&gt; 1100
+flags |= mask;   // 0101 | 1100 =&gt; 1101
+</pre>
+
+<p>Les marques es poden desactivar mitjançant una operació AND amb una màscara de bits, on cada bit amb el valor de zero desactivarà la marca corresponent si no està ja desactivada. Aquestes màscares poden generar-se fàcilment mitjançant una operació NOT sobre la màscara primitiva adient. Per exemple, la màscara 1010 pot ser emprada per a desactivar les marques A i C:</p>
+
+<pre class="brush: js">// no, no tenim un problema amb formigues ni tenim un gat
+var mask = ~(FLAG_A | FLAG_C); // ~0101 =&gt; 1010
+flags &amp;= mask;   // 1101 &amp; 1010 =&gt; 1000
+</pre>
+
+<p>També es podría haver creat la màscara amb <code>~FLAG_A &amp; ~FLAG_C</code> (Llei de De Morgan):</p>
+
+<pre class="brush: js">// no, no tenim un problema amb formigues ni tenim un gat
+var mask = ~FLAG_A &amp; ~FLAG_C;
+flags &amp;= mask;   // 1101 &amp; 1010 =&gt; 1000
+</pre>
+
+<p>Es pot invertir una màscara (entenem per invertir activar-la si està desactivada i desactivar-la si està activada. És a dir, invertir el seu valor) mitjançant una operació XOR amb una màscara de bits, on cada bit amb el valor 1 invertirà el valor de la marca corresponent. Per exemple, la màscara de bits 0110 pot ser emprada per invertir les marques B i C:</p>
+
+<pre class="brush: js">// Si no teniem un ratpenat, ara en tenim un
+// i si en teniem un, adéu ratpenat
+// El mateix amb els gats
+var mask = FLAG_B | FLAG_C;
+flags = flags ^ mask;   // 1100 ^ 0110 =&gt; 1010
+</pre>
+
+<p>Finalment, les marques poden ser invertides mitjançant l'operador NOT:</p>
+
+<pre class="brush: js">// entrant a l'univers paral·lel
+flags = ~flags;    // ~1010 =&gt; 0101
+</pre>
+
+<h3 id="Xuletes_per_conversions">Xuletes per conversions</h3>
+
+<p>Converteix un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" title="/en-US/docs/JavaScript/Reference/Global_Objects/String">String</a></code> binari a un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number">Number</a></code> decimal:</p>
+
+<pre class="brush: js">var sBinString = "1011";
+var nMyNumber = parseInt(sBinString, 2);
+alert(nMyNumber); // prints 11, i.e. 1011
+</pre>
+
+<p>Converteix un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number">Number</a></code> decimal en un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" title="/en-US/docs/JavaScript/Reference/Global_Objects/String">String</a></code> binari:</p>
+
+<pre class="brush: js">var nMyNumber = 11;
+var sBinString = nMyNumber.toString(2);
+alert(sBinString); // prints 1011, i.e. 11
+</pre>
+
+<h3 id="Automatització_de_la_creació_de_màscares">Automatització de la creació de màscares</h3>
+
+<p>El procés de creació de màscares per a valors <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">Booleans</a></code> pot ser automatitzat:</p>
+
+<pre class="brush: js">function createMask () {
+  var nMask = 0, nFlag = 0, nLen = arguments.length &gt; 32 ? 32 : arguments.length;
+  for (nFlag; nFlag &lt; nLen; nMask |= arguments[nFlag] &lt;&lt; nFlag++);
+  return nMask;
+}
+var mask1 = createMask(true, true, false, true); // 11, i.e.: 1011
+var mask2 = createMask(false, false, true); // 4, i.e.: 0100
+var mask3 = createMask(true); // 1, i.e.: 0001
+// etc.
+
+alert(mask1); // prints 11, i.e.: 1011
+</pre>
+
+<h3 id="Algorisme_invers_un_array_de_booleans_a_partir_d'una_màscara">Algorisme invers: un array de booleans a partir d'una màscara</h3>
+
+<p>El codi següent crea un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array" title="/en-US/docs/JavaScript/Reference/Global_Objects/Array">Array</a></code> de <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">Booleans</a></code> a partir d'una màscara:</p>
+
+<pre class="brush: js">function arrayFromMask (nMask) {
+  // nMask must be between -2147483648 and 2147483647
+  if (nMask &gt; 0x7fffffff || nMask &lt; -0x80000000) {
+    throw new TypeError("arrayFromMask - out of range");
+  }
+  for (var nShifted = nMask, aFromMask = []; nShifted;
+       aFromMask.push(Boolean(nShifted &amp; 1)), nShifted &gt;&gt;&gt;= 1);
+  return aFromMask;
+}
+
+var array1 = arrayFromMask(11);
+var array2 = arrayFromMask(4);
+var array3 = arrayFromMask(1);
+
+alert("[" + array1.join(", ") + "]");
+// prints "[true, true, false, true]", i.e.: 11, i.e.: 1011
+</pre>
+
+<p>Ambdós algorismes poden ser testejats a l'hora...</p>
+
+<pre class="brush: js">var nTest = 19; // la nostra màscara personal
+var nResult = createMask.apply(this, arrayFromMask(nTest));
+
+alert(nResult); // 19
+</pre>
+
+<p>Només amb finalitat didàctica (ja que disposem del mètode<code> <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toString" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number/toString">Number.toString(2)</a></code>), es mostra com és posible modficiar l'algorisme <code>arrayFromMask</code> per a crear un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" title="/en-US/docs/JavaScript/Reference/Global_Objects/String">String</a></code> que contingui la representació d'un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number">Number</a></code> en comptes d'un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array" title="/en-US/docs/JavaScript/Reference/Global_Objects/Array">Array</a></code> de <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">Booleans</a></code>:</p>
+
+<pre class="brush: js">function createBinaryString (nMask) {
+  // nMask ha d'estar entre -2147483648 i 2147483647
+  for (var nFlag = 0, nShifted = nMask, sMask = ""; nFlag &lt; 32;
+       nFlag++, sMask += String(nShifted &gt;&gt;&gt; 31), nShifted &lt;&lt;= 1);
+  return sMask;
+}
+
+var string1 = createBinaryString(11);
+var string2 = createBinaryString(4);
+var string3 = createBinaryString(1);
+
+alert(string1);
+// prints 00000000000000000000000000001011, i.e. 11
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11.4.8', 'Bitwise NOT operator')}}<br>
+    {{SpecName('ES5.1', '#sec-11.7', 'Bitwise shift operators')}}<br>
+    {{SpecName('ES5.1', '#sec-11.10', 'Binary bitwise operators')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-bitwise-not-operator', 'Bitwise NOT operator')}}<br>
+    {{SpecName('ES6', '#sec-bitwise-shift-operators', 'Bitwise shift operators')}}<br>
+    {{SpecName('ES6', '#sec-binary-bitwise-operators', 'Binary bitwise operators')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característiques</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_NOT">Bitwise NOT (<code>~</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_AND">Bitwise AND (<code>&amp;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_OR">Bitwise OR (<code>|</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_XOR">Bitwise XOR (<code>^</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Left_shift">Left shift (<code>&lt;&lt;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Right_shift">Right shift (<code>&gt;&gt;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Unsigned_right_shift">Unsigned right shift (<code>&gt;&gt;&gt;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_NOT">Bitwise NOT (<code>~</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_AND">Bitwise AND (<code>&amp;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_OR">Bitwise OR (<code>|</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Bitwise_XOR">Bitwise XOR (<code>^</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Left_shift">Left shift (<code>&lt;&lt;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Right_shift">Right shift (<code>&gt;&gt;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Unsigned_right_shift">Unsigned right shift (<code>&gt;&gt;&gt;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators">Operadors lògics</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/conditional_operator/index.html b/files/ca/web/javascript/referencia/operadors/conditional_operator/index.html
new file mode 100644
index 0000000000..15265c62b3
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/conditional_operator/index.html
@@ -0,0 +1,170 @@
+---
+title: Operador Condicional (ternari)
+slug: Web/JavaScript/Referencia/Operadors/Conditional_Operator
+translation_of: Web/JavaScript/Reference/Operators/Conditional_Operator
+---
+<div>
+<div>{{jsSidebar("Operators")}}</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>L'operador <strong>condicional (ternari)</strong> és l'únic operador de JavaScript que opera amb tres operands. Aquest operador és freqüentment usat com una simplificació de la sentència <a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else"><code>if</code></a>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><em>condition</em> ? <em>expr1</em> : <em>expr2</em> </pre>
+
+<h2 id="Paràmetres">Paràmetres</h2>
+
+<dl>
+ <dt><code>condition</code></dt>
+ <dd>Una expressió que avalua <code>true</code> o <code>false</code>.</dd>
+</dl>
+
+<dl>
+ <dt><code>expr1</code>, <code>expr2</code></dt>
+ <dd>Expressions amb valors de qualsevol tipus.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Si <code>condition</code> és <code>true</code>, l'operador retorna el valor de <code>expr1</code>; de ser el contrari, retorna el valor de <code>expr2</code>. Per exemple, per mostrar diferents missatges basats en el valor de la variable <code>isMember</code>, es podria fer servir aquesta sentència:</p>
+
+<pre class="brush: js">"The fee is " + (isMember ? "$2.00" : "$10.00")
+</pre>
+
+<p>També es pot assignar variables depenent del resultat ternari:</p>
+
+<pre class="brush: js">var elvisLives = Math.PI &gt; 4 ? "Yep" : "Nope";</pre>
+
+<p>És possible realitzar avaluacions ternàries múltiples (nota: L'operador condicional operator s'associa per la dreta):</p>
+
+<pre class="brush: js">var firstCheck = false,
+    secondCheck = false,
+    access = firstCheck ? "Access denied" : secondCheck ? "Access denied" : "Access granted";
+
+console.log( access ); // logs "Access granted"</pre>
+
+<p>També es pot usar avaluacions ternàries en espais lliures per tal de fer diferents operacions:</p>
+
+<pre class="brush: js">var stop = false, age = 16;
+
+age &gt; 18 ? location.assign("continue.html") : stop = true;
+</pre>
+
+<p>També es pot fer més d'una sola operació per cas, separant-les amb una coma:</p>
+
+<pre class="brush: js">var stop = false, age = 23;
+
+age &gt; 18 ? (
+    alert("OK, you can go."),
+    location.assign("continue.html")
+) : (
+    stop = true,
+    alert("Sorry, you are much too young!")
+);
+</pre>
+
+<p>I per últim, també es pot fer més d'una operació durant l'assignació d'un valor. En aquest cas, <strong><em>el últim valor del parèntesis serparat per una coma</em> serà el valor assignat</strong>.</p>
+
+<pre class="brush: js">var age = 16;
+
+var url = age &gt; 18 ? (
+    alert("OK, you can go."),
+    // alert returns "undefined", but it will be ignored because
+    // isn't the last comma-separated value of the parenthesis
+    "continue.html" // the value to be assigned if age &gt; 18
+) : (
+    alert("You are much too young!"),
+    alert("Sorry :-("),
+    // etc. etc.
+    "stop.html" // the value to be assigned if !(age &gt; 18)
+);
+
+location.assign(url); // "stop.html"</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició deECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11.12', 'The conditional operator')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-conditional-operator', 'Conditional Operator')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else">if statement</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/function/index.html b/files/ca/web/javascript/referencia/operadors/function/index.html
new file mode 100644
index 0000000000..0908f591b6
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/function/index.html
@@ -0,0 +1,146 @@
+---
+title: function expression
+slug: Web/JavaScript/Referencia/Operadors/function
+translation_of: Web/JavaScript/Reference/Operators/function
+---
+<div>{{jsSidebar("Operators")}}</div>
+
+<p>La paraula clau <strong><code>function</code></strong> es pot utilitzar per definir una funció dins d'una expressió.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">function [<em>nom</em>]([<em>paràm1</em>[, <em>paràm2[</em>, ..., <em>paràmN</em>]]]) {
+   <em>sentències</em>
+}</pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<dl>
+ <dt><code>nom</code></dt>
+ <dd>El nom de la funció. Es pot ometre, i en aquest cas la funció seria <em>anònima</em>. El nom és només local pel cos de la funció.</dd>
+ <dt><code>paràmN</code></dt>
+ <dd>El nom d'un argument que es passa a la funció.</dd>
+ <dt><code>sentències</code></dt>
+ <dd>Les sentències que constitueixen el cos de la funció.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Una expressió d'una funció és molt semblant i té gairebé la mateixa sintaxi que una sentència d'una funció (<a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">function sentència d'una funció</a> per més detalls). La principal diferència entre l'expressió d'una funció i una sentèndia d'una expressió és el <em>nom de la functió,</em> el qual es pot ometre en expressions de funcions per tal de crear funcions <em>anònimes</em>. Una expressió d'una funció es pot utilitzar com a un <strong>IIFE </strong>(<em>Immediately Invoked Function Expression</em>) que s'executa un cop s'ha definit. Vegeu també el capítol sobre <a href="/en-US/docs/Web/JavaScript/Reference/Functions">funcions</a> per més informació.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>L'exemple següent defineix una funció sense nom i l'assigna a <code>x</code>. La funció retorna el quadrat del seu argument:</p>
+
+<pre class="brush: js">var x = function(y) {
+   return y * y;
+};
+</pre>
+
+<h3 id="Expressió_d'una_funció_amb_nom">Expressió d'una funció amb nom</h3>
+
+<p>Si vols fer referència a la funció actual dins del cos de la funció, necessitaràs crear una expressió d'una funció amb nom. Aquest nom és llavors només local pel cos de la funció (àmbit). AIxò també evita utilitzar la propietat no estàndard <code><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments/callee">arguments.callee.</a></code></p>
+
+<pre class="brush: js">var math = {
+  'factorial': function factorial(n) {
+    if (n &lt;= 1)
+      return 1;
+    return n * factorial(n - 1);
+  }
+};
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ESDraft', '#sec-function-definitions', 'Function definitions')}}</td>
+   <td>{{Spec2('ESDraft')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-function-definitions', 'Function definitions')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-13', 'Function definition')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3', '#sec-13', 'Function definition')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.5.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Functions_and_function_scope", "Functions and function scope")}}</li>
+ <li>{{jsxref("Function")}}</li>
+ <li>{{jsxref("Statements/function", "function statement")}}</li>
+ <li>{{jsxref("Statements/function*", "function* statement")}}</li>
+ <li>{{jsxref("Operators/function*", "function* expression")}}</li>
+ <li>{{jsxref("GeneratorFunction")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/grouping/index.html b/files/ca/web/javascript/referencia/operadors/grouping/index.html
new file mode 100644
index 0000000000..45e8566806
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/grouping/index.html
@@ -0,0 +1,128 @@
+---
+title: Operador d'agrupament
+slug: Web/JavaScript/Referencia/Operadors/Grouping
+translation_of: Web/JavaScript/Reference/Operators/Grouping
+---
+<div>
+<div>{{jsSidebar("Operators")}}</div>
+</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>L'operador d'agrupament <code>( )</code> controla la precedència de l'avaluació en expresions.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"> ( )</pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>L'operador agrupament consisteix en un parell de parèntesis que embolcallen una expressió o una sub-expressió per anular la <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">precedència d'operadors</a> normal de forma que expressions amb un nivell més baix de precedència poden ser avaluades abans d'una expressió amb més prioritat.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>Primer predomina la multiplicació i la divisió, després la suma i la resta per tal d'avaluar primer la suma.</p>
+
+<pre class="brush:js">var a = 1;
+var b = 2;
+var c = 3;
+
+// default precedence
+a + b * c     // 7
+// evaluated by default like this
+a + (b * c)   // 7
+
+// now overriding precedence
+// addition before multiplication
+(a + b) * c   // 9
+
+// which is equivalent to
+a * c + b * c // 9
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11.1.6', 'The Grouping Operator')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-grouping-operator', 'The Grouping Operator')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">Precedència d'operadors</a></li>
+ <li>{{jsxref("Operators/delete", "delete")}}</li>
+ <li>{{jsxref("Operators/typeof", "typeof")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/index.html b/files/ca/web/javascript/referencia/operadors/index.html
new file mode 100644
index 0000000000..4a70edc4fb
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/index.html
@@ -0,0 +1,282 @@
+---
+title: Expressions and operators
+slug: Web/JavaScript/Referencia/Operadors
+tags:
+  - JavaScript
+  - NeedsTranslation
+  - Operators
+  - TopicStub
+translation_of: Web/JavaScript/Reference/Operators
+---
+<div>{{jsSidebar("Operators")}}</div>
+
+<p>Aquest capítol documenta totls els operadors, expressions i paraules clau del llenguatge JavaScript.</p>
+
+<h2 id="Expressions_i_operadors_per_categoria">Expressions i operadors per categoria</h2>
+
+<p>Per a un llistat en order alfabetic vegeu el menú de l'esquerra.</p>
+
+<h3 id="Expressions_primàries">Expressions primàries</h3>
+
+<p>Paraules clau bàsiques i expressions generals en JavaScript.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/this", "this")}}</dt>
+ <dd>La paraula clau <code>this</code> fa referència al contexte d'execució de la funció actual.</dd>
+ <dt>{{jsxref("Operadors/function", "function")}}</dt>
+ <dd>La paraula clau <code>function</code> defineix una expressió de funció.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Operadors/function*", "function*")}}</dt>
+ <dd>La paraula clau <code>function*</code> defineix una expressió de funció generadora.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Operadors/yield", "yield")}}</dt>
+ <dd>Pausa i resumeix una funció generadora.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Operadors/yield*", "yield*")}}</dt>
+ <dd>Delega a una altra funció generadora o objecte iterable.</dd>
+ <dt>{{jsxref("Global_Objects/Array", "[]")}}</dt>
+ <dd>Sintaxi d'inicialització o literal d'arrays.</dd>
+ <dt>{{jsxref("Operators/Object_initializer", "{}")}}</dt>
+ <dd>Sintaxi d'inicialitzador o literal d'objectes.</dd>
+ <dt>{{jsxref("Global_Objects/RegExp", "/ab+c/i")}}</dt>
+ <dd>Sintaxi de literals formats per expressions regulars.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Operadors/Array_comprehensions", "[for (x of y) x]")}}</dt>
+ <dd>Comprensió d'arrays.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Operadors/Generator_comprehensions", "(for (x of y) y)")}}</dt>
+ <dd>Comprensió de generators.</dd>
+ <dt>{{jsxref("Operadors/Grouping", "( )")}}</dt>
+ <dd>Operador d'agrupament.</dd>
+</dl>
+
+<h3 id="Expressions_de_banda_esquerra">Expressions de banda esquerra</h3>
+
+<p>Els valors de l'esquerra són la destinació d'una assignació.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/Property_accessors", "Property accessors", "", 1)}}</dt>
+ <dd>Els operadors membres proporcionen accés a una propietat o mètode d'un objecte<br>
+ (<code>object.property</code> i <code>object["property"]</code>).</dd>
+ <dt>{{jsxref("Operadors/new", "new")}}</dt>
+ <dd>L'operador <code>new</code> crea una instància d'un constructor.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Operadors/super", "super")}}</dt>
+ <dd>La paraula clau <code>super</code> crida el constructor de l'objecte pare.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Operadors/Spread_operator", "...obj")}}</dt>
+ <dd>L'operador d'extensió permet que una expressió s'expandeixi en llocs on s'esperen mútiples argurments (per a crides de funcions) o elements (per a literals d'arrays).</dd>
+</dl>
+
+<h3 id="Increment_i_decrement">Increment i decrement</h3>
+
+<p>Operadors de increment o decrement en forma de prefix/sufix.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "A++", "#Increment")}}</dt>
+ <dd>Operador sufix d'increment.</dd>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "A--", "#Decrement")}}</dt>
+ <dd>Operador sufix de decrement.</dd>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "++A", "#Increment")}}</dt>
+ <dd>Operador prefix d'increment.</dd>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "--A", "#Decrement")}}</dt>
+ <dd>Operador prefix de decrement.</dd>
+</dl>
+
+<h3 id="Operadors_unaris">Operadors unaris</h3>
+
+<p>Un operador unari és un operador que només accepta un operand.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/delete", "delete")}}</dt>
+ <dd>L'operador <code>delete</code> esborra una propietat d'un objecte.</dd>
+ <dt>{{jsxref("Operadors/void", "void")}}</dt>
+ <dd>L'operador <code>void</code> evalua una expressió i descarta el que retorni.</dd>
+ <dt>{{jsxref("Operadors/typeof", "typeof")}}</dt>
+ <dd>L'operador <code>typeof</code> determina el tipus d'un objecte donat.</dd>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "+", "#Unary_plus")}}</dt>
+ <dd>L'operador unari més converteix l'operand donat al tipus Number.</dd>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "-", "#Unary_negation")}}</dt>
+ <dd>L'operador unari negació converteix l'operand donat al tipus Number i llavors el nega.</dd>
+ <dt>{{jsxref("Operadors/Bitwise_Operators", "~", "#Bitwise_NOT")}}</dt>
+ <dd>Operador binari NOT.</dd>
+ <dt>{{jsxref("Operadors/Logical_Operators", "!", "#Logical_NOT")}}</dt>
+ <dd>Operador lògic NOT.</dd>
+</dl>
+
+<h3 id="Operadors_aritmètics">Operadors aritmètics</h3>
+
+<p>Els operadors aritmètics accepten valors numèrics (ja siguin literals o variables) com a operands i retornen un únic valor numèric.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "+", "#Addition")}}</dt>
+ <dd>Operador de suma.</dd>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "-", "#Subtraction")}}</dt>
+ <dd>Operador de resta.</dd>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "/", "#Division")}}</dt>
+ <dd>Operador de divisió.</dd>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "*", "#Multiplication")}}</dt>
+ <dd>Operador de multiplicació.</dd>
+ <dt>{{jsxref("Operadors/Arithmetic_Operators", "%", "#Remainder")}}</dt>
+ <dd>Operador de mòdul.</dd>
+</dl>
+
+<h3 id="Operadors_relacionals">Operadors relacionals</h3>
+
+<p>Els operadors relacionals compara els operands donats i retorna un valor de tipus <code>Boolean</code> value basat en si la relació és certa o no.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/in", "in")}}</dt>
+ <dd>L'operador <code>in</code> determina si un objecte té la propietat donada.</dd>
+ <dt>{{jsxref("Operadors/instanceof", "instanceof")}}</dt>
+ <dd>L'operador <code>instanceof</code> determina si un objecte és una instància d'un altre objecte.</dd>
+ <dt>{{jsxref("Operadors/Comparison_Operators", "&lt;", "#Less_than_operator")}}</dt>
+ <dd>Operador menor que.</dd>
+ <dt>{{jsxref("Operadors/Comparison_Operators", "&gt;", "#Greater_than_operator")}}</dt>
+ <dd>Operador major que.</dd>
+ <dt>{{jsxref("Operadors/Comparison_Operators", "&lt;=", "#Less_than_or_equal_operator")}}</dt>
+ <dd>Operador menor o igual que.</dd>
+ <dt>{{jsxref("Operadors/Comparison_Operators", "&gt;=", "#Greater_than_or_equal_operator")}}</dt>
+ <dd>Operador major o igual que.</dd>
+</dl>
+
+<h3 id="Operadors_d'igualtat">Operadors d'igualtat</h3>
+
+<p>El resultat d'evaluar un operador d'igualtat és sempre de tipus <code>Boolean</code> i el resultat es basa en si la comparació és certa.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/Comparison_Operators", "==", "#Equality")}}</dt>
+ <dd>Operador d'igulatat.</dd>
+ <dt>{{jsxref("Operadors/Comparison_Operators", "!=", "#Inequality")}}</dt>
+ <dd>Operador de no igualtat.</dd>
+ <dt>{{jsxref("Operadors/Comparison_Operators", "===", "#Identity")}}</dt>
+ <dd>Operador identitat.</dd>
+ <dt>{{jsxref("Operadors/Comparison_Operators", "!==", "#Nonidentity")}}</dt>
+ <dd>Operador de no identitat.</dd>
+</dl>
+
+<h3 id="Operadors_de_desplaçament_de_bits">Operadors de desplaçament de bits</h3>
+
+<p>Operacions que desplacen tots els bits d'un operand.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/Bitwise_Operators", "&lt;&lt;", "#Left_shift")}}</dt>
+ <dd>Operador de desplaçament de bits a l'esquerra.</dd>
+ <dt>{{jsxref("Operadors/Bitwise_Operators", "&gt;&gt;", "#Right_shift")}}</dt>
+ <dd>Operador de desplaçament de bits a la dreta.</dd>
+ <dt>{{jsxref("Operadors/Bitwise_Operators", "&gt;&gt;&gt;", "#Unsigned_right_shift")}}</dt>
+ <dd>Operador de desplaçament a la dreta sense signe.</dd>
+</dl>
+
+<h3 id="Operadors_binaris">Operadors binaris</h3>
+
+<p>Els operadors binaris tracten els seus operands com un conjunt de 32 bits (uns i zeros) i retornen valors numèrics standards de JavaScript.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/Bitwise_Operators", "&amp;", "#Bitwise_AND")}}</dt>
+ <dd>AND binari.</dd>
+ <dt>{{jsxref("Operadors/Bitwise_Operators", "|", "#Bitwise_OR")}}</dt>
+ <dd>OR binari.</dd>
+ <dt>{{jsxref("Operadors/Bitwise_Operators", "^", "#Bitwise_XOR")}}</dt>
+ <dd>XOR binari.</dd>
+</dl>
+
+<h3 id="Operadors_lògics">Operadors lògics</h3>
+
+<p>Els operadors lògics típicament s'utilitzen amb valors booleans (és a dir, logics) i retornen un valor booleà.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/Logical_Operators", "&amp;&amp;", "#Logical_AND")}}</dt>
+ <dd>AND lògic.</dd>
+ <dt>{{jsxref("Operadors/Logical_Operators", "||", "#Logical_OR")}}</dt>
+ <dd>OR lògic.</dd>
+</dl>
+
+<h3 id="Operador_condicional_(ternari)">Operador condicional (ternari)</h3>
+
+<dl>
+ <dt>{{jsxref("Operadors/Conditional_Operator", "(condition ? ifTrue : ifFalse)")}}</dt>
+ <dd>
+ <p>L'operador condicional retorna un dels dos valors basat en l'evaluació lògica de la condició.</p>
+ </dd>
+</dl>
+
+<h3 id="Operadors_d'assignació">Operadors d'assignació</h3>
+
+<p>Els operadors d'assignació asignen un valor a l'operand de l'esquerra basant-se en l'evaluació de l'operand de la dreta.</p>
+
+<dl>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "=", "#Assignment")}}</dt>
+ <dd>Operador d'assignació.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "*=", "#Multiplication_assignment")}}</dt>
+ <dd>Assignació de la multiplicació.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "/=", "#Division_assignment")}}</dt>
+ <dd>Assignació de la divisó.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "%=", "#Remainder_assignment")}}</dt>
+ <dd>Assignació del mòdul.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "+=", "#Addition_assignment")}}</dt>
+ <dd>Assignació de la suma.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "-=", "#Subtraction_assignment")}}</dt>
+ <dd>Assignació de la resta.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "&lt;&lt;=", "#Left_shift_assignment")}}</dt>
+ <dd>Assignació del desplaçament a l'esquerra.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "&gt;&gt;=", "#Right_shift_assignment")}}</dt>
+ <dd>Assignació del desplaçament a la dreta.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "&gt;&gt;&gt;=", "#Unsigned_right_shift_assignment")}}</dt>
+ <dd>Assignació del desplaçament a la dreta sense signe.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "&amp;=", "#Bitwise_AND_assignment")}}</dt>
+ <dd>Assignació de l'AND binari.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "^=", "#Bitwise_XOR_assignment")}}</dt>
+ <dd>Assignació del XOR binari.</dd>
+ <dt>{{jsxref("Operadors/Assignment_Operators", "|=", "#Bitwise_OR_assignment")}}</dt>
+ <dd>Assignació de l'OR binari.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Operadors/Destructuring_assignment", "[a, b] = [1, 2]")}}<br>
+ {{experimental_inline()}} {{jsxref("Operadors/Destructuring_assignment", "{a, b} = {a:1, b:2}")}}</dt>
+ <dd>
+ <p>L'assignació de desestructuració permet assignar les propietats d'un array o objecte a variables utilitzant una sintaxi que recorda la de literals d'arrays o objectes.</p>
+ </dd>
+</dl>
+
+<h3 id="Operador_coma">Operador coma</h3>
+
+<dl>
+ <dt>{{jsxref("Operadors/Comma_Operator", ",")}}</dt>
+ <dd>L'operador coma permet que múltiples expressions siguin evaluades en una sola sentència i retorna el resultat de l'última expressió.</dd>
+</dl>
+
+<h3 id="Característiques_no_standard">Característiques no standard</h3>
+
+<dl>
+ <dt>{{non-standard_inline}} {{jsxref("Operadors/Legacy_generator_function", "Legacy generator function", "", 1)}}</dt>
+ <dd>La paraula clau <code>function</code> es pot emprar per a definir una funció generadora obsoleta dins una expressió. Per a crear una funció generadora obsoleta el cos de la funció ha de contindre al menys una expressió {{jsxref("Operators/yield", "yield")}}.</dd>
+ <dt>{{non-standard_inline}} {{jsxref("Operadors/Expression_closures", "Expression closures", "", 1)}}</dt>
+ <dd>La sintaxi d'expressions closure és una abreviació per a escriure funcions simples.</dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11', 'Expressions')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-ecmascript-language-expressions', 'Llenguatge ECMAScript: Expressions')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>
+    <p>Nou: L'operador d'extensió, l'assignació de desestructuració, la paraula clau <code>super</code>, la comprensió d'arrays i la comprensió de generadors</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">Precendència d'operadors</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/logical_operators/index.html b/files/ca/web/javascript/referencia/operadors/logical_operators/index.html
new file mode 100644
index 0000000000..d8ef9e99c1
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/logical_operators/index.html
@@ -0,0 +1,301 @@
+---
+title: Operadors Lògics
+slug: Web/JavaScript/Referencia/Operadors/Logical_Operators
+translation_of: Web/JavaScript/Reference/Operators
+---
+<div>
+<div>{{jsSidebar("Operators")}}</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>Els operadors lògics s'utilitzen normalment amb valors <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">Boolean</a></code> (lògics). En cas de serh-hi presents, retornen un valor booleà. Tot i així, els operadors <code>&amp;&amp;</code> i <code>||</code> retornen el valor d'un dels operands especificats, així que si aquests operadors es fan servir amb valors no booleans, poden retornar un valor no booleà.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Els operadors lògics es descriuren en la taula següent:</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th>Operador</th>
+   <th>Ús</th>
+   <th>Descripció</th>
+  </tr>
+  <tr>
+   <td>AND lògic (<code>&amp;&amp;</code>)</td>
+   <td><code><em>expr1</em> &amp;&amp; <em>expr2</em></code></td>
+   <td>Retorna <code>expr1 </code>si es pot convertir en false; sinó, retorna expr2. Així, quan es fa servir amb valors booleans, <code>&amp;&amp;</code> retorna true si ambdós operands són true; de ser el contrari, retorna false.</td>
+  </tr>
+  <tr>
+   <td>OR lògic(<code>||</code>)</td>
+   <td><code><em>expr1</em> || <em>expr2</em></code></td>
+   <td>Retorna <code>expr1</code> si es pot converir en true; de ser al contrari, retorna <code>expr2</code>. Així, quan s'usa amb valors Booleans, <code>||</code> retorna true si l'operand és true; si amdós són false, retorna false.</td>
+  </tr>
+  <tr>
+   <td>NOT lògic (<code>!</code>)</td>
+   <td><code>!<em>expr</em></code></td>
+   <td>Retorna false si el seu únic operand pot convertir-se a true; sinó, retorna true.</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>Exemples d'expressions que es poden converir a false son aquelles que avaluen <code>null</code>, <code>0</code>, la cadena buida (""), o <code>undefined</code>.</p>
+
+<p>Tot i que els operadors <code>&amp;&amp;</code> i <code>||</code> es poden fer servir amb operands que no siguin valors Booleans, poden ser considerats operadors Booleans ja que els valors que retornen sempre es poden convertir en valors Booleans.</p>
+
+<h3 id="Short-Circuit_Evaluation" name="Short-Circuit_Evaluation">Avaluació de tipus curtcircuit</h3>
+
+<p>Com a expressions lògiques que són, s'avaluen d'esquerra a dreta, they are tested for possible "short-circuit" evaluation fent servir les regles següents:</p>
+
+<ul>
+ <li><code>false &amp;&amp; (<em>quelcom)</em></code> is short-circuit evaluated to false.</li>
+ <li><code>true || (<em>quelcom)</em></code> is short-circuit evaluated to true.</li>
+</ul>
+
+<p>Les regles de la lògica garanteixen que aquestes avaluacions són sempre correctes. Fixeu-vos que la part <code><em>quelcom</em></code> d'adalt no s'avalua, així que els efectes secundaris d'això no tindràn efecte. Fixeu-vos també que la part de l'expressió de dalt anomenada <code><em>quelcom </em></code>és una expressió lògica simple (com s'indiquen amb els parèntesis).</p>
+
+<p>Per exemple, les dues funcions següents són equivalents.</p>
+
+<pre class="brush: js">function shortCircuitEvaluation() {
+  doSomething() || doSomethingElse()
+}
+
+function equivalentEvaluation() {
+  var flag = doSomething();
+  if (!flag) {
+    doSomethingElse();
+  }
+}
+</pre>
+
+<p>Tot i així, les següents expressions no són equivalents degut a la <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">precendència dels operadors</a>, i remarca la importància de requerir que l'operador de la dreta sigui una sola expressió (agrupada, si s'escau, per parèntesi).</p>
+
+<pre class="brush: js">false &amp;&amp; true  || true      // returns true
+false &amp;&amp; (true || true)     // returns false</pre>
+
+<h3 id="Logical_AND_.28&amp;&amp;.29" name="Logical_AND_.28&amp;&amp;.29"><a name="Logical_AND">AND lògic (<code>&amp;&amp;</code>)</a></h3>
+
+<p>El codi següent mostra exemples de l'operador <code>&amp;&amp;</code> (AND lògic).</p>
+
+<pre class="brush: js">a1 = true  &amp;&amp; true      // t &amp;&amp; t returns true
+a2 = true  &amp;&amp; false     // t &amp;&amp; f returns false
+a3 = false &amp;&amp; true      // f &amp;&amp; t returns false
+a4 = false &amp;&amp; (3 == 4)  // f &amp;&amp; f returns false
+a5 = "Cat" &amp;&amp; "Dog"     // t &amp;&amp; t returns "Dog"
+a6 = false &amp;&amp; "Cat"     // f &amp;&amp; t returns false
+a7 = "Cat" &amp;&amp; false     // t &amp;&amp; f returns false
+</pre>
+
+<h3 id="OR_lògic_()"><a name="Logical_OR">OR lògic (<code>||</code>)</a></h3>
+
+<p>El codi següent mostra exemples de l'operador <code>||</code> (OR lògic).</p>
+
+<pre class="brush: js">o1 = true  || true       // t || t returns true
+o2 = false || true       // f || t returns true
+o3 = true  || false      // t || f returns true
+o4 = false || (3 == 4)   // f || f returns false
+o5 = "Cat" || "Dog"      // t || t returns "Cat"
+o6 = false || "Cat"      // f || t returns "Cat"
+o7 = "Cat" || false      // t || f returns "Cat"
+</pre>
+
+<h3 id="Logical_NOT_.28.21.29" name="Logical_NOT_.28.21.29"><a name="Logical_NOT">NOT lògic (<code>!</code>)</a></h3>
+
+<p>El codi següent mostra exemples de l'operador <code>!</code> (NOT lògic).</p>
+
+<pre class="brush: js">n1 = !true              // !t returns false
+n2 = !false             // !f returns true
+n3 = !"Cat"             // !t returns false
+</pre>
+
+<h3 id="Regles_de_conversió">Regles de conversió</h3>
+
+<h4 id="Convertir_AND_a_OR">Convertir AND a OR</h4>
+
+<p>L'operació següent que inclou Booleans:</p>
+
+<pre class="brush: js">bCondition1 &amp;&amp; bCondition2</pre>
+
+<p>sempre és igual a:</p>
+
+<pre class="brush: js">!(!bCondition1 || !bCondition2)</pre>
+
+<h4 id="Convertir_OR_a_AND">Convertir OR a AND</h4>
+
+<p>L'operació següent que inclou Booleans:</p>
+
+<pre class="brush: js">bCondition1 || bCondition2</pre>
+
+<p>sempre és igual a:</p>
+
+<pre class="brush: js">!(!bCondition1 &amp;&amp; !bCondition2)</pre>
+
+<h3 id="Desfer-se_de_parèntesis_aniuats">Desfer-se de parèntesis aniuats</h3>
+
+<p>Com que les expressions lògiques s'avaluen d'esquerra a dreta, sempre és posible esborrar els parèntesi d'expressions complexes mitjançant les regles següents.</p>
+
+<h4 id="Desfer-se_d'un_AND_aniuat">Desfer-se d'un AND aniuat</h4>
+
+<p>L'operació següent que inclou Booleans:</p>
+
+<pre class="brush: js">bCondition1 || (bCondition2 &amp;&amp; bCondition3)</pre>
+
+<p>sempre és igual a:</p>
+
+<pre class="brush: js">bCondition1 || bCondition2 &amp;&amp; bCondition3</pre>
+
+<h4 id="Desfer-se_d'un_OR_aniuat">Desfer-se d'un OR aniuat</h4>
+
+<p>L'operació següent que inclou Booleans:</p>
+
+<pre class="brush: js">bCondition1 &amp;&amp; (bCondition2 || bCondition3)</pre>
+
+<p>sempre és igual a:</p>
+
+<pre class="brush: js">!(!bCondition1 || !bCondition2 &amp;&amp; !bCondition3)</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11.4.9', 'Logical NOT Operator')}}<br>
+    {{SpecName('ES5.1', '#sec-11.11', 'Binary Logical Operators')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-logical-not-operator', 'Logical NOT operator')}}<br>
+    {{SpecName('ES6', '#sec-binary-logical-operators', 'Binary Logical Operators')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td><a href="#Logical_AND">AND lògic (<code>&amp;&amp;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Logical_OR">OR </a><a href="#Logical_AND">lògic </a><a href="#Logical_OR">(<code>||</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Logical_NOT">NOT </a><a href="#Logical_AND">lògic</a><a href="#Logical_NOT"> (<code>!</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td><a href="#Logical_AND">AND </a><a href="#Logical_AND">lògic</a><a href="#Logical_AND"> (<code>&amp;&amp;</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Logical_OR">OR </a><a href="#Logical_AND">lògic </a><a href="#Logical_OR">(<code>||</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+  <tr>
+   <td><a href="#Logical_NOT">NOT </a><a href="#Logical_AND">lògic</a><a href="#Logical_NOT"> (<code>!</code>)</a></td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="JavaScript_1.0_and_1.1" name="JavaScript_1.0_and_1.1">Compatibilitat amb versions anteriors: Comportament a JavaScript 1.0 i 1.1</h3>
+
+<p>Els operadors &amp;&amp; i <code>||</code> es comporten de la forma següent:</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th>Operador</th>
+   <th>Ús</th>
+   <th>Comportament</th>
+  </tr>
+  <tr>
+   <td><code>&amp;&amp;</code></td>
+   <td><code><em>expr1</em> &amp;&amp; <em>expr2</em></code></td>
+   <td>Si el primer operand (<code>expr1</code>) es pot converitr a false, l'operador <code>&amp;&amp;</code> retorna false en comptes del valor de <code>expr1</code>.</td>
+  </tr>
+  <tr>
+   <td><code>||</code></td>
+   <td><code><em>expr1</em> || <em>expr2</em></code></td>
+   <td>Si el primer operand (<code>expr1</code>) es pot converitr a true, l'operador <code>||</code> retorna true en comptes del valor de <code>expr1</code>.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">Bitwise operators</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/operador_coma/index.html b/files/ca/web/javascript/referencia/operadors/operador_coma/index.html
new file mode 100644
index 0000000000..f6a62d2bc8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/operador_coma/index.html
@@ -0,0 +1,129 @@
+---
+title: Operador Coma
+slug: Web/JavaScript/Referencia/Operadors/Operador_Coma
+translation_of: Web/JavaScript/Reference/Operators/Comma_Operator
+---
+<div>
+<div>{{jsSidebar("Operators")}}</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p><span class="seoSummary"><strong>L'operador <em>coma</em></strong> avalua cadascun dels seus operands (d'esquerra a dreta) i retorna el valor de l´últim operand.</span></p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><em>expr1</em>, <em>expr2, expr3...</em></pre>
+
+<h2 id="Paràmetres">Paràmetres</h2>
+
+<dl>
+ <dt><code>expr1</code>, <code>expr2, expr3...</code></dt>
+ <dd>Qualsevol expressions.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Es pot fer servir l'operador coma quan es vulgui incloure múltiples expressions en una localització que requereix una sola expressió. L'ús més freqüent que es fa d'aquest operador es per subministrar múltiples paràmetres en una <code>for</code> loop.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>Si <code>a</code> és un array de 2 dimesnions amb 10 elements on a side, el codi següent usa l'operador coma per incrementar dos variables al mateix temps. Vegeu que la coma en la sentència <code>var</code> <em><strong>no </strong></em> és l'operador coma, ja que no existeix dins d'una expressió. Més aviat, és un caràcter especial en les sentències <code>var</code> que combina múltiples d'ells en un. Pràcticament, la coma es comporta quasi igual que l'operador coma. El codi imprimeix els valors dels elements de la diagonal de l'array:</p>
+
+<pre class="brush:js;highlight:[1]">for (var i = 0, j = 9; i &lt;= 9; i++, j--)
+  document.writeln("a[" + i + "][" + j + "] = " + a[i][j]);</pre>
+
+<h3 id="Processar_i_després_retornar">Processar i després retornar</h3>
+
+<p>Un altre exemple sobre l'ús que es pot fer sobre l'operador coma és processar abansd e retornar. Com s'indica, només l'últim element serà retornat, però tots els altres també seràn avaluats. Així doncs, es podria fer:</p>
+
+<pre>function myFunc () {
+  var x = 0;
+
+  return (x += 1, x); // the same of return ++x;
+}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1st Edition.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11.14', 'Comma operator')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-comma-operator', 'Comma operator')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>Sí</td>
+   <td>Sí</td>
+   <td>3.0</td>
+   <td>Sí</td>
+   <td>Sí</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>Sí</td>
+   <td>Sí</td>
+   <td>Sí</td>
+   <td>Sí</td>
+   <td>Sí</td>
+   <td>Sí</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for">for loop</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/super/index.html b/files/ca/web/javascript/referencia/operadors/super/index.html
new file mode 100644
index 0000000000..c19e58cba1
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/super/index.html
@@ -0,0 +1,119 @@
+---
+title: super
+slug: Web/JavaScript/Referencia/Operadors/super
+translation_of: Web/JavaScript/Reference/Operators/super
+---
+<div>{{jsSidebar("Operators")}}</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>La paraula clau <strong>super</strong> s'utilitza per cridar funcions del pare de l'objecte.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">super([arguments]); // crida el constructor del pare.
+super.functionOnParent([arguments]);
+</pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Quan s'utilitza en un constructor, la paraula clau <code>super</code> apareix sola i s'ha d'utilitzar abans de la paraula clau <code>this</code>. Aquesta paraula clau també es pot utilitzar per cridar funcions en un objecte pare.</p>
+
+<h2 id="Exemple">Exemple</h2>
+
+<p>Aquest fragment de codi es pren de la mostra de classes  <a href="https://github.com/GoogleChrome/samples/blob/gh-pages/classes-es6/index.html">mostra de classes</a> (<a href="https://googlechrome.github.io/samples/classes-es6/index.html">demostració en viu</a>).</p>
+
+<pre class="brush: js">class Square extends Polygon {
+  constructor(length) {
+    // Aquí es crida el constructor del pare de la classe amb les longituds
+    // proveïdes per l'alçada i l'amplada del polígon
+    super(length, length);
+    // Nota: En classes derivades, s'ha de cridar super() abans de poder
+    // utilitzar 'this'. Obviar això causarà un error de referència.
+    this.name = 'Square';
+  }
+
+  get area() {
+    return this.height * this.width;
+  }
+
+  set area(value) {
+    this.area = value;
+  }
+}</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-super-keyword', 'super')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(42.0)}}</td>
+   <td>{{CompatNo}}<br>
+    {{bug(1066239)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">Safari Mobile
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(42.0)}}</td>
+   <td>{{CompatNo}}<br>
+    {{bug(1066239)}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Classes">Classes</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/typeof/index.html b/files/ca/web/javascript/referencia/operadors/typeof/index.html
new file mode 100644
index 0000000000..a7407e79ce
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/typeof/index.html
@@ -0,0 +1,240 @@
+---
+title: typeof
+slug: Web/JavaScript/Referencia/Operadors/typeof
+translation_of: Web/JavaScript/Reference/Operators/typeof
+---
+<div>
+<div>{{jsSidebar("Operators")}}</div>
+</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>L'operador <code>typeof</code> retorna una cadena de caràcters que representa el tipus de l'operand, que en cap cas és evaluat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<p>L'operador <code>typeof</code> va seguit del seu operand:</p>
+
+<pre class="syntaxbox"><code>typeof <code><em>operand</em></code></code></pre>
+
+<h3 id="Paràmetres">Paràmetres</h3>
+
+<p><code><em>operand</em></code> és una expressió que representa l'objecte o {{Glossary("Primitive", "primitive")}} del qual es retornarà el tipus.</p>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La taula següent resumeix els possibles valor de<code> typeof</code>. Per més informació sobre tipus i tipus primitius, vegeu també la pàgina de <a href="/en-US/docs/Web/JavaScript/Data_structures">JavaScript data structure</a>.</p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Tipus</th>
+   <th scope="col">Resultat</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>Undefined</td>
+   <td><code>"undefined"</code></td>
+  </tr>
+  <tr>
+   <td>Null</td>
+   <td><code>"object" </code>(vegeu a sota)</td>
+  </tr>
+  <tr>
+   <td>Boolean</td>
+   <td><code>"boolean"</code></td>
+  </tr>
+  <tr>
+   <td>Number</td>
+   <td><code>"number"</code></td>
+  </tr>
+  <tr>
+   <td>String</td>
+   <td><code>"string"</code></td>
+  </tr>
+  <tr>
+   <td>Symbol (nou a l'ECMAScript 6)</td>
+   <td><code>"symbol"</code></td>
+  </tr>
+  <tr>
+   <td>Host object (proporcionat per l'entorn JS)</td>
+   <td><em>Depenent de l'implementació</em></td>
+  </tr>
+  <tr>
+   <td>Objecte Funció (implements [[Call]] in ECMA-262 terms)</td>
+   <td><code>"function"</code></td>
+  </tr>
+  <tr>
+   <td>Qualsevol altre objecte</td>
+   <td><code>"object"</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Casos_normals">Casos normals</h3>
+
+<pre class="brush:js">// Numbers
+typeof 37 === 'number';
+typeof 3.14 === 'number';
+typeof Math.LN2 === 'number';
+typeof Infinity === 'number';
+typeof NaN === 'number'; // A pesar de ser un "Not-A-Number"
+typeof Number(1) === 'number'; // però no l'utilitzeu mai així!
+
+
+// Strings
+typeof "" === 'string';
+typeof "bla" === 'string';
+typeof (typeof 1) === 'string'; // typeof sempre retorna una string
+typeof String("abc") === 'string'; // però no l'utilitzeu mai així!
+
+
+// Booleans
+typeof true === 'boolean';
+typeof false === 'boolean';
+typeof Boolean(true) === 'boolean'; // però no l'utilitzeu mai així!
+
+
+// Symbols
+typeof Symbol() === 'symbol'
+typeof Symbol('foo') === 'symbol'
+typeof Symbol.iterator === 'symbol'
+
+
+// Undefined
+typeof undefined === 'undefined';
+typeof blabla === 'undefined'; // una variable no definida
+
+
+// Objects
+typeof {a:1} === 'object';
+
+// utilitzeu <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray">Array.isArray</a> o bé Object.prototype.toString.call
+// per a diferenciar objectes normals d'arrays
+typeof [1, 2, 4] === 'object';
+
+typeof new Date() === 'object';
+
+
+// Els següents exemples són confusos, no els utilitzeu!
+typeof new Boolean(true) === 'object';
+typeof new Number(1) === 'object';
+typeof new String("abc") === 'object';
+
+
+// Funcions
+typeof function(){} === 'function';
+typeof Math.sin === 'function';
+</pre>
+
+<h3 id="null"><code>null</code></h3>
+
+<pre class="brush:js">// Això es manté així des de l'inici de JavaScript
+typeof null === 'object';
+</pre>
+
+<p>A la primera implementació de JavaScript, els valors de JavaScript es representaven com a una etiqueta de tipus i un valor. L'etiqueta de tipus per objectes era 0. <code>null</code> era representat amb el punter NULL (0x00 a la majoria de plataformes). D'aquesta manera null tenia 0 com a etiqueta de tipus, i això és el que determina que <code>typeof</code> retorni 'object' per a <code>null</code>. (<a href="http://www.2ality.com/2013/10/typeof-null.html">referència</a>)</p>
+
+<p>Es va proposar una esmena per a canviar aquest comportament per l'ECMAScript (via una <em>opt-in</em>), però aquesta <a class="external" href="http://wiki.ecmascript.org/doku.php?id=harmony:typeof_null">va ser rebutjada</a>. El resultat hagués estat <code>typeof null === 'null'</code>.</p>
+
+<h3 id="Expressions_regulars">Expressions regulars</h3>
+
+<p>Expressions regulars que poden ser cridades van ser un afegit no standard en alguns navegadors web.</p>
+
+<pre class="brush:js">typeof /s/ === 'function'; // Chrome 1-12 No cumpleix l'standard ECMAScript 5.1
+typeof /s/ === 'object';   // Firefox 5+  D'acord amb ECMAScript 5.1
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>1a edició ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial. Implementat en JavaScript 1.1</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11.4.3', 'The typeof Operator')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-typeof-operator', 'The typeof Operator')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="Els_objects_host_a_Internet_Explorer_són_objectes_en_comptes_de_funcions">Els objects host a Internet Explorer són objectes en comptes de funcions</h3>
+
+<p>A IE 6, 7, i 8 molts dels host objects són objectes i no funcions. Per exemple:</p>
+
+<pre class="brush: js">typeof alert === 'object'</pre>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/instanceof" title="/en-US/docs/JavaScript/Reference/Operators/instanceof">instanceof</a></code></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/void/index.html b/files/ca/web/javascript/referencia/operadors/void/index.html
new file mode 100644
index 0000000000..ddf98ebfd9
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/void/index.html
@@ -0,0 +1,138 @@
+---
+title: L'operador void
+slug: Web/JavaScript/Referencia/Operadors/void
+translation_of: Web/JavaScript/Reference/Operators/void
+---
+<div>{{jsSidebar("Operators")}}</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>L'operador <code>void</code> evalua l'<code><em>expressió</em></code> donada i retorna <code>undefined</code>.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">void <em>expressió</em></pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Aquest operador permet inserir expressions que produeixen efectes secundaris en llocs on es vol una expressió que s'evalui a <code>undefined</code>.</p>
+
+<p>L'operador <code>void</code> tot sovint s'utilitza simplement per a obtenir el valor primitiu<code> undefined</code>, normalment usant "<code>void(0)</code>" (que és equivalent a "<code>void 0</code>"). En aquests casos es pot utilitzar la variable global <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined"><code>undefined</code></a> en comptes de l'operador <code>void</code> (asumint que no ha sigut assignada a un valor no standard).</p>
+
+<h2 id="Expressions_de_funció_invocades_de_forma_immediata">Expressions de funció invocades de forma immediata</h2>
+
+<p>A l'utilitzar una <a href="/en-US/docs/Glossary/IIFE">expressió de funció invocada de forma immediata</a>, es pot usar <code>void</code> per a forçar que la paraula clau <code>function</code> sigui tractada com a una expressió en comptes d'una declaració.</p>
+
+<pre class="brush: js">void function iife() {
+    var bar = function () {};
+    var baz = function () {};
+    var foo = function () {
+        bar();
+        baz();
+     };
+    var biz = function () {};
+
+    foo();
+    biz();
+}();
+</pre>
+
+<h2 id="URIs_de_JavaScript">URIs de JavaScript</h2>
+
+<p>Quan un navegador segueix una URI de l'estil <code>javascript:</code> , aquest evalua el codi que hi ha a la URI i llavors reemplaça el contingut de la pàgina amb el valor retornat, a no ser que el valor retornat sigui <code>undefined</code>. L'operador<code> void</code> pot ser emprat en aquest case per a retornar <code>undefined</code>. Per exemple:</p>
+
+<pre class="brush: html">&lt;a href="javascript:void(0);"&gt;
+  Cliqueu aquí per a no fer res
+&lt;/a&gt;
+
+&lt;a href="javascript:void(document.body.style.backgroundColor='green');"&gt;
+  Clique aquí per a un fons de color verd
+&lt;/a&gt;
+</pre>
+
+<p>Tingueu en compte, però, que el pseudo protocol <code>javascript:</code> no és recomanat ja que existeixen alternatives, com ara manegadors d'events no obtrusius.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició.</td>
+   <td>Standard</td>
+   <td>Definició inicial. Implementat al JavaScript 1.1</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-11.4.2', 'The void Operator')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-void-operator', 'The void Operator')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined">undefined</a></code></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/operadors/yield/index.html b/files/ca/web/javascript/referencia/operadors/yield/index.html
new file mode 100644
index 0000000000..d01f641767
--- /dev/null
+++ b/files/ca/web/javascript/referencia/operadors/yield/index.html
@@ -0,0 +1,152 @@
+---
+title: yield
+slug: Web/JavaScript/Referencia/Operadors/yield
+translation_of: Web/JavaScript/Reference/Operators/yield
+---
+<div>{{jsSidebar("Operators")}}</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>La paraula clau <code>yield</code> s'utilitza per a pausar i reprendre una funció generadora ({{jsxref("Statements/function*", "function*")}} o bé una <a href="/en-US/docs/Web/JavaScript/Reference/Statements/Legacy_generator_function">funció generadora obsoleta</a>).</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox language-html"> yield [[expressió]];</pre>
+
+<dl>
+ <dt><code>expressió</code></dt>
+ <dd>La expresssió a retornar. Si s'omet es retorna <code>undefined</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La paraula clau <code>yield</code> causa que l'execució d'una funció generadora es pausi i retorni el valor de l'expressió que la segueix. La paraula clau <code>yield</code> es pot entendre com una versió de la paraula clau <code>return</code> per a generadors.</p>
+
+<p>La paraula clau <code>yield</code> retorna en realitat un objecte de tipus <code>IteratorResult</code> amb dues propietats: <code>value</code> i <code>done</code>. La propietat <code>value</code> és el resultat d'evaluar l'expresssió que segueix <code>yield</code> mentre que la propietat <code>done</code> és de tipus booleà i indica si la funció generadora ha completat la seva execució o no.</p>
+
+<p>Un cop pausada mitjançant una expressió <code>yield</code>, l'execució de codi del generador no es reprendrà a no ser que s'invoqui externament mitjançant la crida a la funció <code>next()</code> del generador. Això permet un control directe de l'execució del generador i valors de retorn incrementals.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>El següent codi és un exemple de la declaració d'una funció generadora al llarg d'una funció d'ajut.</p>
+
+<pre class="brush: js">function* foo(){
+  var index = 0;
+  while (index &lt;= 2) // quan index arriba a 3,
+                     // la propietat done del yield serà true
+                     // i el seu valor serà undefined;
+    yield index++;
+}</pre>
+
+<p>Un cop la funció generadora és definida es pot utilitzar tot construïnt un iterador tal i com es mostra a continuació:</p>
+
+<pre class="brush: js">var iterator = foo();
+console.log(iterator.next()); // { value:0, done:false }
+console.log(iterator.next()); // { value:1, done:false }
+console.log(iterator.next()); // { value:2, done:false }
+console.log(iterator.next()); // { value:undefined, done:true }</pre>
+
+<h2 id="Specifications" name="Specifications">Especificacions</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('ES6', '#', 'Yield')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari (WebKit)</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>39</td>
+   <td>{{CompatGeckoDesktop("26.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Objecte<code> IteratorResult</code> en comptes de <code>throwing</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoDesktop("29.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>yes (when?)</td>
+   <td>{{CompatGeckoMobile("26.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{ CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+  <tr>
+   <td>Objecte<code> IteratorResult</code> en comptes de <code>throwing</code></td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatGeckoMobile("29.0")}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="Notes_específiques_per_a_Firefox">Notes específiques per a Firefox</h3>
+
+<ul>
+ <li>A partir de Gecko 29 {{geckoRelease(29)}} la funció generadora, un cop completada, no llença un {{jsxref("TypeError")}} "generator has already finished" sino que retorna un objecte de tipus <code>IteratorResult</code> com per exemple<code> { value: undefined, done: true }</code> ({{bug(958951)}}).</li>
+ <li>A partir de Gecko 33 {{geckoRelease(33)}} l'anàlisi de l'expressió que segueix al yield s'ha actualitzat per a satisfer l'especificació de ES6 ({{bug(981599)}}):
+  <ul>
+   <li>L'expressió que segueix la paraula clau yield és opcional i si s'omet ja no es llença SyntaxError: <code>function* foo() { yield; }</code></li>
+  </ul>
+ </li>
+</ul>
+
+<h2 id="See_also" name="See_also">Vegeu tambè</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Guide/The_Iterator_protocol">El protocol dels iteradors</a></li>
+ <li>{{jsxref("Statements/function*", "function*")}}</li>
+ <li>{{jsxref("Operators/function*", "function* expression")}}</li>
+ <li>{{jsxref("Operators/yield*", "yield*")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/block/index.html b/files/ca/web/javascript/referencia/sentencies/block/index.html
new file mode 100644
index 0000000000..cfa5d7fd20
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/block/index.html
@@ -0,0 +1,138 @@
+---
+title: block
+slug: Web/JavaScript/Referencia/Sentencies/block
+translation_of: Web/JavaScript/Reference/Statements/block
+---
+<div>
+<div>{{jsSidebar("Statements")}}</div>
+</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>Una<strong> sentència bloc</strong> (o <strong>sentència composta</strong> en altres llengües) s'usa per agrupar zero o més sentències. El bloc està delimitat per un parell de claus.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">{
+  <var>sentència_1</var>;
+  <var>sentència_2;</var>
+  ...
+  <var>sentència_n;</var>
+}
+</pre>
+
+<dl>
+ <dt><code>statement_1</code>, <code>statement_2</code>, <code>statement_n</code></dt>
+ <dd>Sentències agrupades dins la sentència block.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Aquesta sentència s'utilitza normalment amb les sentències de control de flux (p.ex. <code>if</code>, <code>for</code>, <code>while</code>). Per exemple:</p>
+
+<pre class="brush: js">while (x &lt; 10) {
+  x++;
+}
+</pre>
+
+<p>Tingueu en compte que la sentència block no acaba amb un punt i coma.</p>
+
+<p>La sentència bloc sovint s'anomena <strong>sentència composta</strong> en altres llengües. Aquesta sentència permet usar múltiples sentències allà on JavaScript espera només una única sentència. Combinar sentències en blocs és una pràctica comuna en JavaScript. El comportament oposat és possible fent servir una <a href="/en-US/docs/Web/JavaScript/Reference/Statements/Empty">sentència buida</a>, on no es proporciona cap declaració, encara que es requereixi una.</p>
+
+<h3 id="Fora_de_l'àmbit_del_bloc">Fora de l'àmbit del bloc</h3>
+
+<p><strong>Important</strong>: Les variables declarades amb <code>var</code> no tenen àmbit de bloc. Les variables introduïdes amb un bloc estàn en l'àmbit de la funció o l'script que els conté, i els efectes d'establir-los persisteixen més enllà del mateix bloc. En altres paraules, les sentències de bloc no introdueixen un àmbit. Encara que els blocs "independents" són sintàcticament vàlids, no és desitjable usar-los en JavaScript, ja que no fan el que pensem que fan, en el cas que penseu que fan alguna cosa semblant als blocs en C o Java. Per exemple:</p>
+
+<pre class="brush: js">var x = 1;
+{
+  var x = 2;
+}
+console.log(x); // logs 2
+</pre>
+
+<p>Això registra 2 ja que la sentència <code>var x</code> dins el bloc es troba en el mateix àmbit que la sentència <code>var x</code> anterior al bloc. En C o Java, el codi equivalent hauria emès 1.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacions</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició d'ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial. Implementat en JavaScript 1.0</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.1', 'Block statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-block', 'Block statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Statements/while", "while")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/break/index.html b/files/ca/web/javascript/referencia/sentencies/break/index.html
new file mode 100644
index 0000000000..d71eff620d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/break/index.html
@@ -0,0 +1,154 @@
+---
+title: break
+slug: Web/JavaScript/Referencia/Sentencies/break
+translation_of: Web/JavaScript/Reference/Statements/break
+---
+<div>{{jsSidebar("Statements")}}</div>
+
+<p>La <strong> sentència</strong> <strong>break</strong> acaba el bucle actual, {{jsxref("Statements/switch", "switch")}}, o una sentència {{jsxref("Statements/label", "label")}} i transfereix el control de programa a la sentència següent de la sentència acabada.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>break [<em>etiqueta</em>];</code></pre>
+
+<dl>
+ <dt><code>Etiqueta</code></dt>
+ <dd>Opcional. És l'identificador associat amb l'etiqueta de la sentència. Si la sentència no és un bucle o un {{jsxref("Statements/switch", "switch")}}, això és necessari.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La sentència <code>break</code> inclou una etiqueta opcional que permet al programa sortir de la sentència etiquetada. La sentència <code>break</code> necessita ser imbricada dins l'etiqueta de referència. La sentència etiquetada pot ser qualsevol sentència {{jsxref("Statements/block", "block")}}, no ha de ser precedida per una sentència de bucle.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>La funció següent té una sentència <code>break</code> que acaba amb el bucle{{jsxref("Statements/while", "while")}} quan <code>i</code> és 3, per després retornar el valor 3 * <code>x</code>.</p>
+
+<pre class="brush:js;highlight:[6];">function testBreak(x) {
+  var i = 0;
+
+  while (i &lt; 6) {
+    if (i == 3) {
+      break;
+    }
+    i += 1;
+  }
+
+  return i * x;
+}</pre>
+
+<p>El codi següent utilitza sentències<code> break</code> amb blocs etiquetats. Una sentència <code>break</code> ha de ser imbricada dins de qualsevol etiqueta que fa referència. Vegeu que <code>inner_block</code> és troba imbricada dins <code>outer_block</code>.</p>
+
+<pre class="brush:js;highlight:[1,2,4];">outer_block: {
+  inner_block: {
+    console.log('1');
+    break outer_block; // surt tan de inner_block com de outer_block
+    console.log(':-('); // es salta
+  }
+  console.log('2'); // es salta
+}
+</pre>
+
+<p>El codi següent també utilitza sentències <code>break</code> amb blocs etiquetats però cenera un Syntax Error perquè la sentència <code>break</code> es troba dins de <code>block_1</code> però fa referència a <code>block_2</code>. Una sentència <code>break</code> ha d'estar sempre imbricada dins de l'eitqueta a la que fa referència.</p>
+
+<pre class="brush:js;highlight:[1,3,6];">block_1: {
+  console.log('1');
+  break block_2; // SyntaxError: etiqueta no trobada
+}
+
+block_2: {
+  console.log('2');
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Versió no etiquetada.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>versió etiquetada afegida.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.8', 'Break statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-break-statement', 'Break statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Statements/continue", "continue")}}</li>
+ <li>{{jsxref("Statements/label", "label")}}</li>
+ <li>{{jsxref("Statements/switch", "switch")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/buida/index.html b/files/ca/web/javascript/referencia/sentencies/buida/index.html
new file mode 100644
index 0000000000..6800d476f8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/buida/index.html
@@ -0,0 +1,138 @@
+---
+title: Buida
+slug: Web/JavaScript/Referencia/Sentencies/Buida
+translation_of: Web/JavaScript/Reference/Statements/Empty
+---
+<div>
+<div>{{jsSidebar("Statements")}}</div>
+</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>Una sentència <strong>buida</strong> es fa servir per no proveïr cap sentència, encara que la sintaxi de JavaScript n'esperaria una.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">;
+</pre>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>La sentència buida és un punt i coma (;) que indica que cap sentència s'executarà, encara que la sintaxi de JavaScript en requereixi una. Pel contrari, quan es vol realitzar múltiples sentències, però JavaScript només en permet un, és possible realitzar-ho mitjançant l'ús d'una <a href="/en-US/docs/Web/JavaScript/Reference/Statements/block">sentència de block</a>; que combina diverses sentències en una única sentència.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>La sentència buida sovint s'utilitza amb sentències de bucles. Vegeu l'exemple segúent amb el cos del bucle buit:</p>
+
+<pre class="brush: js">var arr = [1, 2, 3];
+
+// Assign all array values to 0
+for (i = 0; i &lt; arr.length; arr[i++] = 0) /* empty statement */ ;
+
+console.log(arr)
+// [0, 0, 0]
+</pre>
+
+<p><strong>Nota:</strong> És una bona idea comentar l'ús intencional de la sentència buida, ja que no és fa molt obvi diferenciar-lo d'un punt i coma normal. En el següent exemple l'ús probablement no és intencional:</p>
+
+<pre class="brush: js">if (condition);       // Caution, this "if" does nothing!
+   killTheUniverse()  // So this gets always executed!!!
+</pre>
+
+<p>Un altre exemple: Una sentència <a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else"><code>if...else</code></a> sense claus (<code>{}</code>). Si <code>tres</code> és cert, no passarà res, <u><code>four</code> does not matter, </u>ni tampoc s'executarà la funció <code>launchRocket()</code> en el cas <code>else</code>.</p>
+
+<pre class="brush: js">if (one)
+  doOne();
+else if (two)
+  doTwo();
+else if (three)
+  ; // nothing here
+else if (four)
+  doFour();
+else
+  launchRocket();</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.3', 'Empty statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-empty-statement', 'Empty statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Statements/block", "Block statement")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/continue/index.html b/files/ca/web/javascript/referencia/sentencies/continue/index.html
new file mode 100644
index 0000000000..a6928d15b7
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/continue/index.html
@@ -0,0 +1,199 @@
+---
+title: continue
+slug: Web/JavaScript/Referencia/Sentencies/continue
+translation_of: Web/JavaScript/Reference/Statements/continue
+---
+<div>{{jsSidebar("Statements")}}</div>
+
+<p>La <strong> sentència continue</strong> acaba l'execució de les sentències en la iteració actual del bucle actual o etiquetat, i continua l'execució del bucle amb la següent iteració.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">continue [<em>etiqueta</em>];</pre>
+
+<dl>
+ <dt><code>Etiqueta</code></dt>
+ <dd>Identificador associat amb l'etiqueta de la sentència.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>En contrast amb la sentència {{jsxref("Statements/break", "break")}} , <code>continue</code> no acaba l'execució del bucle: En comptes d'això,</p>
+
+<ul>
+ <li>En un bucle {{jsxref("Statements/while", "while")}}, salta un altre cop a la condició.</li>
+</ul>
+
+<ul>
+ <li>En un bucle {{jsxref("Statements/for", "for")}}, Salta a l'actualització de l'expressió.</li>
+</ul>
+
+<p>La sentència <code>continue</code> pot incloure una etiqueta opcional que permet al programa saltar a la següent iteració d'una sentència d'un bucle etiquetat en comptes del bucle actual. En aquest cas, la sentència <code>continue</code> necessita trobar-se imbricada dins de la sentència etiquetada.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_continue_amb_while">Utilitzar <code>continue</code> amb <code>while</code></h3>
+
+<p>L'exemple següent mostra un bucle{{jsxref("Statements/while", "while")}} que contè una sentència <code>continue</code> que s'executa quan el valor de <code>i</code> és 3. Així doncs, <code>n</code> pren els valors 1, 3, 7, i 12.</p>
+
+<pre class="brush: js">var i = 0;
+var n = 0;
+
+while (i &lt; 5) {
+  i++;
+
+  if (i === 3) {
+    continue;
+  }
+
+  n += i;
+}
+</pre>
+
+<h3 id="Utilitzar_continue_amb_una_etiqueta">Utilitzar <code>continue</code> amb una etiqueta</h3>
+
+<p>En l'exemple següent, una sentència etiquetada <code>checkiandj</code> contè una sentència etiquetada <code>checkj</code>. si es troba un <code>continue</code>, el programa continua al començament de la sentència <code>checkj</code>. Cada cop que es troba <code>continue</code>, <code>checkj</code> reitera fins que la condició retorna falç. Quan es retorna falç, es completa la resta de la sentència <code>checkiandj</code>.</p>
+
+<p>Si <code>continue</code> té una etiqueta de <code>checkiandj</code>, el programa continuarà al començament de la sentència <code>checkiandj</code>.</p>
+
+<p>Vegeu també {{jsxref("Statements/label", "label")}}.</p>
+
+<pre class="brush: js">var i = 0;
+var j = 8;
+
+checkiandj: while (i &lt; 4) {
+  console.log("i: " + i);
+  i += 1;
+
+  checkj: while (j &gt; 4) {
+    console.log("j: "+ j);
+    j -= 1;
+
+    if ((j % 2) == 0)
+      continue checkj;
+    console.log(j + " is odd.");
+  }
+  console.log("i = " + i);
+  console.log("j = " + j);
+}
+</pre>
+
+<p>Resultat:</p>
+
+<pre class="brush: js">"i: 0"
+
+// start checkj
+"j: 8"
+"7 is odd."
+"j: 7"
+"j: 6"
+"5 is odd."
+"j: 5"
+// end checkj
+
+"i = 1"
+"j = 4"
+
+"i: 1"
+"i = 2"
+"j = 4"
+
+"i: 2"
+"i = 3"
+"j = 4"
+
+"i: 3"
+"i = 4"
+"j = 4"
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Definició inicial. Versió sense etiqueta.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Versió amb etiqueta afegida.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.7', 'Continue statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-continue-statement', 'Continue statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Statements/break", "break")}}</li>
+ <li>{{jsxref("Statements/label", "label")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/debugger/index.html b/files/ca/web/javascript/referencia/sentencies/debugger/index.html
new file mode 100644
index 0000000000..54d8d02e3d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/debugger/index.html
@@ -0,0 +1,116 @@
+---
+title: debugger
+slug: Web/JavaScript/Referencia/Sentencies/debugger
+translation_of: Web/JavaScript/Reference/Statements/debugger
+---
+<div>{{jsSidebar("Statements")}}</div>
+
+<p>La <strong>sentència</strong> <strong>debugger </strong>invoca qualsevol funcionalitat de depuració disponible, com l'establiment d'un breakpoint (punt de ruptura). Si no hi ha cap funcionalitat de depuració disponible, aquesta sentència queda sense efecte.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox"><code>debugger;</code></pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<p>L'exemple següent mostra un codi on s'ha insertat una sentència de depuració, de forma que es crida un debugger (si existeix) quan es crida la funció.</p>
+
+<pre class="brush:js">function potentiallyBuggyCode() {
+    debugger;
+    // codi potencialment erroni a examinar, executar pas a pas, etc.
+}</pre>
+
+<p>Quan es crida el debugger, s'atura l'execució a la sentència del debugger. Es com un breakpoint en la font de l'script.</p>
+
+<p><a href="https://mdn.mozillademos.org/files/6963/Screen Shot 2014-02-07 at 9.14.35 AM.png"><img alt="Paused at a debugger statement." src="https://mdn.mozillademos.org/files/6963/Screen%20Shot%202014-02-07%20at%209.14.35%20AM.png" style="height: 371px; width: 700px;"></a></p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-debugger-statement', 'Debugger statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.15', 'Debugger statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3', '#sec-7.5.3', 'Debugger statement')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES1', '#sec-7.4.3', 'Debugger statement')}}</td>
+   <td>{{Spec2('ES1')}}</td>
+   <td>Només mencionat com a paraula reservada.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Debugging_JavaScript">Debugging JavaScript</a></li>
+ <li><a href="/en-US/docs/Tools/Debugger">El depurador en eines de desenvoupador de Firefox</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/do...while/index.html b/files/ca/web/javascript/referencia/sentencies/do...while/index.html
new file mode 100644
index 0000000000..88f221f83d
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/do...while/index.html
@@ -0,0 +1,124 @@
+---
+title: do...while
+slug: Web/JavaScript/Referencia/Sentencies/do...while
+translation_of: Web/JavaScript/Reference/Statements/do...while
+---
+<div>{{jsSidebar("Statements")}}</div>
+
+<p>La <strong>sentència</strong> <strong><code>do...while</code> </strong> crea un bucle que executa una sentència especificada fins que la condició avalui a fals. La condició s'avalua després de la sentència, donant lloc a l'execució de la sentència especificada almenys un cop.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">do
+   <em>sentència</em>
+while (<em>condició</em>);
+</pre>
+
+<dl>
+ <dt><code>sentència</code></dt>
+ <dd>Una sentència que s'executa almenys un cop i que es torna a executar cada cop que la condició avalui a certa. Per executar múltiples sentències dins d'un bucle, utilitzeu una sentència {{jsxref("Statements/block", "block")}} (<code>{ ... }</code>) per agrupar aquestes sentències.</dd>
+</dl>
+
+<dl>
+ <dt><code>condició</code></dt>
+ <dd>Una expressió que s'avalua després de cada volta del bucle. si <code>condició</code> avalua a certa, la <code>sentència</code> es torna a executar. Quan la <code>condició</code> avalua a falç, control passa a la següent sentència que segueix el <code>do...while</code>.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Utilitzar_el_do...while">Utilitzar el <code>do...while</code></h3>
+
+<p>En l'exemple següent, el bucle <code>do...while</code> itera almenys un cop i torna a iterar fins que <code>i</code> deixa de ser més petit que 5.</p>
+
+<pre class="brush: js">var i = 0;
+do {
+   i += 1;
+   console.log(i);
+} while (i &lt; 5);
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.2</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.6.1', 'do-while statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-do-while-statement', 'do-while statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Trailing ; ara és opcional.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>6</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Statements/while", "while")}}</li>
+ <li>{{jsxref("Statements/for", "for")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/export/index.html b/files/ca/web/javascript/referencia/sentencies/export/index.html
new file mode 100644
index 0000000000..c1d92ab504
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/export/index.html
@@ -0,0 +1,158 @@
+---
+title: export
+slug: Web/JavaScript/Referencia/Sentencies/export
+translation_of: Web/JavaScript/Reference/Statements/export
+---
+<div>{{jsSidebar("Statements")}}</div>
+
+<p>La<strong> </strong>sentència <strong>export</strong> s'utilitza per exportar funcions, objectes o valors primitius d'un fitxer donat (o <em>mòdul</em>) per a que els puguin fer servir altres programes amb la sentència {{jsxref("Statements/import", "import")}}.</p>
+
+<p>Els mòduls exportats estan sempre {{jsxref("Strict_mode","strict mode", "", 1)}}  tan si es declaren així com si no. La sentència export no es pot fer servir en mòduls incrustats (embedded).</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox notranslate">export <em>nom1</em>, <em>nom2</em>, ..., <em>nomN</em>;
+export default <em>nom1</em> </pre>
+
+<dl>
+ <dt><code>nomN</code></dt>
+ <dd>Propietat, funció, o objecte que s'ha d'exportar (de manera que es pot importar a través de <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/import">import</a></code> en un altre script).</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Hi ha dos tipus diferents d'export:</p>
+
+<ul>
+ <li>Exportacions nominals (una o més per mòdul):
+  <pre class="brush: js notranslate">export myFunction; // exporta una funció declarada anteriorment
+export const foo = Math.sqrt(2); // exporta una constant
+export let <var>name1</var>, <var>name2</var>, …, <var>nameN</var>;
+export let <var>name1</var> = …, <var>name2</var> = …, …, <var>nameN</var>;
+export function functionName(){...}
+export class ClassName {...}</pre>
+ </li>
+ <li>Exportacions per defecte (una per mòdul):
+  <pre class="notranslate">export default <em>expression</em>;
+export default function (…) { … } // també class, function*
+export default function name1(…) { … } // també class, function*
+export { <var>name1</var> as default, … };</pre>
+ </li>
+</ul>
+
+<p>Les exportacions amb nom són útils per exportar diversos valors. Durant la importació, un serà capaç d'utilitzar el mateix nom per referir-se al valor corresponent.</p>
+
+<p>Sobre la exportació per defecte, només pot haver-n'hi una per mòdul. Una exportació per defecte pot ser una funció, una classe un objecte o qualsevol altra cosa. Aquest valor es considerarà el principal valor exportat, ja que serà el més fàcil d'importar.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Usant_les_exportacions_nominals">Usant les exportacions nominals</h3>
+
+<p>En el mòdul podem fer servir el codi següent:</p>
+
+<pre class="brush: js notranslate">// "modul.js"
+export function cub(x) {
+  return x * x * x;
+}
+const foo = Math.PI + Math.SQRT2;
+export foo;
+</pre>
+
+<p>Així, en un altre mòdul podem tenir:</p>
+
+<pre class="brush: js notranslate">import { cub, foo } from 'modul.js';
+console.log(cub(3)); // 9
+console.log(foo);    // 4.555806215962888</pre>
+
+<h3 id="Usant_lexportació_per_defecte">Usant l'exportació per defecte</h3>
+
+<p>Si volem exportar un únic valor o tenir un valor per defecte per al nostre mòdul podem fer::</p>
+
+<pre class="brush: js notranslate">// "modul.js"
+var function cub(x) {
+  return x * x * x;
+}
+export default cub;</pre>
+
+<p>Així, en un altre mòdul podem importar directament:</p>
+
+<pre class="brush: js notranslate">import laFuncio from 'modul';
+console.log(laFuncio(3)); // 9
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-imports', 'Imports')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Statements/import", "import")}}</li>
+ <li><a href="https://hacks.mozilla.org/2015/08/es6-in-depth-modules/">ES6 in Depth: Modules</a>, Hacks blog post per Jason Orendorff</li>
+ <li><a href="http://exploringjs.com/es6/ch_modules.html">Axel Rauschmayer's book: "Exploring JS: Modules"</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/for...of/index.html b/files/ca/web/javascript/referencia/sentencies/for...of/index.html
new file mode 100644
index 0000000000..5cc16f52f8
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/for...of/index.html
@@ -0,0 +1,181 @@
+---
+title: for...of
+slug: Web/JavaScript/Referencia/Sentencies/for...of
+translation_of: Web/JavaScript/Reference/Statements/for...of
+---
+<div>
+<div>{{jsSidebar("Statements")}}</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La instrucció <code>for...of</code> crea un bucle que itera sobre <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/iterable">objectes iterables</a> (incloent {{jsxref("Array")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, l'objecte <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/arguments">arguments</a>, etcètera), tot invocant un bloc de codi amb les instruccions a executar per a cada valor de la propietat.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">for (<em>variable</em> of <em>objecte</em>)
+  codi
+</pre>
+
+<dl>
+ <dt><code>variable</code></dt>
+ <dd>A cada iteració el valor d'una propietat diferent és asignat a <em>variable</em>.</dd>
+ <dt><code>object</code>e</dt>
+ <dd>L'objecte del qual s'iteren les propietats, que són iterables.</dd>
+</dl>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Diferència_entre_for...of_i_for...in">Diferència entre <code>for...of</code> i <code>for...in</code></h3>
+
+<p>El següent exemple mostra la diferència entre el bucle <code>for...of</code> i el bucle <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in" title="en-US/docs/JavaScript/Reference/Statements/for...in">for...in</a></code>. Mentre <code>for...in</code> itera sobre noms de propietats, <code>for...of</code> itera sobre els valors de les propietats:</p>
+
+<pre class="brush:js">let arr = [3, 5, 7];
+arr.foo = "hola";
+
+for (let i in arr) {
+   console.log(i); // mostra "0", "1", "2", "foo"
+}
+
+for (let i of arr) {
+   console.log(i); // mostra "3", "5", "7"
+}
+</pre>
+
+<h3 id="Ús_de_Array.prototype.forEach()">Ús de <code>Array.prototype.forEach()</code></h3>
+
+<p>Per a aconseguir els mateixos valors que s'obtenen amb <code>for...of</code> també es pot utilitzar el mètode {{jsxref("Array.prototype.forEach()")}}:</p>
+
+<pre class="brush: js">let arr = [3, 5, 7];
+arr.foo = "hola";
+
+arr.forEach(function (element, index) {
+    console.log(element); // mostra "3", "5", "7"
+    console.log(index);   // mostra "0", "1", "2"
+});
+
+// or with Object.keys()
+
+Object.keys(arr).forEach(function (element, index) {
+    console.log(arr[element]); // mostra "3", "5", "7", "hello"
+    console.log(arr[index]);   // mostra "3", "5", "7"
+});</pre>
+
+<h3 id="Iteració_de_coleccions_del_DOM">Iteració de coleccions del DOM</h3>
+
+<p>Iterant sobre coleccions del DOM com {{domxref("NodeList")}}: el següent exemple afegeix la classe <code>read</code> als paràgrafs que són descendens directes d'un article:</p>
+
+<pre class="brush:js">// Nota: Això només funcionarà en plataformes que
+// implementen NodeList.prototype[Symbol.iterator]
+let articleParagraphs = document.querySelectorAll("article &gt; p");
+
+for (let paragraph of articleParagraphs) {
+  paragraph.classList.add("read");
+}
+</pre>
+
+<h3 id="Iteració_de_generadors">Iteració de generadors:</h3>
+
+<p>Els <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function*">generadors</a> també són iterables:</p>
+
+<pre class="brush:js">function* fibonacci() { // una funció generadora
+    let [prev, curr] = [0, 1];
+    for (;;) {
+        [prev, curr] = [curr, prev + curr];
+        yield curr;
+    }
+}
+
+for (let n of fibonacci()) {
+    // trunca la seqüència als 1000
+    if (n &gt; 1000)
+        break;
+    print(n);
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-for-in-and-for-of-statements', 'for...of statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Definició inicial.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable()}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatChrome(29)}}<a href="#chrome-note-1">[1]</a><br>
+    {{CompatChrome(38)}}</td>
+   <td>{{CompatGeckoDesktop("13")}}<br>
+    {{CompatGeckoDesktop("17")}} (.iterator)<br>
+    {{CompatGeckoDesktop("27")}} ("@@iterator")<br>
+    {{CompatGeckoDesktop("36")}} (Symbol.iterator)</td>
+   <td>{{CompatNo}}</td>
+   <td>25</td>
+   <td>7.1</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatChrome(29)}}<a href="#chrome-note-1">[1]</a><br>
+    {{CompatChrome(38)}}</td>
+   <td>{{CompatGeckoMobile("13")}}<br>
+    {{CompatGeckoMobile("17")}} (.iterator)<br>
+    {{CompatGeckoMobile("27")}} ("@@iterator")<br>
+    {{CompatGeckoMobile("36")}} (Symbol.iterator)</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>iOS 8</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p><a name="chrome-note-1"></a>[1] La característica està disponible sota una preferència. A chrome://flags/#enable-javascript-harmony, activar la entrada “Enable Experimental JavaScript”.</p>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for_each...in">for each...in</a> - una instrucció similar, però itera els valors de les propietats d'un objecte en comptes de les propietats mateixes de l'objecte (en desús).</li>
+ <li>{{jsxref("Array.prototype.forEach()")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/for/index.html b/files/ca/web/javascript/referencia/sentencies/for/index.html
new file mode 100644
index 0000000000..00a16b62df
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/for/index.html
@@ -0,0 +1,190 @@
+---
+title: for
+slug: Web/JavaScript/Referencia/Sentencies/for
+translation_of: Web/JavaScript/Reference/Statements/for
+---
+<div>
+<div>{{jsSidebar("Statements")}}</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La<strong> sentència</strong> <strong>for</strong> crea un bucle que consta de tres expressions opcionals, embolcallades entre paràntesis i separades per punts i comes, seguits d'una sentència o un grup de sentències executades en el bucle.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox">for ([<em>inicialització</em>]; [<em>condició</em>]; [<em>expressió final</em>])
+   <em>sentència</em>
+</pre>
+
+<dl>
+ <dt><code>inicialització</code></dt>
+ <dd>Una expressió (incloent expressions d'assignació) o declaració de variables. Normalment s'usa per inicialitzar una variable al contador. Opcionalment aquesta expressió pot declarar noves variables amb la paraula clau <code>var</code>.  Aquestes variables no sóc locals pel bucle, és a dir, es troben en el mateix àmbit en que es troba el bucle <code>for</code>. El resultat d'aquesta expressió es descarta.</dd>
+ <dt><code>condició</code></dt>
+ <dd>Una expressió que s'avalua abans de cada iteració del bucle. Si aquesta expressió s'avalua<strong> true,</strong> s'executa la <code>sentència</code>. Aquesta prova condicional és opcional. Si s'omet, la condició sempre avalua<strong> true.</strong> Si l'expressió avalua a false, l'execució salta a la primera expressió que es trobi després del constructe <code>for</code>.</dd>
+ <dt><code>Expressió final</code></dt>
+ <dd>Una expressió per ser avaluada al final de cada iteració del bucle. Això passa abans de la següent avaluació de <code>condició</code>. Generalment s'usa per actualitzar o incrementar la variable contador.</dd>
+ <dt><code>sentència</code></dt>
+ <dd>Una sentència que s'executa mentre la condició avalui a true. Per executar múltiples sentències dins el bucle, utilitzeu una sentència <a href="/en-US/docs/JavaScript/Reference/Statements/block" title="JavaScript/Reference/Statements/block">block</a> (<code>{ ... }</code>) per agrupar aquestes sentències. Per no executar cap sentència dins el bucle, utilitzeu una sentència <a href="/en-US/docs/Web/JavaScript/Reference/Statements/Empty">buida</a>  (<code>;</code>).</dd>
+</dl>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example.3A_Using_for" name="Example.3A_Using_for">Exemple: Fer servir <code>for</code></h3>
+
+<p>La següent sentència <code>for</code> comença declarant la variable <code>i</code> i l'inicialitza a <code>0</code>. Comprova que  <code>i</code> és menor que nou, realitza les dues sentències següents<u>, i incrementa <code>i</code> per 1 després de cada pas pel bucle.</u></p>
+
+<pre class="brush: js">for (var i = 0; i &lt; 9; i++) {
+   console.log(i);
+   // more statements
+}
+</pre>
+
+<h3 id="Exemple_Expressions_for_opcionals"><u>Exemple: Expressions <code>for</code> opcionals</u></h3>
+
+<p>Les tres expressions en la capçalera del bucle <code>for</code> són opcionals.</p>
+
+<p>Per exemple, enel bloc d'<em>inicialització</em> no es requereix inicialitzar les variablesblock it is not required to initialize variables:</p>
+
+<pre class="brush: js">var i = 0;
+for (; i &lt; 9; i++) {
+    console.log(i);
+    // more statements
+}
+</pre>
+
+<p><u>Com el bloc d'<em>inicialització</em>, el bloc de <em>condició</em> també és opcional. Si s'omet aquesta expressió, s'ha de d'assegurar de trencar el bucle en el cos per evitar crear un bucle infinit.</u></p>
+
+<pre class="brush: js">for (var i = 0;; i++) {
+   console.log(i);
+   if (i &gt; 3) break;
+   // more statements
+}</pre>
+
+<p>També es pot ometre els tres blocs. Un alre cop, assegureu-vos de fer servir la sentència <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/break">break</a></code> per finalitzar el bucle i també modificar (incrementar) una variable, de forma que la condició per la sentència break esdevé certa en algun moment determinat.</p>
+
+<pre class="brush: js">var i = 0;
+
+for (;;) {
+  if (i &gt; 3) break;
+  console.log(i);
+  i++;
+}
+</pre>
+
+<h3 id="Example.3A_Using_for_without_the_statement_section" name="Example.3A_Using_for_without_the_statement_section"><u>Exemple: Fer servir <code>for</code> amb una sentència buida</u></h3>
+
+<p><u>El cicle <code>for</code> següent callcula la possició de desplaçament d'un node en la secció  <em>[expressió final]</em>, i per tant no requereix l'ús d'una <code>sentència</code> o secció de sentències <code><a href="/en-US/docs/JavaScript/Reference/Statements/block" title="JavaScript/Reference/Statements/block">block</a></code>, es fa servir una sentència <a href="/en-US/docs/Web/JavaScript/Reference/Statements/Empty">buida</a> en el seu lloc</u>.</p>
+
+<pre class="brush: js">function showOffsetPos (sId) {
+  var nLeft = 0, nTop = 0;
+
+  for (var oItNode = document.getElementById(sId); // initialization
+       oItNode; // condition
+       nLeft += oItNode.offsetLeft, nTop += oItNode.offsetTop, oItNode = oItNode.offsetParent) // final-expression
+       /* empty statement */ ;
+
+  console.log("Offset position of \"" + sId + "\" element:\n left: " + nLeft + "px;\n top: " + nTop + "px;");
+}
+
+// Example call:
+
+showOffsetPos("content");
+
+// Output:
+// "Offset position of "content" element:
+// left: 0px;
+// top: 153px;"</pre>
+
+<div class="note"><strong>Nota:</strong> En aquest cas, quan no es fa servir la secció <code>sentència</code>, <strong>es fica un punt i coma immediatament despres de la declaració del cicle</strong>.</div>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.6.3', 'for statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-for-statement', 'for statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Statements/break", "break")}}</li>
+ <li>{{jsxref("Statements/continue", "continue")}}</li>
+ <li>{{jsxref("Statements/empty", "empty")}}</li>
+ <li>{{jsxref("Statements/while", "while")}}</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/do...while"><code>do...while</code></a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in"><code>for...in</code></a></li>
+ <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of"><code>for...of</code></a></code></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/function/index.html b/files/ca/web/javascript/referencia/sentencies/function/index.html
new file mode 100644
index 0000000000..37deff748f
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/function/index.html
@@ -0,0 +1,171 @@
+---
+title: function
+slug: Web/JavaScript/Referencia/Sentencies/function
+translation_of: Web/JavaScript/Reference/Statements/function
+---
+<div>
+<div>{{jsSidebar("Statements")}}</div>
+</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p>La <strong>declaració d'una funció</strong> defineix una funció amb uns paràmetres especificats.</p>
+
+<div class="noinclude">
+<p>També podeu definir funcions fent servir el constructor {{jsxref("Function")}} i un {{jsxref("Operators/function", "function expression")}}.</p>
+</div>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox">function <em>nom</em>([<em>paràm</em>,[, <em>paràm</em>,[..., <em>paràm</em>]]]) {
+   [<em>sentències</em>]
+}
+</pre>
+
+<dl>
+ <dt><code>nom</code></dt>
+ <dd>El nom de la funció.</dd>
+</dl>
+
+<dl>
+ <dt><code>paràm</code></dt>
+ <dd>El nom d'un argument que se li passarà a la funció. Una funció pot arribar a tenir fins a 255 arguments.</dd>
+</dl>
+
+<dl>
+ <dt><code>sentències</code></dt>
+ <dd>Les sentències que comprenen el cos de la funció.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Una funció creada amb una declaració d'una funció és un objecte <code>Function</code> i té totes les propietats, mètodes i comportament dels objectes <code>Function</code>. Vegeu {{jsxref("Function")}} per informació detallada sobre funcions.</p>
+
+<p>Una funció també es pot crear fent servir una expressió (vegeu {{jsxref("Operators/function", "function expression")}}).</p>
+
+<p>Per defecte, les funcions retornen <code>undefined</code>. Per tal de retornar qualsevol altre valor, la funció ha de tenir una sentència {{jsxref("Statements/return", "return")}} que especifiqui el valor que retorna.</p>
+
+<h3 id="Funcions_creades_de_forma_condicional">Funcions creades de forma condicional</h3>
+
+<p>Les funcions poden ser declarades de forma condicional, és a dir, una sentència d'una funció pot estar aniuada dins d'una sentència <code>if</code>. La majoria de navegadors que no siguin Mozilla tractaran aquestes declaracions condicionals com a declaracions incondicionals i crearàn la funció tant si la condició és vertadera o falsa, vegeu <a href="http://kangax.github.io/nfe/#function-statements">aquest article</a> per una visió general. Per tant, no s'haurien de fer servir, per creacions condicionals feu servir expressions de funcions.</p>
+
+<h3 id="Declarar_les_funcions_abans_de_definir-les_(hosting)">Declarar les funcions abans de definir-les <em>(hosting)</em></h3>
+
+<p><u>Function declarations in JavaScript are hoisting the function definition</u>. En Javascript es pot ser cridar una funció abans de declarar-la. En anglès existeix un ver:</p>
+
+<pre class="brush: js">hoisted(); // logs "foo"
+
+function hoisted() {
+  console.log("foo");
+}
+</pre>
+
+<p>Vegeu que {{jsxref("Operators/function", "function expressions")}} no estan hoisted:</p>
+
+<pre class="brush: js">notHoisted(); // TypeError: notHoisted is not a function
+
+var notHoisted = function() {
+   console.log("bar");
+};
+</pre>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Exemple_Fer_servir_function">Exemple: Fer servir <code>function</code></h3>
+
+<p>El codi següent declara una funció que retorna la quantitat total de vendes, quan se li dóna el nombre d'unitat venudes d' <code>a</code>, <code>b</code>, i <code>c</code>.</p>
+
+<pre class="brush: js">function calc_sales(units_a, units_b, units_c) {
+   return units_a*79 + units_b * 129 + units_c * 699;
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició iniciañ. Implementat en JavaScript 1.0</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-13', 'Function definition')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-function-definitions', 'Function definitions')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Functions_and_function_scope", "Functions and function scope")}}</li>
+ <li>{{jsxref("Function")}}</li>
+ <li>{{jsxref("Operators/function", "function expression")}}</li>
+ <li>{{jsxref("Statements/function*", "function* statement")}}</li>
+ <li>{{jsxref("Operators/function*", "function* expression")}}</li>
+ <li>{{jsxref("GeneratorFunction")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/if...else/index.html b/files/ca/web/javascript/referencia/sentencies/if...else/index.html
new file mode 100644
index 0000000000..b45e9bea3c
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/if...else/index.html
@@ -0,0 +1,203 @@
+---
+title: if...else
+slug: Web/JavaScript/Referencia/Sentencies/if...else
+translation_of: Web/JavaScript/Reference/Statements/if...else
+---
+<div>
+<div>{{jsSidebar("Statements")}}</div>
+</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>La <strong><a href="/en-US/docs/Web/JavaScript/Guide/Statements">sentència </a>if </strong>executa una sentència si una condició especificada és certa. Si la condició és falsa, opcionalment s'executa una declaració diferent.</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox">if (<em>condició</em>)
+   <em>sentència1</em>
+[else
+   <em>sentència2</em>]
+</pre>
+
+<dl>
+ <dt><code>condició</code></dt>
+ <dd><u>Una <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions">expressió</a> que esdevé o certa o falsa.</u></dd>
+</dl>
+
+<dl>
+ <dt><code>sentència1</code></dt>
+ <dd><u>És la sentència que s'executa si la <code>condició</code> esdevé certa. Pot ser qualsevol declaració, incloent més sentències <code>if</code> aniuades.</u> Per executar múltimples sentències, es fa servir una sentència <a href="/en-US/docs/Web/JavaScript/Reference/Statements/block" title="en/JavaScript/Reference/Statements/block">block</a> ({ ... }) per agrupar aquestes sentències, si no es vol executar cap sentència, es fa servir una sentència <a href="/en-US/docs/Web/JavaScript/Reference/Statements/Empty">buida</a>.</dd>
+</dl>
+
+<dl>
+ <dt><code>sentència2</code></dt>
+ <dd>La sentència que s'executa si la <code>condition</code> esdevé falsa i hi ha la clàusula <code>else</code>. Pot ser qualsevol sentència, incloent sentències en<u> block </u>i més sentències <code>if</code> aniuades.</dd>
+</dl>
+
+<h2 id="Description" name="Description">Descripció</h2>
+
+<p>Múltiples sentències <code>if...else</code> poden aniuar-se per crear una clàusula <code>else if</code>. Fixeu-vos que no hi ha la paraula clau <code>elseif</code> (en una paraula) en JavaScript.</p>
+
+<pre class="eval">if (<em>condició1</em>)
+   <em>sentència1</em>
+else if (<em>condició2</em>)
+   <em>sentència2</em>
+else if (<em>condició3</em>)
+   <em>sentència3</em>
+...
+else
+   <em>sentènciaN</em>
+</pre>
+
+<p>Per veure com funciona, així es com es veuria amb l'aniuament degudament indentat.</p>
+
+<pre class="eval">if (<em>condició1</em>)
+   <em>sentència1</em>
+else
+   if (<em>condició2</em>)
+      <em>sentència2</em>
+   else
+      if (<em>condició3</em>)
+...
+</pre>
+
+<p>Per executar múltiples sentències dins una clàusula, utilitzeu una sentència block (<code>{ ... }</code>) per agrupar aquestes sentències. En general, és una bona pràctica utilitzar sempre sentències de <u>block</u>, especialment en codi que inclogui sentències <code>if</code> aniuades:</p>
+
+<pre class="eval">if (<em>condició</em>) {
+   <em>sentència1</em>
+} else {
+   <em>sentència2</em>
+}
+</pre>
+
+<p>No confongueu els valors booleans primitius <code>true</code> i <code>false</code> amb els valors cert i fals de l'objecte <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global_Objects/Boolean">Boolean</a>. Qualsevol valor que no sigui <code>undefined</code>, <code>null</code>, <code>0</code>, <code>NaN</code>, o una cadena buida (<code>""</code>), i qualsevol objecte, incloent un objecte Boolean que tingui el valor fals, esdevé cert quan es passa a una sentència condicional. Per exemple:</p>
+
+<pre class="brush: js">var b = new Boolean(false);
+if (b) // this condition evaluates to true
+</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_if...else" name="Example:_Using_if...else">Exemple: Fer servir <code>if...else</code></h3>
+
+<pre class="brush: js">if (cipher_char === from_char) {
+   result = result + to_char;
+   x++;
+} else {
+   result = result + clear_char;
+}
+</pre>
+
+<h3 id="Exemple_Fer_servir_else_if">Exemple: Fer servir <code>else if</code></h3>
+
+<p>Vegeu que no hi ha cap sintaxi <code>elseif</code> en JavaScript. Tanmateix, es pot escriure amb un espai entre <code>else</code> i <code>if</code>:</p>
+
+<pre class="brush: js">if (x &gt; 5) {
+
+} else if (x &gt; 50) {
+
+} else {
+
+}</pre>
+
+<h3 id="Example:_Assignment_within_the_conditional_expression" name="Example:_Assignment_within_the_conditional_expression">Exemple: Assignació dins l'expressió condicional</h3>
+
+<p>És recomanable no utilitzar assignacions simples en una expressió condicional, atès que l'assignació es pot confondre amb l'igualtat quan es mira per sobre el codi. Per exemple, no utilitzeu el codi següent:</p>
+
+<pre class="brush: js">if (x = y) {
+   /* do the right thing */
+}
+</pre>
+
+<p>Si necessiteu usar una assignació dins d'una expressió condicional, una pràctica comuna és ficar parèntesis addicionals embolcallant l'assignació. Per exemple:</p>
+
+<pre class="brush: js">if ((x = y)) {
+   /* do the right thing */
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificacó</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definció inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.5', 'if statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-if-statement', 'if statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome for Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li>{{jsxref("Statements/block", "block")}}</li>
+ <li>{{jsxref("Statements/switch", "switch")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/index.html b/files/ca/web/javascript/referencia/sentencies/index.html
new file mode 100644
index 0000000000..e91e446cbf
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/index.html
@@ -0,0 +1,129 @@
+---
+title: Statements and declarations
+slug: Web/JavaScript/Referencia/Sentencies
+tags:
+  - JavaScript
+  - NeedsTranslation
+  - Reference
+  - TopicStub
+  - statements
+translation_of: Web/JavaScript/Reference/Statements
+---
+<div>{{jsSidebar("Statements")}}</div>
+
+<p>Les aplicacions de JavaScript consisteixen en sentències amb una sintaxi adequada. Una sola sentència pot ocupar múltiples línies. Múltiples sentències poden donar-se en una sola línia si cada sentència és separada per un punt i coma. Això no és una paraula clau sino un grup de paraules claus.</p>
+
+<h2 id="Sentències_i_declaracions_per_categoria">Sentències i declaracions per categoria</h2>
+
+<p>Per a un llistat alfabetic vegeu el menú de l'esquerra.</p>
+
+<h3 id="Control_de_fluxe">Control de fluxe</h3>
+
+<dl>
+ <dt>{{jsxref("Sentencies/block", "Block")}}</dt>
+ <dd>Una sentència bloc s'utilitza per a agrupar zero o més sentències. El bloc és delimitat per un parell de claus {}.</dd>
+ <dt>{{jsxref("Sentencies/break", "break")}}</dt>
+ <dd>Acaba la sentència bucle, switch o label actual i transfereix el control del programa a la sentència que segueix la sentència que tot just s'ha acabat.</dd>
+ <dt>{{jsxref("Sentencies/continue", "continue")}}</dt>
+ <dd>Acaba l'execució de les sentències de la iteració del bucle actual o bé del bucle especificat, i continua l'execució del bucle amb la següent iteració.</dd>
+ <dt>{{jsxref("Sentencies/Empty", "Empty")}}</dt>
+ <dd>Una sentència buida s'utilitza per a proporcionar una sentència que no fa res quan JavaScript espera una sentència però no se'n necesita executar cap.</dd>
+ <dt>{{jsxref("Sentencies/if...else", "if...else")}}</dt>
+ <dd>Executa una sentència si la condició especificada és certa. Si la condició és falsa una altra sentència pot ser executada.</dd>
+ <dt>{{jsxref("Sentencies/switch", "switch")}}</dt>
+ <dd>Evalua una expressió, compara el resultat de l'evaluació amb una clàusula de tipus <em>case </em>i executa la sentència pertanyent a la clàusula case que és igual a l'evaluació de l'expressió.</dd>
+ <dt>{{jsxref("Sentencies/throw", "throw")}}</dt>
+ <dd>Llença una excepció definida per l'usuari.</dd>
+ <dt>{{jsxref("Sentencies/try...catch", "try...catch")}}</dt>
+ <dd>Executa un bloc de sentències i, en cas que alguna sentència del bloc llenci una excepció, executa una sentència alternativa.</dd>
+</dl>
+
+<h3 id="Declaracions">Declaracions</h3>
+
+<dl>
+ <dt>{{jsxref("Sentencies/var", "var")}}</dt>
+ <dd>Declara una variable, opcionalment li assigna un valor.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Sentencies/let", "let")}}</dt>
+ <dd>Declara un bloc de variables d'àmbit local, opcionalment li assigna un valor.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Sentencies/const", "const")}}</dt>
+ <dd>Declara una constant de només lectura.</dd>
+</dl>
+
+<h3 id="Funcions">Funcions</h3>
+
+<dl>
+ <dt>{{jsxref("Sentencies/function", "function")}}</dt>
+ <dd>Declara una funció amb els paràmetres especificats.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Sentencies/function*", "function*")}}</dt>
+ <dd>Funcions generadores que permeten escriure <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/The_Iterator_protocol">iteradors</a> de forma més senzilla.</dd>
+ <dt>{{jsxref("Sentencies/return", "return")}}</dt>
+ <dd>Especifica el valor que retornarà una funció.</dd>
+</dl>
+
+<h3 id="Iteracions">Iteracions</h3>
+
+<dl>
+ <dt>{{jsxref("Sentencies/do...while", "do...while")}}</dt>
+ <dd>Crea un bucle que executa una sentència especificada fins que la condició de test s'evalua a fals. La condició s'evalua després d'executar la sentència, resultant en que la sentència especificada s'executa al menys un cop.</dd>
+ <dt>{{jsxref("Sentencies/for", "for")}}</dt>
+ <dd>Crea un bucle que sonsisteix en tres expressions opcionals embolcallades per parèntesi i separades per punts i coma, seguides d'una sentència que s'executarà en el bucle.</dd>
+ <dt>{{deprecated_inline()}} {{non-standard_inline()}} {{jsxref("Sentencies/for_each...in", "for each...in")}}</dt>
+ <dd>Itera sobre tots els valors de les propietats d'un objecte, assignant a una variable determinada el seu valor. Per a cada propietat distinta s'executa una sentència.</dd>
+ <dt>{{jsxref("Sentencies/for...in", "for...in")}}</dt>
+ <dd>Itera sobre les propietats enumerables d'un objecte en un ordre arbitrari. Per a cada propietat distinta s'executa una sentència.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Sentencies/for...of", "for...of")}}</dt>
+ <dd>Itera sobre objectes iterables (incloent <a href="https://developer.mozilla.org/en-US/docs/Core_JavaScript_1.5_Reference/Global_Objects/Array" title="Array">arrays</a>, objectes similar a arrays, <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Iterators_and_Generators" title="Iterators and generators">iteradors i generadors</a>), executant una sentència per al valor de cada propietat distinta.</dd>
+ <dt>{{jsxref("Sentencies/while", "while")}}</dt>
+ <dd>Crea un bucle que executa la sentència donada mentre una condició sigui certa. La condició s'evalua abans d'executar la sentència.</dd>
+</dl>
+
+<h3 id="Altres">Altres</h3>
+
+<dl>
+ <dt>{{jsxref("Sentencies/debugger", "debugger")}}</dt>
+ <dd>Invoca qualsevol funcionalitat de depuració que estigui disponible. Si no hi ha cap funcionalitat de depuració disponible aquesta sentència no te cap efecte.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Sentencies/export", "export")}}</dt>
+ <dd>Utilitzada per a exportar funcions per a que aquestes estiguin disponibles per a imports a mòduls externs, en altres scripts.</dd>
+ <dt>{{experimental_inline()}} {{jsxref("Sentencies/import", "import")}}</dt>
+ <dd>Utilitzada per a importar funcions exportades d'un mòdul extern, un altre script.</dd>
+ <dt>{{jsxref("Sentencies/label", "label")}}</dt>
+ <dd>Asigna un identificador a una sentència. Aquest identificador pot ser emprat en sentències <code>break</code> o <code>continue</code>.</dd>
+</dl>
+
+<dl>
+ <dt>{{deprecated_inline()}} {{jsxref("Sentencies/with", "with")}}</dt>
+ <dd>Extèn la cadena d'àmbit per a una sentència.</dd>
+</dl>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentari</th>
+  </tr>
+  <tr>
+   <td>ECMAScript 1a Edició</td>
+   <td>Standard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12', 'Statements')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-ecmascript-language-statements-and-declarations', 'Llenguatge ECMAScript: Sentències i declaracions')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td>Nou: function*, let, for...of, yield</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators">Operadors</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/return/index.html b/files/ca/web/javascript/referencia/sentencies/return/index.html
new file mode 100644
index 0000000000..5b3c3e902a
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/return/index.html
@@ -0,0 +1,183 @@
+---
+title: return
+slug: Web/JavaScript/Referencia/Sentencies/return
+translation_of: Web/JavaScript/Reference/Statements/return
+---
+<div>
+<div>{{jsSidebar("Statements")}}</div>
+</div>
+
+<h2 id="Resum">Resum</h2>
+
+<p><u>La <strong>sentència</strong> <strong><code>return</code> </strong>finalitza l'execució de la funció i especifica un valor que retornarà a la funció que l'ha cridat.</u></p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox">return [[expressió]]; </pre>
+
+<dl>
+ <dt><code>expressió</code></dt>
+ <dd>L'expressió que retorna. En cas d'ometre-s, es retorna <code>undefined</code>.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Quan una sentència <code>return</code> és cridada dins una funció, l'execució d'aquesta funció s'atura. En cas d'especificar-se, un valor donat és retornat a la funció que l'ha cridat. Si s'omet l'expressió, es retornarà <code>undefined</code>. En les següents sentències return totes aturen l'execució de la funció:</p>
+
+<pre class="brush: js">return;
+return true;
+return false;
+return x;
+return x + y / 3;
+</pre>
+
+<h3 id="Insersió_automàtica_de_punt_i_coma">Insersió automàtica de punt i coma</h3>
+
+<p><u>La sentència <code>return</code> es veu afectada per la <a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Automatic_semicolon_insertion">insersió automàtica de punt i coma ()</a>. No hi ha cap final de línia entre la paraula clau <code>return</code> i l'expressió permesa.</u></p>
+
+<pre class="brush: js">return
+a + b;
+
+// is transformed by ASI into
+
+return;
+a + b;
+</pre>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<h3 id="Example:_Using_return" name="Example:_Using_return">Exemple: Fer servir <code>return</code></h3>
+
+<p>La següent funció retorna el quadrat del seu argument, <code>x</code>, on <code>x</code> és un nombre.</p>
+
+<pre class="brush: js">function square(x) {
+   return x * x;
+}
+</pre>
+
+<h3 id="Example:_Interrupt_a_function" name="Example:_Interrupt_a_function">Exemple: Interrompre una funció</h3>
+
+<p>Una funció s'atura immediatament en el moment en que es crida <code>return</code>.</p>
+
+<pre class="brush: js">function counter() {
+  for (var count = 1; ; count++) {  // infinite loop
+    console.log(count + "A"); // until 5
+      if (count === 5) {
+        return;
+      }
+      console.log(count + "B");  // until 4
+    }
+  console.log(count + "C");  // never appears
+}
+
+counter();
+
+// Output:
+// 1A
+// 1B
+// 2A
+// 2B
+// 3A
+// 3B
+// 4A
+// 4B
+// 5A
+</pre>
+
+<h3 id="Exemple_Returning_a_function">Exemple: Returning a function</h3>
+
+<p>Per més informació sobre closures, llegiu la <a href="/en-US/docs/Web/JavaScript/Guide/Closures">Guia de JavaScript</a>.</p>
+
+<pre class="brush: js">function magic(x) {
+  return function calc(x) { return x * 42};
+}
+
+var answer = magic();
+answer(1337); // 56154
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript</td>
+   <td>Estàndard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.9', 'Return statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-return-statement', 'Return statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope" title="En/Core_JavaScript_1.5_Reference/Functions">Funcions</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Guide/Closures">Closures</a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/throw/index.html b/files/ca/web/javascript/referencia/sentencies/throw/index.html
new file mode 100644
index 0000000000..37d13b964b
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/throw/index.html
@@ -0,0 +1,228 @@
+---
+title: throw
+slug: Web/JavaScript/Referencia/Sentencies/throw
+translation_of: Web/JavaScript/Reference/Statements/throw
+---
+<div>{{jsSidebar("Statements")}}</div>
+
+<p>La <strong>sentència <code>throw</code> </strong>llença una excepció definida per l'usuari. L'execució de la funció actual s'aturarà (les sentències de després de <code>throw</code> no s'executaran) i es passarà el control al primer bloc <a href="/en-US/docs/Web/JavaScript/Reference/Statements/try...catch"><code>catch</code></a> en la pila de crides. Si no existeix cap bloc <code>catch</code> en les funcions de crides, el programa s'acabarà.</p>
+
+<h2 id="Sintaxi">Sintaxi</h2>
+
+<pre class="syntaxbox">throw <em>expressió</em>; </pre>
+
+<dl>
+ <dt><code>expressió</code></dt>
+ <dd>L'expressió que es llença.</dd>
+</dl>
+
+<h2 id="Descripció">Descripció</h2>
+
+<p>Utilitzeu una sentència <code>throw</code> per llençar una excepció. Quan es llença l'excepció, <code>expression</code> especifica el valor de l'excepció. Cadascun dels exemples següents llença una excepció:</p>
+
+<pre class="brush: js">throw "Error2"; // genera una excepció amb un valor tipus cadena
+throw 42;       // genera una excepció amb el valor 42
+throw true;     // genera una excepció amb el valor true</pre>
+
+<p>Tingueu en compte que la sentència <code>throw</code> queda afectada per <a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Automatic_semicolon_insertion">insersió automàtica de punts i comes (ASI)</a> ja que no es permet cap final de línia<u> </u>entre la paraula clau <code>throw</code> i l'expressió.</p>
+
+<h2 id="Exemples">Exemples</h2>
+
+<h3 id="Llença_un_objecte">Llença un objecte</h3>
+
+<p>Es pot especificar un objecte quan es llença una excepció. Es pot fer referència a les propietats de l'objecte en el bloc <code>catch</code>. L'exemple següent crea un objecte <code>myUserException</code> de tipus <code>UserException</code> i l'utilitza en una sentència <code>throw</code>.</p>
+
+<pre class="brush: js">function UserException(message) {
+   this.message = message;
+   this.name = "UserException";
+}
+function getMonthName(mo) {
+   mo = mo-1; // Adjustar el número de mes per un índex d'array (1=Jan, 12=Dec)
+   var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul",
+      "Aug", "Sep", "Oct", "Nov", "Dec"];
+   if (months[mo] !== undefined) {
+      return months[mo];
+   } else {
+      throw new UserException("InvalidMonthNo");
+   }
+}
+
+try {
+   // sentències que s'intentarà exxecutar
+   var myMonth = 15; // 15 està fora del rang i llençarà l'excepció
+   monthName = getMonthName(myMonth);
+} catch (e) {
+   monthName = "unknown";
+   logMyErrors(e.message, e.name); // es pasa l'objecte excepció al manegador d'errors
+}
+</pre>
+
+<h3 id="Un_altre_exemple_de_llençar_un_objecte">Un altre exemple de llençar un objecte</h3>
+
+<p>L'exemple següent comprova si una cadena donada és un codi postal per EE.UT. SI el codi postal utilitza un format invàlid, la sentència throw llença una excepció creant un objecte de tipus <code>ZipCodeFormatException</code>.</p>
+
+<pre class="brush: js">/*
+ * Crea un objecte ZipCode.
+ *
+ * Els formats acceptats per a un codi postal són:
+ *    12345
+ *    12345-6789
+ *    123456789
+ *    12345 6789
+ *
+ * Si l'argument passat al constructor ZipCode no s'adjusta a
+ * un d'aquests patrons, es llença una excepció.
+ */
+
+function ZipCode(zip) {
+   zip = new String(zip);
+   pattern = /[0-9]{5}([- ]?[0-9]{4})?/;
+   if (pattern.test(zip)) {
+      // el valor del codi postal serà el primer trobat dins la cadena
+      this.value = zip.match(pattern)[0];
+      this.valueOf = function() {
+         return this.value
+      };
+      this.toString = function() {
+         return String(this.value)
+      };
+   } else {
+      throw new ZipCodeFormatException(zip);
+   }
+}
+
+function ZipCodeFormatException(value) {
+   this.value = value;
+   this.message = "no s'adjusta al format esperat per a un codi postal";
+   this.toString = function() {
+      return this.value + this.message;
+   };
+}
+
+/*
+ * Això podria trobar-se en un script que valida adresses d'EE.UU.
+ */
+
+const ZIPCODE_INVALID = -1;
+const ZIPCODE_UNKNOWN_ERROR = -2;
+
+function verifyZipCode(z) {
+   try {
+      z = new ZipCode(z);
+   } catch (e) {
+      if (e instanceof ZipCodeFormatException) {
+         return ZIPCODE_INVALID;
+      } else {
+         return ZIPCODE_UNKNOWN_ERROR;
+      }
+   }
+   return z;
+}
+
+a = verifyZipCode(95060);         // retorna 95060
+b = verifyZipCode(9560);          // retorna -1
+c = verifyZipCode("a");           // retorna -1
+d = verifyZipCode("95060");       // retorna 95060
+e = verifyZipCode("95060 1234");  // retorna 95060 1234
+</pre>
+
+<h3 id="Rellençar_una_excepció">Rellençar una excepció</h3>
+
+<p>Es pot utilitzar <code>throw</code> per rellençar una excepció després de caputrar-la. L'exemple següent captura una excepció amb un valor numèric i el rellença si el valor és major de 50. L'excepció rellençada es propaga fins a la funció que l'envolcalla o al nivell superior de forma que l'usuari ho vegi.</p>
+
+<pre class="brush: js">try {
+   throw n; // llença una excepció amb un valor numèric
+} catch (e) {
+   if (e &lt;= 50) {
+      // sentències per manejar excepcions 1-50
+   } else {
+      // no es pot manejar aquesta excepció, per tant es rellença
+      throw e;
+   }
+}
+</pre>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES3')}}</td>
+   <td>{{Spec2('ES3')}}</td>
+   <td>Definició inicial. Implementat en JavaScript 1.4</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.13', 'throw statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-throw-statement', 'throw statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Vegeu_també">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/try...catch"><code>try...catch</code></a></li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sentencies/while/index.html b/files/ca/web/javascript/referencia/sentencies/while/index.html
new file mode 100644
index 0000000000..d3997dbefd
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sentencies/while/index.html
@@ -0,0 +1,131 @@
+---
+title: while
+slug: Web/JavaScript/Referencia/Sentencies/while
+translation_of: Web/JavaScript/Reference/Statements/while
+---
+<div>{{jsSidebar("Statements")}}</div>
+
+<h2 id="Summary" name="Summary">Resum</h2>
+
+<p>la <strong>sentència while</strong> crea un bucle que executa una sentència especificada sempre que la condició s'avalui certa. La condició s'avalua abans d'executar la sentència..</p>
+
+<h2 id="Syntax" name="Syntax">Sintaxi</h2>
+
+<pre class="syntaxbox">while (<em>condició</em>) {
+  <em>sentència</em>
+}</pre>
+
+<dl>
+ <dt><code>condició</code></dt>
+ <dd>Una expressió que s'avalua abans de cada passada del bucle. Si aquesta condició esdevé certa, s'executa la <code>sentència</code>. Quan la condició esdevé falsa, l'execució continua amb la sentència posterior al bucle <code>while</code>.</dd>
+ <dt><code>sentència</code></dt>
+ <dd>Una sentència que s'executa sempre que la condició esdevingui certa. Per executar múltiples sentències dins un bucle, podeu fer ús de la sentència <a href="/en-US/docs/JavaScript/Reference/Statements/block" title="JavaScript/Reference/Statements/block">block</a> (<code>{ ... }</code>) per agrupar aquestes sentències.</dd>
+</dl>
+
+<h2 id="Examples" name="Examples">Exemples</h2>
+
+<p>El següent bucle <code>while</code> itera sempre que <code>n</code> sigui menor que tres.</p>
+
+<pre class="brush:js">var n = 0;
+var x = 0;
+
+while (n &lt; 3) {
+  n++;
+  x += n;
+}</pre>
+
+<p>En cada iteració, el bucle incrementa <code>n</code> i ho suma a <code>x</code>. Per tant, <code>x</code> i <code>n</code> prenen els següents valors:</p>
+
+<ul>
+ <li>Després de la primera volta: <code>n</code> = 1 i <code>x</code> = 1</li>
+ <li>Després de la segona volta: <code>n</code> = 2 i <code>x</code> = 3</li>
+ <li>Després de la tercera volta: <code>n</code> = 3 i <code>x</code> = 6</li>
+</ul>
+
+<p>Després de completar la tercera volta, la condició <code>n</code> &lt; 3 ja no esdevé més certa, i per tant finalitza el bucle.</p>
+
+<h2 id="Especificacions">Especificacions</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Especificació</th>
+   <th scope="col">Estat</th>
+   <th scope="col">Comentaris</th>
+  </tr>
+  <tr>
+   <td>1a edició de ECMAScript.</td>
+   <td>Estàndard</td>
+   <td>Definició inicial.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES5.1', '#sec-12.6.2', 'while statement')}}</td>
+   <td>{{Spec2('ES5.1')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('ES6', '#sec-while-statement', 'while statement')}}</td>
+   <td>{{Spec2('ES6')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Característica</th>
+   <th>Android</th>
+   <th>Chrome per Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Suport bàsic</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+   <td>{{ CompatVersionUnknown() }}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also" name="See_also">Vegeu també</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/do...while"><code>do...while</code></a></li>
+ <li>{{jsxref("Statements/for", "for")}}</li>
+</ul>
diff --git a/files/ca/web/javascript/referencia/sobre/index.html b/files/ca/web/javascript/referencia/sobre/index.html
new file mode 100644
index 0000000000..b1fa0734b3
--- /dev/null
+++ b/files/ca/web/javascript/referencia/sobre/index.html
@@ -0,0 +1,44 @@
+---
+title: Sobre aquesta referència
+slug: Web/JavaScript/Referencia/Sobre
+translation_of: Web/JavaScript/Reference/About
+---
+<p>{{JsSidebar}}</p>
+
+<p>La referència de JavaScript serveix com a repositori de coneixement del llenguatge. Hom trobarà aquí el llenguatge descrit en detall. Durant el transcurs d'escriure codi en JavaScript, aquestes pàgines seran de gran ajut com a referència (d'aquí el títol). Si el que es pretén és aprendre JavaScript, o el que es necessita ajuda a l'hora d'entendre algunes de les seves capacitats o característiques, trobarà la informació que buaca a la <a href="/ca/docs/Web/JavaScript/Guide">guia de JavaScript</a>.</p>
+
+<p>El llenguatge de programació JavaScript està pensat per a ser utilitzat sota un entorn més gran, ja sigui un navegador web, scripts de servidor o quelcom similar. Aquesta referència intenta majoriariament ser agnòstica quant a l'entorn i no per tant no està adreçada únicament a un entorn donat pel navegador web.</p>
+
+<h2 id="On_trobar_informació_sobre_JavaScript">On trobar informació sobre JavaScript</h2>
+
+<p>La documentació de les característiques bàsiques de Javascript (<a href="/ca/docs/Web/JavaScript/Language_Resources">ECMAScript</a> pur, majoritàriament) inclou el següent:</p>
+
+<ul>
+ <li>La <a href="/ca/docs/Web/JavaScript/Guide">guia de JavaScript</a></li>
+ <li>La <a href="/ca/docs/Web/JavaScript/Reference">referència de JavaScript</a></li>
+</ul>
+
+<p>Si s'és nou quant a JavaScript, es recomana començar per la <a href="/ca/docs/Web/JavaScript/Guide">guia</a>. Un cop assolits els fonaments, la <a href="/ca/docs/Web/JavaScript/Reference">referència</a> esdevindrà útil per obtindre més detalls sobre objectes individuals i construccions del llenguatge.</p>
+
+<h2 id="Estructura_de_la_referència">Estructura de la referència</h2>
+
+<p>La referència de JavaScript es composa dels següents capítols:</p>
+
+<dl>
+ <dt><a href="/ca/docs/Web/JavaScript/Reference/Global_Objects">Objectes bàsics estandard</a></dt>
+ <dd>Aquest capítol documenta tots els objectes standard proporcionats per JavaScript, així com els seus mètodes i propietats.</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/Reference/Statements">Sentències i declaracions</a></dt>
+ <dd>Una aplicació en JavaScript consisteix en un conjunt de sentències amb una sintaxi adequada. Una sola sentència pot ocupar més d'una línia. Tanmateix múltimples sentències poden aparèixer en una única línia si estan separades per un punt i coma (;).</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/Reference/Functions">Funcions</a></dt>
+ <dd>Capítol dedicat a les funcions en JavaScript.</dd>
+ <dt><a href="/ca/docs/Web/JavaScript/New_in_JavaScript">Històric de versions</a></dt>
+ <dd>Aquest capítol mostra les diferències entre les diferents versions de JavaScript.</dd>
+</dl>
+
+<h2 id="Més_pàgines_de_referència">Més pàgines de referència</h2>
+
+<ul>
+ <li><a href="/ca/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features">Característiques obsoletes i en desús</a></li>
+ <li><a href="/ca/docs/Web/JavaScript/Reference/Lexical_grammar">Gramàtica lèxica</a></li>
+ <li><a href="/ca/docs/Web/JavaScript/Data_structures">Tipus de dades i estructures de dades</a></li>
+</ul>
diff --git a/files/ca/web/reference/api/index.html b/files/ca/web/reference/api/index.html
new file mode 100644
index 0000000000..68a12909a3
--- /dev/null
+++ b/files/ca/web/reference/api/index.html
@@ -0,0 +1,65 @@
+---
+title: Web API reference
+slug: Web/Reference/API
+tags:
+  - API
+  - Landing
+  - Reference
+  - Web
+  - web design
+translation_of: Web/Reference/API
+---
+<p>La Web ofereix una àmplia gamma d'APIs per realitzar diverses tasques útils. Es pot accedir a ells mitjançant el codi de Javascript, i et permeten fer qualsevol cosa, des de fer ajustos menors a qualsevol {{domxref("window")}} or{{domxref("element")}}, per generar gràfics intricats i efectes d'àudio a través de API com <span class="seoSummary"><a href="https://developer.mozilla.org/en-US/docs/Web/WebGL">WebGL</a></span> i <span class="seoSummary"><a href="https://developer.mozilla.org/en-US/docs/Web_Audio_API">Web Audio</a>.</span></p>
+
+<p>Cada interfície individual a través de totes les APIs està llistada en l' <a href="https://developer.mozilla.org/en-US/docs/Web/API">index.</a></p>
+
+<p><span id="result_box" lang="ca"><span>També</span> <span>hi ha una</span> <a href="https://developer.mozilla.org/en-US/docs/Web/Reference/Events">llista de tots els esdeveniments disponibles</a> <span>en la referència</span> <span>d'esdeveniment.</span></span></p>
+
+<div class="cleared topicpage-table">
+<div class="section">
+<dl>
+ <dt><a href="/en-US/docs/DOM">Document Object Model</a></dt>
+ <dd>El DOM és una API que permet l'accés i la modificació del document actual. Permet la manipulació del document {{domxref("Node")}} i {{domxref("Element")}}. HTML, XML i SVG s'han ampliat per manipular els seus elements específics.</dd>
+ <dt>APIs Dispositius</dt>
+ <dd>Aquest conjunt d'APIs permet l'accés a diverses característiques de hardware disponibles a les pàgines web i aplicacions. E.g. <a href="/en-US/docs/WebAPI/Using_Light_Events">Ambient Light Sensor API</a>, <a href="/en-US/docs/WebAPI/Battery_Status" title="WebAPI/Battery_Status">Battery Status API</a>, <a href="/en-US/docs/Using_geolocation" title="Using_geolocation">Geolocation API</a>, <a href="/en-US/docs/WebAPI/Pointer_Lock" title="API/Pointer_Lock_API">Pointer Lock API</a>, <a href="/en-US/docs/WebAPI/Proximity" title="WebAPI/Proximity">Proximity API</a>, <a href="/en-US/docs/WebAPI/Detecting_device_orientation" title="WebAPI/Detecting_device_orientation">Device Orientation API</a>, <a href="/en-US/docs/WebAPI/Managing_screen_orientation" title="WebAPI/Detecting_device_orientation">Screen Orientation API</a>, <a href="/en-US/docs/WebAPI/Vibration" title="WebAPI/WebBluetooth">Vibration API</a>.</dd>
+ <dt>APIs Comunicacions</dt>
+ <dd>Aquestes APIs permeten a les pàgines web i a les aplicacions que es comuniquen amb altres pàgines o dispositius. E.g. <a href="/en-US/docs/WebAPI/Network_Information" title="WebAPI/Network_Information">Network Information API</a>, <a href="/en-US/docs/WebAPI/Using_Web_Notifications" title="/en-US/docs/WebAPI/Using_Web_Notifications">Web Notifications</a>, <a href="/en-US/docs/WebAPI/Simple_Push" title="WebAPI/Push_Notifications">Simple Push API</a>.</dd>
+ <dt id="Data_management_APIs">APIs Gestió de dades</dt>
+ <dd>Les dades d'usuari poden ser emmagatzemades i administrades usant aquest conjunt d'APIs. E.g. <a href="/en-US/docs/WebAPI/FileHandle_API" title="WebAPI/FileHandle_API">FileHandle API</a>, <a href="/en-US/docs/IndexedDB" title="IndexedDB">IndexedDB</a>.</dd>
+</dl>
+
+<p>A més d'aquestes APIs que estan disponibles a qualsevol lloc web o aplicació, un conjunt d'APIs més potents de Mozilla estan disponibles per a aplicacions amb privilegis i certificats.</p>
+
+<dl>
+ <dt>APIs Privilegis</dt>
+ <dd>Una aplicació privilegiada és una aplicació instal·lada que s'ha atorgat drets específics per part de l'usuari. APIs privilegiats inclosos: <a href="/en-US/docs/WebAPI/TCP_Socket" title="WebAPI/TCP_Socket">TCP Socket API</a>, <a href="/en-US/docs/WebAPI/Contacts" title="WebAPI/Contacts">Contacts API</a>, <a href="/en-US/docs/WebAPI/Device_Storage_API" title="WebAPI/Device_Storage_API">Device Storage API</a>, <a href="/en-US/docs/DOM/Using_the_Browser_API" title="DOM/Using_the_Browser_API">Browser API</a>, <a href="/en-US/docs/WebAPI/Camera" title="WebAPI/Camera">Camera API</a>.</dd>
+ <dt>APIs Certificats</dt>
+ <dd>Una aplicació certificada és una aplicació de baix nivell que realitza operacions crítiques en un sistema operatiu com el sistema Firefox OS. Les aplicacions menys privilegiades interactuan amb aquestes aplicacions utilitzant Web Activities. Certificats API inclosos:<a href="/en-US/docs/WebAPI/WebBluetooth" title="WebAPI/WebBluetooth"> Bluetooth API</a>, <a href="/en-US/docs/WebAPI/Mobile_Connection" title="WebAPI/Mobile_Connection">Mobile Connection API</a>, <a href="/en-US/docs/WebAPI/Network_Stats" title="WebAPI/Network_Stats">Network Stats API</a>, <a href="/en-US/docs/WebAPI/WebTelephony" title="WebAPI/WebTelephony">Telephony</a>, <a href="/en-US/docs/WebAPI/WebSMS" title="WebAPI/WebSMS">WebSMS</a>, <a href="/en-US/docs/WebAPI/WiFi_Information" title="WebAPI/WiFi_Information">WiFi Information API</a>, <a href="/en-US/docs/WebAPI/Power_Management" title="WebAPI/Power_Management">Power Management API</a>, <a href="/en-US/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a>, <a href="/en-US/docs/WebAPI/Idle" title="WebAPI/Device_Storage_API">Idle API</a>, <a href="/en-US/docs/WebAPI/Permissions" title="WebAPI/Permissions">Permissions API</a>, <a href="/en-US/docs/WebAPI/Time_and_Clock" title="WebAPI/Time_and_Clock">Time/Clock API</a>.</dd>
+</dl>
+</div>
+
+<div class="section">
+<h2 class="Community" id="Comunitat">Comunitat</h2>
+
+<p>Uneix-te a la comunitat de la Web API en la nostra llista de correu o grup de notícies:</p>
+
+<ul>
+ <li><a class="external" href="https://lists.mozilla.org/listinfo/dev-webapi">llista de correu</a></li>
+ <li><a href="news://news.mozilla.org/mozilla.dev.webapi">grup de notícies</a></li>
+ <li><a class="external" href="http://groups.google.com/group/mozilla.dev.webapi">Google Group</a></li>
+ <li><a class="external" href="http://groups.google.com/group/mozilla.dev.webapi/feeds">Web feed</a></li>
+</ul>
+
+<p>També, assegura't d'unir-te al debat en directe al canal <a href="irc://irc.mozilla.org/webapi">#webapi</a> en el <a class="external" href="https://wiki.mozilla.org/IRC">IRC</a>.</p>
+
+<h2 class="Related_Topics" id="Temes_relacionats"><span class="short_text" id="result_box" lang="ca"><span>Temes</span> <span>relacionats</span></span></h2>
+
+<p><span class="short_text" id="result_box" lang="ca"><span>Aquests temes</span> <span>també</span> <span>poden</span> <span>ser d'interès</span><span>:</span></span></p>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/API">Índex de tots els interfícies Web API.</a></li>
+</ul>
+</div>
+</div>
+
+<p> </p>
diff --git a/files/ca/web/reference/index.html b/files/ca/web/reference/index.html
new file mode 100644
index 0000000000..76d452efd8
--- /dev/null
+++ b/files/ca/web/reference/index.html
@@ -0,0 +1,27 @@
+---
+title: Referència de tecnologies web
+slug: Web/Reference
+tags:
+  - Landing
+  - Reference
+  - Web
+translation_of: Web/Reference
+---
+<p>{{draft()}}<br>
+ El Web oberta es construeix a partir d'una sèrie de tecnologies que requereixen un coneixement adequat per tal d'utilitzar-los. A continuació trobareu els enllaços al nostre material de referència per a cada un d'ells.</p>
+
+<h2 class="Documentation" id="Tecnologies_Web"><span class="short_text" id="result_box" lang="ca"><span>Tecnologies Web</span></span></h2>
+
+<p>És recomanable que ja t'iniciïs a la web, però, no és absolutament necessari.</p>
+
+<dl>
+ <dt><strong><a href="/en-US/docs/Glossary/HTML">HTML</a></strong> — <span class="short_text" id="result_box" lang="ca"><span>estructuració de la</span> <span>Web</span></span></dt>
+ <dd><span id="result_box" lang="ca"><span>El <strong>llenguatge</strong></span><strong> <span>de marcat</span> <span>d'hipertext</span></strong> <span>s'utilitza per definir</span> <span>i</span> <span>descriure el</span> <span>contingut</span> <span>semàntic</span> </span> (<a href="/en-US/docs/Glossary/markup">markup</a>) <span id="result_box" lang="ca"><span>d'una</span> <span>pàgina</span> <span>web</span> <span>en un format</span> <span>ben estructurat.</span></span><br>
+ HTML proporciona un mitjà per crear documents estructurats, formats per blocs anomenats <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">elements HTML</a> que estan delineats per les <a href="https://developer.mozilla.org/en-US/docs/Glossary/Tag">etiquetes</a>, escrites usant parèntesis angulars: alguns introdueixen continguts a la pàgina directament, altres proporcionen informació sobre el text del document i poden incloure altres etiquetes com sub-elements . Òbviament, els navegadors no les mostrens, ja que s'utilitzen per interpretar el contingut de la pàgina.<br>
+ <br>
+ <a href="/en-US/Learn/HTML/Introduction_to_HTML">Introducció a HTML</a> | <a href="/en-US/Learn/HTML">Aprendre HTML</a> | <a href="/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a> | <a href="/en-US/docs/Web/Guide/HTML">Guia del desenvolupador</a> | <a href="/en-US/docs/Web/HTML/Element">Element de referència</a> | <strong><a href="/en-US/docs/Web/HTML/Reference">referència</a></strong></dd>
+ <dt><strong><a href="/en-US/docs/Glossary/CSS">CSS</a></strong> — estil del Web</dt>
+ <dd>Les <strong>fulles d'estil en cascada</strong> s'utilitzen per descriure l'aparença del contingut Web.<br>
+ <br>
+ <a href="/en-US/Learn/CSS/Introduction_to_CSS">Introducció a CSS</a>  | <a href="/en-US/docs/Web/Guide/CSS/Getting_started">Primers passos amb CSS</a> | <a href="/en-US/Learn/CSS">Aprendre CSS</a> | <a href="/en-US/docs/Web/CSS/CSS3">CSS3 </a>| <a href="/en-US/docs/Web/Guide/CSS">Guia del desenvolupador</a> | <a href="/en-US/docs/Web/CSS/Common_CSS_Questions">Preguntes comunes de CSS</a> | <strong><a href="/en-US/docs/Web/CSS/Reference">referència</a></strong></dd>
+</dl>
diff --git a/files/ca/web/tutorials/index.html b/files/ca/web/tutorials/index.html
new file mode 100644
index 0000000000..49e6e91d1a
--- /dev/null
+++ b/files/ca/web/tutorials/index.html
@@ -0,0 +1,253 @@
+---
+title: Tutorials
+slug: Web/Tutorials
+tags:
+  - Beginner
+  - CSS
+  - Code
+  - Guide
+  - HTML
+  - JavaScript
+  - MDN
+  - Tutorial
+  - Web Fundamental
+  - Web_Design
+translation_of: Web/Tutorials
+---
+<p>Els enllaços d'aquesta pàgina condueixen a una varietat de tutorials i material de formació. Ja sigui que estigueu començant l'aprenentatge dels conceptes bàsics, o si sou un gat vell en el desenvolupament web, podeu trobar recursos útils aquí per obtenir les millors pràctiques. Aquests recursos són creats per empreses amb visió de futur i desenvolupadors web que han abraçat els estàndards oberts i les millors pràctiques per al desenvolupament web i que proporciona o permet traduccions, a través d'una llicència de contingut obert, com Creative Commons.</p>
+
+<h2 class="Documentation" id="Documentation" name="Documentation">Tutorials HTML</h2>
+
+<h3 id="Nivell_Introductori">Nivell Introductori</h3>
+
+<div class="row topicpage-table">
+<div class="section">
+<dl>
+ <dt><strong><a href="/en-US/docs/Web/Guide/HTML/Introduction">Introducció a HTML</a></strong></dt>
+ <dd>El que és HTML, el que fa, la seva història en breu, i el que l'estructura d'un document HTML es sembla. Els articles que segueixen a aquest és una mirada a cada part individual d'HTML amb molta més profunditat.</dd>
+ <dt><strong><a href="http://reference.sitepoint.com/html/page-structure" rel="external">Estructura bàsica d'una pàgina Web</a> (SitePoint)</strong></dt>
+ <dd>Aprèn com els elements HTML encaixen en un quadre més gran.</dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/HTML/Element">MDN Referència dels Elements HTML</a></strong></dt>
+ <dd>Una referència completa dels elements HTML, i com els diferents navegadors els donen suport.</dd>
+ <dt><strong><a href="http://wikiversity.org/wiki/Web_Design/HTML_Challenges" rel="external">HTML Reptes</a> (Wikiversity)</strong></dt>
+ <dd>Utilitzeu aquests reptes per perfeccionar els vostres coneixements d'HTML (per exemple, "Haig de fer servir un element &lt;h2&gt; o un element &lt;strong&gt; ?"), centrant-se en el significatiu marge de guany.</dd>
+</dl>
+</div>
+</div>
+
+<h3 id="Nivell_Avançat">Nivell Avançat</h3>
+
+<div class="row topicpage-table">
+<div class="section">
+<dl>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/Tips_for_Authoring_Fast-loading_HTML_Pages">Suggeriments per crear pàgines HTML de càrrega ràpida</a></strong></dt>
+ <dd>Optimitzar les pàgines web per proporcionar un lloc més sensible per als visitants i reduir la càrrega en el servidor web i connexió a Internet.</dd>
+ <dt><strong><a href="http://www.html5rocks.com/tutorials/" rel="external">Tutorial HTML5</a> (HTML5 Rocks)</strong></dt>
+ <dd>Realitzar una visita guiada a través de codi que utilitza característiques d'HTML5.</dd>
+ <dt><strong><a href="http://www.alistapart.com/articles/semanticsinhtml5/" rel="external">Semàntica en HTML5</a> (A List Apart)</strong></dt>
+ <dd>Aprendre el sentit del marcat que és extensible i compatible amb versions posteriors.</dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/Canvas_tutorial">Tutorial Canvas</a></strong></dt>
+ <dd>Aprendre a dibuixar gràfics usant scripts i elements canvas.</dd>
+ <dt><strong><a href="http://html5doctor.com/" rel="external">Doctor HTML5</a></strong></dt>
+ <dd>Articles sobre l'ús d'HTML5 en aquest moment.</dd>
+ <dt><strong><a href="http://www.elated.com/articles/html5-audio/" rel="external">L'alegria d'HTML5 Audio</a> (Exultant)</strong></dt>
+ <dd>Aprèn a fer servir l'element HTML audio per inserir sons en les vostre pàgines web fàcilment. Un munt d'exemples de codi s'inclouen en el tutorial.</dd>
+</dl>
+</div>
+</div>
+
+<h2 class="Documentation" id="Documentation" name="Documentation">Tutorial Javascript</h2>
+
+<h3 id="Nivell_Introductori_2">Nivell Introductori</h3>
+
+<div class="row topicpage-table">
+<div class="section">
+<dl>
+ <dt><strong><a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript Primers Passos</a></strong></dt>
+ <dd><span id="result_box" lang="ca"><span>JavaScript</span> <span>tutorial</span> <span>per a principiants</span> <span>que s'escriu</span> <span>com a part</span> <span>de l'<a href="https://developer.mozilla.org/en-US/docs/Learn">Àrea d'Aprenentatge</a></span><a href="https://developer.mozilla.org/en-US/docs/Learn"> </a><span>de</span> <span>MDN</span><span>.</span></span></dd>
+ <dt><strong><a href="http://www.codecademy.com/">Codecademy</a> (Codecademy)</strong></dt>
+ <dd>Codecademy és una manera fàcil d'aprendre el codi JavaScript. És interactiu i ho pots fer amb els teus amics.</dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Getting_Started">Introducció a JavaScript</a></strong></dt>
+ <dd>Què és JavaScript i com pot ajudar?</dd>
+ <dt><strong><a href="http://docs.webplatform.org/wiki/tutorials/javascript_best_practices" rel="external">JavaScript Millors Pràctiques</a><a href="http://docs.webplatform.org/wiki/tutorials/javascript_best_practices" title="http://docs.webplatform.org/wiki/tutorials/javascript_best_practices"> </a>(WebPlatform.org)</strong></dt>
+ <dd>Aprendre sobre algunes de les millors pràctiques òbvies i (no tan) òbvies en escriure JavaScript.</dd>
+</dl>
+</div>
+</div>
+
+<h3 id="Nivell_Intermedi">Nivell Intermedi</h3>
+
+<div class="row topicpage-table">
+<div class="section">
+<dl>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/A_re-introduction_to_JavaScript">Una Re-Introducció a JavaScript</a></strong></dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>recapitulació</span> <span>del llenguatge de</span> <span>programació JavaScript</span> <span>dirigit als</span> <span>desenvolupadors</span> <span>de nivell</span> <span>intermedi</span></span></dd>
+ <dt><strong><a href="http://eloquentjavascript.net/" rel="external">Eloqüent JavaScript</a></strong></dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>guia completa de</span> <span>les</span> <span>metodologies</span> <span>de nivell</span> <span>intermedi</span> <span>i</span> <span>avançat</span> <span>de JavaScript.</span></span></dd>
+ <dt><strong><a href="http://speakingjs.com/es5/" rel="external">Parlant JavaScript</a> (Dr. Axel Rauschmayer)</strong></dt>
+ <dd><span id="result_box" lang="ca"><span>Per als</span> <span>programadors que</span> <span>volen</span> <span>aprendre</span> <span>JavaScript</span> <span>ràpida</span> <span>i adequadament,</span> <span>i per als</span> <span>programadors</span> <span>de JavaScript que</span> <span>desitgen</span> <span>aprofundir els seus</span> <span>coneixements</span> <span>i</span><span>/</span><span>o</span> <span>buscar temes</span> <span>específics.</span></span></dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt><strong><a href="http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/" rel="external">Patrons de disseny esencial JavaScript</a> (Addy Osmani)</strong></dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>introducció als</span> <span>patrons</span> <span>de disseny</span> <span>essencials</span> <span>de JavaScript.</span></span></dd>
+ <dt><strong><a href="http://www.yuiblog.com/blog/2007/01/24/video-crockford-tjpl/" rel="external">El llenguatge de programació JavaScript</a> (YUI Blog)</strong></dt>
+ <dd><span id="result_box" lang="ca"><span>Douglas</span> <span>Crockford</span> <span>explora</span> <span>el llenguatge</span> <span>com </span><span>és avui,</span> <span>i</span> <span>com va arribar</span> <span>a ser.</span></span></dd>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/Introduction_to_Object-Oriented_JavaScript">Introducció a Javascript Orientat a Objectes</a></strong></dt>
+ <dd><span id="result_box" lang="ca"><span>Aprendre sobre</span> <span>el model</span> <span>d'objectes</span> <span>de JavaScript.</span></span></dd>
+</dl>
+</div>
+</div>
+
+<h3 id="Nivell_avançat">Nivell avançat</h3>
+
+<div class="row topicpage-table">
+<div class="section">
+<dl>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Guide">Guia JavaScript</a></strong></dt>
+ <dd><span id="result_box" lang="ca"><span>Una guia</span> <span>completa, actualitzada</span> <span>regularment</span> <span>per a JavaScript</span> <span>per a tots</span> <span>els</span> <span>nivells</span> <span>d'aprenentatge,</span> <span>des de principiants</span> <span>fins a</span> <span>avançats.</span></span></dd>
+ <dt><strong><a href="https://github.com/getify/You-Dont-Know-JS" rel="external">No saps JS</a> (Kyle Simpson)</strong></dt>
+ <dd>Una sèrie de llibres que ens permeten aprofundir en els mecanismes bàsics del llenguatge JavaScript.</dd>
+ <dt><strong><a href="http://ejohn.org/apps/learn/" rel="external">Aprenentatge avançat JavaScript</a> (John Resig)</strong></dt>
+ <dd>Guia avançada de JavaScript de John Resig's .</dd>
+ <dt><strong><a href="http://www.elated.com/articles/javascript-dom-intro/" rel="external">Introducció al DOM JavaScript</a> (Exultant)</strong></dt>
+ <dd>Què és el Document Object Model, i per què és útil? Aquest article us donarà una suau introducció a aquesta potent funció de JavaScript.</dd>
+ <dt><strong><a href="http://yuiblog.com/blog/2006/10/20/video-crockford-domtheory/" rel="external">Un API Inconvenient: La Teoria del DOM</a> (YUI Blog)</strong></dt>
+ <dd>Douglas Crockford explica el Document Object Model.</dd>
+ <dt><strong><a href="http://yuiblog.com/blog/2006/11/27/video-crockford-advjs/" rel="external">JavaScript avançat</a> (YUI Blog)</strong></dt>
+ <dd>Douglas Crockford mira de prop els patrons de codis de les que els programadors de JavaScript poden triar en l'autoria de les seves aplicacions.</dd>
+ <dt><strong><a href="http://javascript.crockford.com/" rel="external">JavaScript Tresor</a> (Douglas Crockford)</strong></dt>
+ <dd>Accedir a una valuosa col·lecció de tot el contingut de JavaScript per Douglas Crockford.</dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt><strong><a href="http://bonsaiden.github.com/JavaScript-Garden/" rel="external">JavaScript Jardí</a></strong></dt>
+ <dd>Documentació de les parts més peculiars de JavaScript.</dd>
+ <dt><strong><a href="http://exploringjs.com/es6/" rel="external">Explorar ES6</a> (Dr. Axel Rauschmayer)</strong></dt>
+ <dd>Informació fiable i detallada sobre ECMAScript 6.</dd>
+ <dt><strong><a href="http://yuiblog.com/blog/2008/07/22/non-blocking-scripts/" rel="external">Descàrregues de JavaScript sense bloqueig</a> (YUI Blog)</strong></dt>
+ <dd>Suggeriments sobre com millorar el rendiment de descàrrega de pàgines que contenen JavaScript.</dd>
+ <dt><strong><a href="http://shichuan.github.io/javascript-patterns" rel="external">Patrons Javascipt</a></strong></dt>
+ <dd>Un patró Javascript i una col.lecció antipatrons que cobreix els patrons de funció, patrons  jQuery, patrons de jQuery plugin, patrons de disseny, patrons generals, literals i els patrons de construcció, els patrons de creació d'objectes, patrons de reutilització de codi, DOM.</dd>
+ <dt><strong><a href="http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/">Com funcionen els navegadors</a></strong></dt>
+ <dd><span id="result_box" lang="ca"><span>Un article</span> <span>d'investigació</span> <span>detallada</span> <span>que descriu els</span> <span>diferents</span> <span>navegadors</span> <span>moderns</span><span>, els seus</span> <span>motors,</span> <span>la</span> <span>renderització</span> <span>de pàgines,</span> <span>etc.</span></span></dd>
+ <dt><a href="https://github.com/bolshchikov/js-must-watch">Videos JavaScript</a> (GitHub)</dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>col·lecció de vídeos</span> <span>JavaScript</span> <span>per veure</span></span>.</dd>
+</dl>
+</div>
+</div>
+
+<h3 id="Desenvolupament_d'extensions"><span class="short_text" id="result_box" lang="ca"><span>Desenvolupament</span> <span>d'extensions</span></span></h3>
+
+<div class="row topicpage-table" style="width: 100%;">
+<div class="section">
+<dl>
+ <dt><strong><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension">Escriu la teva primera WebExtension</a></strong></dt>
+ <dd>Un passeig a través de la creació d'un WebExtension per Firefox, de principi a fi.</dd>
+ <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Add_a_button_to_the_toolbar">Afegir un botó a la barra d'eines</a></dt>
+ <dd>Afegir botons a la barra d'eines del navegador usant WebExtension.</dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Modify_a_web_page">Modificació d'una pàgina web</a></dt>
+ <dd>Un passeig a través de la modificació d'una pàgina web utilitzant WebExtensions.</dd>
+ <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests">Intercepció de Peticions HTTP</a></dt>
+ <dd>Usar WebExtensions per interceptar i modificar peticions.</dd>
+</dl>
+</div>
+</div>
+
+<h2 class="Documentation" id="Documentation" name="Documentation">Tutorials CSS</h2>
+
+<h3 id="Nivesll_introductori">Nivesll introductori</h3>
+
+<div class="row topicpage-table">
+<div class="section">
+<dl>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started">Inici en CSS</a></strong></dt>
+ <dd>Aquest tutorial us presenta les fulles d'estil en cascada (CSS). Us guiarà a través de les funcions bàsiques de CSS amb exemples pràctics que podeu provar en el vostre ordinador.</dd>
+ <dt><strong><a href="http://en.wikiversity.org/wiki/Web_Design/CSS_Classes" rel="external">Selector Classes CSS</a> (Wikiversity)</strong></dt>
+ <dd>Què són les classes en CSS?</dd>
+ <dt><strong><a href="http://en.wikiversity.org/wiki/Web_Design/External_CSS" rel="external">CSS Extern</a> (Wikiversity)</strong></dt>
+ <dd>Ús de CSS des d'una fulla d'estil externa.</dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt><strong><a href="http://www.w3.org/MarkUp/Guide/Style" rel="external">Afegir un toc d'estil</a> (W3C)</strong></dt>
+ <dd>Una guia breu per a principiants de com dissenyar pàgines web amb CSS.</dd>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/Common_CSS_Questions">Preguntes comuns de CSS</a></strong></dt>
+ <dd>Preguntes i respostes comuns per als principiants.</dd>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors" title="http://codeavengers.com/">Selectors CSS</a></strong></dt>
+ <dd>Una introducció als selectors CSS</dd>
+</dl>
+</div>
+</div>
+
+<h3 id="Nivell_Intermedi_2">Nivell Intermedi</h3>
+
+<div class="row topicpage-table" style="width: 100%;">
+<div class="section">
+<dl>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference">Referéncia CSS</a></strong></dt>
+ <dd>Referència completa de CSS, amb detalls sobre el suport de Firefox i altres navegadors.</dd>
+ <dt><strong><a href="http://en.wikiversity.org/wiki/Web_Design/CSS_challenges" rel="external">Reptes CSS</a> (Wikiversity)</strong></dt>
+ <dd>Sigueu flexibles en les vostres habilitats CSS, i mireu on necessiteu més pràctica.</dd>
+ <dt><strong><a href="http://www.alistapart.com/articles/css-positioning-101/" rel="external">Posicionament 101 CSS</a> (Una llista apart)</strong></dt>
+ <dd>Ús del posicionament per a un disseny compatible amb estàndards, lliure de taules.</dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt><strong><a href="http://www.alistapart.com/articles/progressiveenhancementwithcss/" rel="external">Millora progersiva amb CSS</a> (Una llista apart)</strong></dt>
+ <dd>Integreu la millora progressiva en les vostres pàgines web amb CSS.</dd>
+ <dt><strong><a href="http://www.alistapart.com/articles/fluidgrids/" rel="external">Reixetes fluides</a> (Una llista apart)</strong></dt>
+ <dd>Esquemes de disseny que redimensionan de manera fluïda amb la finestra del navegador, sense deixar d'utilitzar una quadrícula tipogràfica.</dd>
+</dl>
+</div>
+</div>
+
+<h3 id="Nivell_advançat">Nivell advançat</h3>
+
+<div class="row topicpage-table">
+<div class="section">
+<dl>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_transforms">Ùs de les transformacions CSS</a></strong></dt>
+ <dd>Aplicar la rotació, esbiaixar, escalar i desplaçar usant CSS.</dd>
+ <dt><strong><a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_transitions">Transicions CSS</a></strong></dt>
+ <dd>Les transicions CSS, forman part del projecte d'especificació CSS3, proporcionen una manera d'animar als canvis en les propietats CSS, en lloc de que els canvis tinguin un efecte immediat.</dd>
+</dl>
+</div>
+
+<div class="section">
+<dl>
+ <dt><strong><a href="http://www.html5rocks.com/tutorials/webfonts/quick/" rel="external">Guia ràpida per implementar Fonts Web amb @font-face</a> (HTML5 Rocks)</strong></dt>
+ <dd><span id="result_box" lang="ca"><span>La característica</span> <span>@ font</span><span>-</span><span>face</span> <span>de CSS3</span> <span>permet l'ús</span> <span>de tipus de</span> <span>lletra</span> <span>personalitzats</span> <span>al web</span> <span>d'una manera</span> <span>accessible,</span> <span>manipulable i</span> <span>escalable.</span></span></dd>
+ <dt><strong><a href="http://davidwalsh.name/starting-css" rel="external">Començar a escriure CSS</a> (David Walsh)</strong></dt>
+ <dd><span id="result_box" lang="ca"><span>Una</span> <span>introducció a</span> <span>les</span> <span>eines</span> <span>i</span> <span>metodologies</span> <span>per escriure</span> <span>CSS</span> <span>més</span> <span>succinta,</span> <span>mantenible</span> <span>i escalable.</span></span></dd>
+</dl>
+</div>
+</div>
diff --git a/files/ca/web/xslt/index.html b/files/ca/web/xslt/index.html
new file mode 100644
index 0000000000..0f0b11ab0f
--- /dev/null
+++ b/files/ca/web/xslt/index.html
@@ -0,0 +1,19 @@
+---
+title: XSLT
+slug: Web/XSLT
+tags:
+  - XSLT
+translation_of: Web/XSLT
+---
+<p> </p>
+<div>
+ <b>Extensible Stylesheet Language Transformations (XSLT)</b> és un llenguatge basat en <a href="ca/XML">XML</a> emprat, juntament amb programari específic per a processar-lo, per a la transformació de documents XML. Tot i que el procés es referencia com a "transformació", el document original no varia, sino que es crea un de nou document XML basat en el contingut del document existent. A les hores, el nou document pot ser serialitzat pel processador mitjançant una sintaxi XML estàndard o qualsevol altra format, com per exemple <a href="ca/HTML">HTML</a> o text pla. El XSLT és força emprat per convertir dades entre diferents esquemes XML o per convertir dades XML en pàgines web o documents PDF.</div>
+<h4 id="Temes_relacionats" name="Temes_relacionats">Temes relacionats</h4>
+<dl>
+ <dd>
+  <a href="ca/XHTML">XHTML</a>, <a href="ca/XML">XML</a></dd>
+</dl>
+<p><span class="comment">Categories</span></p>
+<p><span class="comment">Interwiki Language Links</span></p>
+<p> </p>
+<p>{{ languages( { "en": "en/XSLT", "es": "es/XSLT", "fr": "fr/XSLT", "ja": "ja/XSLT", "nl": "nl/XSLT", "pl": "pl/XSLT", "pt": "pt/XSLT" } ) }}</p>