Salah sijine tag sing bakal sinau ing awal pendidikan web desain sampeyan yaiku tag sing diarani tag "emphasis." Ayo goleki apa tag iki lan carane digunakake ing desain web dina iki.
Bali menyang XHTML
Yen sampeyan sinau HTML taun kepungkur, sadurunge sadurunge munggah HTML5, sampeyan mbokmenawa nggunakake tag kandel lan miring. Minangka sing bakal dikarepake, label kasebut dadi elemen dadi teks kandel utawa teks sing didétikisasi. Masalah karo tandha-tandha iki, lan apa sebabe dikalahake ing unsur-unsur anyar (sing bakal ditemokake ing wektu sing ora suwe), yaiku unsur-unsur semantik. Iki amarga padha nemtokake cara tulisan teks tinimbang informasi babagan teks kasebut. Elingi, HTML (sing endi tags bakal ditulis) kabeh babagan struktur, ora gaya visual! Visual sing ditangani dening CSS lan praktik-praktik paling apik web wis suwe dianakaké supaya sampeyan kudu misahake gaya lan struktur sing jelas ing kaca web. Iki tegese ora nggunakake unsur sing non-semantik lan sing katon rinci tinimbang struktur. Mulane tag kandel lan miring wis umum diganti kanthi kuwat (kanggo kandel) lan penekanan (kanggo miring).
& lt; kuat & gt; lan & lt; em & gt;
Unsur kuwat lan emphasis nambahake informasi menyang teks, ngrancang isi sing kudu dianggep beda lan ditekan nalika isi kasebut diucapake. Sampeyan nggunakake unsur-unsur iki kanthi cara sing padha supaya sampeyan bisa nganggo huruf tebal lan miring. Mung ngubengi teks kanthi tags pambuka lan penutupan ( lan kanggo nandheske lan lan kanggo emphasis kuwat) lan teks sing ditempelake bakal ditekan.
Sampeyan bisa nest tags iki lan ora ketompo manawa tag njaba. Kene sawetara conto.
Teks iki ditekan lan paling akeh browser bakal nampilake minangka miring. Tèks iki ditekan banget lan sebagian besar browser bakal nampilake minangka tipe kandel.Ing loro conto kasebut, kita ora ngatonake tampilan visual kanthi HTML. Ya, tampilan gawan tag bakal miring lan bakal kandel, nanging sing katon gampang diganti ing CSS. Iki sing paling apik ing donya. Sampeyan bisa ngunduh gaya browser standar kanggo nyuplikat utawa ngetok teks ing dokumen sampeyan tanpa bener ngliwati garis lan struktur lan gaya sing nyampur. Ngomong yen sampeyan pengin teks ora mung dadi kandel, nanging uga dadi abang, sampeyan bisa nambah iki menyang CSS
kuwat {
werna: abang;
}
Ing conto iki, sampeyan ora perlu nambah properti kanggo font-weight kandel wiwit iku minangka standar. Yen sampeyan ora pengin ninggalake sing kanggo kasempatan, Nanging, sampeyan bisa tansah nambah ing:
kuwat {
font-weight: bold;
werna: abang;
}
Saiki sampeyan bakal kepengin duwe nanging duwe teks kanthi teks kandel (lan abang) ing ngendi wae tag digunakake.
Pindho Up ing Penekanan
Siji bab aku wis ngelingi liwat taun iku apa yen sampeyan nyoba kanggo pindho ing emphasis. Tuladhane:
Tèks iki kudu nganggo tèks diketik lan diwatesi nang njero.Sampeyan bakal mikir yen baris iki bakal ngasilake area sing duwe teks sing wani lan miring. Kadhangkala iki kedadeyan, nanging aku wis weruh sawetara browser mung ngurmati sing kapindho saka rong gaya emphasis, sing paling cedhak karo teks sing bener, lan mung nampilake iki minangka miring. Iki minangka salah sawijining alesan kenapa aku ora nggandha label emphasis.
Alasan liya kanggo nyegah iki "nggulungake munggah" yaiku kanggo tujuan gaya. Siji wangun emphasis yen biasane cukup kanggo ngirim nada sing pengin disetel. Sampeyan ora perlu kandel, miring, werna, nggedhekake, lan nggarisake teks supaya bisa metu. Tèks sing, bakal kabeh jinis emphasis, bakal dadi garish. Supaya ati-ati nalika nggunakake emphasis tags utawa gaya CSS kanggo nyedhiyakake emphasis lan ora overdo iku.
Cathetan ing Bold lan Miring
Sawijining pamikiran pungkasan - nalika kandel () lan miring () tags ora dianjurake kanggo digunakake minangka unsur emphasis, ana sawetara perancang web sing nganggo tag kasebut kanggo nggayuh area inline teks. Sejatine, padha digunakake kaya elemen. Iki becik amarga label banget cendhak, nanging nggunakake unsur-unsur iki kanthi cara iki ora dianjurake umum. Aku nyatakake yen sampeyan nemokake iku ana ing sawetara situs sing digunakake ora nggawe teks sing kandel utawa dicithak, nanging nggawe cithakan CSS kanggo sawetara gaya visual liyane.
Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 12/2/16.