Ist die Verwendung von HTML 5 section id="Kontakt" semantisch korrekten Platz in der div id="Kontakte"?

Ist die Verwendung section id="contacts" semantisch korrekten Platz in der div id="contacts"?

Auf einer Webseite muss ich hinzufügen mehrerer Kontakte info des Unternehmens. In der Regel verwende ich div id="contacts Aber wenn ich verwenden möchten, die HTML-5-tag so viel wie möglich, ist es angebracht zu verwenden section id="contacts" in diesem Fall.

Oder keinen Vorteil zu nutzen Abschnitt element hier.

Beispielsweise wrap-Adresse mehrere wie diese

<p>
<b>Address 1:</b><br>
9900 Corporate Campus Dr., Suite 3000<br>
Louisville, KY 40223 <br>
<b>Phone:</b> (502) 657-6033<br>
<b>Fax: </b>(425) 936-7329<br>
</p>

<p>
<b>Address 2:</b><br>
9900 Corporate Campus Dr., Suite 3000<br>
Louisville, KY 40223 <br>
<b>Phone:</b> (502) 657-6033<br>
<b>Fax: </b>(425) 936-7329<br>

  • ich glaube, Sie brauchen, um mehr info über den Kontext.
  • Nach dieser die Sie verwenden können Abschnitt. Auch nach dieser sollten Sie nicht verwenden die Adresse als es für andere Zwecke benutzt wird.
InformationsquelleAutor Jitendra Vyas | 2011-07-01
  1. 4

    Das address-element darf nicht verwendet werden
    repräsentieren beliebige Adressen (z.B.
    postalische Adressen), es sei denn, diese
    die Adressen sind in der Tat die relevanten
    Kontakt-Informationen.

    Also in deinem Fall—wenn ich das richtig verstanden habe ist die Webseite des Unternehmens—sollten Sie <address>.

    • Du meinst, ich soll wickeln Sie mehrere Adressen innerhalb <address> tag?
    • Wenn beide entsprechen der gleichen Firma und sind verschiedene Adressen (das ist nicht der Fall in deinem Beispiel), dann ja. Wenn Sie verweisen auf Ihre Adresse woanders Id empfehlen die Verwendung von Mikroformat statt.
    InformationsquelleAutor Knu
  2. 1

    In HTML5, mit einem <div> Vergleich mit einem <section> basieren alle auf den Inhalten, die es enthalten wird. Wenn der Inhalt Kontext relevante, um die Seite, die Sie verwenden würden, ein <section>. Allerdings, wenn der einzige Grund für die Kapselung von Informationen innerhalb der Metadaten ist die Anwendung der style über CSS und nicht mehr, würden Sie einen <div>.

    Verwirrt nicht hier; Sie können Stil, um ein <section>.

    EDIT: Es scheint, dass es einige Verwirrung über <section> vs <div>.

    Beachten Sie: Der Abschnitt Elements ist nicht eine generische container-element. Wenn ein
    element ist benötigt für styling Zwecke oder als eine Bequemlichkeit für
    scripting werden die Autoren aufgefordert, das div-element statt. Ein
    die Allgemeine Regel ist, dass das section-element ist nur angemessen, wenn die
    Inhalt des Elements aufgeführt, die explizit im Dokument ist
    Gliederung.

    Quelle: http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element

    In Ihrem Fall, Sie sind die Bereitstellung von kontextuell relevanten Informationen, so dass Sie verwenden würden, ein <section> tag. Allerdings, wie @Knu darauf hingewiesen, wenn die Adresse relevanten Kontaktdaten, würden Sie tatsächlich wickeln Sie die Adresse in die <address> tag.

    Könnte man etwas wie das hier tun:

    <section id="contact">
    <p>For more information, contact us at one of the following addresses:</p>
    <address>
        <p>9900 Corporate Campus Dr., Suite 3000<br/>Louisville, KY 40223<br/><strong>Phone:</strong> (502) 657-6033<br/><strong>Fax: </strong>(425) 936-7329</p>
    </address>
    <address>
        <p>9910 Corporate Campus Dr., Suite 5000<br/>Louisville, KY 40223<br/><strong>Phone:</strong> (502) 657-6035<br/><strong>Fax: </strong>(425) 936-7339</p>
    </address>
</section>

    Einem einzigen Beispiel für die Verwendung eines <div> statt einer <section> sein könnte, wenn der Inhalt war ein container für viele <section>'s.

    <div id="something">
    <section id="one">
        <p>This is some content.</p>
    </section>
    <section id="two">
        <p>This is some other content.</p>
    </section>
</div>
    • section ist nicht eine generische container-element, es sollte nicht verwendet werden, wenn es keine Natürliche Position für ihn
    • ich bin auch geneigt, downvote diese, basierend nur auf Ihre 1. Absatz...
    • Ich lade Sie zu Lesen, mein Bearbeiten " und dann Lesen Sie in der W3C-Spezifikation auf das section-element.
    • genau. Sie sollte nicht exchange und div-Sektionen frei, basierend auf den Stil. Abschnitt hat eine purporse (kein generisches element ist), im Gegensatz zu div. "Einen Abschnitt, in diesem Kontext eine thematische Gruppierung von Inhalten typischerweise mit einer überschrift".
    • Ich sehe deinen Punkt und ich sehe auch mein Versagen zu sagen, es ist alles basierend auf Stil, als es wirklich ist, basierend auf Kontext-Informationen in Bezug auf die Gliederung des Dokuments. Ich habe umformuliert meine Erklärung, dies zu berücksichtigen.
    InformationsquelleAutor Michael Irigoyen
  3. 0

    Können Sie die section zu wickeln mehrere-Adresse nur, wenn Sie eine überschrift wie "Kontakt-Informationen" oder so ähnlich. Wenn Sie nicht über eine (Natürliche)überschrift, dann ein generisches block-level-element(div) verwendet werden muss.

    Auch, jede Adresse kann verpackt in einer address tag. (Ich bin mir nicht sicher, über die es aber, da ich das Gefühl address ist eigentlich nur für die Auszeichnung von E-Mail-Adressen)

    PS: ich sehe, dass Sie falsch verwendet b hier. Es sollte span statt. Auch eine Adresse ist nicht ein Absatz. Also p sollte nicht verwendet werden.

    InformationsquelleAutor apnerve
  4. 0

    Für diese Angelegenheit würde ich dir empfehlen, einen Blick auf Mikrodaten bei schema.org. Sie können auch spezifische semantische tags für jeden Teil der Adresse, die Ihr Unternehmen und alles andere.

    Dies ist ein konkretes Beispiel und tutorial, wie man uns microdata:

    http://www.htmlgoodies.com/html5/Web-Developer-Tutorial-HTML5-Microdata-3920016.htm#fbid=7JjItyF1dhi

    Dies sind die Vokabeln, die Sie wahrscheinlich brauchen:

    http://schema.org/Organization
    http://schema.org/PostalAddress

    InformationsquelleAutor Wayne Soldevila
  5. 0

    Stimme ich mit @knu und empfehle die Verwendung von mehreren address Elemente wie diese sind nicht beliebige Adressen.
    Ich würde auch die vcard-format.

    Siehe auch Markieren Postanschrift mit HTML.

    InformationsquelleAutor Ian Devlin
Schreibe einen Kommentar