HTML5 သုံးဆောင်သော အက္ခရာ

语义学（源自古希腊）可定义为对语言意义的研究。

语义元素是拥有语义的元素。

ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည်

ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည်

ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည်ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည်

ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည်အရာဝတ္တရ အကျယ်အဝန်း：<form>、<table> နှင့် <img> - အချက်အလက် အသုံးပြုသည်

ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည်

အချို့ ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည် အချို့ ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည် အချို့ ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည် အချို့ ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည် အချို့ ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည်

အချို့ ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ အချက်အလက် အမည် ကို အသုံးပြုသည်

တောင်မှာ အခြား အချက်အလက် အချက်အလက် အမည် ကို အသုံးပြုသည်

ဝီကီပေါင်းသင်္ချာ ဝီကီပေါင်းသင်္ချာ ကို အကြောင်းကြားရေး အချက်အလက် အမည် ကို အသုံးပြုသည်

ဝီကီပေါင်းသင်္ချာ HTML5 အချက်အလက် အချက်အလက်

အချို့ ဝီကီနိုင်ငံတကာ ဝီကီပေါင်းသင်္ချာ များ သည် အသစ်အသင်း အကြောင်းကြားရေး အချက်အလက် အမည် ဖြင့် အသုံးပြုသည် အပြီးတွင် ပြောကြားသည်：<div id="nav"> <div class="header"> <div id="footer">。

ဝီကီပေါင်းသင်္ချာ HTML5 က ဝီကီပေါင်းသင်္ချာ ပုံစံ အချက်အလက် အုပ်စု အဖြစ် အသုံးပြုသည်

HTML5 သုံးဆောင်သော အက္ခရာ

HTML5 သုံးဆောင်သော အက္ခရာ

ဝီကီပေါင်းသင်္ချာ HTML5 <section> အရာဝတ္တရ

<section> အရာဝတ္တရ သည် အချက်အလက် အုပ်စု ကို အချက်အလက် အုပ်စု အဖြစ် အသုံးပြုသည်。

ဝီကီပေါင်းသင်္ချာ W3C အချက်အလက်များ တွင်：“အုပ်စု (စကာတင်) သည် အကြောင်းရာပါသော အချက်အလက် အုပ်စုဖြစ် ပြီး ပုံစံအားလုံး အချက်အလက် သို့မဟုတ် အချက်အလက် အမည် သို့မဟုတ် အမည် အချက်အလက် ပါဝင်သည်。”

ဝီကီနိုင်ငံတကာ ဝီကီပေါင်းသင်္ချာ မူဝါဒ ကို ဝီကီပေါင်းသင်္ချာ စကာတင်ဘာ နှင့် အကြောင်းကြားရေး အချက်အလက် များ အုပ်စုကို ခွဲခြားနိုင်ပါသည်。

အကျိုးသား


   
WWF

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

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

HTML5
元素

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

文档有其自身的意义，并且可以独立于网站其他内容进行阅读。

嵌套语义元素

在 HTML5 标准中，

元素定义完整的相关元素自包含块。

元素被定义为相关元素块。

我们能够使用该定义来决定如何嵌套元素吗？不，我们不能！

在因特网上，您会发现

元素包含
元素的 HTML 页面，还有
元素包含 元素的页面。

您还会发现

元素包含
元素，同时
元素包含
元素。

HTML5
元素

元素为文档或节规定页眉。

元素应该被用作介绍性内容的容器。

一个文档中可以有多个

元素。

下例为一篇文章定义了页眉：

အကျိုးသား


   

     
What Does WWF Do?

     
WWF's mission:

   

   
WWF's mission is to stop the degradation of our planet's natural environment,
  and build a future in which humans live in harmony with nature.

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

HTML5
元素

元素为文档或节规定页脚。

元素应该提供有关其包含元素的信息。

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

အချက်အလက်တစ်ခုတွင် ပေါ်လစ်ဘာတီးယား <footer> အစိတ်အပိုင်းများကို အသုံးပြုနိုင်ပါသည်。

