figure 相关问题

我正在创建一个带有如下标签的按钮组：我现在正在编写的 HTML 代码：排序方式：我正在创建一个带有如下标签的按钮组：我现在正在写的HTML代码： <figure class="toggler-widget"> <figcaption class="toggler-label">Sort By:</figcaption> <ul class="button-togglers"> <li class="choice-selected"> <button type="button" title="Sort by title" aria-label="Sort by title" aria-pressed="true"></button> </li> <li> <button type="button" title="Sort by date" aria-label="Sort by date" aria-pressed="false"></button> </li> </ul> </figure> 基于MDN上的描述和示例：通常<figure>是图像、插图、图表、代码片段等。似乎<figure>用于仅具有描述的文本/图像/图表。我现在很困惑，如果我正确使用它，或者是否有更好的方法来编码这个小部件？不，根据 WCAG 的说法，这是不正确的。您引用的文档是正确的，但您误解了解释。第一段引用如下： <figure> HTML 元素表示自包含内容，可能带有可选标题，该标题是使用 <figcaption> 元素指定的。该图、其标题及其内容被作为一个单元引用。接下来是这个代码示例： <figure> <img src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/elephant-660-480.jpg" alt="Elephant at sunset" /> <figcaption>An elephant at sunset</figcaption> </figure> 您正在做的是标记按钮，而不是为图像提供可选的标题。事实上，该图像与您的切换器完全无关。开关的主要功能是按钮，图像只是装饰。由于您不能对 2 个按钮使用标签，因此您可以参考 aria-labelledby 或 aria-describedby。此外，控制元素的正确列表容器是 <menu>: <span id="toggler-label">Sort By:</span> <menu class="button-togglers"> <li class="choice-selected"> <button type="button" aria-describedby="toggler-label" aria-label="Sort by title" aria-pressed="true"></button> </li> <li> <button type="button" aria-describedby="toggler-label" aria-label="Sort by date" aria-pressed="false"></button> </li> </menu>

html accessibility figure wcag wcag2.0

回答 1 投票 0

如何在网格中排列图形？

我有六对垂直堆叠的人物。我想将图形排列成 3x2 网格。但是，我找不到办法做到这一点。微量元素：将 matplotlib.pyplot 导入为 plt 定义

python matplotlib figure

回答 1 投票 0

如何为补充数字创建单独的计数？

对于我的论文，我希望可以选择单独计算补充数字，但能够在正文中提及它们，而不显示它们。如果我只是在我的应用程序中添加一个数字...

count figure typst

回答 1 投票 0

如何调用背面的子图？

我想打电话 ef 对于子图，但它没有按预期工作。我们如何解决这个问题？这是我在背面的代码： \usepackage{子标题} \usepackage{graphix} 开始{文档}

figure caption overleaf subfigure subcaption

回答 1 投票 0

如何在seaborn图中编辑图形大小

我想从seaborn创建2个regplots，它们都是子图。我想调整图形的大小，但 sns.regplot 中没有 Figsize、高度或方面的属性。我该如何改变...

python matplotlib plot seaborn figure

回答 1 投票 0

如何为带有图像和标题的报价创建布局？

