Auszeichnungssprache – Phrasenelement_HTML/Xhtml_Webseitenproduktion

In der Einleitung und in den vorherigen Kapiteln wurde das Konzept der semantischen Tags kurz erwähnt. Die Verwendung von Tags zur Identifizierung der Bedeutung von Dateien dient nicht nur dazu, den Anzeigeeffekt mit Tags festzulegen Ich halte dieses Ziel jedoch für zu idealistisch. Natürlich bedeutet es nicht, dass die harte Arbeit wertlos ist.
In realen Situationen ist es oft notwendig, nicht-semantische Tags hinzuzufügen, um bestimmte Designziele zu erreichen, vor allem weil derzeit bekannte Browser den Standard nicht zu 100 % unterstützen können. Einige CSS-Regeln können in einigen Browsern nicht korrekt angezeigt werden , was leider die Verwendung zusätzlicher Tags erfordert, um bestimmte Designziele zu erreichen.
Es gibt ein wichtiges Konzept, das beachtet werden muss: Der Versuch, so viele semantische Strukturen wie möglich zu schreiben, bringt praktische Vorteile. Gleichzeitig ist die Unterstützung für den Standard zwar nicht 100 %, aber dennoch vorhanden Lassen Sie uns jetzt den kritischen Punkt überschreiten. Seien Sie in der Lage, Webseiten mit Methoden zu schreiben, die den Webstandards entsprechen. Manchmal müssen Sie Abstriche machen, aber je mehr standardkonforme Tags Sie schreiben möchten, desto einfacher wird Ihre zukünftige Arbeit sein. Anzeigeeffekt VS-Strukturbeschriftung
In diesem Kapitel werden die Unterschiede zwischen Anzeigeeffekten und strukturellen Tags erläutert, insbesondere die Unterschiede zwischen der Verwendung von als Ersatz für und der Verwendung von Später werden wir auch einige andere Phrasenelemente und ihre Bedeutung innerhalb der standardkonformen, strukturierten Tag-Syntax besprechen.
Sie haben vielleicht gehört, dass einige Leute empfohlen haben, durch zu ersetzen, aber sie haben Ihnen nicht weiter erklärt, warum eine solche Ersetzung erforderlich ist. In diesem Fall ist es so Es ist kaum zu erwarten, dass andere Webdesigner ihre Verwendung von Tags ändern, nur weil sie gehört haben, dass sie dies tun müssen. Warum sind und besser als
Welche Vorteile hat es, die Tags und zu entfernen und sie durch zu ersetzen? Alle Beispiele in diesem Buch streben danach, diesem Konzept zu folgen. Sehen Sie, was die Experten sagen
Lassen Sie uns zunächst einen Blick darauf werfen, wie das W3C die Phrasenelemente in der HTML4.01-Phrasenelementspezifikation beschreibt. Sie können Strukturinformationen innerhalb von Textfragmenten hinzufügen. Die Bedeutung ist wie folgt:
steht für Hervorhebung
steht für eine stärkere Betonung
Was wir hier besprechen, sind beispielsweise zwei verschiedene Betonungsebenen. Beispielsweise sollte ein Wort oder eine Phrase lauter, mit einer höheren Tonhöhe, schneller oder ... nun ja, das ist es. Mehr Betonung als gewöhnlicher Textinhalt.
W3C beschrieb weiter Folgendes:
Der Anzeigeeffekt von Phrasenelementen variiert je nach Browser. Im Allgemeinen sollten visuelle Browser den Textinhalt von in Fettschrift anzeigen B. Lautstärke, Tonhöhe, Geschwindigkeit usw. passend zum Inhalt.
Aha! Dieser letzte Satz ist besonders interessant. Sprachsynthesesoftware (wie wir sie früher als Screenreader bezeichneten) verarbeitet Text, der hervorgehoben werden muss, was in der Tat eine gute Sache ist.
Im Gegensatz dazu sind nur Anzeigeeffekt-Tags. Wenn Sie die Struktur vom Anzeigeeffekt trennen möchten, ist es richtig, Wenn Sie einfach fetten oder kursiven Text anzeigen möchten, verwenden Sie einfach CSS. Weitere Beispiele werden später in diesem Kapitel besprochen.
Sehen wir uns zwei Logo-Beispiele an, um die Unterschiede zu verstehen. Methode A
Ihre Bestellnummer zur späteren Bezugnahme lautet: 6474-82071. Methode B
Ihre Bestellnummer zur späteren Bezugnahme ist: 6474-82071
Diese Situation ist ein perfektes Beispiel für die Verwendung von anstelle von , da wir nicht nur die Bestellnummer fett formatieren möchten, sondern auch, dass dies der Fall ist Ändern Sie die Art und Weise, wie Sie den Inhalt ausdrücken: Erhöhen Sie die Lautstärke, ändern Sie die Tonhöhe oder die Geschwindigkeit. Methode B erreicht beide Ziele gleichzeitig. Na und?
In ähnlicher Weise kann das Ersetzen von gleichzeitig die Wichtigkeit ausdrücken, anstatt einfach den Textinhalt kursiv darzustellen: Methode A
It Ich habe nicht eine Stunde gebraucht, aberdrei Morgen. Methode B
Ich habe keine, aberdrei meine Einfahrt heute Morgen
Im vorherigen Beispiel (das zum Zeitpunkt des Verfassens dieses Artikels zutreffend war) bestand meine Absicht darin, das Wort „drei“ nachdrücklich erscheinen zu lassen, als ob ich das Wort laut aussprechen würde. Methode B funktioniert in den meisten Browsern visuell besser Es wird im Browser kursiv angezeigt und der Screenreader passt die Klangfarbe, Geschwindigkeit oder Lautstärke entsprechend an. Nur Fett- oder Kursivschrift ist in Ordnung
Es ist zu beachten, dass in vielen Fällen nur fette und kursive Texteffekte visuell angezeigt werden müssen. Mit anderen Worten: Angenommen, Sie haben eine Liste mit Links in Ihrer Seitenleiste und möchten, dass alle Links mit demselben Effekt angezeigt werden: Auch Es ist fett (Abbildung 6-1)

