From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/ca/web/html/block-level_elements/index.html | 127 ++++++++++++++++++++++ 1 file changed, 127 insertions(+) create mode 100644 files/ca/web/html/block-level_elements/index.html (limited to 'files/ca/web/html/block-level_elements') 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 +--- +

Els elements HTML (HyperText Markup Language) són normalment elements "en bloc" o elements "en línia". 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.

+ +

Els navegadors solen mostrar l'element a nivell de bloc amb un salt de línia abans i després de l'element. Es pot visualitzar com una pila de caixes. El següent exemple demostra la influència de l'element en bloc:

+ +

Elements en Bloc

+ +

HTML

+ +
<p>This paragraph is a block-level element; its background has been colored to display the paragraph's parent element.</p>
+ +

CSS

+ +
p { background-color: #8ABB55; }
+
+ +

{{ EmbedLiveSample('Block-level_Example') }}

+ +

Ús

+ + + +

En bloc vs. En línia

+ +

Hi ha un parell de diferències clau entre els elements en bloc i els elements en línia:

+ +
+
Formateig
+
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.
+
Model de contingut
+
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.
+
+ +

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 categories de contingut. La categoria "en bloc" correspon aproximadament a la categoria de contingut dinàmic en HTML 5, mentre que "en línia" es correspon amb el contingut fraseig, però hi ha categories addicionals.

+ +

Elements

+ +

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).

+ +
+
+
{{ HTMLElement("address") }}
+
Informació de contacte
+
{{ HTMLElement("article") }} {{ HTMLVersionInline(5) }}
+
Contingut Article.
+
{{ HTMLElement("aside") }} {{ HTMLVersionInline(5) }}
+
Contingut  Aside.
+
{{ HTMLElement("blockquote") }}
+
Cita extensa ("bloc").
+
{{ HTMLElement("br") }}
+
Salt de línia.
+
{{ HTMLElement("canvas") }} {{ HTMLVersionInline(5) }}
+
Gràfic canvas.
+
{{ HTMLElement("dd") }}
+
Descripció Definició.
+
{{ HTMLElement("div") }}
+
Divisió document.
+
{{ HTMLElement("dl") }}
+
Llista de definicions.
+
{{ HTMLElement("fieldset") }}
+
Etiquetes de camp.
+
+ +
+
{{ HTMLElement("figcaption") }} {{ HTMLVersionInline(5) }}
+
Llegenda de la imatge.
+
{{ HTMLElement("figure") }} {{ HTMLVersionInline(5) }}
+
Contingut multimèdia, grups amb una llegenda (veure {{ HTMLElement("figcaption") }}).
+
{{ HTMLElement("footer") }} {{ HTMLVersionInline(5) }}
+
Secció o peu de pàgina.
+
{{ HTMLElement("form") }}
+
Formulari d'entrada.
+
{{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}
+
Nivells de capçalera 1-6.
+
{{ HTMLElement("header") }} {{ HTMLVersionInline(5) }}
+
Secció o encapçalament de pàgina.
+
{{ HTMLElement("hgroup") }} {{ HTMLVersionInline(5) }}
+
+
+
Informació de capçalera de grups.
+
+
+
{{ HTMLElement("hr") }}
+
Regla horitzontal (línia divisòria).
+
{{ HTMLElement("li") }}
+
Element de la llista..
+
{{ HTMLElement("main") }}
+
Conté el contingut central únic per aquest document.
+
{{ HTMLElement("nav") }}
+
Conté enllaços de navegació.
+
+ +
+
{{ HTMLElement("noscript") }}
+
Contingut d'ùs si scripting no és compatible o apagat.
+
{{ HTMLElement("ol") }}
+
Llista ordenada.
+
{{ HTMLElement("output") }} {{ HTMLVersionInline(5) }}
+
Formulari de sortida.
+
{{ HTMLElement("p") }}
+
Paràgraf.
+
{{ HTMLElement("pre") }}
+
Text amb format predefinit.
+
{{ HTMLElement("section") }} {{ HTMLVersionInline(5) }}
+
Secció d'una pàgina web.
+
{{ HTMLElement("table") }}
+
Taula.
+
{{ HTMLElement("tfoot") }}
+
Peu de pàgina de la taula.
+
{{ HTMLElement("ul") }}
+
Llista desordenada.
+
{{ HTMLElement("video") }} {{ HTMLVersionInline(5) }}
+
Reproductor de vídeo.
+
+
+ +

Veure

+ + -- cgit v1.2.3-54-g00ecf