Овај водич показује шта је ХТМЛ почетни шаблон.
Шта је ХТМЛ почетни шаблон?
ХТМЛ почетни шаблон садржи декларацију , ознаке <хтмл>, <хеад> и <боди> и основни скуп ЦСС стилова и ЈаваСцрипт скрипти. Ове ознаке пружају основу за креирање веб странице која програмерима штеди много времена и труда.
ХТМЛ почетни шаблон изгледа овако:
< хтмл само = 'у' >
< глава >
< мета цхарсет = 'УТФ-8' >
< мета име = 'виевпорт' садржаја = 'видтх=девице-видтх, инитиал-сцале=1' >
< наслов > Линук < / наслов >
< линк рел = 'стилесхеет' хреф = './стиле.цсс' >
< мета хттп-екуив = 'Кс-УА-Цомпатибле' садржаја = 'тј.=ивица' >
< / глава >
< тело >
<маин>
< х1 > ХТМЛ почетни шаблон < / х1 >
< / маин>
< скрипта срц = 'индек.јс' >< / скрипта >
< / тело >
< / хтмл >
Пратите доле приказану демонстрацију да бисте сазнали о ознакама/елементима доступним у ХТМЛ стартер шаблону:
Ознака
„ ” ознака садржи податке о типу датотеке и говори претраживачу како да их прикаже. Ова ознака много помаже у оптимизацији претраживача тако што пружа информације о томе која верзија ХТМЛ-а се користи за прављење веб странице. Ако ова ознака недостаје у ХТМЛ датотеци, веб прегледач се може понашати неочекивано или приказати нетачне елементе.
Ознака <хтмл>
„ <хтмл> ” ознака је обавезан елемент и делује као контејнер за све ХТМЛ елементе. То је основни елемент, што значи да сви остали елементи морају бити смештени унутра да би исправно радили. Ова ознака може да се користи да дефинише структуру и садржај веб странице и да помогне у одређивању метаподатака о документу. Користећи свој „ само ” атрибут може да се подеси језик ХТМЛ странице:
< хтмл само = 'у' >// код
< / хтмл >
У горњем исечку кода, језик ХТМЛ странице је подешен на „ енглески језик ”.
Ознака „<хеад>”.
Информације о веб страници се убацују унутар „ <хеад> ” и није видљив на веб страници и ове информације се користе у СЕО сврхе. Обично укључује метаподатке, као што су наслов странице, опис и кључне речи, као и везе до екстерних стилова, скрипти и других ресурса:
< глава >// уметнути код овде
< / глава >
Ознаке <мета>
Ознака <мета> обезбеђује метаподатке о ХТМЛ документу, као што су скуп знакова, кључне речи и опис странице. Он игра суштинску улогу у оптимизацији претраживача. Осигурава да веб претраживач правилно приказује текст користећи исправне стандарде кодирања. Такође се користи за постављање кључних речи и описа који се односе на ХТМЛ страницу:
< мета ... / >Ознака <титле>
„ <титле> ” се користи за приказ имена веб странице или веб локације на насловној траци претраживача. Ова ознака може бити корисна у управљању веб страницама веб локације. Помаже процес СЕО-а и побољшава приступачност тако што укључује описне и смислене наслове. Помаже корисницима са одређеним инвалидитетом да се лакше крећу по сајту:
< наслов > Линукхинт < / наслов >Након извршења горње линије кода унутар „ <хеад> “, веб страница изгледа овако:
Горњи излаз приказује да су лажни подаци дати унутар „ <титле> ” је сада постављена на насловну траку.
Ознака <линк>
Ова ознака се користи за повезивање ХТМЛ датотека са другим датотекама да би се наследио или користио стил или методе у ХТМЛ датотеци. Друге датотеке могу бити ЦСС датотеке које је креирао програмер или неки ЦДН-ови ЦСС оквира као што су Боотстрап или Таилвинд итд. Широко се користи јер се његовим коришћењем линија кода много смањује и пружа стилове пре изградње који се могу користити у ХТМЛ датотека:
< линк рел = 'стилесхеет' хреф = './стиле.цсс' >У горњем реду кода, „ стиле.цсс ” датотека се повезује са ХТМЛ датотеком. Сада се може приступити класама које су изграђене унутар датотеке „стиле.цсс“ да би се применио стил у ХТМЛ датотеци. На пример, покушајте да стилизујете „ <х1> ” ознака која је већ уметнута унутар ХТМЛ датотеке користећи следећа ЦСС својства:
х1 {фонт-фамили: тимес нев роман;
боја : даркциан;
}
Уметните горњи код у „ стиле.цсс ” фајл. Након приказивања веб страница изгледа овако:
Веб страница показује да се стилови примењују на ХТМЛ елемент из спољне ЦСС датотеке помоћу „ <линк> ” ознака.
Ознака „<боди>”.
Основна употреба ознаке <боди> је да садржи сав видљиви садржај веб странице. Ово укључује више ознака које помажу при уметању текста, слика, видео записа и других елемената на веб страницу који чине главни садржај веб странице. Такође се може користити за примену ЦСС својстава на веб страницу одједном. Такође побољшава приступачност веб странице тако што укључује семантичке ознаке и друге функције приступачности:
< тело >// Додајте ХТМЛ елементе овде
< / тело >
Ознака “<сцрипт>”.
Да бисте приступили ЈаваСцрипт функционалности унутар ХТМЛ датотеке, „ <сцрипт > се користи ознака. Програмер може или да убаци ЈаваСцрипт код директно у ознаку скрипте или да се повеже са спољним ЈаваСцрипт-ом користећи исту ознаку „<сцрипт>“:
< скрипта >// додати јс код овде
< / скрипта >
Ово је све о објашњењу ознака у ХТМЛ стартер шаблону.
Закључак
ХТМЛ почетни шаблон пружа основну структуру ХТМЛ језика који програмери могу да мењају у складу са захтевима. То штеди много времена и труда јер сада програмер не почиње да гради од нуле. Садржи ознаке попут „ <хеад> ”, “ <мета> ”, “ <титле> ”, “ <линк> ”, “ <сцрипт> ”, “ <боди> ” итд. Овај чланак је демонстрирао ХТМЛ почетни шаблон заједно са практичном имплементацијом.