HTML - 'container' tags - die ordnungsgemäße Nutzung?

Seit einiger Zeit habe ich schon Webseiten, aber haben nie wirklich gesehen, die Diskussion von der richtigen Nutzung der container-tags. Ich habe gesehen, verschiedene Arten von Inhalten in der Sammlung von tags, aber scheint es in der Regel, dass der Ersteller der Seite nur wählt einen Stil, den Sie mag und Sie Stöcke mit.

Den wichtigsten Diskrepanz in meinem Kopf ist, dass zwischen 

<p>
<div>

aber ich würde auch gerne Meinungen über 

<span>

und andere, die ich möglicherweise vergessen.

InformationsquelleAutor Allyn | 2009-02-25
  1. 12

    HTML wurde ursprünglich erstellt, um den Inhalt der Dokumente, die in irgendeine Art von Struktur verständlich zu Computern. Mit dem im Verstand, die p tag soll zu halten, würde alles, was strukturiert werden, da ein Absatz, wenn der Inhalt der Seite waren sich in einem gedruckten Dokument. Die div und span Elemente sind reserviert als general-Behälter verwenden, die zur Erleichterung der Formatierung und Gruppierung von zusammenhängenden Elementen, um zusätzliche Ebenen der Struktur, vielleicht zu korrelieren, um Seiten in einem text-Dokument.

    In einigen Fällen p tags sollte enthalten andere Elemente, wie Anker (a), Bild (img) und andere in-line-Elemente, weil Sie sich direkt auf den Inhalt der rest des Absatzes und macht es Sinn, diese Gruppe so bleibt, oder der text der rest des Absatzes, bietet eine weitere ausführliche Beschreibung.

    Wenn es nicht eine zusätzliche Beschreibung dieser Elemente, jedoch ist es nicht sinnvoll, Sie in einen Absatz einfach als eine bequeme container; eine div wäre eher angebracht. Im Allgemeinen, einen Absatz enthalten soll, einen Absatz des Textes und des jedes direkt verbundene oder beschriebene Elemente. Nichts anderes macht wenig Sinn in einem Absatz.

    UPDATE: HTML5 fügt auch eine Reihe von anderen semantischen "container" - Elemente, einschließlich article, nav, header, section, und aside.

    • "und möglicherweise Listen (ol & ul)" Nein, ol und ul Elemente sind nicht gültig innerhalb von p Elemente.
    • stimmt, ich verpasst, dass Fehler in meinen Bearbeitungen. Ich habe korrigiert die Antwort.
    InformationsquelleAutor cdeszaq
  2. 6

    Ich denke, die Bedeutung der tags ist so etwas wie dieses:

    <p>Paragraph, usually just text</p>

<div>A block, containing anything</div>

