Bạn đang xem : phần tử chú thích trong html5

Thẻ HTML

& lt; caption & gt;

Ví dụ

Một bảng có chú thích:

& lt; bảng & gt;

& lt; caption & gt; Tiết kiệm hàng tháng & lt; / caption & gt;
& lt; tr & gt;
& lt; th & gt; Tháng & lt; / th & gt;
& lt; th & gt; Tiết kiệm & lt; / th & gt;
& lt; / tr & gt;
& lt; tr & gt;
& lt; td & gt; Tháng 1 & lt; / td & gt;
& lt; td & gt; $ 100 & lt; / td & gt;
& lt; / tr & gt;
& lt; / table & gt;

Hãy tự mình thử »

Các ví dụ khác về “Hãy tự mình thử” bên dưới.

Định nghĩa và Cách sử dụng

Thẻ & lt; caption & gt; xác định chú thích bảng.

Thẻ & lt; caption & gt; phải được chèn ngay sau thẻ
Thẻ & lt; table & gt; .

Mẹo: Theo mặc định, chú thích bảng sẽ được căn giữa phía trên
bàn. Tuy nhiên, các thuộc tính CSS
text-align
caption-side
có thể được sử dụng để căn chỉnh và đặt chú thích.

Hỗ trợ trình duyệt

Yếu tố

& lt; chú thích & gt;
Đúng
Đúng
Đúng
Đúng
Đúng

Thuộc tính chung

Thẻ & lt; caption & gt; cũng hỗ trợ Thuộc tính chung trong HTML .

Thuộc tính sự kiện

Thẻ & lt; caption & gt; cũng hỗ trợ Thuộc tính sự kiện trong HTML .

Các ví dụ khác

Ví dụ

Định vị chú thích bảng (với CSS):

Xem Thêm  Các cách khác nhau để đọc tệp văn bản trong Java - cách đọc tệp văn bản trong java

& lt; table & gt;
& lt; caption style = “text-align: right” & gt; Khoản tiết kiệm của tôi & lt; / caption & gt;
& lt; tr & gt;
& lt; th & gt; Tháng & lt; / th & gt;
& lt; th & gt; Tiết kiệm & lt; / th & gt;
& lt; / tr & gt;
& lt; tr & gt;
& lt; td & gt; Tháng 1 & lt; / td & gt;
& lt; td & gt; $ 100 & lt; / td & gt;
& lt; / tr & gt;
& lt; / table & gt;
& lt; br & gt;

& lt; table & gt;
& lt; caption
style = “caption-side: bottom” & gt; Khoản tiết kiệm của tôi & lt; / caption & gt;
& lt; tr & gt;
& lt; th & gt; Tháng & lt; / th & gt;
& lt; th & gt; Tiết kiệm & lt; / th & gt;
& lt; / tr & gt;
& lt; tr & gt;
& lt; td & gt; Tháng 1 & lt; / td & gt;
& lt; td & gt; $ 100 & lt; / td & gt;
& lt; / tr & gt;
& lt; / table & gt;

Hãy tự mình thử »

Các trang liên quan

Tham chiếu HTML DOM: Đối tượng phụ đề

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị phần tử & lt; caption & gt; với các giá trị mặc định sau:

Ví dụ

chú thích {
display: table-caption;
text-align: center;
}

Hãy tự mình thử »


Xem thêm những thông tin liên quan đến chủ đề phần tử chú thích trong html5

The HTML picture element explained [ Images on the web part 3 ]

  • Tác giả: Kevin Powell
  • Ngày đăng: 2018-12-14
  • Đánh giá: 4 ⭐ ( 3352 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: The picture element is a little different than most HTML elements in how it works. It has some similarities to the video and audio element, as it gives us the ability to have different sources and it also uses the srcset attribute, which allows each source to actually have multiple sources… which is a bit strange.

    It’s a powerful element which opens up the possibilities of interesting art direction, changing images based on the size of the device’s screen. This can be really useful, having a nice, big image for large screens, one that is cropped tighter for medium screens, and one that is smaller for mobile devices.

    If you haven’t already watched part one, where I look at the srcset attribute, I strongly recommend you do: https://youtu.be/2QYpkrX2N48

    //// Links
    Files from this video (starting and finished version):
    https://github.com/kevin-powell/the-picture-element

    I have a newsletter! https://www.kevinpowell.co/newsletter

    New to Sass, or want to step up your game with it? I’ve got a course just for you: https://www.kevinpowell.co/learn-sass

    My Code Editor: VS Code – https://code.visualstudio.com/

    How my browser refreshes when I save: https://youtu.be/h24noHYsuGc

    Support me on Patreon: https://www.patreon.com/kevinpowell

    I’m on some other places on the internet too!

    If you’d like a behind the scenes and previews of what’s coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

    Instagram: https://www.instagram.com/kevinpowell.co/
    Twitter: https://twitter.com/KevinJPowell
    Codepen: https://codepen.io/kevinpowell/
    Github: https://github.com/kevin-powell

HTML5: (thẻ chú thích-comment)

  • Tác giả: v1study.com
  • Đánh giá: 4 ⭐ ( 8213 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thẻ chú thích dùng để tạo chú thích trong tài liệu HTML, theo đó những thẻ hoặc nội dung nào nằm trong nó sẽ được coi là chú thích.

[HTML/HTML5] Phần 11: Chú thích trong HTML

  • Tác giả: www.dammio.com
  • Đánh giá: 5 ⭐ ( 8739 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Thẻ figcaption trong HTML

  • Tác giả: freehost.page
  • Đánh giá: 5 ⭐ ( 6604 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Bài 32: Các phần tử Semantic trong HTML5

  • Tác giả: timoday.edu.vn
  • Đánh giá: 3 ⭐ ( 7723 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Giới thiệu đầy đủ các phần tử Semantic (ngữ nghĩa) trong HTML5 như article, aside, details, figcaption, footer, header, nav, section, main, summary, time

Chú thích trong HTML

  • Tác giả: hocjavascript.net
  • Đánh giá: 5 ⭐ ( 2582 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chú thích trong HTML là những đoạn mã mà khi trình duyệt gặp phải chúng thì trình duyệt sẽ bỏ qua (điều đó đồng nghĩa với việc những đoạn mã

Thẻ Thể Hiện Hình Ảnh Trong HTML

  • Tác giả: suntech.edu.vn
  • Đánh giá: 5 ⭐ ( 2673 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php