Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

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

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi springriver, 6/2/15.

Lượt xem: 7,935

  1. springriver Thành viên cấp 1

    Minh xin giới thiệu các lỗi thường gặp khi viết HTMLCSS:

    [​IMG]
    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

    ...
    K.Trang, Phạm Hữu Dưbutbihetmuc thích bài viết này.
  2. minhtamht

    minhtamht Banned

  3. jindo872606

    jindo872606 Thành viên cấp 1

    Bài viết khá hay. Có điều hiện tại có vài lỗi trong bài viết đã đc w3c fix lại nên k phù hợp lắm :)
  4. MinhHoang

    MinhHoang Banned

    Bài viết hữu ích cho các bạn đang tìm hiểu
  5. Thanks bác nhé... mở mang tầm mắt.
  6. anhtuan1006

    anhtuan1006 Thành viên cấp 2

    cảm ơn bạn, mình vừa mới chập chững đến với HTML & CSS
  7. dttinh

    dttinh Mới đăng kí

    Bên mình đang cần tuyển Front End Developer làm việc tại HCM, vị trí Full Time.
    Yêu cầu:
    • 1+ năm kinh nghiệm lập trình front end, có kiến thức PHP là một lợi thế.
    • Có kinh nghiệm lập trình HTML/CSS/ Javascript/Jquery/Boostrap.
    • Yêu thích lập trình Frontend với những giao diện độc đáo, hiện đại.
    • Khả năng tư duy tốt và có tinh thần học hỏi.

    Phúc lợi
    • Làm việc t2-t6, 15 ngày phép năm.
    • Lương thương lượng.
    • Tham gia party công ty, teambuilding.
    • Được đóng đầy đủ các loại bảo hiểm, lương tháng 13.
    • Môi trường làm việc cực kì trẻ và năng động.
    Nếu bạn nào quan tâm vui lòng gửi CV về địa chỉ e-mail: nhien.huynh@40hrs.vn hoặc liên hệ +84 8 39100292 (ext:107) - MS. Nhiên hoặc SDT: 0120 863 5432 để biết thông tin chi tiết hơn về vị trí.

    Read more: http://forum.vietdesigner.net/conve...tai-hcm-vi-tri-full-time.14787/#ixzz4JjMPNqqi
Từ khóa:

Ủng hộ diễn đàn