Unterschied zwischen Div- und Span-Tag

Kann mir jemand den Unterschied zwischen div und span tags?

InformationsquelleAutor der Frage | 2010-11-11

  1. 38

    einen div ist ein block-Level-Ebene, D. H. es ist auf einer eigenen Zeile. ein span ist inline, also ist es ein Kind von einem anderen block-level element.

    <p><span>blah</span> <span>foo</span></p>

    ^ Ich kann mehrere Bereiche innerhalb eines block-level. Sie alle zeigen, bis auf der gleichen Linie.

    <div>foo</div><div>blah</div>

    ^ Diese divs werden auf separaten Zeilen.

    Mit CSS können Sie jedoch problemlos überschreiben die Stile, die für span-und block-Niveau, aber das sollte keinen Einfluss auf Ihre ursprünglichen markup und Struktur.

    InformationsquelleAutor der Antwort meder omuraliev

  2. 7

    Den Unterschied zwischen span und div ist, dass ein span-element ist in-line und in der Regel verwendet für ein kleines Stück in-line HTML in der Erwägung, dass eine div (division) element ist block-line (das ist im Grunde das äquivalent zu einem Zeilenumbruch vor und nach es) und dient der Gruppierung von größeren Blöcken von code.

    <div id="scissors">
    <p>This is <span class="paper">crazy</span></p>
</div>

    div und vor allem span-sollte eigentlich nicht verwendet werden, die oft. Wann immer es eine sinnvolle alternative, sollte stattdessen verwendet werden. Zum Beispiel, wenn Sie betonen möchten, das Wort 'verrückt' und die Klasse 'Papier' ist bold, dann könnte der code so Aussehen:

    <div id="scissors"> 
    <p>This is <strong class="paper">crazy</strong></p>
</div>

    InformationsquelleAutor der Antwort Ramiz Uddin

  3. 3

    Hier ist eine demonstration...

    #mydiv{
  display:inline;
}

#myspan{
  display:block;
}

<div id="mydiv">
  this div will behave just like a span
</div>

<span id="myspan">
  this span will behave just like a div
</span>

    InformationsquelleAutor der Antwort sintaxi

  4. 2

    Div ia ein block-element; spa - inline, so

    • Div Orte in separaten Zeilen; span in einer Zeile
    • Div hat die Breite Spanne ist noch nicht

    InformationsquelleAutor der Antwort demas

  5. 1

    div ist block - element und span ist inline element.

    Inline: Diese Elemente nicht mit Gewalt
    neue Linien vor oder nach seinem
    Platzierung, und es verbraucht nur so
    viel Platz wie nötig.

    Block: Neue Linien vor-und
    nach dem element mit der es verbraucht
    die volle Breite zur Verfügung steht.

    Unterschied mehr zu inline/block, div und span

    InformationsquelleAutor der Antwort ArK

  6. 1

    Ich gebe eine einfache Antwort, nicht auf block/inline technische Sachen.

    Div-element andere Elemente enthalten kann, einschließlich anderer Div.

    Span-element nicht enthalten "komplexe" Elemente, die nur text oder Dinge wie <a> tag die gleichen "Ebene" wie der span, oder technisch gesehen (sorry!) inline-als auch.

    Div dient als "Platzhalter" in die Seite, zum Beispiel, enthalten das gesamte Menü, dann können Sie es platzieren wo immer Sie wollen mit nur CSS und gelten die gleichen Stil auf alles, was in den Platzhalter ein.

    Span wird verwendet, um den Stil bestimmter text, wenn Sie text innerhalb eines anderen text, den Sie möchten, in einer anderen schriftart/Farbe/Größe. Kann nicht wirklich denken, jede andere Verwendung für span-tag.

    InformationsquelleAutor der Antwort Shadow Wizard

  7. 1

    Den tag wird verwendet, um die Gruppe inline-Elemente in einem Dokument und dieses tag bietet keine optische Veränderung von selbst.
    Sie bietet die Möglichkeit tag einen Haken, um einem Teil des Textes oder Dokuments.

    Den tag legt Teilung oder Abschnitt in einem HTML-Dokument.

    InformationsquelleAutor der Antwort Technogsalad

  8. 1

    Div: Es funktioniert wie ein Block entspricht einem Zeilenumbruch.
    Span: Es ist wie als inline.
    Zum Beispiel :

    **

    Div and Span Difference

    Div Beispiel

    Wie ist Dein Name?

    Mein Name ist Aruna Thakur

    Span Example
    Wie ist Dein Name : Mein Name ist Aruna Thakur

    **`- Ende Code'

    InformationsquelleAutor der Antwort Anu

  9. 1

    div - es ist ein dom-element mit display Eigenschaft als block, das element wird die gesamte Zeile mit dem Zeilenumbruch.

    <div>Your website name?</div>
<div>http://www.array151.com</div>

    angezeigt werden, die in zwei verschiedenen Zeilen. und jedes div wird als einzelner block.

    Your website name?
http://www.array151.com

    span - dom-element mit display Eigenschaft inline also ohne Zeilenumbruch.

    <span>Your website name?</span>
<span>http://www.array151.com</span>

    das Ergebnis wird auf der gleichen Zeile, weil der span

    Your website name?http://www.array151.com

    InformationsquelleAutor der Antwort Sunil Garg

  10. 0

    In HTML, beide <span> und <div> (division) sind die strukturellen Elemente eines Dokumentes. Beide können verschachtelte tags, Attribute angewendet und kann verwendet werden, um styling, semantische Klarheit und Zugang von dynamischen code oder beim navigieren durch das Domain Object Model (DOM). Sie sind Unterschied liegt in Ihrer Berichterstattung. Ein <span> unterhält Abdeckung in-line, in der Erwägung, dass eine <div> ist block-level -. Ihre Vielseitigkeit, und vielleicht das bisherige fehlen von alternativen, führt diese beliebte tags zu übernutzung.

    Nun HTML5 hat spezifische tags, die verwendet werden sollte anstelle von <span> und <div> einschließlich <fieldset> (Formen), <legend>, <label>, <input>, <header>, <footer>, <caption> und <figure>, um nur einige zu nennen. Diese neuen Zusätze verwendet werden, sollten mehr spezifische Szenarien, für die Sie ausgelegt wurden.

    Weitere Informationen, siehe Abschnitt 4, "Die Elemente "HTML", von W3C. Suchen Sie insbesondere die Abschnitte, die Gruppierung der Kontexte und Formen.

    InformationsquelleAutor der Antwort newmanicspree

Schreibe einen Kommentar