Idiomatic text tag

Hindi para sa italic text

Hindi na natin ginagamit ang <i> tag para gawing italic ang text. Sa HTML5, may semantic meaning na ang tag na ito; hindi na lang ito ginagamit para ibahin ang styling ng text.

The <i> element represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose in a manner indicating a different quality of text, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, transliteration, a thought, or a ship name in Western texts.

Nagiging italic pa rin ang text sa loob ng <i></i> tags para sa karamihan ng browsers by default. Pero this time, may dahilan na kung bakit. At higit sa lahat, puwedeng-puwede itong baguhin gamit ang CSS.

Examples

Ang mga susunod ay mga halimbawa kung saan puwedeng gamitin ang <i></i> tag para sa semantic meaning nito.

• Text na sarcastic ang tono.

  Wow. Ang <i>ganda</i>.

  Ang <i>aga</i> mo ha? ’Di ba alas-singko ang usapan natin?

• Mga salitang hiram mula sa ibang wika. Kapag hiram mula sa ibang wika ang salita, maglagay din ng lang attribute para i-indicate kung saang wika ito galing.

  <i lang="la">Et cetera</i> (Latin)

  <i lang="fr">Nous pardonneras-tu ô chère mère?</i> (French)

• Mga scientific name ayon sa taxonomy.

  <i>Homo Sapiens</i> (Tao)

  <i>Canis Familiaris</i> (Aso)

• Mga jargon o technical terms.

  <i>Document Object Model</i> (isang concept mula sa mga browser)

  <i>Application Programming Interface</i> (API)

• Kapag kausap ng isang tauhan ang sarili niya sa isip niya.

  <p>Kinabahan si Marina nang mapagtanto niya ang bigat ng kaniyang sinabi. <i>Na-offend kaya siya sa sinabi ko? Paano ko kaya siya haharapin kapag nagkita na kami bukas?</i></p>

Alternatives

Sa ilang kaso, baka hindi <i> ang kailangan mo. Pansinin ang susunod na mga halimbawa.

• Kung magbabago ang tono ng boses as emphasis kapag binasa ito, gamitin ang <em> para i-emphasize ang text.

  Bakit ba, eh <em>ayaw ko</em> nga?

• Kung importante at/o urgent ang text, gamitin ang <strong> tag.

  <strong>Warning</strong>: Deleting an item is irreversible. Continue?

• Kung nasa same paragraph ang definition ng isang technical term, gamitin ang <dfn> tag at i-define ang term sa parehong paragraph.

  <p>Ang <strong>animation</strong> ay isang technique sa filmmaking kung saan mina-manipulate ang mga larawan para maging palabas.</p>

• Kung for styling lang ang pagiging italic ng text, Gumamit ng <span> o <div> tag at i-style ito gamit ang css.

  <span class="text-italic">Italic text</span>