HTML5 интернетте пайда болатын беттерді жазу үшін пайдаланылатын белгілеу тілі болып табылады. Сізге алдымен көрінбейтін ережелер қажет. Алайда, HTML5-ге HTML-құжатты жазуды бастау үшін, сіз кез келген сөз өңдеу бағдарламасында жасай алатын бірнеше нәрсені білуіңіз керек.

Тегтерді ашу және жабу

Тек бірнеше қоспағанда, тегтер деп аталатын барлық нұсқаулық жұппен келеді. Олар HTML5 ішінде ашылып, жабылады. Ашу тегі мен жабу тегі арасындағы кез келген нәрсе ашу тегі арқылы берілген нұсқауларды орындайды. Кодтаудағы жалғыз айырмашылық жабу тегіндегі алға қиғаш сызықты қосу болып табылады. Мысалға:

Тақырып басталады

Бұл жерде екі тегтің екеуінің арасындағы барлық мазмұнның h1 тақырыбының тақырыбында пайда болуы керек екенін көрсетеді. Егер жабылатын тегті қосуды ұмытып қалсаңыз, ашу тегінен кейінгі барлық нәрсе h1 тақырыбының тақырыбында пайда болады.

HTML5 ішіндегі негізгі тегтер

HTML5 құжатына қажетті негізгі элементтер:

• doctype
• HTML
• басы
• денесі

Doctype мәлімдемесі тег болмайды. Ол компьютерге HTML5 келіп жатқанын айтады. Ол әр HTML5 бетінің жоғарғы жағында өтеді және бұл пішінді қабылдайды:

HTML тегі компьютерге ашу мен жабу тегі арасындағы барлық көріністің HTML5 ережелеріне сәйкес келетінін және сол ережелерге сәйкес түсіндірілу керектігін айтады. Тегтің ішінде әдетте тег пен тегті табасыз.

Бұл тегтер құжаттың құрылымын қамтамасыз етеді, браузерлерді пайдалану үшін белгілі бір нәрсе береді және егер сіз құжаттарды XHTML-ге ауыстырсаңыз, олар сол тіл нұсқасында талап етіледі.

Бас тег SEO немесе іздеу жүйесін оңтайландыру үшін маңызды. Жақсы тақырып белгісін жазу - оқырмандарды сіздің бетіңізге тарту үшін жасай алатын жалғыз маңызды нәрсе. Ол бетте көрсетілмейді, бірақ ол браузердің жоғарғы жағында көрсетіледі. Тақырыпты жазғанда, бетке қолданылатын кілт сөздерді пайдаланыңыз, бірақ оны оқуға болады. Атауы және жабу тегтері тақырыпқа енеді.

Дене тегі веб-бетті ашқанда компьютер экранында көрген барлық нәрсені қамтиды. Веб-бет үшін жазатын барлық дерлік ашу және жабу тегтері арасында пайда болады. Осы негіздердің бәрін бірге қойып, сізде бар:

Сіздің атыңыз басы осында. Веб-беттегі барлық нәрсе осында. Әр тегтің тиісті жабу тегі бар екенін ескеріңіз.

Тақырып тақырыптары

Тақырып тегтері веб-беттегі мәтіннің салыстырмалы мөлшерін анықтайды. H1 тегтері ең үлкен, өлшемі h2, h3, h4, h5 және h6 тегтеріне сәйкес келеді. Сіз оларды веб-беттегі кейбір мәтінді тақырып немесе субпозиция ретінде көрсету үшін қолданасыз. Тегтер жоқ болса, барлық мәтін бірдей өлшемде пайда болады. Тақырып тегтері мына сияқты пайдаланылады:

Субпозиция мұнда барады

Міне бітті. Тақырыптар мен субпозициялармен жасалған мәтіннен тұратын веб-бетті орнатуға және жазуға болады.

Біраз уақыттан кейін тәжірибе жасағаннан кейін, суреттерді қосу және басқа веб-беттерге сілтемелерді қалай енгізу туралы білгіңіз келеді. HTML5 бұл тез негізгі кіріспе қақпақтарынан әлдеқайда көп.