Wir beabsichtigen nicht, Linkinhalte über visuelle Funktionen hinaus hervorzuheben. Dies ist ein guter Ort, um CSS zu verwenden, um das Erscheinungsbild von Links so zu ändern, dass sie von Bildschirmleseprogrammen und anderen nicht visuellen Browsern nicht hervorgehoben werden.
Möchten Sie zum Beispiel wirklich, dass fett gedruckte Links schneller, lauter und mit einer höheren Tonhöhe gelesen werden? Wahrscheinlich nicht, denn die Fettschrift dient hier nur dem Anzeigeeffekt
Um den Anzeigeeffekt von Abbildung 6-1 zu erzielen, gehen wir davon aus, dass die Linkleiste in der

die #sidebar sollte fett dargestellt werden:
#sidebar a{
font-weight:bold
}
Es ist so einfach, dass ich mich ein wenig lächerlich fühle, wenn ich nur darüber nachdenke, aber es ist eine großartige Möglichkeit, Struktur und Präsentation zu trennen. Das ist mutig!
In ähnlicher Weise können ähnliche Ideen angewendet werden, wenn Sie über kursiv geschriebenen Text nachdenken. Wenn Sie den Inhalt nicht hervorheben und nur kursiv schreiben möchten, können Sie diese Situationen wiederum mit dem Attribut „font-style“ über CSS bewältigen.
Lassen Sie uns dieselbe #sidebar als Beispiel verwenden. Wenn Sie beispielsweise möchten, dass alle Links in der #sidebar kursiv geschrieben werden, können Sie Folgendes schreiben:
#sidebar a{
font-style:italic;
}
Ein weiteres äußerst einfaches Konzept, aber im Bereich der strukturierten Markup-Syntax halte ich es für sehr wichtig, diese Situationen zu diskutieren – die Verwendung von CSS für den Umgang mit CCTV anstelle der Anzeige von Effekt-Tags. Manchmal ist die einfachste Lösung auch die einfachste . Teilen Sie fett und kursiv
Wenn ich plane, Textinhalte gleichzeitig fett und kursiv darzustellen, muss ich mir zunächst die Frage stellen: Welchen Grad an Betonung möchte ich auf der Grundlage der Antwort auf diese Frage auswählen? das entsprechende Tag: (Hervorhebung) oder (stärkere Hervorhebung) und markieren Sie dann den Text mit der gewählten Bezeichnung.
Im folgenden Beispiel hatte ich ursprünglich geplant, „Spaß“ gleichzeitig fett und kursiv darzustellen, aber am Ende habe ich mich dafür entschieden, zu verwenden, um das Wort „Gebäude“ hervorzuheben Websites mit Webstandards können Spaß machen!
Die meisten Browser zeigen dieses Wort nur in Kursivschrift an. Wir haben einige Möglichkeiten. Oh, ich hoffe wirklich, dass Sie dem obigen Satz zustimmen.
Eine Möglichkeit besteht darin, ein gewöhnliches außerhalb von „fun“ einzuschließen und eine CSS-Regel anzugeben, um alle in Fettschrift anzuzeigen.
Das Erstellen von Websites mit Webstandards ist möglich fun
Und das CSS sieht so aus:
em span{!
font-weight:bold;
}
Der offensichtliche semantische Teil ist nicht gut, weil wir zusätzliche Tags hinzugefügt haben, aber diese Methode ist immer noch für alle nützlich
Eine andere Methode besteht darin, eine Klasse für das -Tag anzugeben und mit CSS einen Fettdruckeffekt hinzuzufügen:
Baustellen mit Webstandards kann Spaß sein!
Das CSS sieht so aus:
em.bold{
font-weight:bold>}
Die Verwendung von kann einen kursiven Effekt erzielen (und gleichzeitig den Textinhalt semantisch hervorheben), und das Hinzufügen der Fettklasse führt dazu, dass der Text in
Eine ähnliche Methode kann auch zum Ändern von verwendet werden. Zu diesem Zeitpunkt können wir Kursivschrift verwenden, um einen bestimmten Textabschnitt hervorzuheben. Klasse plus Kursivschrift, gepaart mit dem ursprünglichen Fettdruck von
Die Auszeichnungssprache sieht folgendermaßen aus:
Baustellen mit Webstandards können Spaß machen!
Das CSS sieht so aus:
strong.italic{
font-style:italic>}
#p# Übersicht
Ich halte es für notwendig, dieses Thema zu diskutieren, daher ist dies ein gutes Beispiel für eines der Kernthemen dieses Buches: Es ist wichtig und vorteilhaft, Inhalt und Präsentation zu trennen: und Tags Das Umwandeln von Tags in strukturell äquivalente Tags (beim Hervorheben von Inhalten) ist eine einfache Möglichkeit, ein solches Trennungsziel zu erreichen.
Wenn Sie also das nächste Mal jemanden sagen hören: „Ja, Sie sollten immer anstelle von verwenden“, haben Sie einen guten Grund, dieses Argument zu untermauern.
In den meisten Fällen ist es geeignet, zu verwenden, um die Hervorhebung zu erreichen. Wenn Sie nur einen visuellen Fett- oder Kursivdruck erzielen möchten, verwenden Sie CSS
Bisher haben wir uns in diesem Kapitel auf und konzentriert, die nur ein Teil dessen sind, was das W3C als „Phrasenelemente“ bezeichnet. In diesem Teil schauen wir uns einige weitere Phrasenelemente und ihre Beziehung an zu Standards. Phrasenelement
Zusätzlich zu und umfasst die vollständige Liste der Phrasenelemente in der W3C HTML 4.01-Spezifikation: : Enthält andere Zitate und Referenzquelleninformationen. : Stellt das Definitionsbeispiel eines Substantivs dar. : Stellt einen Codeabschnitt dar <samp>: Stellt ein Programm dar, Beispiel für eine Skriptausgabe. <kbd>: Stellt den vom Benutzer einzugebenden Text dar. <var>: Stellt die Variablen des Programms dar <Abbr>: steht für abgekürzte Substantive (wie WWW, HTML, URL, Mass. usw.) <Akronym>: steht für abgekürzte Namen (wie WAC, Radar usw.) <br>Sehen wir uns ein paar Tags genauer an, beginnend mit dem Design von <cite> <br>#p# <cite> <br><cite> ist ein interessantes Element, das es wert ist, besprochen zu werden, insbesondere wenn es um das Ersetzen des <i>-Tags geht. Der Zweck von <cite> besteht darin, auf die Quelle des Zitats zu verweisen Historisch gesehen könnte ein Designer beispielsweise <i> verwenden, um Buchtitel kursiv zu schreiben, aber weiter oben in diesem Kapitel haben wir gelernt, dass CSS das beste Werkzeug zum Festlegen von Anzeigeeffekten ist. <br>Sie können vorschlagen, <em> zu verwenden, um den Titel einer Veröffentlichung anzugeben. Beim Zitieren von Büchern oder anderen Veröffentlichungen beabsichtigen wir jedoch nicht, ihn hervorzuheben, d Industrie Verwenden Sie Unterstriche, dies kann jedoch natürlich mit Links verwechselt werden. <br>Dann erschien das für diesen Job maßgeschneiderte <cite>-Tag. Die meisten Browser zeigen den Inhalt im <cite>-Tag sogar standardmäßig an. Spezifikation <br>W3Cs <cite>-Tag-Spezifikation ist etwas kurz. Sie wird in der HTML 4.01-Spezifikation nur kurz erwähnt. <br><cite>: Enthält andere Zitate und Referenzquelleninformationen. <br>Das ist fast das, was wir verstehen können, aber wir wissen nicht genau, welche Art von Informationen in <cite> platziert werden können, aber aus der Perspektive der „Quelle“ können wir zumindest den Autor und die Veröffentlichung angeben Es. <br>Sehen wir uns an, wie <cite> verwendet wird: <br>Der Roman <cite>The Scarlet Letter</cite> spielt im puritanischen Boston und wurde wie dieses Buch dort geschrieben Salem, Massachusetts. <br>Nach Verwendung des <cite>-Tags wird der Titel „The Scarlet Letter“ angezeigt Es wird in den meisten Browsern kursiv angezeigt. Wir werden die folgende sehr einfache CSS-Regel hinzufügen, damit der Browser den richtigen Effekt anzeigt, auch wenn kein Standardwert vorhanden ist {<br>Schriftstil: kursiv;<br>} <br>Zur Überprüfung haben wir die <i>-Tags in den Titeln von Büchern und anderen Veröffentlichungen durch <cite> ersetzt. In den meisten Browsern können wir weiterhin den kursiven Anzeigeeffekt erzielen und den Seiteninhalt noch einmal strukturierter gestalten . Natürlich kann diese Struktur auch CSS verwenden, schauen wir uns das an. Ändern Sie den Stil von <cite> <br>Während wir das Erstellen von Seiteninhalten mit Struktur und Semantik besprechen, erleichtern wir auch die Angabe von Stilen (und die Änderung von Stilen) mit CSS. Wenn wir dies dauerhaft verwenden, verwenden wir das Tag Wir haben die vollständige Kontrolle über den tatsächlichen Stil und können ihn bei Bedarf problemlos ändern. <br> Gehen Sie davon aus, dass die gesamte Website mit dem <cite>-Tag erstellt wird, um Buchverweise und Publikationstitel zu kennzeichnen. Wir möchten jedoch innerhalb weniger Monate globale CSS-Regeln hinzufügen Zeigen Sie die Buchveröffentlichung ohne Titel nicht nur in Kursivschrift, sondern auch in fetter, roter Schrift mit grauem Hintergrund an. <br>Das geht natürlich schnell mit ein paar CSS-Regeln, die die Titel aller zuvor mit <cite> markierten Referenzen sofort ändern, da es bei Verwendung von <i> keine Möglichkeit gibt, das Objekt explizit anzugeben. oder <em> <br>zitieren {<br>Schriftstil: kursiv;<br>Schriftstärke: fett;<br>Farbe: rot;<br>Hintergrundfarbe: #ddd;<br>} <br>Abbildung 6-2 zeigt den Anzeigeeffekt der meisten Browser. Dies ist ein weiteres gutes Beispiel dafür, wie zunächst strukturiertes Markup geschrieben wird, sodass Sie den Designstil der gesamten Website später problemlos ändern können. <br> <br>Abbildung 6 -2. Verwenden Sie das <cite>-Tag und nutzen Sie CSS-Stileffekte, um das Potenzial der Struktur freizusetzen <br>Strukturiertes Markup ist nicht nur einfach zu verwendende Stile, sondern lässt sich auch leicht von serverseitiger Software verarbeiten, was interessante Anwendungen mit sich bringt. <br>Zum Beispiel Usability-Befürworter Mark Pilger auf seiner persönlichen Website „Dive into mark“ verwendet viele <cite>-Tags. Da das <cite>-Tag verwendet wird, um jede im Blog zitierte Veröffentlichung zu markieren, kann Mark ein Programm schreiben, das alle Artikel analysiert, um eine Datenbank zu erstellen und dann auf den referenzierten Zitaten basiert Quellenklassifizierung (http://www.peintomark.com/archives/citations/) <br>Abbildung 6-3 unten ist das Ergebnis meiner eigenen Suche. Ich kann zwei verwandte Artikel in Marks Blog finden, die alle durch Markieren von „Dan Cederholm“ mit <br> erreicht sind</p> <p>Abbildung 6-3 „Beiträge von“ erstellt von Mark Pilgrim in „Dive into Mark“ Zitierungsergebnisse (http://www.peintomark.org/archives/citations/dan_cederholm/) <br>#p# <Abbr> und <Akronym> <br>Ich möchte auch zwei Phrasenelemente vorschlagen, nämlich <abbr> (abgekürztes Substantiv) und <acronym> (abgekürzter Name). Die Verwendung dieser Tags ermöglicht es allen Benutzern, den Inhalt zu verstehen Verbessern Sie die Benutzerfreundlichkeit der Webseite. <br>Lassen Sie uns einen neuen Blick auf die Verwendung von <abbr> werfen, die vom W3C in der HTML4.01-Spezifikation definiert wurde: <abbr> Stellt abgekürzte Substantive dar (wie WWW, HTTP, URL, Mass. usw.) <Akronym> Stellt abgekürzte Substantive dar (wie WAC, Radar usw.) <br>Mit dem entsprechenden Titelattribut können diese Elemente Benutzern helfen, die bestimmte Substantive nicht verstehen. Wenn wir beispielsweise die Abkürzung „XHTML“ markieren, können wir das Tag <abbr> <br><abbr title="eXtensible HyperText Markup Language">XHTML</abbr> <br>Die Verwendung von <abbr> führt dazu, dass der Screenreader die Abkürzung (X-H-T-M-L) ausspricht, anstatt den gesamten Text auszusprechen. <br>Ein Beispiel für die Verwendung des <acronym>-Tags ist wie folgt: <br><acronym title="North Atlantic Treaty Organisation">NATO</acronym> <br>Wir können auch zwei auditive CSS-Regeln verwenden, die diese Unterschiede erneut hervorheben: <br>Abk {<br>speak:spell-out;<br>}<br><br>Akronym {<br>speak:normal;<br>} <br> Mit Hörstilen können Autoren eine Lesemethode speziell für Screenreader festlegen. Dadurch können der Hörausdruck der Seite, die Markup-Struktur, der Ton, die Klangfarbe usw. geändert werden, sodass der Leseeffekt der Seite stärker ist Im Einklang mit dem visuellen Effekt einmal definieren <br>Viele Leute schlagen vor, die Abkürzungen und Abkürzungen, die wiederholt auf der Seite erscheinen, nur einmal zu definieren. Sie denken, dass wiederholte Definitionen jedes Mal, wenn ein Substantiv erscheint, Platzverschwendung sind, und es ist am besten, das Titelattribut nur dann hinzuzufügen, wenn es erscheint Zum ersten Mal denke ich, dass dies sinnvoll ist, obwohl ein Benutzer, wenn er zu einem bestimmten Absatz auf der Seite weitergeleitet wird, möglicherweise nicht von der Definition profitieren kann, da er die Abkürzung oben auf der Seite nicht erweitert sehen kann. <br>Verwenden Sie Ihr Urteilsvermögen, wenn (und wie oft) Sie Substantive definieren, die in <abbr> eingeschlossen sind <br>Um Leser optisch anzulocken, fügen einige Browser standardmäßig einen 1-Pixel-gepunkteten unteren Rand unter <abbr> hinzu, um Benutzer dazu zu verleiten, ihre Maus über abgekürzte Substantive zu bewegen Der Browser zeigt den durch das Titelattribut bereitgestellten Definitionsinhalt in Form eines „Tooltips“ an. <br>Für Browser, die standardmäßig keine gepunkteten unteren Ränder anzeigen, kann der gleiche Effekt durch die Definition von CSS <br>abbr, Akronym {<br>border-bottom:“ erzielt werden. 1px gepunktet;<br>Cursor: Hilfe;<br>} <br>Wir haben außerdem eine zusätzliche Regel hinzugefügt, um den Cursor in „Hilfe“ umzuwandeln (von den meisten Browsern unterstützt), damit Benutzer erkennen können, dass es sich nicht um einen Link handelt, der angeklickt werden kann, sondern um eine Definition, die als „Tooltip“-Inhalt angezeigt wird (Mark Newhouse, „Real World Style: CSS-Hilfe“). <br>Abbildung 6-4 zeigt den Anzeigeeffekt des Browsers in Definitionstext und gepunkteter unterer Kante: <br> <br>Allgemeine Browseranzeige <Abk&gt ;Beispiele für Kompatibilitätsprobleme<br>Es ist erwähnenswert, dass zum Zeitpunkt des Schreibens dieses Buches die Windows-Version des Internets verwendet wurde Der Explorer unterstützt noch nicht die Angabe von Stilen für das <abbr>-Tag und die Anzeige von Tooltips. IE/Win unterstützt das <acronym>-Tag. Dies soll einige Designer dazu ermutigen, nur mit abgekürzten Substantiven und Abkürzungen umzugehen. <br>Es mag verlockend sein, dies zu tun, aber die Verwendung der falschen Elemente zur Lösung eines realen Problems ist keine gute Sache. Für dieses spezielle Problem ziehe ich es vor, das Substantiv gemäß der Spezifikation darzustellen und die korrekt unterstützten Browser zu verwenden Damit umgehen<abbr&gt ;Stile für Tags Werfen wir einen kurzen Blick auf einige Phrasenelemente, die wir noch nicht erwähnt haben. <br>#p# <code> Das <br><code>-Element dient zum Anzeigen von Codebeispielen innerhalb von XHTML-Seiten. Wenn Sie beispielsweise ein Stück CSS teilen möchten, können Sie Folgendes schreiben: <br><code><br>#content {<br>width: 80 %;<br>padding: 20px;<br>Hintergrund: blau;<br>><br>
Im Allgemeinen zeigen visuelle Browser den Inhalt im -Tag an , wir Wir können auch CSS-Regeln hinzufügen, um die gewünschte Anzeigemethode anzugeben.
Code {
Schriftfamilie: Courier, Serif;
Farbe: Rot;
}
Auf diese Weise wird der Inhalt von zu einer roten Courier-Schriftart. Das
-Element wird verwendet, um Beispielausgaben von Programmen und Skripten zu identifizieren, wenn ich beispielsweise das Perl besprechen möchte, das ich schreibe Wenn das Skript das Ergebnis ausgibt, kann ich es folgendermaßen markieren:


