Введение статьи Wulin.com (www.vevb.com): 8 лучших практик для оптимизации кодирования HTML5.
Все признаки показывают, что 2012 год - это год вспышки HTML 5. Что касается кодировки фронта, HTML подметала всю индустрию веб-разработки уникальным образом. Это стало самым большим в технологиях. Как фронтальный разработчик, если вы не выучите и не понимаете кодирование веб-сайта HTML5, то вы нет!
2012 год - это год, когда HTML5 взрывается, и HTML5 принес много удобства для разработчиков/дизайнеров. Мало того, что это легко понять, но эффект захватывающий.
Что касается кодировки фронта, HTML подметала всю индустрию веб-разработки уникальным образом. Это стало самым большим в технологиях. Как фронтальный разработчик, если вы не выучите и не понимаете кодирование веб-сайта HTML5, то вы нет! Прежде чем начать обучение, вы должны выяснить разницу между CSS3 и HTML5. Сегодня мы в основном обсудим лучшие практики опыта в коде HTML5. Прочитав эту статью, вы обязательно получите много денег, и это будет стоить поездки!
1. Генератор HTML5 (код/кодирование)
Разработчики/дизайнеры часто начинают с нуля перед разработкой нового веб -сайта. Они создадут базовый шаблон на основе каждого требования, который, очевидно, занимает много времени. Использование генератора HTML5 (код/кодировки) сэкономит вам много времени без написания нового кода для каждой страницы. Лучшая вещь в генераторах HTML5 (код/кодировки) - это то, что они просты и легко начать. Чтобы быть точным, вам просто нужно заполнить форму и создать шаблоны HTML5 в соответствии с вашими потребностями, поэтому вам не нужно повторно кодировать каждую страницу.
Очевидно, вы обнаружите, что существует широкий спектр генераторов HTML5 (код/кодировки), и вы можете выбрать тот, который соответствует вам в соответствии с вашими потребностями. Конечно, вы также можете выбрать несколько готовых шаблонов для применения напрямую.
Рекомендуется несколько генераторов
2. Правильно понимать объявление типа документа
Если вы не удовлетворены автоматическим кодированием и планируете самостоятельно написать код для вашего веб -сайта, очень важно понимать Doctype HTML5 (объявление типа документа). Пожалуйста, помните, что изменение тега Doctype не рекомендуется, поэтому, прежде чем принимать решения и изменения, убедитесь, что у вас хорошее понимание Doctype и не закончится трагедией.
3. Используйте шпаргалку
Как мы все знаем, развитие науки и техники меняется с каждым днем. Так что паника не требуется, если вы не можете вспомнить все меняющиеся функции HTML5. Вы можете использовать чит -листы HTML5.
Нажмите, чтобы просмотреть более широкое изображение
Рекомендация статьи: Это Ultimate HTML5 CheatSheat [Infographic]
4. План обратной совместимости
В настоящее время все браузеры Webkit (Kernel) поддерживают HTML5. Даже если все новые (HTML5) функции не поддерживаются, большинство из них могут быть поддержаны. Другим положительным аспектом для HTML5 является обратная совместимость, что означает, что новые функции HTML5 не являются большим обучением для разработчиков, поэтому они могут учиться без учителя.
5. Старайтесь избегать проблем совместимости
В ежедневном развитии вы можете столкнуться с некоторыми проблемами совместимости. Хотя HTML5 является новой технологией, некоторые новые функции и функции могут не поддерживать. Тем не менее, это не проблема, и вы можете легко выяснить, какие элементы поддерживает ваш браузер на веб -сайте Can Is Is.com. Мало того, вы можете найти другие важные технические термины выше, такие как значки совместимости CSS3 и JavaScript. Таким образом, если вы разрабатываете с помощью HTML5, лучше добавить веб -сайт CAN I..com в закладки.
6. Используйте каждый элемент ответственно
Кстати, знайте себя и своего врага, и вы выиграете каждую битву. Перед использованием элементов вы должны понимать цель и эффект каждого элемента и выбрать элементы, которые вам подходят. Давайте посмотрим на основные элементы HTML5 и поймем цель каждого элемента.
7. Начните HTML5 в старой версии IE
Честно говоря, т.е. всегда была головная боль для разработчиков и дизайнеров. IE8 и предыдущие версии браузеров вообще не поддерживают HTML5. Тем не менее, вы можете использовать следующие сценарии в этих версиях браузера IE, чтобы помочь вам начать поддержку HTML5:
8. Кодирование проверки
Используя HTML5 для разработки веб -сайтов, проверка кода очень важна, и наилучшим образом является использование W3C Validator. Это действительно отличный инструмент для проверки качества кода и проверки ошибок кода.
Наконец, мы надеемся, что эти методы, упомянутые выше, могут помочь вам более эффективно использовать HTML5.