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ā).
un
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 par uzsvaru un un par spēcīgu uzsvaru) un pievienotais teksts tiks uzsvērts.
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 lielākā daļa pārlūkprogrammu to parādītu kursīvā.
Šis teksts tiek stingri uzsvērts un lielākā daļa pārlūkprogrammu parādītu to kā treknrakstu.
Abos šajos piemēros mēs neesam diktē vizuālo izskatu ar HTML. Jā, noklusējuma izskats tags būtu kursīvs un būtu drosmīgs, bet šie izskats varētu 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 to vēlējāties teksts ne tikai treknrakstā, bet arī sarkans, jūs to varētu 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 lapu ar trekniem (un sarkaniem) tekstiem jebkurā vietā tags tiek izmantots. 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: 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. Viena pēdējā doma - kamēr treknraksts () un kursīvā () tagus vairs netiek ieteikts izmantot kā uzsvaru elementus, ir daži tīmekļa dizaineri, kuri šos tagus izmanto, lai stilā ieveidotu teksta iebūvētās daļas. Būtībā viņi to izmanto kā elements 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. Double Up uz uzsvaru
Šim tekstam vajadzētu būt abiem treknrakstā un kursīvā teksts tajā.
Piezīme par Bold un kursīviem
