ХТМЛ5 је најновији и највећи Шта је ХТМЛ5 и како се мења начин на који прегледавам? [МакеУсеОф објашњава]Током последњих неколико година можда сте чути појам ХТМЛ5 сваки пут. Било да знате било шта о веб развоју или не, концепт може бити помало нејасан и збуњујући. Очигледно је ... Опширније верзија најкоришћенијег језика за означавање на вебу. Постоје неке велике промене у последњој верзији језика, а ако их не користите, недостаје вам заиста добра функција.
У петој верзији ХТМЛ-а немамо простора да покријемо сваки нови елемент, али ових девет је неколико најважнијих. За више информација о новим елементима и АПИ-има у ХТМЛ5, будите сигурни да погледајте В3Сцхоолс.
Увод у семантичке елементе
Као и већи део интернета, ХТМЛ5 се преусмерио на фокус на семантику. Сада, уместо да се тагове једноставно користе за форматирање, оне се такође употребљавају да саопштавају прегледачима и претраживаче Топ 7 семантичких претраживача као алтернатива Гооглеу Опширније значење онога што окружују.
једноставно каже прегледачу да садржи одломак. , о којем ћемо тренутачно разговарати, говори прегледачу да садржи главни садржај странице.
Семантичка мрежа још увек се развија, а ми смо тек почели да гребамо по површини онога што може учинити. ХТМЛ5 помаже да се уведу семантичка маркуп Шта је семантичка маркација и како ће се то променити заувек на Интернету [објашњена технологија] Опширније на много већи део интернета, а то може бити добро само за будућност семантичке обраде.
1.
Тхе ознака дефинише „независан, самостални садржај“. Најлакши пример је, наравно, чланак. За овај конкретни чланак, отворили бисмо ознаку пре увода и затворили је након закључка.
Сав текст у вашем самосталном одељку.
Али постоје и други начини на који бисте их могли користити. На пример, многи блогови о кувању укључују личне приче о томе како је настао рецепт или зашто је он важан за писца. Затим следи сам рецепт. Могли бисте изнијети аргумент да сваки од ових елемената може бити сам.
На форуму се сваки пост или тема може сматрати самосталним, а сваки може бити означен сопственим таг. Углавном ће се користити у главном садржају странице. Али имајте на уму да можете и креативније да га користите.
2.
Уско повезан са је . Ово дефинише „тематско групирање садржаја, обично са насловом“. Тако бит ће унутра … јел тако?
Не нужно. В3 истиче да то зависи од структуре ваше веб локације. Можда имате самостални садржај у различитим деловима странице (на пример, мислите на насловну страницу вести). Тада ћете можда имати одјељке унутар тог чланка.
Зашто вам треба ДАЦ
Све звучи боље.
Како поставити ДАЦ
Ево шта треба да урадите.. .
Можете чак и да имате одељке унутар одељка ако одговара вашој страници. Запамтите да је одељак једноставно „тематско групирање садржаја“ и наћи ћете пуно места која можете да га користите.
3.
Овај елемент „треба користити као спремник за уводни садржај.“ Укратко, то је део ваше странице који помаже људима да схвате шта ће да читају.
Али немојте се заваравати - можете користити овај контејнер више пута. На пример, можете да га употребите за препознавање наслова странице и уводног одломка на блогу. Али можете га користити и за обележавање уводног садржаја за сваки одељак.
Све што треба да знате о ДАЦ-овима
Ево корисног увода у ДАЦ-ове ...
Остатак вашег чланка иде овде.
Одјељци заглавља обично садрже најмање једну ознаку наслова - Х1, Х2, и тако даље. Не морају, али генерално, ако користите ознаку заглавља, постоји добра опклада која укључује садржај заглавља.
4.
В3 каже да ознаке подножја обично садрже „аутора документа, информације о ауторским правима, линкове до услова коришћења, контакт информације итд.“ Можете то сматрати стварима "домаћинства".
Документација такође наводи да на вашој страници можете имати више одељка подножја Ипак је вероватно добра идеја да се све ове информације сачувају на једној локацији.
5.
Ова ознака садржи везе за навигацију за одређену страницу. Имајте на уму да ову ознаку добија само одељак за навигацију, а не све везе на вашој страници. То је за навигационе траке и сличне алате.
Ово је заиста једноставна ознака - то је све. Помоћу њега одредите одељак за навигацију и не употребљавајте га поново на својој страници.
6.
Један од најзанимљивијих нових елемената у ХТМЛ5 је по страни. В3 даје помало бескорисну дефиницију „неког садржаја осим садржаја у који је смештен“.
Укратко, на страну је све што је повезано (али одвојено од) околних информација. То би могла бити бочна трака која додаје детаље вашем садржају. Када се користи унутар скупа од ознаке, пружа додатне информације које нису потребне за разумевање главног садржаја.
На пример, ако бисмо у овај чланак укључили бочну траку која даје информације о историји ХТМЛ5, то би била по страни.
Али
Главни чланак иде овде. Чланак се наставља овде.
Будући да за ову ознаку постоји вишеструко коришћење, може бити збуњујуће. Ако имате на уму да је то "секундарни садржај" и да не мора увек бити бочна трака, имаћете бољу представу о томе како да је користите.
7.
Много веб локација има информације које би требало бити приказане, али не и на видљив начин. Можда су то подаци о ауторским правима за фотографију. Или фини тисак на конкурсу. Ова врста информација је тачно оно чему се користи ознака детаља.
Када користите ознаку детаља, креирате скривени текст који се лако може приказати. Ево примера:
Кликните овде да бисте видели информације.
Ево детаљнијих информација које вам нису потребне одмах.
Само кликните стрелицу да бисте добили детаље. Једноставно. Стварање истог је једноставно. Ево кода који се користи за горњи пример:
Кликните овде да бисте видели информације. Ево детаљнијих информација које вам нису потребне одмах.
Тхе ознака дефинише реченицу која ће бити приказана, док су остали садржаји сакривени. Имајте на уму да можете користити и друге ознаке у одељку са детаљима: наслови, одељци и тако даље.
Постоје и други цоол ствари које можете да урадите са ХТМЛ-ом 8 цоол ХТМЛ ефеката које свако може додати на своју веб страницуНе морате да знате ЦСС или ПХП да бисте направили веб локацију. Користите ове цоол трикове за генерисање сјајних ефеката. Опширније такође, чак и ако не знате пуно ЦСС-а или ЈСОН-а.
8-9. и
Не брини, ознака коју употребљавате годинама неће нестати. обилази ознаку слике и омогућава прегледачу да је то самостална слика, дијаграм, унос шифре или друга фигура.
Ако је лик уклоњен са странице, то неће утицати на ток садржаја.
иде унутар ознаке фигуре и одређује опис слике. То може изгледати овако:
Ово је наш лого!
Ово вам даје уграђени начин за додавање описа сликама. Нема потребе да више пролазите кроз свој ЦМС.
Искористите снагу ХТМЛ5-а
Нови елементи у ХТМЛ5 додају много снаге, посебно у семантичке сврхе. Постоје додатни елементи за форматирање, скаларна мерења, напредак задатка и још много тога. Можете видети сви нови елементи у В3Сцхоолс.
Али ако успете да савладате ових девет, добро ћете доћи на начин да добро искористите ХТМЛ5. А ако сте нови у ХТМЛ-у, провјерите ови примери кодова 17 једноставних примера ХТМЛ кода које можете да научите за 10 минутаЖелите да направите основну веб страницу? Научите ове примере ХТМЛ-а и испробајте их у уређивачу текста да бисте видели како изгледају у вашем прегледачу. Опширније !
Да ли сте почели да користите ХТМЛ5? Који нови елементи су вам најкориснији? Поделите своје мисли у коментарима испод!
Данн је садржајна стратегија и маркетиншки саветник који помаже компанијама да стварају потражњу и води. На данналбригхт.цом такође пише блогове о стратегији и маркетингу садржаја.
