2 bước design:
- Chia layout (vẽ sơ qua trên giấy nháp)
- Làm mockup
- balsamic (vẽ drap)
- sketch app (vẽ pixel perfect)
1. Cấu trúc thường gặp của 1 trang HTML
2. Cấu trúc trang HTML sử dụng các thẻ HTML5
3. Chức năng của một số thẻ hay dùng
- Thẻ <header>: Phần đầu của trang web, cũng có thể là phần đầu của bài viết (chú ý thẻ <header> khác với thẻ <head>).
- Thẻ <nav>: Chứa điều hướng chính của trang web (menu chính)
- Thẻ <section>: Dùng để nhóm các phần nội dung liên quan đến nhau, và thông thường mỗi section sẽ có tiêu đề riêng của nó.
- Thẻ <article>: Chứa các khối nội dung độc lập trên trang web, ví dụ như: các bài viết, các đoạn comment, … Một section có thể chứa nhiều article có nội dung liên quan, hoặc nếu 1 article có nội dung lớn thì nó cũng có thể chứa nhiều section.
- Thẻ <aside>: Có tác dụng tùy vào vị trí của nó trên trang HTML. Nếu aside nằm trong article thì nó chứa thông tin liên quan đến article nhưng không quá cần thiết đối với article (ví dụ như 1 đoạn chú thích cho bài viết hay các đường link đến bài viết cùng chuyên mục). Nếu aside nằm ngoài article thì nó chứa thông tin liên quan đến toàn bộ trang nhưng không phải thông tin chính (ví dụ như danh sách các bài viết mới nhất, thông tin quảng cáo, ...)
- Thẻ <footer>: Phần cuối của trang web, cũng có thể là phần cuối của bài viết.
- Thẻ <address>: Chứa thông tin liên hệ, tác giả (của bài viết hoặc của trang web). Nếu là thông tin liên hệ của trang web thì thường đặt trong footer.
No comments:
Post a Comment