Urmând recomandările și ghidul de editare de mai jos, conținutul devoțional publicat de YouVersion va arăta cât mai bine posibil, pe multiple platforme (iOS, Android, Web, Mobile Web, etc) și pe o durată de timp cât mai extinsă.
Recomandări
Titlul materialului devoțional
Dacă este nevoie, folosește h2.
Notă: Insistăm să nu se folosească în conținut marcajul h1.
Titlu de rubrică
Folosește h3 ca marcaj pentru titlurile de rubrici principale.
Subtitluri
Folosește marcajul h4 pentru toate subtitlurile de rubrici.
Notă: Nu recomandăm utilizarea marcajelor mai mici de h4, deoarece nu va fi nicio diferență vizuală între aceste mărimi reduse de titluri.
Spațierea paragrafelor
Încadrează paragrafele de text cu marcaje p.
Notă: Nu recomandăm utilizarea marcajelor de tipul br pentru a distanța paragrafele, deoarece rezultatul obținut nu va fi predictibil și poate fi incompatibil cu unele aplicații.
Spațierea secțiunilor
În cazul în care conținutul este mare și necesită o separare clară care nu poate fi realizată prin paragrafe, secțiunile de text pot fi încadrate folosind marcajul section.
Notă: Insistăm să nu se folosească marcajele br pentru a distanța paragrafele, deoarece rezultatul obținut nu va fi predictibil și poate fi incompatibil cu unele aplicații.
Text îngroșat (Bold)
Folosește marcajul strong pentru orice text care trebuie afișat îngroșat.
Notă: Nu recomandăm utilizarea marcajului b, deoarece este învechit și nu va avea un suport bun pe termen lung în programul de navigare sau în aplicațiile noastre.
Text înclinat (Italic)
Folosește marcajul em pentru orice text care trebuie afișat înclinat.
Notă: Nu recomandăm utilizarea marcajului i, deoarece este învechit și nu va avea un suport bun pe termen lung în programul de navigare sau în aplicațiile noastre.
Liste
Folosește marcajul ul pentru listele neordonate și ol pentru listele ordonate (numerotate), a căror elemente sunt încadrate de marcajul li. Recomandăm utilizarea listelor neordonate, cu excepția situaților când există motive întemeiate de a folosi liste numerotate, rezultând astfel o înșiruire vizuală limpede în majoritatea aplicațiilor.
Notă: Nu recomandăm utilizarea atributului list-style-type.
Imagini
Folosește marcajul img pentru imagini. Acestea vor ocupa întreaga lățime a conținutului (însemnând că textul nu va înconjura imaginea) în oricare aplicație dată. Din acest motiv se recomandă o lățime a imaginii de minim 480 pixeli, altfel imaginile mai mici ar putea fi deformate prin întindere.
Notă: Avem rugamintea să nu se includă atribute adiționale (de genul width, height, border,align, etc.) la marcajul img, pentru că vor limita posibilitățile noastre de a afișa imaginile în mod corespunzător.
Video
Încorporați clipurile video YouTube obișnuite folosind cod iframe în interiorul marcajului div din clasa video-container.
<div class=”video-container”>
<iframe class=”youtube-player” src=”http://www.youtube.com/embed/VIDEO_ID” frameborder=”0″ allowfullscreen></iframe>
</div>
Notă: Avem rugamintea să nu se includă atribute adiționale (de genul width, height, border,align, etc.) la marcajul iframe, pentru că vor limita posibilitățile noastre de a afișa clipurile video în mod corespunzător.
Această postare este disponibilă și în: Afrikaans Germană Spaniolă Franceză Portugheză Chineză (Simplificată) Chineză (Tradițională)