我想要这样的布局：我的尝试：。容器{ 内边距：10 像素；间隙：10 像素；弯曲方向：行； } 图标题{ 字体大小：较小；文本对齐：结束； } Lorem ipsum d... 我想要这样的布局：我的尝试： .container{ padding: 10 px; gap: 10 px; flex-direction: row; } figcaption{ font-size: smaller; text-align: end; } <blockquote>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, iste incidunt fuga aliquam veniam mollitia enim nam deserunt magni iure repudiandae aspernatur reprehenderit totam quia aut laborum quos, vel quis!</blockquote> <figure class="container"> <figcaption> <strong>John Doe</strong><br> Long title blablablablabla<br> Company X </figcaption> <img class="col2" src="https://placehold.co/600x400"> <figure> 我不知道如何让它变得更好。你能帮我改进一下吗？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .container { display: flex; align-items: center; max-width: 600px; margin: 0 auto; padding: 20px; font-family: Arial, sans-serif; } .text-container { flex: 1; text-align: left; margin-right: 20px; } .quote { margin-bottom: 20px; font-size: 1.2em; } .image-container { flex: 0 0 auto; } .image-container img { max-width: 150px; height: auto; } .caption { font-weight: bold; } .sub-caption { font-size: 0.9em; color: #555; } </style> </head> <body> <div class="container"> <div class="text-container"> <div class="quote"> Lorem ipsum dolor sit amet consectetur adipiscing elit. Cumque, iste incidunt fuga aliquam veniam mollitia enim nam deserunt magni iure repudiandae aspernatur reprehenderit totam quia aut laborum quos, vel quis! </div> <div class="caption">John Doe</div> <div class="sub-caption">Long title blablablablabla<br>Company X</div> </div> <div class="image-container"> <img src="https://placehold.co/160x320" alt="Image Description"> </div> </div> </body> </html>

html css image figure

回答 1 投票 0

使用 twiny 时，Python Matplotlib 图形标题与轴标签重叠

我正在尝试使用 twiny 在同一张图表上绘制两个单独的量，如下所示：图=图() 斧头 = 图.add_subplot(111) ax.plot(T, r, 'b-', T, R, 'r-', T, r_geo, 'g-') ax.set_yscale('log') 斧头。

python matplotlib title figure

回答 9 投票 0

使用 plt.figure(figsize=()) 会产生多个绘图。我该如何解决它？

我对Python的了解非常初级，我在暑期项目中第一次正确使用它。我正在绘制逻辑地图的轨道图。为了增加我的地块规模...

python matplotlib figure figsize

回答 1 投票 0

使用matplotlib时，如何使每个图形始终绘制在屏幕上的同一位置？

我有一个 Python 脚本，可以使用 matplotlib 绘制 3 个数字。当我运行此脚本，然后关闭 3 个图形并重新运行它时，这些图形将在第二个时间出现在我的屏幕上的不同位置...

python matplotlib plot window figure

回答 1 投票 0

如何从 eulerr [r] 包创建绘图的面板布局

我正在使用eulerr包来制作维恩图/欧拉图。但是，我想将这些图添加到面板图中，但我不知道如何添加。每次我制作欧拉图时，它都会产生......

r plot layout figure eulerr

回答 1 投票 0

如何在Python中循环显示一个图形？

我想展示一个在循环中计算的数字，假设有 5 次迭代。这是我写的代码将 numpy 导入为 np 将 matplotlib.pyplot 导入为 plt x = np.linspace(0,1,100) y = np.li...

python loops matplotlib animation figure

回答 1 投票 0

如何在Python/Plotly choropleth图中放大地理地图？

我正在使用 Plotly 制作分区统计图。但是，地理地图看起来很小。像那样：我的代码在这里：无花果 = px.choropleth(df, geojson=geojson, 定位...

python plotly plotly-dash figure plotly-python

回答 3 投票 0

为什么figure和oembed标签不起作用？文档标题

给出以下 html：文档标题嘿... 鉴于以下html： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> </head> <body> <h2>Header</h2> <figure> <oembed url="https://www.youtube.com/watch?v=7km4EHgkQiw&list=RDQK-Z1K67uaA&index=9"></oembed> </figure> </body> </html> 为什么页面不显示 youtube 视频？ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> </head> <body> <h2>Header</h2> <figure> <oembed url="https://www.youtube.com/watch?v=7km4EHgkQiw&list=RDQK-Z1K67uaA&index=9"></oembed> </figure> </body> </html> 主体代码由CKEditor生成（我刚刚从figure标签中删除了“media”类）。您可以在这里查看我的原始帖子link 已针对 CKeditor 5 测试解决方案使用以下代码将 CKeditor 中显示的确切视图保存到数据库中 mediaEmbed: { previewsInData:true }, 完整的JS代码 var KTCkeditorDocument = function () { // Private functions var demo = function () { ClassicEditor .create( document.querySelector( '#kt-editor' ),{ mediaEmbed: { previewsInData:true }, } ) .then( editor => { // console.log( editor ); } ) .catch( error => { // console.error( error ); Swal.fire("Info !", error, "error"); } ); } return { // public functions init: function() { demo(); } }; }(); jQuery(document).ready(function() { KTCkeditorDocument.init(); }); 有关更多详细信息，您可以查看此链接：https://ckeditor.com/docs/ckeditor5/latest/features/media-embed.html figure 和 oembed 标签无法显示预览。为了使其工作，我必须将 youtube 链接转换为可嵌入链接并使用 iframe 添加它们。为此，我使用了此线程中提出的解决方案：link function getId(url) { var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; var match = url.match(regExp); if (match && match[2].length == 11) { return match[2]; } else { return 'error'; } } var videoId = getId('http://www.youtube.com/watch?v=zbYf5_S7oJo'); var iframeMarkup = '<iframe width="560" height="315" src="//www.youtube.com/embed/' + videoId + '" frameborder="0" allowfullscreen></iframe>'; 这有点旧了，但我总是很难获得 React 的 CKEditor 答案：将此配置添加到 CKEditor 组件中： config={{ mediaEmbed: { previewsInData: true } } 我可以在ckeditor5中预览视频。但是，我保存了 ckeditor 中的内容，并在另一个页面的 div 中显示内容，而不是在 ckeditor5 中。如何让视频在 div 中工作？我得到的是类似的东西

html ckeditor figure oembed

回答 4 投票 0

在 MATLAB 中向新图窗添加按钮

下面的应用程序允许我用按钮打开一个图形。当我单击按钮时，回调会生成一个带有 imagesc 图的新图形。我希望能够添加另一个屁股...

matlab plot figure

回答 1 投票 0

figure 相关问题

最新问题