Đệm Bông Ép

Kết quả 1 đến 2 của 2

Chủ đề: Các lỗi thường gặp khi code HTML và CSS

  1. #1
    Thành Viên Mới
    Ngày tham gia
    Dec 2014
    Bài viết
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Các lỗi thường gặp khi code HTML và CSS

    joomla module manager xin giới thiệu các lỗi thường gặp khi viết HTML và CSS:

    1 HTML – Sai DOCTYPE

    2 Sử dụng id giống nhau.
    Trên một trang web, class có thể dùng nhiều lần nhưng bạn chỉ được dùng id cho 1 element riêng. Điều này đặc biệt quan trọng khi áp dụng javascript, ajax.
    Sử dụng sai:
    <div id=”expl”>Example</div> <div id=”expl”>Other Example</div>​

    Sử dụng đúng:
    <div id=”example”>Example</div> <div id=”otherexampl”>Other Example</div>​
    3 Đóng thẻ không đúng thứ tự
    Việc đóng thẻ đúng thứ tự là rất quan trọng, ví dụ thẻ div chỉ được đóng sau khi tất cả các thẻ trong nó đóng
    Sử dụng sai:

    <div><b>Example</div></b>​
    Sử dụng đúng:

    <div><b>Example</b></div>​
    4 Viết hoa tags:
    Sẽ không xác thực được mà HTML nếu bạn viết như sau:
    <DIV>Example</DIV>
    5 Sử dụng style ngay trên thẻ.
    Có lợi thế khi sử dụng style trên thẻ HTML là: nhanh hơn khi đưa chúng vào file CSS riêng, ấn định trực tiếp cho thành phần đó. Nhưng điều đó sẽ làm cho bạn rất vất vả khi thay đổi các thẻ giống nhau , khó gỡ rối và làm cho mã HTML của chúng ta nhìn vào rất rối.
    ví dụ: <div class=”example” style=”color:#fff; font-family: ‘Arial';font-size: 14px;”>Example</div>
    6 Sử dụng các ký tự đặc biệt
    hãy chắc chắn rằng bạn sử dụng ký tự đặc biệt đúng cách trong mã HTML vì không phải lúc nào trình duyệt cũng có thể hiểu và xử lý chúng
    Sử dụng sai:

    <p> ©, & Stuff</p>​
    Sử dụng đúng:

    <p>&copy;, &amp; Stuff</p>​
    7 Không có thuộc tính alt trong thẻ img
    Tại sao phải thêm alt vào trong thẻ img khi không hề có khác biệt? Alt sẽ giúp người đọc xem được thông tin về ảnh khi họ không tải được ảnh đó, nó còn giúp cho SEO
    Sử dụng sai:
    <img src=”image.jpg” />​
    Sử dụng đúng:
    <img src=”image.jpg” alt=”image alt tag” />​

    8 Dùng cách viết tắt trong CSS
    giả sử bạn có mã:
    .ClassName{
    margint-top: 10px; margin-bottom:10px; margin-left: 20px; margin-right: 20px;
    }
    khi cả 4 margin đều có giá trị, ta có thể viết ngắn gọn thành:
    .ClassName{
    margin: 10px 20px 10px 20px;
    }
    9 Sử dụng đơn vị cho giá trị bằng 0 trong css
    Bạn không cần phải điền đơn vị cho các giá trị bằng 0 vì 0px, 0pt, 0em đều bằng nhau.
    /* Thay vì */ margin:0px 0px 10px 0px; /* Bạn nên dùng */ margin:0 0 10px 0;​

    10 Sử dụng sai position trong CSS
    Khi bạn mới bắt đầu học CSS thì position khá khó hiểu. Bạn có thể sử dụng: static, relative, absolute và fixed. Giá trị mặc định của position là static
    hiện nay với joomla có phần mềm để nén css và html là joomla minify cssjoomla minify html

  2. #2
    Thành Viên Mới
    Ngày tham gia
    Jan 2015
    Bài viết
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Lâu nay mình vẫn dùng ID trong thẻ div một cách tràn lan, tiện đâu thì đặt đó thôi, đôi khi lại còn viết hoa các thẻ html nữa chứ. đọc xong bài này mình phải viết theo chuẩn thôi, kẻo làm những project lớn, không kiểm soát được lỗi

Các Chủ đề tương tự

  1. HCM Chú ý sau khi nhổ răng chỉnh nha
    Bởi chieunay trong diễn đàn Nước Hoa - Mỹ Phẩm - Làm Đẹp
    Trả lời: 0
    Tin đăng cuối: 07-07-2014, 06:56 PM
  2. TQ máy in phun code,máy in phun date code,máy in hạn sử dụng,máy in mã code
    Bởi phuonggiang trong diễn đàn Kho Thiết bị mã vạch
    Trả lời: 0
    Tin đăng cuối: 02-19-2014, 01:32 PM
  3. TQ máy in phun code tự động,máy in phun date code,máy in date code,máy in code
    Bởi phuonggiang trong diễn đàn Kho Thiết bị mã vạch
    Trả lời: 1
    Tin đăng cuối: 02-16-2014, 09:58 PM
  4. TQ http://www.intour.com.vn/du-lich-nha-trang.html
    Bởi cnatngoan trong diễn đàn Du Lịch
    Trả lời: 0
    Tin đăng cuối: 07-26-2013, 09:24 AM
  5. Nhận gia sư thiết kế web HTML/CSS
    Bởi hochanh trong diễn đàn Việc Làm- Tuyển sinh- Học hành
    Trả lời: 0
    Tin đăng cuối: 09-08-2012, 09:09 PM

Quyền viết bài

  • Bạn Không thể gửi Chủ đề mới
  • Bạn Không thể Gửi trả lời
  • Bạn Không thể Gửi file đính kèm
  • Bạn Không thể Sửa bài viết của mình
  •