reporting

HTML 表格进阶特性和无障碍 - 学习 Web 开发 | MDN

本模块的第二篇文章中，我们来看一下 HTML 表格更进阶的特性，比如表格的标题、摘要，以及将表格中的各行分组成表头、表体和表尾三部分，以及为视力受损的用户提供表格无障碍。...View this page on GitHub • Report a problem with this content...

developer.mozilla.org/zh-CN/docs/Learn/HTML/Tab...

more..
<iframe>：内嵌框架元素 - HTML（超文本标记语言） | MDN

HTML 元素表示嵌套的浏览上下文。它能够将另一个 HTML 页面嵌入到当前页面中。...View this page on GitHub • <strong>Report</strong> a problem with this content...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/zh-CN/docs/Web/HTML/Eleme...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result3"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/link" data-uri="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/link" data-order="0"><link>：外部资源链接元素 - HTML（超文本标记语言） | MDN</a> </h2> <div class="body"> <div class="description"><h3>HTML <link> 元素规定了当前文档与某个外部资源的关系。该元素最常用于链接样式表，此外也可以被用来创建站点图标（比如 PC 端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。...View this page on GitHub • <strong>Report</strong> a problem with this content...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/zh-CN/docs/Web/HTML/Eleme...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result4"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/rel" data-uri="https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/rel" data-order="0">Attribut HTML : rel - HTML (HyperText Markup La...</a> </h2> <div class="body"> <div class="description"><h3>L'attribut rel définit la relation entre une ressource liée et le document actuel. Valable sur <link>, <a>, <area>, et <form>, les valeurs supportées dépendent de l'élément sur lequel se trouve l'attribut....View this page on GitHub • <strong>Report</strong> a problem with this content...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/fr/docs/Web/HTML/Attribut...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result5"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_variables_props" data-uri="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_variables_props" data-order="0">Dynamic behavior in Svelte: working with variab...</a> </h2> <div class="body"> <div class="description"><h3>That will do for now! In this article we already implemented most of our desired functionality. Our app can display, add, and delete to-dos, toggle their completed status, show how many of them are completed, and apply filters....View this page on GitHub • <strong>Report</strong> a problem with this content...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/en-US/docs/Learn/Tools_an...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result6"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/date" data-uri="https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/date" data-order="0"><input type="date"> - HTML: Hypertext Markup La...</a> </h2> <div class="body"> <div class="description"><h3>date 유형의 <input> 요소는 유효성 검증을 포함하는 텍스트 상자 또는 특별한 날짜 선택 인터페이스를 사용해 날짜를 입력할 수 있는 입력 칸을 생성합니다....View this page on GitHub • <strong>Report</strong> a problem with this content...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/ko/docs/Web/HTML/Element/...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result7"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML" data-uri="https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML" data-order="0">head 태그에는 무엇이 있을까? HTML의 메타데이터 - Web 개발 학습하기 | MDN</a> </h2> <div class="body"> <div class="description"><h3>HTML의 head는 페이지를 열 때 웹 브라우저에 표시되지 않습니다. head는 <title> 같은 페이지나, CSS의 링크(HTML 컨텐츠를 CSS로 스타일링하기를 원한다면), 파비콘(favicon), 그리고 다른 메타데이터(작성자, 중요한 키워드와 같은 HTML에 대한 내용)를 포함합니다. 이 글에서는 위 내용들과 그 이상에 대해 다룰 것입니다. 이것은 head에 있어야하는 마크업이나 다른 코드들을 다루는데 좋은 기초가 될 것입니다....View this page on GitHub • <strong>Report</strong> a problem with this content...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/ko/docs/Learn/HTML/Introd...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result8"> <h2 class="title text-truncate"> <a class="link" href="https://github.com/mdn/content/blob/main/files/en-us/web/html/element/input/datetime-local/index.md?plain=1" data-uri="https://github.com/mdn/content/blob/main/files/en-us/web/html/element/input/datetime-local/index.md?plain=1" data-order="0">content/files/en-us/web/html/element/input/date...</a> </h2> <div class="body"> <div class="description"><h3>The content behind MDN Web Docs. Contribute to mdn/content development by creating an account on GitHub....according to the user's locale as <strong>reported</strong> by their operating system...</h3></div> </div> <div class="site text-truncate"> <cite>github.com/mdn/content/blob/main/files/en-us/we...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result9"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API/Web_Video_Text_Tracks_Format" data-uri="https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API/Web_Video_Text_Tracks_Format" data-order="0">Web Video Text Tracks Format (WebVTT) - Web API...</a> </h2> <div class="body"> <div class="description"><h3>Web Video Text Tracks Format (WebVTT) is a plain-text file format for displaying timed text tracks that are synchronized with content in <video> and <audio> elements. These can be used, for example, to add closed captions and subtitle text overlays to a <video>....View this page on GitHub • <strong>Report</strong> a problem with this content...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/en-US/docs/Web/API/WebVTT...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> <li id="result10"> <h2 class="title text-truncate"> <a class="link" href="https://developer.mozilla.org/pt-BR/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure" data-uri="https://developer.mozilla.org/pt-BR/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure" data-order="0">Estrutura de documento e sites - Aprendendo des...</a> </h2> <div class="body"> <div class="description"><h3>o HTML também conta com vários elementos de nível de bloco usados para definir as áreas de seu site (como "o cabeçalho", "o menu de navegação", "a coluna de conteúdo príncipal"). Este artigo explora como planejar uma estrutura básica de website, e escrever o HTML para representar essa estrutura....View this page on GitHub • <strong>Report</strong> a problem with this content...</h3></div> </div> <div class="site text-truncate"> <cite>developer.mozilla.org/pt-BR/docs/Learn/HTML/Int...</cite> </div> <div class="more"> <a href="#result0">more..</a> </div> </li> </ol> </div> </div>  <div class="row"> <nav id="subfooter"> <ul class="pagination"> <li class="page-item" aria-label="Previous"> <a class="page-link" href="/q/reporting-601.html"> <span aria-hidden="true">«</span> <span class="sr-only">Prev</span> </a> </li> <li class="page-item"> <a href="/q/reporting-597.html" class="page-link">597</a> </li> <li class="page-item"> <a href="/q/reporting-598.html" class="page-link">598</a> </li> <li class="page-item"> <a href="/q/reporting-599.html" class="page-link">599</a> </li> <li class="page-item"> <a href="/q/reporting-600.html" class="page-link">600</a> </li> <li class="page-item"> <a href="/q/reporting-601.html" class="page-link">601</a> </li> <li class="page-item active"> <a href="/q/reporting-602.html" class="page-link">602</a> </li> <li class="page-item"> <a href="/q/reporting-603.html" class="page-link">603</a> </li> <li class="page-item"> <a href="/q/reporting-604.html" class="page-link">604</a> </li> <li class="page-item"> <a href="/q/reporting-605.html" class="page-link">605</a> </li> <li class="page-item"> <a href="/q/reporting-606.html" class="page-link">606</a> </li> <li class="page-item"> <a href="/q/reporting-607.html" class="page-link">607</a> </li> <li class="page-item"><a href="/q/reporting-603.html" class="page-link"><span class="sr-only">Next</span> <span aria-hidden="true">»</span></a></li> </ul> </nav> </div>  </div></div> <div id="back-top"><a href="#top" class="backtop" style="cursor: pointer; display: inline;"> </a></div> <div id=DynabicMenuFooter></div>  <script src="/static/vendors/jquery/v2.2.3/jquery.min.js"></script>  <script>(function(i,s,o,g,r,a,m){i['ContainerizeMenuObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.append(a)})(window,document,'script','https://menu.containerize.com/scripts/engine.min.js?v=1.0.1','groupdocs-en');</script>  <script src="/static/vendors/bootstrap/v4.3.1/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="/static/js/groupdocs/suggestor.js"></script> <script type="text/javascript" src="/static/js/groupdocs/index.js"></script> <script> $(function() { var isEnterClicked = false; $('.sideopen, #searchOptionsButton, #searchOptionsCloseButton').click(function(){ $('.sideopen').toggleClass('movebtn'); if(isEnterClicked === true){ $("#searchOptions").removeClass("active") } }); $('.searchinput').on('keypress', function(e) { var keycode = e.charCode || e.keyCode; if (keycode === 13) { // Trigger the button element with a click document.getElementById("searchButton").click(); // $("#searchOptions").removeClass('active'); isEnterClicked = true; } }); }); </script> </body> </html>

reporting

HTML 表格进阶特性和无障碍 - 学习 Web 开发 | MDN

<iframe>：内嵌框架元素 - HTML（超文本标记语言） | MDN