Wenn das Skript ausgeführt wurde, beim Befehl Zeile sehen Sie die Meldung script was erfolgreich!.

Hier umgebe ich das Skriptausgabebeispiel mit . Gleichzeitig können wir auch CSS-Regeln verwenden, um einen eindeutigen Stil für das Programmausgabebeispiel festzulegen, genau wie wir es gerade für getan haben.
Im Zusammenhang mit wird verwendet, um Variablen und Referenzen im Programm zu markieren. Wenn wir beispielsweise über XSLT-Stylesheets sprechen, kann ich schreiben:

Ich übergebe den Parameter lastUpdated zu meiner main.xsl-Datei.

Viele Browser zeigen den Inhalt des -Tags kursiv an, aber Sie können eine einfache Regel schreiben, um den Standardwert zu entfernen. Wir können das CSS-Attribut „font-style“ verwenden, um es zu ändern Der Anzeigeeffekt:
var {
Schriftstil: normal;
Schriftfamilie: Courier, Serif;
Farbe: Lila;
}
Schließlich schauen wir uns das Element an, das das Phrasenelement vervollständigt. Das
-Element kann verwendet werden, um den Text zu markieren, den der Benutzer eingeben möchte. Wenn ich beispielsweise erkläre, wie der gerade angegebene Zugriffsschlüssel verwendet wird, um den Cursor zum Suchfeld zu bewegen, schreibe ich möglicherweise wie folgt Das:

