В това ръководство, ние ще се съсредоточи върху превръщането на нашите WordPress теми от XHTML към HTML5. Ние ще минем стъпка по стъпка, изучаване промени в следните файлове (тези файлове се намират в темата си папка, т.е. WP-съдържание / теми / вашата тема /)
Основна HTML5 маркиране
Нека да разгледаме основната оформление HTML5, ние ще направим. HTML5 - тя е много повече, отколкото на "DOCTYPE" в началото на кода си. Няколко нови елементи ще ни помогнат да се програмира и да опише стила е много по-ефективен начин и с по-малко за маркиране (това е една от причините, поради които HTML5 е по-добре).
Сега ние просто трябва да знаете къде да поставите новите HTML5 тагове заглавието. долния. навигация. раздел и чл. Имена на нови етикети сами говорят за функциите, за разлика от XHTML. Структуриране използване Разделение.
Стъпка 1. Конвертиране header.php в HTML5
header.php да XHTML
Сега аз ще ви покажа на кода, който често се използва в header.php на WordPress теми към XHTML.
Някои от тях могат да попитам защо правим това? Отговорът е прост: за HTML5 семантично маркиране. Това намалява количеството на маркиране, което разбиране и управление на много по-лесно.
header.php на HTML5 (трансформира)
Както можете да видите, преобразуваната кодът е много подобен на XHTML код. Нека да обсъдим промените.
- - Имам много проста HTML5 типа на документа, но тя включва много нови семантични тагове.
- семантична маркер за блока глава.
Забележка. Някои се включи раздел маркер към капачката. Във връзка с това има много дебати. Лично аз съм против включването на раздел маркер в капачката, защото това ще унищожи красотата на HTML5. Разбира се, можете да използвате стария DIV тук.
Какво скриптове и стилове?
Ние считаме, че по-старите браузъри
Съвет. поставете етикетите, които се появяват в последователност, вътре
Забележка. Този скрипт трябва да бъде поставен на върха в маркера