အကျိုးသား


   <p>တင်ပြသူ: ဟီဂျစ် ရပ်စ်န်ရှန်စ်</p>
   <p>ဆက်သွယ်ရေးသတင်း: <a href="mailto:someone@example.com">
  someone@example.com</a>.</p>
</footer>

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

HTML5 <nav> အရာ

<nav> အရာ သည် နှင့်ဆိုင်၍ အလံချပ် အချက်အလက် အပေါင်းစပ်ပေးသည်。

<nav> အရာ သည် အမျိုးသား နှင့် အဆင်းအတော် အလံချပ် အချက်အလက် အပေါင်းစပ်ပေးသည်။ သို့သော်, အခြား အချက်အလက် အချို့ သည် <nav> အရာ အတွင်း ရှိသည်မဟုတ် မည်!

အကျိုးသား

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

HTML5 <aside> အရာ

<aside> အရာ သည် စာမျက်နှာ အဓိက အရာများ အပြင် အချက်အလက် အချို့ (အကွက်အရိုး သို့မဟုတ်) ဖြစ်သည်。

aside အရာ သည် အခြား အရာများ နှင့် ပတ်သက်၍ ဖြစ်သည်。

အကျိုးသား

<p>ကျွန်ုပ်၏ အဖမ်းအရှင် နှင့် အပိသတ်း စခန်း ကို ဇွန်လ ကြား ကြည့်ခဲ့ပါသည်。</p>

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

HTML5 <figure> နှင့် <figcaption> အရာများ

အခန်းကဏ္ဍ နှင့် စာစောင်များ တွင်, ရုပ်ပုံနှင့် ပတ်သက်၍ အချက်အလက် အသုံးချခြင်း အများဆုံး

အချက်အလက် (caption) အသုံးပြုခြင်း သည် ရုပ်ပုံအား မြင်စိတ်ကို ပေးသည်。

HTML5 ဖြင့်, ရုပ်ပုံနှင့် အချက်အလက် အပေါင်းစပ်ပေးနိုင်ပါ

အဆိုပါ အရာများ အတွင်း:

အကျိုးသား


   <img src="pic_mountain.jpg" alt="The Pulpit Rock" width="304" height="228">
   <figcaption>Fig1. - နော်ဆမ်နီးရှိ ပေါ်တော်တော်ရိုး</figcaption>
</figure>

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

<img> အဆိုပါ အရာများ အမည်ပေးသည်。

အဆိုပါ အရာများ အချက်အလက် အား အမည်ပေးသည်。

ကျောင်းလုပ်ကြမ်း HTML5 အဆိုပါ အရာများ အသုံးပြုခြင်း အကြောင်းမှာ?

HTML4 ကို အသုံးပြုလျှင်, အလုပ်သမားများ သူတို့၏ ကိုယ်တိုင် အကျိုးသား အကိုးအကား အမည်များ ကို စာမျက်နှာ အဆိုပါ အရာများ၏ အေျာင်နှင့် အဆင်းအတော် ကို အစီအစဉ်ပြုလုပ်သည်:

header, အချိန်ချိုး, အောက်ပိုင်း, footer, menu, navigation, main, container, content, article, sidebar, topnav, ...

如此，浏览器便无法识别正确的网页内容。

而通过 HTML5 元素，比如：

HTML5 中的语义元素

下面列出了以字母顺序排列的 HTML5 新语义元素。

这些链接指向完整的 HTML 参考手册。

标签 描述
定义文章。
定义页面内容以外的内容。
定义用户能够查看或隐藏的额外细节。
定义
元素的标题。
规定自包含内容，比如图示、图表、照片、代码清单等。
定义文档或节的页脚。
规定文档或节的页眉。
规定文档的主内容。
定义重要的或强调的文本。
定义导航链接。
定义文档中的节。
定义
元素的可见标题。
定义日期/时间。