Wie semantische X / HTML kann Zeit sparen, wenn wir CSS schreiben wird?

Question

Wie Semantic X / HTML Aufschlag kann Zeit sparen -

1. , wenn wir CSS schreiben, wird für Webseite
2. und wenn irgendwelche Konstruktionsänderungen kommen aus Client in Zukunft.
3. Und warum Tabelle basierte Layouts werden nehmen mehr Zeit immer in beide Bedingung

Heute habe ich diese Sache zu Studenten erklären.

Ich habe einiges Beispiel, aber ich mag etwas mehr gutes Beispiel und Ideen gut erklären.

Ich mag erklären, was Vorteile Semantic X / HTML Aufschlag von Entwicklern Sicht ist.

Vielen Dank im Voraus

Update:

Die Vorteile der Semantik Aufschlag mit :

1. Es wird in guter Art und Weise Menschen zu sehen, das Dokument in einem lesbar sein Umgebung, in der CSS nicht sein kann angewandter.
2. Es wird viel einfacher für Web-Entwickler, den Code zu halten und zu trennen Inhalt (HTML) aus Präsentation (CSS).
3. Semantic Markup können die Bedürfnisse der CSS Gruppe reduzieren Wähler in einigen Fällen.

Answer 1

Aus meiner Berufserfahrung: Ich habe jetzt mehr Male in Legacy-Markup von meinem Vorgänger schauen zu oder von völlig anderen Menschen (und tatsächlich ein oder zwei Mal von mir selbst als auch). Manchmal hatte ich nur das, was aus der Betrachtung der Quelle in einem Browser kam. Meine bisherigen Ergebnisse waren:

• Wenn der Autor verwendet semantisches Markup so weit wie möglich, zusammen mit klaren und logischen Klassennamen, es war wirklich einfach und macht Spaß, die die Struktur der Seite, um herauszufinden, und, zum Beispiel, Code ein neues Widget oder Umstrukturierung des Spaltenlayout oder Sachen

• Wenn der Autor verwendet Tabelle basiert Layout und ich, zu betrachten, auch Sachen aus dem Ende der 90er Jahre hatte es ist ein komplettes Chaos. Sie müssen herausfinden, welche Tabellenzeile tut, was, die Tabellenzelle gehört, wo und wenn Sie anfangen zu denken, Sie in den Griff bekommen würde, haben Sie eine rowspan="3" 300lines Markup früher übersehen. Auch in Firebug können Sie mit einem solchen Tag Suppe verrückt werden.

  Neuigkeiten Hinzufügen von hier kann ziemlich abenteuerlich sein. Wenn Sie Inhalte eine Tabellenzelle hinzufügen und nicht vollständig die Breite und Höhe der neuen Sache beheben, können Sie sich mit unpleasing Lücken auf der ganzen Seite zu finden und zu vergessen, irgendwo zu öffnen oder zu schließen <td>s (mit 200 Validierungsfehlern auf die ursprüngliche Seite sind Sie wahrscheinlich etwas irgendwo) missen zu einer völlig geschraubt Ansicht führen kann.

• Wenn der Autor verwendet Divs und Spannweiten alle über den Platz, aber nicht tun, semantisches Markup (das heißt, <div class="header1"/> statt <h1/> zu schreiben), ist es immer noch Möglichkeiten, besser als Tabelle Layout (höchstens wegen der erwähnten rowspan und colspan und weil Sie eine Chance, hav, dass die Seite nicht vollständig sprengen könnte, wenn es eine </div> irgendwo fehlt), aber man kann immer noch sauer auf Markup wie

  go

  </div></div>
  </div>
     </div>
    </div>
  </div></div>
    </div>
  

  Außerdem, wenn ich ein begleitendes Sheet hatte, war es meist ein komplettes Chaos, auch. Differenziert .header, .header1, div.header_level1 und #middle .h1 zwingt Dich hin und her zwischen Sheet und Markup zu springen.

Answer 2

Der Hauptvorteil neben zuverlässigem und steuerbaren Code für Entwickler ist klar, Code. Mit semantischen XHTML schreiben, können Sie vage Code vermeiden schreiben, die schwer sein wird, von anderen Entwicklern oder sich in der Zukunft zu entschlüsseln.

IE. <address> ist besser für die Auflistung eine Adresse als mit einem <div> (was viel passiert ...), während das gleiche Flexibilität, Styling mit und die Lesbarkeit zu verbessern.

Answer 3

  

  
1. werden wir CSS erstes Mal für die Website
schreiben   

Jede Website hat anderes Aussehen / Layout, haben Sie CSS für sie zum ersten Mal zu schreiben, es sei denn, ihr einige Ähnlichkeit zwischen Layouts ist.

  

  
2. und wenn irgendwelche Konstruktionsänderungen kommen von Client in Zukunft.
  

Sie können Ihre Webseiten mit MVC-Entwurfsmuster machen, dies wird eine Menge von Änderungen an dem Design Ihrer Website erhöhen.

  

  
3. Und warum Tabelle basierte Layouts wird mehr Zeit in Anspruch nehmen immer in beide   Bedingung
  

Weil ihr Markup in so gestaltet ist, dass Sie mehr zu schreiben, während in div basierten Layouts verwenden wir klar und float in erster Linie, die tut großartige Arbeit schnell die Erstellung von Layouts .