HTML5是一種超文本標記語言,可以用于創建網頁。在HTML5中,我們可以通過一些代碼進行圖片瀏覽的設置,從而讓用戶在網站上更好地瀏覽圖片。
<!DOCTYPE html> <html> <head> <title>圖片瀏覽</title> </head> <body> <!-- 使用HTML5的figure和figcaption標簽 --> <figure> <img src="image.jpg" alt="圖片"> <figcaption>這是一張圖片。</figcaption> </figure> <!-- 使用HTML5的picture和source標簽 --> <picture> <source media="(max-width: 768px)" srcset="image-small.jpg"> <source media="(min-width: 769px)" srcset="image-large.jpg"> <img src="image-large.jpg" alt="圖片"> </picture> </body> </html>
在上述代碼中,我們使用了HTML5的figure和figcaption標簽,它們分別用于展示圖片和展示圖片的標題。同時,我們還使用了HTML5的picture和source標簽,用于設置圖片展示的規則,即根據屏幕大小來展示不同的圖片。這些標簽的使用,讓網站上的圖片在不同的設備上,都能有更好的展示效果。
下一篇一直處于右上角css