Hisia ya HTML5

Maelezo ya maadili (ingawa ya Grike Kigiriki) inaeleza kama uchunguzi wa maana ya lugha.

Vijuguni vya maadili ni vijuguni yenye maelezo.

Je, ni nini vijuguni vya maadili?

Vijuguni vya maadili vya maelezo vinasaidia kueleza maadili yao kwa vifaa vya kusafiri na mtandao wa wengine wa mbinu.

Bila maelezoMifano ya vijuguni: <div> na <span> - hayafikia taarifa kuhusu maadili yao.

MaelezoMifano ya vijuguni: <form>, <table> na <img> - inaeleza kwa maelezo yao kwa upofu.

Mwamadili wa kusafiri

Rasikan Rasikan Rasikan Rasikan Rasikan

Wengine wote wa vifaa vya kusafiri vilivunja vijuguni vya maadili ya HTML5.

Hasa, unaweza kuwa kumsaada vifaa vya kusafiri za kuzamani kusaidia kusaidia vifaa vya kusafiri za kuzamani vya vijuguni vya vitu vyavifikia.

Inasikitia kueleza maadili ya hii kwa sababu ya kusomeshwa kwenye mbinu wa HTML5.

Makua ya maadili ya kawaida ya HTML5

Mambo mengi ya tovuti yanaweza kuwa na makua ya HTML ya ujumbe, kama hii: <div id="nav"> <div class="header"> <div id="footer">.

HTML5 inaunda makua ya maadili ya kawaida kwa kufikiria vijuguni vya tovuti.

  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>

Hisia ya HTML5

Hisia ya HTML5

Makua <section> ya HTML5

Kwa sababu W3C wa HTML vitabu:

Inasifika kwa kuwakilisha makao ya sasa ya tovuti kwa vijuguni vya maelezo, maadili na taarifa za muungano.

实例

<section>
   
WWF

   
The World Wide Fund for Nature (WWF) is....

亲自试一试

HTML5
元素

元素规定独立的自包含内容。

Mafikira ina maana yake mwenyewe, na inaweza kureadwa kwa kikamilifu kwa kipenzi zaidi kwenye ujenzi wa tovuti.

Matukio ya elementi ya <article>:

  • Fofu
  • Blogi
  • Habari

实例

<article>
   <h1>Je, yapi ni ya WWF?</h1>
   <p>Mfumo wa WWF ni kumaliza kusikia ya mazingira ya Dunia.
  na kumiaji ukweli ambao watu wanaishi pamoja na mazingira.</p>
</article>

亲自试一试

Vifaa vya kina vya kina

Kwenye mabomu ya HTML5, elementi ya <article> inaelewa kama kikaa cha vifaa vya kina vya mafikira yote.

Elementi ya <section> inaelewa kama kikaa cha vifaa vya kina.

Tunaweza kutumia mifano hii kuamua sababu ya uchaguzi wa kina? Hapana, hatutafikia!

Kwenye intaneti, unaona kwamba elementi ya <section> inachukua vitu vya <article> vya HTML paje, na paje yenye elementi ya <article> inachukua vitu vya <sections>.

Unaona pia kwamba elementi ya <section> inachukua elementi ya <section>, na elementi ya <article> inachukua elementi ya <article>.

Elementi ya <header> ya HTML5

Elementi ya <header> inasaidia kufikia kichwa cha mafikira au sehemu.

Elementi ya <header> inatumika kama kikagumu cha habari ya kuzingatia.

Kipenzi kinaweza kuwa na elementi ya <header> zaidi ya moja katika mafikira moja.

Mifano ya kufikia kichwa cha mafikira inayofikia hapa:

实例

<article>
   <header>
     <h1>Je, yapi ni ya WWF?</h1>
     <p>Mfumo wa WWF:</p>
   </header>
   <p>Mfumo wa WWF ni kumaliza kusikia ya mazingira ya Dunia.
  na kumiaji ukweli ambao watu wanaishi pamoja na mazingira.</p>
</article>

亲自试一试

Elementi ya <footer> ya HTML5

Elementi ya <footer> inasaidia kufikia kipenzi cha mafikira au sehemu.

Elementi ya <footer> lazima inafikie habari ya vitu vinavyotumiwa katika kifaa hiki.

Kadiri ya kawaida, kipenzi kinahusiana na waandishi wa mafikira, mawasiliano ya hisia, viungo vya biashara, na mambo yengineyo.

Unaweza kutumia elementi ya <footer> zaidi ya mawili katika mafikira moja.

实例

<footer>
   <p>Ilivyo na: Hege Refsnes</p>
   <p>Kituo cha kina: <a href="mailto:someone@example.com">
  someone@example.com.

亲自试一试

HTML5

HTML5

亲自试一试

HTML5
和
元素

在书籍和报纸中，与图片搭配的标题很常见。

标题（caption）的作用是为图片添加可见的解释。

通过 HTML5，图片和标题能够被组合在 <figure> 元素中：

实例

<figure>
   The Pulpit Rock
   
Fig1. - The Pulpit Pock, Norway.

亲自试一试

元素定义图像，<figcaption> 元素定义标题。

为何使用 HTML5 元素？

如果使用 HTML4 的话，开发者会使用他们喜爱的属性名来设置页面元素的样式：

kijana, juu, chini, kushoto, menyu, muharamu, kijana kuu, kikaa, matendo, matusi, kijana msingi, mababu, kijana juu, ...

Kama hiki, mifumo wa kusoma hawawezi kumwambie maudhui ya tovuti ya kina.

Kwa sababu kwa kuzama kwa vifaa vya HTML5 kama: <header> <footer> <nav> <section> <article>, matokeo hii inasaidia kuzalisha.

Kwa W3C, Inaruhusiwa kushiriki na kushiriki data kwa kuzama, shirika na wengia wengi:

“Inaruhusiwa kushiriki na kushiriki data kwa kuzama, shirika na wengia wengi.”

Matukio ya maana ya HTML5

Hapa inapatikana matukio ya HTML5 mpya yenye maana yenye maelezo yenye ujaribio.

Viungo hivi vinapendekeza kwa kusoma kwa ujumbe wa kigeni cha HTML kwa ujumbe wa kina.

Tafuta Inadefini maelezo
<article> Inadefini mawendo ya mawendo.
<aside> Inadefini matokeo ya kusababisha uharibifu ya maudhui ya pake ya wengi.
<details> Inadefini maelezo ya kipengele cha mtumishi ambao anaweza kuangalia au kusafisha.
<figcaption> Inadefini kichwa cha kitu cha <figure>.
<figure> Inadefini matokeo ya kufikia kwa kusababisha uharibifu.
<footer> Inadefini mabaki ya kitabu au sehemu.
<header> Inadefini kichwa cha kitabu au sehemu.
<main> Inadefini matokeo kuu ya kitabu.
<mark> Inadefini matukio ya matendo au ya kumtambua.
<nav> Inadefini viungo vya ujumbe.
<section> Inadefini sehemu ya mawendo ya kitabu.
<summary> Inadefini kichwa cha muhtasari kwa kitu cha <details>.
<time> Inadefini taka la tarehe/muda.