Hướng dẫn how to section html - làm thế nào để phần html
Show
Định nghĩa và sử dụngTag định nghĩa một khu vực (vùng bao) trong văn bản HTML. Tag bên trong thường chứa một và nội dung. Cấu trúc
Ví dụ
Định nghĩa và sử dụngTag định nghĩa một khu vực (vùng bao) trong văn bản HTML. Sự khác nhau giữa HTML4.01 và HTML5
Cấu trúcĐịnh nghĩa và sử dụngTag định nghĩa một khu vực (vùng bao) trong văn bản HTML. Tiêu đề sectionNội dung section Sự khác nhau giữa HTML4.01 và HTML5● Không hỗ trợ ● Đây là tag mới trong HTML5 Cấu trúc Html viết:section { display: block; } Tiêu đề section Nội dung sectionTrình duyệt hỗ trợ (function (){ var els = [ 'section', 'article', 'hgroup', 'header', 'footer', 'nav', 'aside', 'figure', 'mark', 'time', 'ruby', 'rt', 'rp' ]; for (var i=0; i2 cũng là một gợi ý hay nếu bạn có nhiều bài viết và muốn hiển thị dưới dạng trình bày thông tin. Lưu ý các thẻ này cần chứa 1 Heading (thường là Title của bài viết) và 1 đoạn paragraph, và tốt hơn kèm thêm cả ảnh và link tới bài viết đó ở trang riêng (single). Đặt tên class trong section như thế nào?Việc đặt tên class cho section có thể ảnh hưởng tới các element bên dưới, nên bạn cần lưu ý một số quy tắc để tránh việc đặt tên class dẫn tới nhập class bị dài và khó nhớ. Các quy tắc đặt tên class cho section hay 1 module
Hầu hết trong các tình huống ta gặp phải, các module và class sẽ trùng tên nhau để dễ quản lý cả về cấu trúc markup và styling. Ví dụ về bố cục Grid Kết hợp từ, cụm từ trong đặt tên class cho sectionNhững từ và cụm từ sau có thể cân nhắc sử dụng và kết hợp:
Các gợi ý đặt tên cho element trongSau khi đặt tên class cho section { display: block; }9, ta sẽ tiến hành thêm các class cho các element bên trong nó. Dưới đây là các gợi ý giúp bạn hình dung các lớp đối tượng được dễ dàng hơn. Section Header
Section Navigation
Section List
Section Layout (Nếu có layout 2 cột, trong đó 1 là sidebar) (Nếu có layout 2 cột, trong đó 1 là sidebar)
Section Footer (thường chứa button CTA) (thường chứa button CTA)
Để tránh việc section chứa quá nhiều level, bạn nên sử dụng việc nhúng module nào vào section khác. Kết quả của việc này chẳng hạn sẽ như sau: Kết luậnCode Tốt hi vọng bài viết sẽ hữu ích và giúp bạn tránh mất thời gian vào việc đặt tên class cho section và các element. Đừng quên đặt câu hỏi nếu bạn có điều gì chưa rõ nhé. 4.312đánh giá 12 đánh giá Đánh giá bài viết Post Views:4.772 4.772 Điều hướng bài viết |