Um den Fokus schnell auf das Sucheingabefeld zu ändern, geben Mac-Benutzer Folgendes ein: Befehl 9.

Sie können wahrscheinlich erraten, was ich als nächstes sagen werde. Ja, mit einfachen CSS-Regeln können Sie alle -Elemente wie jedes andere Phrasenelement formatieren
Wenn wir auf das zurückblicken, was wir in diesem Kapitel gesehen haben, diskutieren wir zunächst die Gründe, warum besser ist als So gestalten Sie einfach: Um den fetten oder kursiven Anzeigeeffekt festzulegen, ist CSS die richtige Methode.
diskutiert auch andere Phrasenelemente, beginnend mit zur Markierung von Personen und Veröffentlichungen, und demonstriert die Vorteile einer strukturierten Markup-Syntax für Anzeigeeffekte und Datenanalyse.
Es wird auch gezeigt, wie abgekürzte Substantive und Abkürzungen mit geeigneten Komponenten markiert werden, um die Benutzerfreundlichkeit von Webseiten zu verbessern und gleichzeitig zusätzliche CSS-Anzeige- und Phonetikregeln zu verwenden, um den Definitionsinhalt zu stärken. Schließlich können Sie die verbleibenden Phrasenelemente jedes Elements sehen Sie alle verfügen über unterschiedliche voreingestellte Stile für allgemeinen Text, wir können aber auch schnell und einfach einfache CSS-Regeln für eine einzelne Seite oder die gesamte Website entwerfen, um den gewünschten Anzeigestil für diese Elemente festzulegen.
In diesem Kapitel gibt es einige Bezeichnungen, die vielen Menschen recht unbekannt sind. Nachdem die Standardisierung in China eingeführt wurde, wurde sie leider fälschlicherweise als „p“ interpretiert CSS, ich weiß wirklich nicht, wie ich es beschreiben soll. Ich hoffe, dass Leute, die es sehen können, die Verkehrszeichen auf dem Weg zu standardisierten semantischen Dokumenten richtig verstehen können