Hướng dẫn section name html - tên phần html
Điểm bài viết [Tổng cộng: 9 Trung bình: 4.1]9 Trung bình: 4.1] Một trong những lý do giúp Mid và Senior khác biệt với trình độ Junior trong phát triển web cơ bản chính là việc đặt tên class cho các element của markup sao cho gọn, dễ nhớ và dễ sử dụng.đặt tên class cho các element của markup sao cho gọn, dễ nhớ và dễ sử dụng. Mỗi loại element trong website của bạn thường được sử dụng nhiều lần, chẳng hạn ảnh, video hay các đoạn Heading text. Nếu bạn không đặt tên (ở đây là gán class) mà chỉ đơn thuần sử dụng nó như Điều đầu tiên là bạn cần nắm vững cấu trúc markup của chuẩn HTML5 đang rất phổ biến hiện nay. Ví dụ như bố cục layout default trông sẽ phải gồm các đối tượng nào. Tiếp đến là bạn phải nắm được quy ước của tổ chức (Code Standards), chẳng hạn như sử dụng BEM, hoặc kiểu đặt tên class composit thì sẽ ra sao. Sau cùng, bạn cần trải nghiệm nhiều, càng nhiều càng tốt, với nhiều website và các kiểu website khác nhau. Trong phần giới thiệu sau đây, Code Tốt sẽ đưa ra những ví dụ cơ bản về cấu trúc sắp xếp theo Bạn có thể sử dụng tag này khi có Heading Text và các nội dung trình bày bên trong bố cục layout của bạn. Ví dụ như code dưới đây: Ta sẽ sắp xếp theo thứ tự quan trọng sự xuất hiện nhé. Heading sẽ xuất hiện theo thứ tự, có thể từ H1 hoặc H2 và đi dần xuống. Thông thường càng Heading nhỏ thì số lượng càng nhiều. Hiếm khi ta có 1 Heading 2 và ở dưới chỉ có 1 Heading 3 vì như vậy tính chất SEO không bền vững. Ta sẽ đặt lần lượt như sau: Ngoài ra, các bạn designer thường đặt tên theo 1 cách khác trong thiết kế: Dưới đây là 1 ví dụ, khi ta coi “Heading” ở tầng level 2 (thấp hơn) là Title, chứ không còn là Heading nữa. Nhiều người biết đến HTML5 và Thẻ Đặ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 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.759 4.759 Điều hướng bài viết |