HTML5中新增的布局標簽

1.1.1   盒子模型層次

盒子模型的層次遵循以下順序: 內容+padding à 邊框 à background-image à

background-color à margin

 

1.1.1   HTML5中新增的布局標簽

1. 既然有html4中提供的div+css實現頁面布局，為何還需要html5中的布局標簽

a)         因為html4中統一采用div+css實現布局，造成確實語義化【不能明確定義、識別】

b)         如果大量采用確實語義化的實現方式則對搜索引擎效率有極大的問題（效率低）

 

1. Html5中的布局標簽

a)         header標簽：頭部標簽

b)         footer標簽：底部標簽

c)         section標簽：區塊標簽

d)         aside標簽：側邊欄標簽

e)         nav（navigator）標簽：導航標簽

 

例如：

 

 

1.1    過渡和陰影效果

1.1.1 過渡效果

 

 

1.1.1   陰影效果