2nd : 重构第二次，html语义化