Креирање линијских прекида и ставова са ознакама П и БР
Када учите ХТМЛ, двије ознаке које већина људи учи врло рано су елементи пауза и линије прелома, који су <п> и <бр />. Ови тагови праве природне паузе у вашем тексту, тако да је садржај вашег веб-сајта лакши за читање. Иако су ове ознаке прилично једноставне за коришћење, али могу изазвати и забуну и злоупотребе.
Исправно коришћење елемента елемента ХТМЛ
Елемент параграфа (<п>) се користи као пар ознака са <п> отварањем елемента и ознаком затварањем. Када пишете ХТМЛ4 или ХТМЛ5, ознака краја није техничка, али се уопштено сматра најбољем праксом да се ова ознака затвори. У КСХТМЛ-у, затварање
је потребно.
Елемент ставка користите на веб локацији на исти начин као кад пишете садржај за офф-веб потребе - када желите да започнете нову идеју или тачку. Већина претраживача приказује параграфе са једном празном линијом између њих. Овде је пример у ХТМЛ-у:
<п> Сада је вријеме да сви добри људи дођу на помоћ своје земље. Брза смеђа лисица скочила је изнад лењивог спавајућег пса.
Елемент параграф се може додати ХТМЛ документу у оквиру следећих других елемената или парова ознака:
,
,
,,
,,,,
,, <ли>, <нофрамес>, <носцрипт>, <цке: објецт>, <тд>, <тх> <п> Следећи тагови важе унутар елемента параграфа. Могу се појавити унутар <п> ... таг пара: <бр/> <акроним>, <апплет>, <б>, <цке: енцодед>% 3Цбасефонт% 3Е ( не за ХТМЛ5), <биг>, <бр/>, <буттон>, <ците>, <цоде>, <дфн>, <ем>, <фонт>, <и>, <ифраме>, <имг>, <фонт сизе = "2"> <инпут>, <кбд>, <лабел>, <мап>, <цке: објецт>, <к>, <с>, <самп>, <сцрипт> <стрике>, <стронг>, <суб>, <суп>, <тектареа>, <тт>, <у>, <вар> <п> Имајте на уму да неке од ових ознака нису подржане у ХТМЛ5, наиме: <бр/> <апплет>, <цке: кодирани>% 3Цбасефонт% 3Е , <биг>, <фонт>, <стрике> <х3> Исправно Коришћење ХТМЛ линије Бреак Елемент <п> Елемент прелом линије или ознака <цоде> <бр> је <дата-цке-савед-хреф = "хттпс://ввв.тхоугхтцо.цом/хтмл -синглетон-тагс-3468620 "хреф =" хттпс://ввв.тхоугхтцо.цом/хтмл-синглетон-тагс-3468620 "дата-типе =" интерналЛинк "дата-цомпонент =" линк "дата-соурце =" инлинеЛинк "подаци -ординал = "1"> синглетон ознака -да нема ознаку краја.
У КСХТМЛ-у, морате затворити ознаку са завршном пошастом (нпр. <Цоде> <бр /> ), али у ХТМЛ-у (укључујући ХТМЛ5) није потребно (нпр. <Цоде> <бр> ). <п> Елемент прелома је једноставно прекинута линија у току текста текста веб странице. Користићете га када желите да се текст настави на следећој линији, али тај садржај није заправо појам или идеје (што би их учинило параграфима). Пример овога би био са поезијом. <п> Ево примера прелома линије унутар параграфа: <блоцккуоте> <цоде> <п> <бр/> Сада је вријеме за сви добри људи су дошли на помоћ своје земље. <бр /> <бр/> <бр/> Брза смеђа лисица скочила је преко лењог пса за спавање. <бр/> <п> Ознака прелома линије је важећа у оквиру следећих ознака (још једном, неке од њих нису ваилд у ХТМЛ5): <бр/> <а>, <ацроним>, <аддресс>, <апплет> , <б>, <бдо>, <биг>, <блоцккуоте>, <цке: боди>, <буттон>, <цаптион>, <центер>, <ците> , <дф>>, <див>, <дт>, <ем>, <фиелдсет>, <фонт>, <форм>, <х #>, <и>, <ифраме>, <инс>, <кбд> <лабел>, <легенд>, <ли>, <нофрамес>, <носцрипт>, <цке: објецт>, <п>, <пре>, <самп>, <смалл> <спан> <стрике>, <стронг>, <суб>, <суп>, <тд>, <тх>, <тт>, <у>, <вар> <п> је <а дата-инлинк = "ТуитЊЦЛ_гЛо0јСвнкјВКСг ==" дата-цке-савед-хреф = "хттпс://ввв.тхоугхтцо.цом/хтмл-синглетон-тагс-3468620" хреф = "хттпс: //ввв.тхоугхтцо .цом / хтмл-синглетон-тагс-3468620 "дата-типе =" интерналЛинк "дата-цомпонент =" линк "дата-соурце =" инлинеЛинк "дата-ординал =" 2 "> синглетон ознака , што значи да нема других ознака могу се користити унутар ње. <х3> Заједничке злоупотребе ознака П и БР <п> Постоје неке уобичајене грешке које људи чине са елементима прелома и линије када обележавају веб страницу < / п> <ул> <ли> Користите <цоде> <бр> да бисте променили дужину текстуалне линије и покушали да приморите текст на посебан начин. <бр/> <бр /> Ово ће осигурати да ваше странице изгледају одлично у <ем> вашем претраживачу, али не морају се нужно користити на другом прегледачу и свакако не на свим уређајима ако је ваш сајт <дата-цке-савед-хреф = "хттпс: //ввв.тхоугхтцо.цом/респонсиве-веб-десигн-3469984 "хреф =" хттпс://ввв.тхоугхтцо.цом/респонсиве-веб-десигн-3469984 "дата-типе =" интерналЛинк "дата-цомпонент =" линк "дата-соурце =" инлинеЛинк "дата-ординал =" 3 "> одговарајућа веб страница која мења свој изглед <дата-цке-савед-хреф =" хттпс://ввв.тхоугхтцо.цом/мул ти-девице-веб-десигн-3470008 "хреф =" хттпс://ввв.тхоугхтцо.цом/мулти-девице-веб-десигн-3470008 "дата-типе =" интерналЛинк "дата-цомпонент =" линк "дата соурце = "инлинеЛинк" дата-ординал = "4"> на основу различитих величина екрана .
То је зато што ће претраживачи аутоматски ставити <дата-инлинк = "луКј8вЊКИое2ФоБСЕдУИг ==" дата-цке-савед-хреф = "хттпс://ввв.тхоугхтцо.цом/тект-цомпоситион-информатио-1073837" хреф = "хттпс : //ввв.тхоугхтцо.цом/тект-цомпоситион-информатио-1073837 "дата-типе =" интерналЛинк "дата-цомпонент =" линк "дата-соурце =" инлинеЛинк "дата-ординал =" 5 "> у обради речи < / а>, а онда када је реч о вашем <бр> поново ће обрадити текст, што резултира кратким линијама и дугачким линијама и шокантним текстом. Требали бисте увек користити ЦСС <дата-цке-савед-хреф = "хттпс://ввв.тхоугхтцо.цом/цсс-лине-спацинг-3469779" хреф = "хттпс://ввв.тхоугхтцо.цом/цсс-лине -спацинг-3469779 "дата-типе =" интерналЛинк "дата-цомпонент =" линк "дата-соурце =" инлинеЛинк "дата-ординал =" 6 "> листови стилова за диктирање визуелних стилова уместо покушаја силе распореда додавањем специфичних ХТМЛ елемената. <бр/> <ли> Користите <цоде> <п> & нбсп; да бисте додали више размака између елемената. <бр/> <бр/> Још једном, ово се окреће ХТМЛ-у како би створио визуелни изглед - у овом случају размак, умјесто ЦСС / Ово је уобичајена пракса неких ХТМЛ уређивача, иако то није технички погрешно, резултира неугодним изгледом ХТМЛ-а и може се стварно добити збуњујуће да се измени касније.
Такође није у складу са веб стандардима и одвојењем структуре и стила. У неким случајевима, коришћење неосетљивих простора унутар иначе празних ознака ставке такође може довести до неочекиваних размака у различитим прегледачима, јер сви они то тумаче другачије. Још једном, најбоље решење за постизање елемената размака у вашем дизајну је коришћење стилских листова. <п> Сазнајте више о овим и осталим ознакама у ХТМЛ Таг Либрари. < п> Уредио Јереми Гирард