Khoảng trong HTML
|
Phần tử span HTML là một vùng chứa nội tuyến chung cho các phần tử và nội dung nội tuyến. Nó được sử dụng để nhóm các phần tử cho mục đích tạo kiểu (bằng cách sử dụng thuộc tính class hoặc id), Một cách tốt hơn để sử dụng nó khi không có bất kỳ phần tử ngữ nghĩa nào khác. Thẻ span rất giống với thẻ div , nhưng div là thẻ cấp khối (block) và span là thẻ nội tuyến (inline-block) . Thẻ span là thẻ được ghép nối có nghĩa là nó có cả thẻ mở (<) và thẻ đóng (>) và bắt buộc phải đóng thẻ.
Khoảng thời gian thẻ được viết như sau Một số văn bản ............
2. Một số ví dụ thẻ span trong html2. 1 Sử dụng khoảng thời gian thẻ thay thế các thẻ Trong ví dụ dưới đây, giả sử chúng ta muốn viết Webaffilate ba lần trong ba dòng với chữ in đậm, nghiêng, gạch chân, màu xanh lục với font-family =segoe ui light, vì vậy chúng ta cần sử dụng nhiều thẻ HTML Ví dụ
Xem Bút YzqqyZv của DavidKhai (@davidkhai) trên CodePen. tối
Nhưng bằng cách sử dụng thẻ, chúng ta có thể giảm các dòng mã và các thuộc tính HTML Ví dụ dưới đây sẽ hiển thị đầu giống như ví dụ về việc sử dụng thẻ bằng cách áp dụng CSS trong khoảng thẻ Ví dụ
Xem Pen rNeeOzj của DavidKhai (@davidkhai) trên CodePen. tối Như chúng ta đã biết span là một thẻ nội tuyến, nó chiếm dung lượng nhiều như yêu cầu và để khôi phục không gian cho các phần tử khác, hãy xem nó trong ví dụ bên dưới, tất cả các phần tử span sẽ hiển thị trong cùng một Ví dụ
Xem Pen vYGGNeV của DavidKhai (@davidkhai) trên CodePen. tối
2. 2 Khoảng thời gian thẻ có thể được sử dụng để đặt màu nền / màu nền cho một phần của văn bản. Trong ví dụ bên dưới trong đoạn văn, áp dụng thẻ span ba lần với các kiểu khác nhau ví dụ
Xem Bút qBZZOxo của DavidKhai (@davidkhai) trên CodePen. tối
2. 3 Thao tác với javascript với thẻ span. Trong ví dụ dưới đây, chúng tôi thêm thẻ span vào bên trong đoạn văn với id = ”demo”, chúng tôi có thể thay đổi văn bản của nó bằng cách áp dụng javascript trong ví dụ này Trang web sẽ được thay đổi thành “Webaffiliatevn Ví dụ
Xem Pen ExKKVLw của DavidKhai (@davidkhai) trên CodePen. tối 3. Sự khác biệt giữa thẻ Div và thẻ span trong htmlThẻ div và thẻ span là hai thẻ phổ biến khi tạo các trang sử dụng HTML và thực hiện các chức năng khác nhau trên chúng khi thẻ div là phần tử cấp khối và span là phần tử nội tuyến Thẻ div tạo ngắt dòng và theo . Thẻ div tạo các hộp hoặc vùng chứa riêng biệt cho tất cả các phần tử bên trong thẻ này như văn bản, hình ảnh, đoạn văn |
