Prinsip penting Gerakan Standar Web sing tanggung jawab kanggo industri sing saiki duwe gagasan kanggo nggunakake unsur HTML kanggo apa sing padha tinimbang carane bisa ditampilake ing browser minangka standar. Iki dikenal minangka nggunakake Semantik HTML.
Apa Semantic HTML
Semantic HTML utawa semantic markup is HTML that introduces meaning to the web rather than just presentation. Contone, tag
nuduhake yen teks sing disedhiyakake minangka paragraf.
Iki loro semantik lan presentational, amarga wong ngerti apa paragraf lan browser ngerti carane nampilake.
Ing sisih flip persamaan iki, tags kaya lan ora semantik, amarga padha nemtokake manawa teks kudu katon (kandel utawa miring) lan ora menehi arti tambahan menyang markup.
Conto tag HTML semantik kalebu tag header
liwat , , lan . Ana akeh tag HTML semantik sing bisa digunakake nalika mbangun situs web sing standar.
Yagene Sampeyan kudu Care About Semantics
Manfaat saka nulis semantic HTML diwiwiti saka apa sing kudu dadi tujuan pangayoman saka sembarang kaca web- kepinginan kanggo komunikasi. Kanthi nambahake tag semantik ing dokumen sampeyan, sampeyan menehi informasi tambahan babagan dokumen kasebut, sing mbantu komunikasi. Utamane, label semantik wis mbusak browser apa tegese kaca lan isine.
Kejelasan kuwi uga dikomunikasikake karo mesin telusur, kanggo mesthekake yen kaca sing bener dikirim kanggo pitakon sing bener.
Tag HTML Semantik nyedhiyakake informasi babagan isi tag kasebut sing bakal ngluwihi cara ndeleng sawijining kaca. Teks sing dilampirake ing tag diakoni langsung dening browser minangka sawetara jinis kodhe.
Tinimbang nyoba kanggo menehi kode kasebut, browser mangerteni yen sampeyan nggunakake teks kasebut minangka conto kode kanggo tujuan artikel utawa tutorial online saka sawetara jinis.
Nggunakake tag semantik menehi luwih akeh pancingan kanggo nggandheng isi sampeyan. Mbok saiki sampeyan seneng nganggo sample kode sing ditampilake ing gaya browser standar, nanging sesuk, sampeyan pengin nyeleh metu karo werna latar mburi werna abu-abu, lan mengko sampeyan pengin nemtokake tumpukan font kulawarga utawa tumpukan font mono sing tepat kanggo conto sampeyan. Sampeyan bisa kanthi gampang nindakake kabeh perkara iki kanthi nggunakake markup semantik lan kanthi cetha ngajukake CSS.
Gunakake Semantic Tags kanthi bener
Yen sampeyan pengin nggunakake tag semantik kanggo ngirim tegese tinimbang kanggo tujuan presentasi, sampeyan kudu ati-ati yen sampeyan ora nggunakake aplikasi kasebut kanthi bener amarga sifat tampilan umum. Sawetara tag semantik sing paling umum dipigunakaké kalebu:
- blockquote - Sawetara wong nggunakake tag kanggo indentasi teks sing ora minangka kutipan. Iki amarga blockquotes diindenteni sacara default. Yen sampeyan mung pengin manfaat indentasi, nanging teks ora minangka blockquote, gunakake watesan CSS tinimbang.
- p - Sawetara editors web nggunakake
& nbsp; p> (ruang non-pecahan sing ana ing paragraoph) kanggo nambah spasi ekstra antarane elemen kaca, tinimbang nggambar paragraf nyata kanggo teks kaca kasebut. Kaya conto indentasi sing kasebut ing sadurunge, sampeyan kudu nggunakake wates utawa gaya padding properti kanggo nambah spasi.
- ul - Kaya blockquote, nyakup teks ing
tag indent sing teks ing akeh browser. Iki loro-lorone ora bener lan ora sah HTML, amarga tag - mung bener ing tag
. Maneh, gunakake wates utawa gaya padding kanggo teks indent.
- h1-h6 - Tag judhul bisa digunakake kanggo nggawe hurup luwih gedhe lan luwih beres, nanging yen teks ora dadi judhul, tulisan kasebut ora ana ing tag judhul. Gunakake font-weight lan font-size CSS properties tinimbang yen sampeyan pengin ngganti ukuran utawa bobot teks tartamtu ing kaca sampeyan.
Kanthi nggunakake tag HTML sing nduweni teges, sampeyan nggawe kaca sing nyedhiyakake katrangan luwih akeh tinimbang ngubengi kabeh karo tag
.
Tag HTML Apa Semantic?
Nalika meh saben tag HTML4 lan kabeh tag HTML5 duwe makna semantik, sawetara tag kasebut semantic utamane ing alam.
Contone, HTML5 wis ngartekna makna tegese lan dadi semantik. Tag ora ngandhut wigati ekstra, nanging teks sing biasane dituduh kanthi huruf tebal. Tag uga ora ngandhut wigati utawa emphasis ekstra, nanging nemtokake teks sing biasane diamot ing miring.
Tags Semantic HTML
Singkatan Acronym
Kutipan panjang Definisi Alamat kanggo panulis (s) saka dokumen kasebut Kutipan
Referensi kode Teletype teks Logis divisi Generik gaya inline umum Teks sing dibusak Teks sing disisipake Penekanan Kuwat tekanan
Judhul tingkat pertama
Judhul tingkat kapindho
Judul tingkat katelu
Judul tingkat kaping sekawan
Judhul tingkat kaping lima
Judhul tingkat enem
Tanggal tamat Teks bakal dipasrahake dening pangguna
Teks sing wis diformat
Petunjuk inline cendhak Sample output Subscript Superscript Tèks sing bisa ditrapake utawa diganti
, lan . Ana akeh tag HTML semantik sing bisa digunakake nalika mbangun situs web sing standar.
Yagene Sampeyan kudu Care About Semantics
Manfaat saka nulis semantic HTML diwiwiti saka apa sing kudu dadi tujuan pangayoman saka sembarang kaca web- kepinginan kanggo komunikasi. Kanthi nambahake tag semantik ing dokumen sampeyan, sampeyan menehi informasi tambahan babagan dokumen kasebut, sing mbantu komunikasi. Utamane, label semantik wis mbusak browser apa tegese kaca lan isine.
Kejelasan kuwi uga dikomunikasikake karo mesin telusur, kanggo mesthekake yen kaca sing bener dikirim kanggo pitakon sing bener.
Tag HTML Semantik nyedhiyakake informasi babagan isi tag kasebut sing bakal ngluwihi cara ndeleng sawijining kaca. Teks sing dilampirake ing tag diakoni langsung dening browser minangka sawetara jinis kodhe.
Tinimbang nyoba kanggo menehi kode kasebut, browser mangerteni yen sampeyan nggunakake teks kasebut minangka conto kode kanggo tujuan artikel utawa tutorial online saka sawetara jinis.
Nggunakake tag semantik menehi luwih akeh pancingan kanggo nggandheng isi sampeyan. Mbok saiki sampeyan seneng nganggo sample kode sing ditampilake ing gaya browser standar, nanging sesuk, sampeyan pengin nyeleh metu karo werna latar mburi werna abu-abu, lan mengko sampeyan pengin nemtokake tumpukan font kulawarga utawa tumpukan font mono sing tepat kanggo conto sampeyan. Sampeyan bisa kanthi gampang nindakake kabeh perkara iki kanthi nggunakake markup semantik lan kanthi cetha ngajukake CSS.
Gunakake Semantic Tags kanthi bener
Yen sampeyan pengin nggunakake tag semantik kanggo ngirim tegese tinimbang kanggo tujuan presentasi, sampeyan kudu ati-ati yen sampeyan ora nggunakake aplikasi kasebut kanthi bener amarga sifat tampilan umum. Sawetara tag semantik sing paling umum dipigunakaké kalebu:
- blockquote - Sawetara wong nggunakake tag kanggo indentasi teks sing ora minangka kutipan. Iki amarga blockquotes diindenteni sacara default. Yen sampeyan mung pengin manfaat indentasi, nanging teks ora minangka blockquote, gunakake watesan CSS tinimbang.
- p - Sawetara editors web nggunakake
& nbsp; p> (ruang non-pecahan sing ana ing paragraoph) kanggo nambah spasi ekstra antarane elemen kaca, tinimbang nggambar paragraf nyata kanggo teks kaca kasebut. Kaya conto indentasi sing kasebut ing sadurunge, sampeyan kudu nggunakake wates utawa gaya padding properti kanggo nambah spasi.
- ul - Kaya blockquote, nyakup teks ing
tag indent sing teks ing akeh browser. Iki loro-lorone ora bener lan ora sah HTML, amarga tag - mung bener ing tag
. Maneh, gunakake wates utawa gaya padding kanggo teks indent.
- h1-h6 - Tag judhul bisa digunakake kanggo nggawe hurup luwih gedhe lan luwih beres, nanging yen teks ora dadi judhul, tulisan kasebut ora ana ing tag judhul. Gunakake font-weight lan font-size CSS properties tinimbang yen sampeyan pengin ngganti ukuran utawa bobot teks tartamtu ing kaca sampeyan.
Kanthi nggunakake tag HTML sing nduweni teges, sampeyan nggawe kaca sing nyedhiyakake katrangan luwih akeh tinimbang ngubengi kabeh karo tag
.
Tag HTML Apa Semantic?
Nalika meh saben tag HTML4 lan kabeh tag HTML5 duwe makna semantik, sawetara tag kasebut semantic utamane ing alam.
Contone, HTML5 wis ngartekna makna tegese lan dadi semantik. Tag ora ngandhut wigati ekstra, nanging teks sing biasane dituduh kanthi huruf tebal. Tag uga ora ngandhut wigati utawa emphasis ekstra, nanging nemtokake teks sing biasane diamot ing miring.
Tags Semantic HTML
Singkatan Acronym
Kutipan panjang Definisi Alamat kanggo panulis (s) saka dokumen kasebut Kutipan
Referensi kode Teletype teks Logis divisi Generik gaya inline umum Teks sing dibusak Teks sing disisipake Penekanan Kuwat tekanan
Judhul tingkat pertama
Judhul tingkat kapindho
Judul tingkat katelu
Judul tingkat kaping sekawan
Judhul tingkat kaping lima
Judhul tingkat enem
Tanggal tamat Teks bakal dipasrahake dening pangguna
Teks sing wis diformat
Petunjuk inline cendhak Sample output Subscript Superscript Tèks sing bisa ditrapake utawa diganti