<span>Just a simple non-blocking wrapper</span>
    • +1 aber was meinst du mit "non-blocking "wrapper"?
    InformationsquelleAutor TheHippo
  3. 3

    Den Unterschied zwischen diesen drei (und viele andere) - tags, die Ihre semantische Bedeutung. Der HTML-standard umfasst sowohl tags mit bestimmten semantischen Bedeutungen (<p> Absätzen <em> für hervorgehobenen text, etc.) und tags ohne semantische Bedeutung.

    Letztere sind <div> und <span>, die zum identifizieren von block - oder inline-level-Inhalte, die identifiziert werden muss (mit, sagen, eine class= oder id= Attribut), für die jedoch eine semantisch bestimmten tag besteht nicht. Zum Beispiel kann man schreiben <p>Hi, my name is <span class="name">John Doe</span>.</p> anzeigt, dass es ist ein Absatz (der browser hat bereits eine Idee, wie das zu handhaben sind) und dass ein Teil der Inhalte ist ein name (was bedeutet, absolut nichts an den browser, es sei denn, CSS-oder JavaScript verwendet es).

    Diese tags sind daher unglaublich nützlich sowohl in das hinzufügen zusätzlicher Informationen zu einem HTML-Dokument, das passt nicht in den semantischen tags geliefert von der Norm (siehe die hCard-Spezifikation für ein hervorragendes Beispiel) und für die Anwendung visual (CSS) oder funktionale (JavaScript -) Struktur eines Dokuments ohne änderung Ihrer Semantik.

    InformationsquelleAutor Ben Blank
  4. 2

    Ich denke, Seite Machern sollte die Verwendung von semantischem markup, was bedeutet, dass die markup-Sie erstellen sollte kommunizieren Bedeutung (und nicht die Präsentation). <div> und <p> verschiedene Bedeutungen haben. Der ehemalige wird verwendet, um zu definieren, eine division (oder Abschnitt) eine HTML-Seite, die letztere definieren einen Absatz von text.

    InformationsquelleAutor Kevin Babcock
  5. 2

    <p> ist ein block-level element, das sollte ein Absatz besteht aus text, inline-Elemente, die ändern den text ( <p> , <a>, <abbr> usw.), und Bilder.

    <div> ist ein block-level-element verwendet, um teilen Sie die Seite, fast immer in Verbindung mit CSS-Stilen.

    <span>... naja, ich glaube ehrlich nicht, verwenden Sie dieses tag, dass oft. Es ist ein inline-element, und ich benutze es in der Regel, wenn ich möchte, Formatvorlagen anwenden, um einen Teil des Textes, der würde nicht von nutzen sein, etwas mit mehr Bedeutung, wie die <strong> und <em> tags.

    InformationsquelleAutor Jacob Hume
  6. 1

    War ich dache anzeigen <span> und <div> als "tofu webdeveloppement", denn es hat keinen wirklichen Geschmack, aber Sie können fast alles tun mit ihm.

    (X)HTML-tags definieren, was der text, der Sie umgibt ist. Ist und Adresse, ist es ein link, ist es ein Absatz, und so weiter...

    <div> und <span> sind einfach Wege, um Teile Ihrer Website, die Sie normalerweise nicht bekommen. Wie, wenn Sie versuchen, ändern Sie die Größe von symbol|. Schnellste Weise, die ich überhaupt gefunden habe, war, eine Spannweite um, geben ihm eine Klasse und implementieren Sie die CSS.

    Das ist, was Sie sind gut für die, meiner Meinung nach. Ich wäre daran interessiert zu hören, mehr oder sogar Korrekturen auf das, was ich hier geschrieben habe.

    InformationsquelleAutor Vordreller
  7. 0

    Es klingt wie Sie brauchen, um Lesen Sie die Der HTML-Spezifikation

    Die p - element:

    Den p - element repräsentiert einen Absatz.

    Die div - element:

    Den div element hat keine Besondere Bedeutung. Sie vertritt Ihre Kinder. Es kann verwendet werden, mit der class, lang, und title Attribute zur Markierung der Semantik üblich, um eine Gruppe von aufeinanderfolgenden Elementen.

    Die span - element:

    Den span element bedeutet nicht, dass alles auf seine eigene, kann aber nützlich sein, wenn Sie zusammen mit den globalen Parametern, wie z.B. class, lang oder dir. Sie vertritt Ihre Kinder.

    Den großen Unterschied zwischen div und span ist, die Spanne ist flow content, phrasing content, und spürbar-content, während ein div ist nur flow content und spürbar-content.

    Im wesentlichen darauf an:

    div - Elemente sind block-level-Elemente, und in der Regel kann nur gestellt werden innerhalb von anderen block-level-Elemente, während span - Elemente sind inline-Elemente, und kann platziert werden, in den meisten anderen Elementen.

    Der HTML-Spezifikation definiert, welche Elemente sind akzeptabel, da die Nachkommen von jedem element.

    InformationsquelleAutor zzzzBov
Schreibe einen Kommentar