


Analyse des Unterschieds zwischen dhtml shtml xhtml_Experience-Austausch
May 16, 2016 pm 12:07 PMdhtml:
Um genau zu sein, ist DHTML nur ein Konzept zur Erstellung von Webseiten. Tats?chlich hat keine Organisation oder Institution jemals einen sogenannten DHTML-Standard oder eine technische Spezifikation eingeführt. DHTML ist keine Technologie, kein Standard oder keine Spezifikation. DHTML ist lediglich ein Designkonzept, das vorhandene Webseitentechnologien und Sprachstandards integriert und anwendet, um Webseiten zu erstellen, die die Wirkung von Seitenelementen nach dem Herunterladen noch in Echtzeit ?ndern k?nnen.
DHTML umfasst grob die folgenden Webseitentechnologien, -standards oder -spezifikationen:
HTML 4.0
Es gibt nichts zu sagen, der grundlegende Sprachstandard von Webseiten.
CSSL
Achtung! Es ist kein CSS, sondern CSSL, die Abkürzung für Clent-Side Scripting Language, übersetzt als ?clientseitige Skriptsprache“, die haupts?chlich JavaScript (JS), VBScript (VBS) und JScript umfasst. Netscape unterstützt haupts?chlich JS und IE unterstützt haupts?chlich JS, VBS und JScript.
DOM
Die Abkürzung für Document Object Model, übersetzt als ?Document Object Model“, ist einer der Web-Technologiestandards, die das W3C kürzlich gef?rdert hat. Es abstrahiert den Inhalt der Webseite in Objekte und jedes Objekt verfügt über eigene Attribute (Properties), Methoden (Methods) und Ereignisse (Events). Diese k?nnen alle über das oben erw?hnte CSSL gesteuert werden. Die Objektmodelle von IE und NS werden auf der Grundlage des vom W3C ver?ffentlichten DOM sowie ihres eigenen erweiterten Objekts generiert.
CSS
Dies ist die Abkürzung für Cascading Style Sheets und auch die am meisten diskutierte technische Spezifikation im Forum. Es handelt sich um eine Hilfsdesignspezifikation für HTML, die verwendet wird, um die Einschr?nkungen von HTML beim Schriftsatz auszugleichen. Dies liegt daran, dass es nicht Teil des DOM ist. Theoretisch k?nnen Sie jeden gewünschten visuellen Seiteneffekt erzeugen, indem Sie die CSS-Eigenschaften über CSSL dynamisch ?ndern.
Um DHTML einfach zu implementieren, basiert es auf HTML, verwendet DOM zur Objektivierung von Seitenelementen und verwendet CSSL zur Steuerung der CSS-Eigenschaften dieser Objekte, um die dynamischen visuellen Effekte der Webseite zu erzielen.
shtml:
Auf die Frage nach dem Unterschied zwischen SHTML und HTML, wenn ich es in einem Satz erkl?re: SHTML ist kein HTML, sondern eine Server-API, und shtml ist dynamisch vom Server generiertes HTML.
Obwohl es sich bei beiden um Hypertextformate handelt, handelt es sich bei shtml um eine Datei, die in der SSI-Technologie verwendet wird. Das sind serverseitige Include-Anweisungen – SSI-Serverseitige Include-Anweisungen. Wenn der Webserver über SSI-Funktionalit?t verfügt (die meisten (insbesondere auf Unix-Plattformen basierenden) WEB-Server wie Netscape Enterprise Server unterstützen SSI-Befehle).
Shtml-Dateien werden besonders behandelt. Scannen Sie zun?chst die HTML-Datei, um festzustellen, ob keine speziellen SSI-Anweisungen vorhanden sind.
Wenn ja, interpretieren Sie den SSI-Befehl gem?? den Einstellungsregeln des Webservers. Nach der Erkl?rung l?schen Sie den Client zusammen mit dem normalen HTML.
shtml
Verwenden Sie die HTML-Dateierweiterung SSI (Server Side Include), SSI (Server Side Include), die normalerweise als ?serverseitige Einbettung“ oder ?serverseitiges Include“ bezeichnet wird und ASP Server ?hnelt. basierte Website-Produktionstechnologie.
So funktioniert SSI:
Sie k?nnen die Server-Side Include (SSI)-Direktive verwenden, um Text, Grafiken oder Anwendungsinformationen in eine Webseite einzubinden, bevor der Inhalt an den Browser gesendet wird. Beispielsweise k?nnen Sie mit SSI einen Zeit-/Datumsstempel, einen Copyright-Hinweis oder ein Formular einfügen, das Kunden ausfüllen und zurücksenden k?nnen. Die Verwendung von Include-Dateien ist eine einfache M?glichkeit, Text oder Grafiken einzubinden, die wiederholt in mehreren Dateien vorkommen. Fügen Sie den Inhalt einfach in eine Include-Datei ein, anstatt den Inhalt in alle Dateien einzugeben. Die Include-Datei wird mit einer sehr einfachen Anweisung aufgerufen, die den Webserver anweist, den Inhalt in die entsprechende Webseite einzufügen. Und wenn Sie Include-Dateien verwenden, müssen alle ?nderungen an Ihren Inhalten nur an einer Stelle vorgenommen werden.
Da Dateien, die SSI-Anweisungen enthalten, eine besondere Behandlung erfordern, müssen alle SSI-Dateien die SSI-Dateierweiterung erhalten. Die Standarderweiterungen sind .stm, .shtm und .shtml
Webserver verarbeiten SSI-Befehle w?hrend der Verarbeitung von Webseiten. Wenn der Webserver auf einen SSI-Befehl trifft, fügt er den Inhalt der enthaltenden Datei direkt in die HTML-Webseite ein. Wenn die ?include-Datei“ eine SSI-Anweisung enth?lt, wird diese Datei ebenfalls eingefügt. Zus?tzlich zu den grundlegenden Anweisungen zum Einbinden von Dateien k?nnen Sie SSI-Anweisungen auch verwenden, um Informationen über die Datei einzufügen (z. B. die Gr??e der Datei) oder um Anwendungen oder Shell-Befehle auszuführen.
Ein bei der Website-Wartung h?ufig auftretendes Problem besteht darin, dass die Struktur der Website korrigiert wurde, aber eine gro?e Anzahl von Webseiten neu gestaltet werden muss, um ein wenig Inhalt zu aktualisieren. SSI bietet eine einfache und effektive M?glichkeit, dieses Problem zu l?sen. Es platziert die Grundstruktur einer Website in mehreren einfachen HTML-Dateien (Vorlagen). In Zukunft müssen wir nur noch den Text an den Server übergeben und das Programm verwenden Generieren Sie Webseiten automatisch auf der Grundlage von Vorlagen und erleichtern Sie so die Verwaltung gro?er Websites.
Der Zweck von Seiten, die das SHTML-Format verwenden, ist dem von ASP ?hnlich, aber da es sich um eine API handelt, l?uft es schneller und effizienter. Es ist jedoch schneller als ASP und langsamer als HTML Einbindung kann verwendet werden, es kann verwendet werden Seitenaktualisierungen sind einfach (insbesondere Batch-Updates von Bannern, Urheberrechten usw. Stellen Sie sich vor, Sie haben ein Stück HTML und m?chten in der Mitte einige spezielle serverseitige Skripte einfügen, z B. das Einfügen anderer HTML-Abs?tze, aber wenn Die Aufgabe ist schwieriger und erfordert mehr Zeit, z. B. 5 s. Wenn Sie zu diesem Zeitpunkt nicht ASP, sondern SHTML verwenden, betr?gt die Verarbeitungszeit m?glicherweise nur dauert 4 s.
xhtml:
HTML ist eine grundlegende WEB-Webseiten-Designsprache Wichtige Unterschiede: XHTML ist XML, das eine ?hnliche Rolle wie HTML spielt. Man sagt also, dass XHTML eine übergangstechnologie ist, die die leistungsstarken Funktionen von XML (einigerma?en) und die einfachen Funktionen von HTML (meistens) kombiniert.
Ende 2000 gab die internationale Organisation W3C (World Wide Web Consortium) die Ver?ffentlichung von XHTML Version 1.0 bekannt. XHTML 1.0 ist eine neue Sprache, die auf Basis von HTML 4.0 optimiert und verbessert wurde und auf XML-basierte Anwendungen abzielt. XHTML ist ein erweitertes HTML und seine Skalierbarkeit und Flexibilit?t wird sich an weitere Anforderungen zukünftiger Netzwerkanwendungen anpassen. Nachfolgend finden Sie h?ufige grundlegende Fragen zu XHTML, die Steven Pemberton, Vorsitzender der HTML-Arbeitsgruppe des W3C, beantwortet hat.
(1) XHTML l?st die Probleme der HTML-Sprache, die ihre Entwicklung ernsthaft einschr?nken. Die heutige Entwicklung von HTML weist drei Hauptm?ngel auf: Es kann sich nicht an die Anforderungen von immer mehr Netzwerkger?ten und -anwendungen anpassen. Beispielsweise k?nnen Mobiltelefone, PDAs und Informationsger?te HTML nicht direkt anzeigen und aufgebl?ht, der Browser muss intelligent genug sein und nur wenn die Seite komplex ist, k?nnen Daten und Leistung gemischt werden, sodass Sie den HTML-Code neu erstellen müssen, wenn Sie die Anzeige Ihrer Seite ?ndern m?chten . Daher muss HTML weiterentwickelt werden, um dieses Problem zu l?sen. Deshalb hat das W3C XHTML als Brücke von HTML zu XML formuliert.
(2) XML ist der Entwicklungstrend des Webs, daher sind die Menschen bestrebt, sich dem XML-Trend anzuschlie?en. XHTML ist der aktuelle Standard, der die Auszeichnungssprache HTML4 ersetzt. Wenn Sie einige einfache Regeln sorgf?ltig befolgen, k?nnen Sie mit XHTML 1.0 eine Seite entwerfen, die sowohl für XML-Systeme als auch für die meisten aktuellen HTML-Browser geeignet ist. Das bedeutet, dass Sie Entwürfe sofort für die Verwendung von XML entwerfen k?nnen, ohne darauf warten zu müssen, dass Benutzer XML-f?hige Browser verwenden. Diese Richtlinien k?nnen den übergang zu XML im Web erleichtern.
(3) Ein weiterer Vorteil der Verwendung von XHTML ist: Es ist sehr streng. Die aktuelle schlechte Situation von HTML im Internet ist schockierend. Frühe Browser akzeptierten private HTML-Tags, daher mussten die Leute verschiedene Browser verwenden, um die Seite zu erkennen, um zu sehen, ob sie kompatibel war. Die Benutzer mussten das Design ?ndern, um es an verschiedene Browser anzupassen.
(4) XHTML kann gut mit anderen XML-basierten Auszeichnungssprachen, Anwendungen und Protokollen interagieren.
(5) XHTML ist Teil der Familie der Webstandards und funktioniert gut auf anderen Benutzeragenten wie drahtlosen Ger?ten.
(6) In Bezug auf das Website-Design kann XHTML Ihnen dabei helfen, die schlechte Angewohnheit des Pr?sentationsschichtcodes loszuwerden und Ihnen dabei zu helfen, die Tag-Verifizierung zur Gewohnheit zu machen, um die Funktionsweise der Seite zu testen.

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

ThemaNDiffercesbetweenplay: Inline, Block, Andinline-Blockinhtml/CsSarelayoutBehavior, Spaceusage und Stylingcontrol.1.inlineelementsflowwithtext, Don'tstartonNewlines, Ignorewidth/HeighthThorchingstyhorching-/idelthorchorching/ardaldhordhortaliTalding/ardaldhordelthortex

Durch das Festlegen des von Ihnen besuchten Links k?nnen Sie die Benutzererfahrung verbessern, insbesondere in inhaltsintensiven Websites, um den Benutzern dabei zu helfen, sich besser zu navigieren. 1. Verwenden Sie CSS: Besuchte Pseudoklasse, um den Stil des besuchten Links wie Farb?nderungen zu definieren. 2. Beachten Sie, dass der Browser nur eine ?nderung einiger Attribute aufgrund von Datenschutzbeschr?nkungen erm?glicht. 3. Die Farbauswahl sollte mit dem Gesamtstil koordiniert werden, um abrupte abrupt zu werden. 4. Das mobile Terminal zeigt diesen Effekt m?glicherweise nicht an. Es wird empfohlen, ihn mit anderen visuellen Eingabeaufforderungen wie Icon -Auxiliary -Logos zu kombinieren.

Verwenden Sie das Clip-Pfad-Attribut von CSS, um Elemente in benutzerdefinierte Formen wie Dreiecke, kreisf?rmige Kerben, Polygone usw. zu erregen, ohne sich auf Bilder oder SVGs zu verlassen. Zu den Vorteilen geh?ren: 1.. Unterstützt eine Vielzahl von Grundformen wie Circle, Ellipse, Polygon usw.; 2. reagierende Anpassung und anpassbar an mobile Terminals; 3. Einfach zu animation und kann mit Hover oder JavaScript kombiniert werden, um dynamische Effekte zu erzielen. 4. Es wirkt sich nicht auf den Layoutfluss aus und erfüllt nur den Anzeigebereich. H?ufige Verwendungen sind z. B. kreisf?rmiger Clip-Pfad: Kreis (50pxatcenter) und Dreieck-Clip-Pfad: Polygon (50%0%, 100 0%, 0 0%). Beachten

Um reaktionsschnelle Bilder mit CSS zu erstellen, kann es haupts?chlich durch die folgenden Methoden erreicht werden: 1. Verwenden Sie maximale Breite: 100% und H?he: Auto, damit das Bild an die Containerbreite anpasst und gleichzeitig den Anteil beibeh?lt. 2. Verwenden Sie die SRCSet- und Gr??enattribute von HTML, um die an verschiedenen Bildschirme angepassten Bildquellen intelligent zu laden. 3.. Verwenden Sie Objektfit und Objektposition, um die Bildaufbindung und Fokusanzeige zu steuern. Gemeinsam stellen diese Methoden sicher, dass die Bilder auf verschiedenen Ger?ten klar und wundersch?n pr?sentiert werden.

Verschiedene Browser weisen Unterschiede in der CSS -Analyse auf, was zu inkonsistenten Anzeigeeffekten führt, haupts?chlich die Differenzentscheidung, die Berechnung des Boxmodells, die Flexbox- und Raster -Layout -Unterstützung und das inkonsistente Verhalten bestimmter CSS -Attribute. 1. Die Standardstilverarbeitung ist inkonsistent. Die L?sung besteht darin, CSSReset oder Normalize.css zu verwenden, um den anf?nglichen Stil zu vereinen. 2. Die Box -Modellberechnung der alten Version von IE ist unterschiedlich. Es wird empfohlen, eine einheitliche Boxgr??e: Border-Box zu verwenden. 3. Flexbox und Grid führen in Kantenf?llen oder in alten Versionen unterschiedlich ab. Weitere Tests und verwenden Sie Autoprefixer; 4. Einige CSS -Attributverhalten sind inkonsistent. Caniuse muss konsultiert und herabgestuft werden.

Die Auswahl der CSS -Einheiten h?ngt von den Entwurfsanforderungen und den reaktionsschnellen Anforderungen ab. 1.PX wird für die feste Gr??e verwendet, geeignet für eine pr?zise Kontrolle, aber mangelnde Elastizit?t; 2.Em ist eine relative Einheit, die leicht durch den Einfluss des übergeordneten Elements verursacht wird, w?hrend REM basierend auf dem Wurzelelement stabiler ist und für die globale Skalierung geeignet ist. 3.VW/VH basiert auf der Ansichtsfenstergr??e, die für das reaktionsschnelle Design geeignet ist. Die Leistung unter extremen Bildschirmen sollte jedoch Aufmerksamkeit geschenkt werden. 4. Bei der Auswahl sollte es ermittelt werden, ob reaktionsschnelle Anpassungen, Elementhierarchiebeziehungen und Ansichtsfensterabh?ngigkeit festgelegt werden. Angemessener Gebrauch kann die Layoutflexibilit?t und -wartung verbessern.

Opazit?t ist ein Attribut in CSS, das die Gesamttransparenz eines Elements steuert, wobei die Werte von 0 (vollst?ndig transparent) bis 1 (vollst?ndig undurchsichtig) reichen. 1. Es wird h?ufig für den Image -Schwebeverlusteffekt verwendet und verbessert die interaktive Erfahrung, indem der übergang der Deckkraft festgelegt wird. 2.. Erstellen einer Hintergrundmaskenschicht, um die Textlesbarkeit zu verbessern; 3.. Visuelle Feedback von Steuertasten oder Symbolen im behinderten Zustand. Beachten Sie, dass es im Gegensatz zu RGBA, was nur den angegebenen Farbteil betrifft, alle Kinderelemente betrifft. Eine reibungslose Animation kann durch den übergang erreicht werden, aber h?ufiger Gebrauch kann die Leistung beeinflussen. Es wird empfohlen, es in Kombination mit dem Willenswechsel oder der Transformation zu verwenden. Die rationale Anwendung der Opazit?t kann die Seitenhierarchie und die Interaktivit?t verbessern, sollte jedoch vermeiden, dass sie die Benutzer beeintr?chtigen.

Accent-Color ist ein Attribut, das in CSS verwendet wird, um die Highlight-Farben von Formularelementen wie Kontrollk?stchen, Optionsfeldern und Schieberegler anzupassen. 1. Es ?ndert direkt die Standardfarbe des ausgew?hlten Status des Formularsteuerers, z. 2. Die unterstützten Elemente umfassen Eingangsk?stchen von Typ = "Kontrollk?stchen", type = "radio" und type = "range"; 3. Die Verwendung von Akzentfarben kann komplexe benutzerdefinierte Stile und zus?tzliche DOM-Strukturen vermeiden und die native Zug?nglichkeit aufrechterhalten. 4. Es wird im Allgemeinen von modernen Browsern unterstützt, und alte Browser müssen herabgestuft werden. 5. Setzen Sie Accent-Col
