30/09/2018, 19:47
Thẻ <DIV> và <SPAN> trong HTML có tác dụng gì
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ó
Bài liên quan
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.
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
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ứ 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