Thẻ <DIV> và <SPAN> trong HTML có tác dụng gì

[huyenthoai (Interns)]

Mình có đọc tài liệu và được biết nó có tác dụng chia văn bản thành các khối có chung định dạng. Nhưng mình không hiểu tác dụng này có lợi ích gì, mình cũng đã thử test nhưng không thấy thay đổi gì hết trong 1 đoạn văn bản. Mọi người cho giúp mình 1 ví dụ để hiểu rõ hơn tác dụng của nó

[Luong_Minh (Lương Minh)]

Thẻ div dùng để gom nhóm nhiều thẻ HTML còn thẻ span dùng để gom nhóm thẻ inline HTML.
Nhóm thẻ block HTML thì mỗi thẻ sẽ chiếm hết một dòng
ví dụ : div, p, h1, h2
Nhóm thẻ inline HTML thì mỗi tẻ sẽ chỉ chiếm 1 khu vục và các thẻ kế tiếp sẽ nằm trong cùng một hàng cho đến hêt mới xuống hàng.
vi dụ : b, span, del, strong.

<div>
      <p> this is paragraph <span><b>bold</b> <del>delete</del></span> </p>
   </div>

thẻ b và del điều thuộc nhóm thẻ inline và được thẻ span gom nhóm lại.
Tham khảo http://hocwebchuan.com/reference/tag/ và http://www.tutorialspoint.com/html/html_span_tag.htm

[pwkeygen (Trịnh Tâm (fb.com/bboykeygen))]

div và span là 2 thẻ có thể nói là ko có ngữ nghĩa (sematic) trong HTML.

div chủ yếu dùng để style, mà cụ thể hơn là để làm layout, giống như col hay row trong bootstrap

span dùng để chứa một đoạn text nào đó, ví dụ từ php, bạn muốn xuất ra tên author chằng hạn, bạn muốn viết ra đoạn “bài này viết bởi Admin” thì thay vì để cảm đám đó trong 1 thẻ p, bạn có thể đưa Admin vào 1 thẻ span để tiện style nếu cần, hoặc đơn giản là để chỉ ra rằng nó là một đối tượng riêng biệt