Artikeleinführung von Wulin.com (www.vevb.com): 8 Best Practices zur Optimierung der HTML5 -Codierung.
Alle Zeichen zeigen, dass 2012 definitiv das Jahr des HTML 5 -Ausbruchs ist. Bei der Front-End-Codierung hat HTML die gesamte Webentwicklungsindustrie auf einzigartige Weise gegründet. Es ist am meisten in der Technologie geworden. Wenn Sie als Front-End-Entwickler die Codierung von HTML5-Website nicht lernen oder verstehen, sind Sie nicht mehr da!
2012 ist definitiv das Jahr, in dem HTML5 explodiert, und HTML5 hat Entwicklern/Designer viel Bequemlichkeit gebracht. Es ist nicht nur leicht zu verstehen, sondern der Effekt ist aufregend.
Bei der Front-End-Codierung hat HTML die gesamte Webentwicklungsindustrie auf einzigartige Weise gegründet. Es ist am meisten in der Technologie geworden. Wenn Sie als Front-End-Entwickler die Codierung von HTML5-Website nicht lernen oder verstehen, sind Sie nicht mehr da! Bevor Sie lernen, müssen Sie den Unterschied zwischen CSS3 und HTML5 herausfinden. Heute werden wir hauptsächlich die besten Praktiken des HTML5 -Codes diskutieren. Nach dem Lesen dieses Artikels werden Sie auf jeden Fall viel Geld verdienen und es wird die Reise wert sein!
1. HTML5 (Code/Codierung) Generator
Entwickler/Designer beginnen häufig von vorne, bevor sie eine neue Website entwickeln. Sie erstellen eine grundlegende Vorlage basierend auf jeder Anforderung, die offensichtlich viel Zeit in Anspruch nimmt. Durch die Verwendung von HTML5 -Generator (Code/Encoding) sparen Sie viel Zeit, ohne neuen Code für jede Seite zu schreiben. Das Beste an HTML5 -Generatoren (Code/Codierung) ist, dass sie einfach und einfach zu beginnen sind. Um genau zu sein, müssen Sie nur das Formular ausfüllen und HTML5-Vorlagen entsprechend Ihren Anforderungen erstellen, sodass Sie nicht jede Seite neu codieren müssen.
Offensichtlich werden Sie feststellen, dass es eine Vielzahl von HTML5 -Generatoren (Code/Codierung) gibt, und Sie können eine auswählen, die nach Ihren Anforderungen entspricht. Natürlich können Sie auch einige vorgefertigte Vorlagen auswählen, die Sie direkt bewerben können.
Empfohlen mehrere Generatoren
2. Deklaration des Dokumenttyps korrekt verstehen
Wenn Sie mit der automatischen Codierung und dem Planen, Code für Ihre Website selbst zu schreiben, nicht zufrieden sind, ist es sehr wichtig, den DocType von HTML5 (Dokumenttyperklärung) zu verstehen. Bitte denken Sie daran, dass das Ändern des DOCType -Tags nicht ratsam ist. Bevor Sie Entscheidungen und Änderungen treffen, stellen Sie sicher, dass Sie ein gutes Verständnis für docType haben und nicht in einer Tragödie enden.
3. Verwenden Sie Cheat Sheet
Wie wir alle wissen, ändert sich die Entwicklung von Wissenschaft und Technologie mit jedem Tag. Es ist also keine Panik erforderlich, wenn Sie sich nicht an alle sich ändernden HTML5 -Funktionen erinnern können. Sie können HTML5 -Cheat -Blätter verwenden.
Klicken Sie hier, um das größere Bild anzuzeigen
Artikelempfehlung: Diese ultimative HTML5 -Cheatsscheat [Infografik]
4.. Rückwärtskompatibilitätsplan
Derzeit unterstützen alle Webkit (Kernel) -Browser HTML5. Auch wenn nicht alle neuen (HTML5) -Funktionen unterstützt werden, können die meisten von ihnen unterstützt werden. Ein weiterer positiver Aspekt für HTML5 ist die Rückwärtskompatibilität, was bedeutet, dass die neuen HTML5 -Funktionen für Entwickler nicht viel Lernbelastung sind, sodass sie ohne Lehrer lernen können.
5. Versuchen Sie, Kompatibilitätsprobleme zu vermeiden
In der täglichen Entwicklung können Sie einige Kompatibilitätsprobleme konfrontiert. Obwohl HTML5 eine neue Technologie ist, werden einige neue Funktionen und Funktionen möglicherweise nicht unterstützt. Dies ist jedoch kein Problem, und Sie können problemlos herausfinden, welche Elemente Ihr Browser auf der Website von Can I nu use.com unterstützt. Darüber hinaus finden Sie andere wichtige technische Begriffe wie CSS3 und JavaScript -Kompatibilitätsymbole. Wenn Sie sich also mit HTML5 entwickeln, können Sie die Website von Can I Nuwe.com zum Lesezeichen hinzufügen.
6. Verwenden Sie jedes Element verantwortungsbewusst
Kennen Sie übrigens sich selbst und Ihren Feind, und Sie werden jeden Kampf gewinnen. Bevor Sie Elemente verwenden, müssen Sie den Zweck und die Wirkung jedes Elements verstehen und die Elemente auswählen, die zu Ihnen passen. Schauen wir uns die grundlegenden Bestandteile von HTML5 an und verstehen Sie den Zweck jedes Elements.
7. Starten Sie HTML5 in der alten Version von IE
Um ehrlich zu sein, war der IE für Entwickler und Designer immer Kopfschmerzen. IE8 und frühere Versionen von Browsern unterstützen HTML5 überhaupt nicht. Sie können jedoch die folgenden Skripte in diesen Versionen des IE -Browsers verwenden, um HTML5 zu unterstützen:
8. Codierungsprüfung
Mithilfe von HTML5 für die Entwicklung der Website ist die Codeüberprüfung sehr wichtig. Am besten verwenden Sie den W3C -Validator. Dies ist in der Tat ein hervorragendes Tool zur Überprüfung der Codequalität und zur Überprüfung von Codefehlern.
Hoffentlich können diese oben genannten Methoden Ihnen hoffentlich helfen, HTML5 effektiver zu verwenden.