Viens no tagiem, kurus jūs uzzināsiet jau sākumā savā tīmekļa dizaina izglītībā, ir tagu pāri, kas pazīstami kā "atzīmju birkas". Apskatīsim, kādi ir šie tagi, un kā šodien tie tiek izmantoti web dizains.
Atpakaļ uz XHTML
Ja jūs pirms HTML5 pieauguma jūs uzzinājāt pirms HTML gadiem, jūs, iespējams, izmantojāt gan treknrakstā, gan kursīvu tagus. Kā jūs sagaidāt, šie tagi attiecīgi pārvērsa elementi treknrakstā vai slīprakstā. Problēma ar šiem tagiem un to, kāpēc tās tika atsauktas par labu jauniem elementiem (ko mēs drīz aplūkosim), ir tas, ka tie nav semantiski elementi. Tas ir tādēļ, ka tie nosaka, kā teksts izskatās, nevis informācijai par tekstu. Atcerieties, ka HTML (tas ir, kur šie marķējumi tiks rakstīti) ir viss par struktūru, nevis vizuālo stilu! Videoklipus apstrādā CSS un tīmekļa dizaina paraugprakse jau sen ir uzskatījusi, ka jūsu tīmekļa vietnēs ir skaidri jānošķir stils un struktūra. Tas nozīmē, ka neizmanto elementus, kas nav semantiski un kuri detalizēti izskatās nevis struktūru. Tieši tāpēc treknrakstā un slīprakstā atzīmes parasti aizstāj spēcīgas (treknrakstā) un uzsvaru (kursīvā).
& lt; strong & gt; un & lt; em & gt;
Spēcīgie un izcilākie elementi pievieno informāciju jūsu tekstam, detalizēti nosakot saturu, kas būtu jāuztver atšķirīgi un jāuzsver, kad šis saturs tiek runāts. Jūs izmantojat šos elementus gandrīz tādā pašā veidā, kā agrāk izmantotu treknrakstā un slīprakstā. Vienkārši ieskaujiet savu tekstu ar atvēršanas un aizvēršanas tagiem ( un , lai piešķirtu uzsvaru, un un , lai uzsvērtu lielu uzsvaru), un tiks pasvītrots pievienotais teksts.
Jūs varat ievietot šos tagus, un tas nav svarīgi, kas ir ārējais tags. Šeit ir daži piemēri.
Šis teksts ir uzsvērts , un vairums pārlūku to parāda kursīvā. Šis teksts ir īpaši uzsvērts , un lielākā daļa pārlūkprogrammu parāda to kā treknrakstu.Abos šajos piemēros mēs neesam diktē vizuālo izskatu ar HTML. Jā, noklusējuma taga apzīmējums būtu kursīvs un būtu treknrakstā, bet šo izskatu var viegli mainīt CSS. Tas ir labākais no abām pasaulēm. Jūs varat izmantot noklusējuma pārlūka stilus, lai jūsu dokumentā iegūtu italicizētu vai treknrakstu tekstu, faktiski šķērsojot līniju un sajaucot struktūru un stilu. Pieņemsim, ka jūs vēlējāties, lai teksts būtu ne tikai treknrakstā, bet arī sarkans, jūs to varat pievienot CSS
spēcīgs {
krāsa: sarkana;
}
Šajā piemērā jums nav jāpievieno treknā fonta svara īpašība, jo tā ir noklusējuma vērtība. Tomēr, ja jūs nevēlaties to atstāt nejaušai, jūs to vienmēr varat pievienot:
spēcīgs {
fonta svars: treknrakstā;
krāsa: sarkana;
}
Tagad jūs visi būtu garantējuši, ka lapas ar treknrakstu (un sarkanu) tekstu, kur tiek izmantots tags.
Double Up uz uzsvaru
Viena lieta, ko esmu pamanījis vairāk nekā gadu, ir tas, kas notiek, ja jūs mēģināt dubultot uzmanību. Piemēram:
Šim tekstam tajā jābūt gan treknrakstā un slīprakstā .Jūs domājat, ka šī rindiņa radītu jomu, kurā ir teksts, kas ir treknraksts un slīpraksts. Dažreiz tas patiešām notiek, taču esmu redzējis, ka dažās pārlūkprogrammās tikai godina otro no abiem uzsvaru veidiem, kas ir vistuvāk faktiskajam tekstam, un tikai parādīt to kā kursīvu. Tas ir viens no iemesliem, kāpēc es nepalīdzu uzsvērtos tagus.
Vēl viens iemesls, lai izvairītos no tā, ka "divkāršošana" ir stilistiska mērķiem. Viens no uzsvaru veidiem, ja tas parasti ir pietiekami, lai norādītu to, kuru vēlaties iestatīt. Lai to izceltu, jums nav nepieciešams treknrakstā, kursīvā, krāsā, palielināt un pasvītrot tekstu. Šis teksts, vai visi šie dažādie uzsvaru veidi kļūtu garīgi. Tāpēc esiet piesardzīgs, izmantojot uzsvēruma birkas vai CSS stilus, lai piešķirtu uzsvaru un nepārspīlētu to.
Piezīme par Bold un kursīviem
Viena no pēdējām domas - lai gan treknrakstā () un slīprakstā () tagus vairs neiesaka izmantot kā uzsvaru elementus, ir daži tīmekļa dizaineri, kuri izmanto šos tagus, lai stilā ieveidotu teksta teksta līnijas. Būtībā viņi to izmanto kā elementu. Tas ir jauki, jo tagi ir ļoti īss, taču šo elementu lietošana šādā veidā parasti nav ieteicama. Es pieminēju, ja jūs to redzat, dažās vietnēs tiek izmantots, lai neradītu treknrakstā vai kursīvā tekstu, bet lai izveidotu CSS āķi cita veida vizuālajam stilam.
Jennifera Krīnina oriģinālais raksts. Rediģējis Jeremijs Girards 16.2.16.