Unverzichtbares Wissen für Vorstellungsgespräche und schriftliche Tests im Bereich Webentwicklung (Pflichtlektüre)

Der Unterschied zwischen Inline-Elementen und Block-Level-Elementen in HTML:

Im Standarddokumentenfluss haben Elemente auf Blockebene die folgenden Eigenschaften:

①Beginnen Sie immer in einer neuen Zeile und nehmen Sie eine ganze Zeile ein.

②Höhe, Zeilenhöhe, Ränder und Polsterung können alle gesteuert werden;

③Die Bandbreite entspricht immer der Browserbreite, unabhängig vom Inhalt.

④Es kann Inline-Elemente und andere Blockelemente aufnehmen

Eigenschaften von Inline-Elementen:

① und andere Elemente stehen in einer Zeile;

②Höhe, Zeilenhöhe, Ränder und Polsterung können geändert werden;

③Die Breite bezieht sich nur auf den Inhalt;

④Inline-Elemente können nur Text oder andere Inline-Elemente enthalten.

Breite und Höhe lassen sich nicht einstellen. Die Breite wächst mit dem Inhalt, die Höhe ändert sich mit der Schriftgröße. Inline-Elemente können Außenränder setzen, allerdings funktionieren die Außenränder nicht oben und unten, sondern nur links und rechts. Inline-Ränder lassen sich ebenfalls setzen, allerdings funktionieren im IE6 die Innenränder nicht oben und unten, sondern nur links und rechts.

Allgemeine Elemente auf Blockebene und Inline-Elemente:

•Blockelement

1. * Adresse
2. * blockquote - Blockzitat
3. * Mitte - Mittenausrichtungsblock
4. * dir – Verzeichnisliste
5. * div – häufig verwendete Blockebene, auch das Haupt-Tag des CSS-Layouts
6. *dl – Definitionsliste
7. * fieldset - Formular-Kontrollgruppe
8. * Formular - interaktives Formular
9. * h1 – Große Überschrift
10. *h2 – Unterüberschrift
11. * h3 – Überschrift der Ebene 3
12. *h4 – Überschrift der Ebene 4
13. * h5 – Überschrift der Ebene 5
14. *h6 – Überschrift der Ebene 6
15. * hr - horizontales Trennzeichen
16. * isindex - Eingabeaufforderung
17. * Menü - Menüliste
18. * noframes - Frames optionaler Inhalt (für Browser, die keine Frames unterstützen, wird dieser Blockinhalt angezeigt
19. * noscript – optionaler Skriptinhalt (diesen Inhalt für Browser anzeigen, die kein Skript unterstützen)
20. *ol – Sortiertabelle
21. * p – Absatz
22. * Text vorformatieren
23. * Tabelle
24. *ul - Ungeordnete Liste

• Inline-Element
1. * a - Ankerpunkt
2. * abbr - Abkürzung
3. * Akronym - erster Buchstabe
4. * b - fett (nicht empfohlen)
5. * bdo - bidi-Überschreibung
6. * groß - große Schrift
7. * br – Zeilenumbruch
8. * zitieren – zitieren
9. * Code - Computercode (wird benötigt, wenn Quellcode zitiert wird)
10. * dfn – Felder definieren
11. * em – Betonung
12. * Schriftart - Schrifteinstellungen (nicht empfohlen)
13. * i - kursiv
14. * img – Bild
15. * Eingabe - Eingabefeld
16. * kbd – definiert Tastaturtext
17. * label – Tabellenbeschriftung
18. *q – Kurzes Zitat
19. * s - Bindestrich (nicht empfohlen)
20. * samp - definiert Beispielcomputercode
21. * select – Artikelauswahl
22. * klein - Text in kleiner Schrift
23. * span - häufig verwendeter Inline-Container, definiert den Textblock
24. * Streik
25. * stark - fette Betonung
26. * sub – Index
27. * sup - hochgestellt
28. * Textbereich – mehrzeiliges Texteingabefeld
29. * tt - Videotext
30. * u - Unterstrich
31. * var – definiert eine Variable

Der obige Artikel über grundlegendes Wissen für Vorstellungsgespräche und schriftliche Tests zur Webentwicklung (unbedingt lesen) ist der gesamte Inhalt, den der Herausgeber mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen und ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/yzybc/p/5643554.html