header-object

Mô hình cấu trúc HTML5

1. HTML4

Mô hình của Html4 có nhiều sự khác biệt với mô hình của Html5

Mô hình này bao gồm

1.1 Block

Cấu trúc mô hình block bao gồm các tag div, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, table, ul tương đối dễ hiểu và thường hãy sử dụng ở thời kỳ trước đó

1.2 Inline

Trong phần inline bao gồm các tag a, em, img, input, label, span, strong. Mỗi một tag được thể hiện vai trò và tính năng riêng của mình. Ví dụ, tag div dùng để phân chia nội dung mà đến thời nay vẫn còn đang thịnh hành và các sử dụng tốt. Dùng để thay thế tag table, phân chia đa hạng mục,…

2. HTML5

Đến sự ra đời và phát triển của Html5 có nhiều biến đổi và cải cách mới so với giai đoạn trước đó bao gồm các groups

  • Metadata
  • Embedded
  • Interactive
  • Heading
  • Phrasing
  • Flow
  • Sectioning
  • Metadata bao gồm các phần tử tag như: base, command, link, meta, noscript, script, style, title
  • Embedded dùng để chứa nội dung và import những sources khác vào văn bản gồm các tag như: audio, canvas, embed, iframe, img, math, object, svg, video
  • Interactive là dùng chứa những nội dung đặc biệt cho người dùng bao gồm các tag: a, audio, button, details, embed, img, input, keygen, lable, menu, object, select, textarea, video
  • Heading định nghĩa các header của website từ h1 đến h6 và thêm một tag nữa là hgroup
  • Phrasing là nơi dùng để chứa văn bản, các đoạn văn, …các phần tử của tag bao gồm: a, abbr, area, audio, b, bdo, br, button, var, sub, sup, wbr,…
  • Flow là nơi chưa các tag bao gồm aside, audio, b, blockquote, button, command, datalist, del, details, math, menu, meta, meter, nav, select, …
  • Sectioning là nơi định nghĩa các headings và footers bao gồm các tags: article, aside, nav, section

Mời các bạn tham khảo mối quan hệ của mô hình

mohinh

GV Hồ Đức Duy

Bình luận  

 
0 #59 Darren Chủ nhật-10-17 07:41
I really lie what you guys tend to be up too. Thhis sort of clever work and exposure!
Keep up the excellent works guys I've incorporated
yyou guys to blogroll.

my web-site: bmw
ecu remapping: https://Www.electronicrepairegypt.com/ecu-en-book.html
Trích dẫn
 
 
0 #58 Deb Thứ 2-10-17 11:37
Hi there, I want to subscribe foor this website to get hottest updates, so where can i do it please help.



Also visit my web-site - Аренда квартир в Аликанте: http://cgi.www5b.biglobe.ne.jp/~haguredo/cgi/yybbs2/yybbs.cgi
Trích dẫn
 
 
0 #57 Enrique Thứ 4-09-17 18:02
Be it yߋur mother, ԝife, sister or daughtеr, women are special
therefore should the gift shown to them be. In the seɑrch for the right diamond оr piece of jewelry: http://stores.ebay.com/DIAMOND-SCENE it will always be best to
not be distraϲted with the siren's song of low pгices.
Before expeгiencing this activity though, know yoᥙr real diamοnds first
and proteⅽt yourѕelf from fake ones.
Trích dẫn
 
 
0 #56 Josie Thứ 3-09-17 13:39
WOW just what I was searching for. Came here by searching forr
bosch icc datasheet

Here is my web blog; ECU Circuits: https://Electronicrepairegypt.com/ecu-hw-repair-book.html
Trích dẫn
 
 
0 #55 Eloy Thứ 2-09-17 22:12
When the diamond is mounted, you have to be not capable of seeing its bottom part.
Princess Cut: Princess Cut diamonds have poіnted corners and therefore are traditionally square in shape.

If you spend any ɑttention to fashion jewelry trends you know that brown Ԁiamonds arе finding
tһeir way int᧐ the hearts of countless from fashion jewelry designers, to celebrities to thе average consumer.


Feel free to visit my website: http://stores.ebay.com/DIAMOND-SCENE: http://stores.ebay.com/DIAMOND-SCENE
Trích dẫn
 
 
0 #54 Riley Thứ 2-08-17 14:07
Even then, there is absolutely no guarаntee with the respective websіte achieving desirable results.
Unrelated and random links from any olld site Ԁоes indеed not make Google
visit your ѕite being important. There are so mаany forums within yoᥙr niche that you could create as much accounts because
you like and begin posting for them right away.

Also visit my weeb blog Seаrch Engine Optimization: https://www.fiverr.com/cldisplay_seo/promote-and-market-your-ecommerce-ebay-shopify-etsy-amazon-product-or-blog
Trích dẫn
 
 
0 #53 Matt thứ 7-08-17 23:45
Aw, this was a really nice post. Taking the time and actual effort to produce a top notch article… but what can I
say… I hesitate a lot and never seem to get nearly anything done.



my blog ... Natural Leather: http://www.diamant-rencontre.com/dani/top/index.php?a=stats&u=mose63045990
Trích dẫn
 
 
0 #52 Gemma thứ 7-07-17 04:54
I'm truly enjoying the design and layout of your site.
It's a very easy on the eyes which makes it much more pleasant for me
to come here and visit more often. Did you hire
out a developer to create your theme? Excellent work!


Also visit my weblog - Cowhide Leather: http://China-caic.com/comment/html/index.php?page=1&id=411734
Trích dẫn
 
 
0 #51 Elizabeth Thứ 5-07-17 17:57
Perfeitamente afastado dos 25%. Por quê? Desabono:Art.
176).

Também visite meu network - Quero
Meu Dinheiro: http://tinyurl.com/ycuwmad8
Trích dẫn
 
 
0 #50 Carol Thứ 5-07-17 08:43
It's especially hard if you think like you're only teacher in your school to attempt fitting technologies in your planning and classroom delivery.
The three basic colors used by reproduction are cyan, magenta and yellow.

But Apple has its own idea about the best way to watch video, possesses absolutely nothing to
do with standards that anyone else creates.

my web-site; online printing company (siteblogweb.com: http://siteblogweb.com/a-virtual-room-for-considered-document-management/)
Trích dẫn
 

Thêm ý kiến


Security code
Làm mới


2

Facebook

Thống kê truy cập

Hiện có 1022 khách đang truy cập
2492183