技术文章 - 第 2807 页，共 11050 页 - Tutorialspoint

如何在 HTML 中使用小号字体格式？

Lokesh Badavath

更新于 2022年11月11日 09:06:33

265 次浏览

在 HTML 中，`` 标签使文本字体大小变小（比原始字体大小小一号）。`` 标签位于 `

` 标签内。`` 标签使文本大小减小一号。语法以下是 `` 标签的语法。文本…… 示例以下是 `` 标签的示例程序。<!DOCTYPE html> Tutorials point 示例我们可以在 HTML 元素内使用 `` 标签。以下是 `` 标签在 `

` 标签内的示例程序。<!DOCTYPE html> ... 阅读更多

为什么我们在 HTML 页面中使用 `` 标签？

HTML Web 开发前端技术

Lokesh Badavath

更新于 2022年11月11日 08:15:36

2K+ 次浏览

`` 标签是 HTML 页面中所有头部元素的容器。我们使用 `` 标签将其添加到 HTML 页面。`` 标签包含文档标题、样式、脚本和其他 HTML 元素。`` 元素是元数据（关于数据的数据）的容器，位于 `` 标签之间。以下元素可以放在 `` 元素内： - `` 用于在每个 HTML 页面中定义内容的标题。 - `<style>` 用于为 HTML 文档应用简单的样式 - `<base>` 指定默认 URL 和默认... <a class="read_more" href="https://tutorialspoint.com/Why-do-we-use-head-tag-in-HTML-Page">阅读更多 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"></path></svg></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/How-to-use-image-height-and-width-attribute-in-HTML-Page" target="_blank">如何在 HTML 页面中使用图片高度和宽度属性？</a> </h3> <div class="qa_category" id="tags_2929"> <a href="https://tutorialspoint.com/articles/category/HTML" target="_blank"><span>HTML</span></a><a href="https://tutorialspoint.com/articles/category/Web-Development" target="_blank"><span>Web 开发</span></a><a href="https://tutorialspoint.com/articles/category/Front-End-Technology" target="_blank"><span>前端技术</span></a></div> </div> <div class="qa_answer_widget"> <div class="qa-anwer-wrap"> <a href="https://tutorialspoint.com/authors/lokesh-badavath" title="Lokesh Badavath"> <img src="https://tutorialspoint.com/assets/profiles/538106/profile/60_1039031-1666073315.jpg" alt="Lokesh Badavath"> </a> <div class="qa_answer_detail"> <a href="https://tutorialspoint.com/authors/lokesh-badavath" title="Lokesh Badavath">Lokesh Badavath</a> </div> <div class="flex-group"> <div class="qa_answer_dtm">更新于 2022年11月11日 08:13:37</div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path></svg>2K+ 次浏览</p> </div> </div> <div class="clear"></div> <p>图片通过帮助读者更好地理解网页内容，使内容更有趣。我们可以将图片插入 HTML 页面。要在 HTML 页面中插入图片，请使用 `<img>` 标签。这是一个空标签，只包含属性，因为不需要结束标签。`src` 属性用于添加图片源，即图片的 URL（文件的地址）。`alt` 属性用于添加替代文本，`width` 用于添加宽度，`height` 用于添加图片的高度。我们使用 `style` 属性来... <a class="read_more" href="https://tutorialspoint.com/How-to-use-image-height-and-width-attribute-in-HTML-Page">阅读更多 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"></path></svg></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/How-to-use-href-attribute-in-HTML-Page" target="_blank">如何在 HTML 页面中使用 `href` 属性？</a> </h3> <div class="qa_category" id="tags_2928"> <a href="https://tutorialspoint.com/articles/category/HTML" target="_blank"><span>HTML</span></a><a href="https://tutorialspoint.com/articles/category/Web-Development" target="_blank"><span>Web 开发</span></a><a href="https://tutorialspoint.com/articles/category/Front-End-Technology" target="_blank"><span>前端技术</span></a></div> </div> <div class="qa_answer_widget"> <div class="qa-anwer-wrap"> <a href="https://tutorialspoint.com/authors/lokesh-badavath" title="Lokesh Badavath"> <img src="https://tutorialspoint.com/assets/profiles/538106/profile/60_1039031-1666073315.jpg" alt="Lokesh Badavath"> </a> <div class="qa_answer_detail"> <a href="https://tutorialspoint.com/authors/lokesh-badavath" title="Lokesh Badavath">Lokesh Badavath</a> </div> <div class="flex-group"> <div class="qa_answer_dtm">更新于 2022年11月11日 08:11:28</div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path></svg>2K+ 次浏览</p> </div> </div> <div class="clear"></div> <p>`href` 属性指定链接指向的页面的 URL（`href` 属性指定链接的目标）。我们应该将 `href` 属性与 `<a>` 标签一起使用，这样它就是一个超链接。此标签应在 `<a>` 标签内使用。语法以下是使用 `href` 属性指定链接地址的 `<a>` 标签语法。链接文本示例以下是如何在 HTML 页面中使用 `href` 属性的示例程序。<!DOCTYPE html> 点击此链接跳转到 Brave 首页如何... <a class="read_more" href="https://tutorialspoint.com/How-to-use-href-attribute-in-HTML-Page">阅读更多 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"></path></svg></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/How-to-create-headings-in-HTML-page" target="_blank">如何在 HTML 页面中创建标题？</a> </h3> <div class="qa_category" id="tags_2920"> <a href="https://tutorialspoint.com/articles/category/HTML" target="_blank"><span>HTML</span></a><a href="https://tutorialspoint.com/articles/category/Web-Development" target="_blank"><span>Web 开发</span></a><a href="https://tutorialspoint.com/articles/category/Front-End-Technology" target="_blank"><span>前端技术</span></a></div> </div> <div class="qa_answer_widget"> <div class="qa-anwer-wrap"> <a href="https://tutorialspoint.com/authors/lokesh-badavath" title="Lokesh Badavath"> <img src="https://tutorialspoint.com/assets/profiles/538106/profile/60_1039031-1666073315.jpg" alt="Lokesh Badavath"> </a> <div class="qa_answer_detail"> <a href="https://tutorialspoint.com/authors/lokesh-badavath" title="Lokesh Badavath">Lokesh Badavath</a> </div> <div class="flex-group"> <div class="qa_answer_dtm">更新于 2022年11月11日 07:43:28</div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path></svg>5K+ 次浏览</p> </div> </div> <div class="clear"></div> <p>标题是您想要在网页上显示的内容的标题或副标题。标题帮助我们了解网页上的内容。标题和副标题代表网页内容中的关键概念、想法和支持性想法。HTML 有不同级别的标题标签。标题由 `<h1>` 到 `<h6>` 标签定义。使用标题来显示 HTML 文档结构非常重要。`<h1>` 应用于主标题，然后是 `<h2>`，然后是 `<h3>`，依此类推，直到 `<h6>`。语法 ... <a class="read_more" href="https://tutorialspoint.com/How-to-create-headings-in-HTML-page">阅读更多 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"></path></svg></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/How-to-create-an-HTML-Document" target="_blank">如何创建 HTML 文档？</a> </h3> <div class="qa_category" id="tags_2918"> <a href="https://tutorialspoint.com/articles/category/HTML" target="_blank"><span>HTML</span></a><a href="https://tutorialspoint.com/articles/category/Web-Development" target="_blank"><span>Web 开发</span></a><a href="https://tutorialspoint.com/articles/category/Front-End-Technology" target="_blank"><span>前端技术</span></a></div> </div> <div class="qa_answer_widget"> <div class="qa-anwer-wrap"> <a href="https://tutorialspoint.com/authors/lokesh-badavath" title="Lokesh Badavath"> <img src="https://tutorialspoint.com/assets/profiles/538106/profile/60_1039031-1666073315.jpg" alt="Lokesh Badavath"> </a> <div class="qa_answer_detail"> <a href="https://tutorialspoint.com/authors/lokesh-badavath" title="Lokesh Badavath">Lokesh Badavath</a> </div> <div class="flex-group"> <div class="qa_answer_dtm">更新于 2022年11月11日 07:38:08</div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path></svg>19K+ 次浏览</p> </div> </div> <div class="clear"></div> <p>HTML 代表超文本标记语言。它是编写网页最广泛使用的语言。HTML 文档定义了网页的结构。HTML 文档以声明开始，HTML 文档以 `<html lang="zh-hans">` 和 `</html>` 标签开始和结束。HTML 文档分为两部分：头部和主体头部包含有关文档标题等的信息。此标签内的信息不会在外部（网页上）显示。头部部分的信息位于 `<head>` 标签之间。示例以下是示例程序... <a class="read_more" href="https://tutorialspoint.com/How-to-create-an-HTML-Document">阅读更多 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"></path></svg></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="google_content_ads"> <div style="text-align: center;"> <div id="ezoic-pub-ad-placeholder-134"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(134); }); </script> </div> </div> </div><div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/how-to-setup-video-js-with-vue-js" target="_blank">如何使用 Vue.js 设置 Video.js？</a> </h3> <div class="qa_category" id="tags_99447"> <a href="https://tutorialspoint.com/articles/category/video-js" target="_blank"><span>Video.JS</span></a><a href="https://tutorialspoint.com/articles/category/Vue-JS" target="_blank"><span>Vue JS</span></a><a href="https://tutorialspoint.com/articles/category/Web-Development" target="_blank"><span>Web 开发</span></a></div> </div> <div class="qa_answer_widget"> <div class="qa-anwer-wrap"> <a href="https://tutorialspoint.com/authors/prince-yadav" title="Prince Yadav"> <img src="https://tutorialspoint.com/assets/profiles/509603/profile/60_901093-1661846059.jpg" alt="Prince Yadav"> </a> <div class="qa_answer_detail"> <a href="https://tutorialspoint.com/authors/prince-yadav" title="Prince Yadav">Prince Yadav</a> </div> <div class="flex-group"> <div class="qa_answer_dtm">更新于 2022年11月11日 07:22:46</div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path></svg>3K+ 次浏览</p> </div> </div> <div class="clear"></div> <p>Video.js 是一款现代化的网络视频播放器，它支持许多标准的视频播放格式以及最新的视频播放格式。Video.js 在创建视频播放器方面非常流行，并拥有庞大的社区支持。Video.js 最棒的一点是，它在项目中非常容易导入和使用。它还支持各种流行的框架，如 React.js、Vue.js 和 Angular.js。在本教程中，我们将了解如何使用 vue.js 框架设置 video.js。我们还将实现一个基本示例，以使用... <a class="read_more" href="https://tutorialspoint.com/how-to-setup-video-js-with-vue-js">阅读更多 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"></path></svg></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/how-to-setup-video-js-with-reactjs" target="_blank">如何使用 ReactJS 设置 Video.js？</a> </h3> <div class="qa_category" id="tags_99446"> <a href="https://tutorialspoint.com/articles/category/video-js" target="_blank"><span>Video.JS</span></a><a href="https://tutorialspoint.com/articles/category/React-JS" target="_blank"><span>React JS</span></a><a href="https://tutorialspoint.com/articles/category/Web-Development" target="_blank"><span>Web 开发</span></a></div> </div> <div class="qa_answer_widget"> <div class="qa-anwer-wrap"> <a href="https://tutorialspoint.com/authors/prince-yadav" title="Prince Yadav"> <img src="https://tutorialspoint.com/assets/profiles/509603/profile/60_901093-1661846059.jpg" alt="Prince Yadav"> </a> <div class="qa_answer_detail"> <a href="https://tutorialspoint.com/authors/prince-yadav" title="Prince Yadav">Prince Yadav</a> </div> <div class="flex-group"> <div class="qa_answer_dtm">更新于 2022年11月11日 07:21:22</div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path></svg>5K+ 次浏览</p> </div> </div> <div class="clear"></div> <p>Video.js 是一款简单、直接且易于使用的现代视频播放器，它支持各种视频播放格式，如 mp4、FLV 等，以及 YouTube、Vimeo、Flash 等现代格式。Video.js 最棒的一点是，它非常容易在我们的项目中导入和使用。在本文中，我们将借助几个示例，了解如何在我们的 React 项目中使用 video.js 库。如何在 ReactJS 中设置 Video.js？要在我们的 React.js 项目中使用 video.js，我们首先需要创建一个 React... <a class="read_more" href="https://tutorialspoint.com/how-to-setup-video-js-with-reactjs">阅读更多 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"></path></svg></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/how-to-setup-video-js-with-angularjs" target="_blank">如何使用 AngularJS 设置 Video.js？</a> </h3> <div class="qa_category" id="tags_99444"> <a href="https://tutorialspoint.com/articles/category/video-js" target="_blank"><span>Video.JS</span></a><a href="https://tutorialspoint.com/articles/category/angularjs" target="_blank"><span>AngularJS</span></a><a href="https://tutorialspoint.com/articles/category/Web-Development" target="_blank"><span>Web 开发</span></a></div> </div> <div class="qa_answer_widget"> <div class="qa-anwer-wrap"> <a href="https://tutorialspoint.com/authors/prince-yadav" title="Prince Yadav"> <img src="https://tutorialspoint.com/assets/profiles/509603/profile/60_901093-1661846059.jpg" alt="Prince Yadav"> </a> <div class="qa_answer_detail"> <a href="https://tutorialspoint.com/authors/prince-yadav" title="Prince Yadav">Prince Yadav</a> </div> <div class="flex-group"> <div class="qa_answer_dtm">更新于 2022年11月11日 07:15:07</div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path></svg>2K+ 次浏览</p> </div> </div> <div class="clear"></div> <p>Video.js 是一款现代化的网络视频播放器，用于为不同的视频播放格式创建视频播放器。它支持所有现代视频格式，如 Youtube、Vimeo、Flash 等，以及所有标准视频播放格式，如 mp4、webm、flv 等。Video.js 可以与各种流行的框架集成，如 React、Angular 等。在本文中，我们将特别学习如何使用 AngularJS 设置 video.js。我们将使用 AngularJS 创建 video.js 组件，然后在我们的项目中使用它。如何在 AngularJS 中设置 Video.js？要使用 AngularJS 使用 video.js，我们需要... <a class="read_more" href="https://tutorialspoint.com/how-to-setup-video-js-with-angularjs">阅读更多 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"></path></svg></a></p> </div> </div> </div> <div class="clear"></div> <div class="question_section"> <div class="qa_widget"> <div class="qa_post qa_list"> <h3> <a href="https://tutorialspoint.com/robust-correlation-in-machine-learning" target="_blank">机器学习中的稳健相关性</a> </h3> <div class="qa_category" id="tags_99206"> <a href="https://tutorialspoint.com/articles/category/machine-learning" target="_blank"><span>机器学习</span></a><a href="https://tutorialspoint.com/articles/category/artificial-intelligence" target="_blank"><span>人工智能</span></a><a href="https://tutorialspoint.com/articles/category/gadgets" target="_blank"><span>小工具</span></a></div> </div> <div class="qa_answer_widget"> <div class="qa-anwer-wrap"> <a href="https://tutorialspoint.com/authors/jay-singh" title="Jay Singh"> <img src="https://tutorialspoint.com/assets/profiles/543908/profile/60_4093803-1666948237.jpg" alt="Jay Singh"> </a> <div class="qa_answer_detail"> <a href="https://tutorialspoint.com/authors/jay-singh" title="Jay Singh">Jay Singh</a> </div> <div class="flex-group"> <div class="qa_answer_dtm">更新于 2022年11月11日 05:55:42</div> <p class="views-count" title="Article Views"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"></path></svg>366 次浏览</p> </div> </div> <div class="clear"></div> <p>在本教程中，我们将学习机器学习中的稳健相关性。理解和评估不同的相关性在各种业务中都很有用。什么是相关性？相关性是指两个实体之间的统计联系。换句话说，它描述了两个变量运动之间的关系。相关性也可以使用不同的数据集。在某些情况下，您可能已经猜到某些事件将如何相互关联，但在其他情况下，相关性可能会让您感到意外。必须认识到，相关性并不意味着因果关系。一个例子是……<a class="read_more" href="https://tutorialspoint.com/robust-correlation-in-machine-learning">阅读更多 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"></path></svg></a></p> </div> </div> </div> <div class="clear"></div> <div class="job-index qa_widget" style="padding:0px 10px 0px 10px!important; margin:0px 0px 10px 0px !important;"> <div class="pages"> <a href="https://tutorialspoint.com/articles/2806" title="上一页"><i class="fal fa-angle-left"></i> 上一页</a> <a class="number" title="转到第1页，共11050页" href="https://tutorialspoint.com/articles/1">1</a> ... <a class="number" title="转到第2805页，共11050页" href="https://tutorialspoint.com/articles/2805">2805</a> <a class="number" title="转到第2806页，共11050页" href="https://tutorialspoint.com/articles/2806">2806</a> <a title="转到第2807页，共11050页" class="current number" href="https://tutorialspoint.com/articles/2807">2807</a> <a class="number" title="转到第2808页，共11050页" href="https://tutorialspoint.com/articles/2808">2808</a> <a class="number" title="转到第2809页，共11050页" href="https://tutorialspoint.com/articles/2809">2809</a> ... <a class="number" title="转到第11050页，共11050页" href="https://tutorialspoint.com/articles/11050">11050</a> <a href="https://tutorialspoint.com/articles/2808" title="下一页">下一页 <i class="fal fa-angle-right"></i></a></div> </div> <div class="clear"></div> <div class="bottom-library-ads mt" style="margin:5px;"> <div class="google-bottom-ads" id="google-bottom-ads" style="height:450px;"> <div>广告</div> <div> <div id="ezoic-pub-ad-placeholder-131"></div> <div id="ezoic-pub-ad-placeholder-135"></div> <script> ezstandalone.cmd.push(function() { var width = window.innerWidth; if( width <= 768 ){ ezstandalone.showAds(135); document.getElementById("ezoic-pub-ad-placeholder-131").remove(); document.getElementById("google-right-ads").remove(); }else{ ezstandalone.showAds(131); document.getElementById("ezoic-pub-ad-placeholder-135").remove(); } }); </script> </div> </div> </div> </div> <div> <div class="data-sticky" id="google-right-ads"> <div class="google-right-ad" style="margin: 0px auto !important;margin-top:5px;min-height:280px!important"> <div id="ezoic-pub-ad-placeholder-127"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(127); }); </script> </div> <div class="google-right-ad" style="margin-top:16px;min-height:280px!important"> <div id="ezoic-pub-ad-placeholder-128"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(128); }); </script> </div> <div class="google-right-ad" style="margin-top:16px;margin-bottom:15px;min-height:600px!important"> <div id="ezoic-pub-ad-placeholder-129"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(129); }); </script> </div> </div> </div> </div> </div> </main> <footer class="footer bg-neutral-800"> <div class="container"> <div> <h5>TOP TUTORIALS</h5> <ul> <li><a href="/python/index.htm" title="Python Tutorial">Python Tutorial</a></li> <li><a href="/java/index.htm" title="Java Tutorial">Java Tutorial</a></li> <li><a href="/cplusplus/index.htm" title="C++ Tutorial">C++ Tutorial</a></li> <li><a href="/cprogramming/index.htm" title="C Programming Tutorial">C Programming Tutorial</a></li> <li><a href="/csharp/index.htm" title="C# Tutorial">C# Tutorial</a></li> <li><a href="/php/index.htm" title="PHP Tutorial">PHP Tutorial</a></li> <li><a href="/r/index.htm" title="R Tutorial">R Tutorial</a></li> <li><a href="/html/index.htm" title="HTML Tutorial">HTML Tutorial</a></li> <li><a href="/css/index.htm" title="CSS Tutorial">CSS Tutorial</a></li> <li><a href="/javascript/index.htm" title="JavaScript Tutorial">JavaScript Tutorial</a></li> <li><a href="/sql/index.htm" title="SQL Tutorial">SQL Tutorial</a></li> </ul> </div> <div> <h5>TRENDING TECHNOLOGIES</h5> <ul> <li><a href="/cloud_computing/index.htm" title="Cloud Computing Tutorial">Cloud Computing Tutorial</a></li> <li><a href="/amazon_web_services/index.htm" title="Amazon Web Services Tutorial">Amazon Web Services Tutorial</a></li> <li><a href="/microsoft_azure/index.htm" title="Microsoft Azure Tutorial">Microsoft Azure Tutorial</a></li> <li><a href="/git/index.htm" title="Git Tutorial">Git Tutorial</a></li> <li> <a href="/ethical_hacking/index.htm" title="Ethical Hacking Tutorial">Ethical Hacking Tutorial</a></li> <li><a href="/docker/index.htm" title="Docker Tutorial">Docker Tutorial</a></li> <li><a href="/kubernetes/index.htm" title="Kubernetes Tutorial">Kubernetes Tutorial</a></li> <li><a href="/data_structures_algorithms/index.htm" title="DSA Tutorial">DSA Tutorial</a></li> <li><a href="/spring_boot/index.htm" title="Spring Boot Tutorial">Spring Boot Tutorial</a></li> <li><a href="/sdlc/index.htm" title="SDLC Tutorial">SDLC Tutorial</a></li> <li><a href="/unix/index.htm" title="Unix Tutorial">Unix Tutorial</a></li> </ul> </div> <div> <h5>CERTIFICATIONS</h5> <ul> <li><a href="/certification/business-analytics-certification-2023/index.asp" title="Business Analytics Certification">Business Analytics Certification</a></li> <li><a href="/certification/java-prime-pack/index.asp" title="Java & Spring Boot Advanced Certification">Java & Spring Boot Advanced Certification</a></li> <li><a href="/certification/data-science-advanced-certification/index.asp" title="Data Science Advanced Certification">Data Science Advanced Certification</a></li> <li><a href="/certification/cloud-computing-and-devops-advanced-certification/index.asp" title="Cloud Computing And DevOps">Cloud Computing And DevOps</a></li> <li><a href="/certification/advanced-certification-in-business-analytics/index.asp" title="Advanced Certification In Business Analytics">Advanced Certification In Business Analytics</a></li> <li><a href="/certification/artificial-intelligence-and-machine-learning-certification/index.asp" title="Artificial Intelligence And Machine Learning">Artificial Intelligence And Machine Learning</a></li> <li><a href="/certification/devops-certification/index.asp" title="DevOps Certification">DevOps Certification</a></li> <li><a href="/certification/game-development-prime-pack/index.asp" title="Game Development Certification">Game Development Certification</a></li> <li><a href="/certification/frontend-developer-certification/index.asp" title="Front-End Developer Certification">Front-End Developer Certification</a></li> <li><a href="/certification/aws-prime-pack/index.asp" title="AWS Certification Training">AWS Certification Training</a></li> <li><a href="/certification/complete-python-prime-pack/index.asp" title="Python Programming Certification">Python Programming Certification</a></li> </ul> </div> <div> <h5>COMPILERS & EDITORS</h5> <ul> <li><a href="/online_java_compiler.php" title="Online Java Compiler">Online Java Compiler</a></li> <li><a href="/online_python_compiler.php" title="Online Python Compiler">Online Python Compiler</a></li> <li><a href="/execute_golang_online.php" title="Online Go Compiler">Online Go Compiler</a></li> <li><a href="/compile_c_online.php" title="Online C Compiler">Online C Compiler</a></li> <li><a href="/compile_cpp_online.php" title="Online C++ Compiler">Online C++ Compiler</a></li> <li><a href="/online_csharp_compiler.php" title="Online C# Compiler">Online C# Compiler</a></li> <li><a href="/execute_php_online.php" title="Online PHP Compiler">Online PHP Compiler</a></li> <li><a href="/execute_matlab_online.php" title="Online MATLAB Compiler">Online MATLAB Compiler</a></li> <li><a href="/execute_bash_online.php" title="Online Bash Compiler">Online Bash Compiler</a></li> <li><a href="/execute_sql_online.php" title="Online SQL Compiler">Online SQL Compiler</a></li> <li><a href="/online_html_editor.php" title="Online Html Editor">Online Html Editor</a></li> </ul> </div> </div> <ul class="footer__list container"> <li><a href="/about/index.htm" title="ABOUT US">ABOUT US</a> | </li> <li><a href="/about/about_team.htm" title="OUR TEAM">OUR TEAM</a> | </li> <li><a href="/about/about_careers.htm" title="CAREERS">CAREERS</a> | </li> <li><a href="/job_search.php" title="JOBS">JOBS</a> | </li> <li><a href="/about/contact_us.htm" title="CONTACT US">CONTACT US</a> | </li> <li><a href="/about/about_terms_of_use.htm" title="TERMS OF USE">TERMS OF USE</a> | </li> <li><a href="/about/about_privacy.htm" title="PRIVACY POLICY">PRIVACY POLICY</a> | </li> <li><a href="/about/return_refund_policy.htm" title="REFUND POLICY">REFUND POLICY</a> | </li> <li><a href="/about/about_cookies.htm" title="COOKIES POLICY">COOKIES POLICY</a> | </li> <li><a href="/about/faq.htm" title="FAQ'S">FAQ'S</a></li> </ul> <div class="footer__socials container"> <img class="footer__logo" src="https://tutorialspoint.com/static/images/logo-footer.svg" alt="tutorials point logo"> <div> <a rel="nofollow" target="_blank" href="https://#/tutorialspointindia" title="Follow us on Facebook"><i class="fab fa-2x fa-facebook"></i></a> <a target="_blank" href="https://twitter.com/tutorialspoint" rel="nofollow" title="Follow us on Twitter"><i class="fab fa-2x fa-x-twitter"></i></a> <a target="_blank" href="https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg" rel="nofollow" title="Follow us on Youtube"><i class="fab fa-2x fa-youtube"></i></a> <a target="_blank" href="https://www.linkedin.com/company/tutorialspoint/" rel="nofollow" title="Follow us on LinkedIn"><i class="fab fa-2x fa-linkedin"></i></a> <a target="_blank" href="https://www.instagram.com/tutorialspoint_/" rel="nofollow" title="Follow us on Instagram"><i class="fab fa-2x fa-instagram"></i></a> </div> <div class="flex-group"> <button class="button-reset"><a href="https://play.google.com/store/apps/details?id=com.tutorialspoint.onlineviewer" target="_blank" title="Download Android App" rel="nofollow"><img src="https://tutorialspoint.com/static/images/googleplay.svg" alt="Download Android App"></a></button> <button class="button-reset"><a href="https://itunes.apple.com/us/app/tutorials-point/id914891263?ls=1&mt=8" target="_blank" title="Download IOS App" rel="nofollow"><img src="https://tutorialspoint.com/static/images/appstore.svg" alt="Download IOS App"></a></button> </div> </div> <div class="footer__legal-wrapper"> <div class="footer__legal ff-nunito"> <p> </p><p class="">Tutorials Point is a leading Ed Tech company striving to provide the best learning material on technical and non-technical subjects.</p> <p></p> <p class="footer__copyright ">© Copyright 2024. All Rights Reserved.</p> </div> </div> </footer> <script src="/static/js/lib-script.js?v13.14"></script> <script src="https://#/gsi/client" async="" defer=""></script> <script> function addParagraphs(ind) { let techLinks =[["Python","JavaScript","Spring Boot","Java","Linux/Unix","C#","Data Science","MySQL","Artificial Intelligence","SQL"], ["https://tutorialspoint.com/certification/complete-python-prime-pack/index.asp?utm_source=tutorialspoint&utm_medium=python_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/javascript-prime-pack/index.asp?utm_source=tutorialspoint&utm_medium=javascript_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/ultimate-guide-to-java-and-spring-boot-for-2022/index.asp?utm_source=tutorialspoint&utm_medium=java_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/ultimate-guide-to-java-and-spring-boot-for-2022/index.asp?utm_source=tutorialspoint&utm_medium=spring_boot_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/linux-system-administrator-certification/index.asp?utm_source=tutorialspoint&utm_medium=unix_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/chash-and-net-prime-pack/index.asp?utm_source=tutorialspoint&utm_medium=csharp_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/data-science-prime-pack/index.asp?utm_source=tutorialspoint&utm_medium=data_science_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/mysql-technologies-pack/index.asp?utm_source=tutorialspoint&utm_medium=mysql_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/artificial-intelligence-and-machine-learning-certification/index.asp?utm_source=tutorialspoint&utm_medium=artificial_intelligence_tutorial_3p&utm_campaign=internal", "https://tutorialspoint.com/certification/mysql-technologies-pack/index.asp?utm_source=tutorialspoint&utm_medium=sql_tutorial_3p&utm_campaign=internal"]] var p2 = ''; if(ind>=0){ p2 = p2 + '<a style="text-decoration:none;" href="' + techLinks[1][ind] +'" target="_blank" ><p class="prmt_ad">Learn <strong>'+ techLinks[0][ind] + '</strong> in-depth with real-world projects through our <strong>' + techLinks[0][ind] + ' certification course</strong>. Enroll and become a certified expert to boost your career.</p></a>'; } else{ p2 = p2 + '<a href="https://tutorialspoint.com/latest/courses?utm_source=tutorialspoint&utm_medium=tutorials_3p&utm_campaign=internal" style="text-decoration:none;" target="_blank"><p class="prmt_ad">Explore our <strong>latest online courses</strong> and learn new skills at your own pace. Enroll and become a certified expert to boost your career.</p></a>'; } $(p2).insertBefore($('.tutorial-content h2').eq(2)); } $(document).ready(function() { var url= window.location.href.toLowerCase(); if(url.indexOf('python') > -1){ addParagraphs(0); } else if(url.indexOf('javascript') > -1){ addParagraphs(1); } else if(url.indexOf('spring_boot') > -1){ addParagraphs(2); } else if(url.indexOf('java') > -1){ addParagraphs(3); } else if((url.indexOf('unix') > -1)||(url.indexOf('linux') > -1)){ addParagraphs(4); } else if((url.indexOf('csharp') > -1)||(url.indexOf('chash') > -1)){ addParagraphs(5); } else if(url.indexOf('data_science') > -1){ addParagraphs(6); } else if(url.indexOf('mysql') > -1){ addParagraphs(7); } else if((url.indexOf('artificial_intelligence') > -1)||(url.indexOf('artificial-intelligence') > -1)){ addParagraphs(8); } else if(url.indexOf('sql') > -1){ addParagraphs(9); } else{ addParagraphs(-1); } }); </script> <script> if(getCookie('user_id') == '' || getCookie('user_id') == null){ window.onload = function() { initializeGoogleOneTap(); }; } </script> <script src="https://tutorialspoint.com/fontawesome/js/all.min.js?v2.9"></script> <script src="https://#/cmp.min.js" data-cfasync="false"></script> <script async="" src="/static/js/ezoic-ad-inserter.js?v4.2"></script>  <script async="" src="https://#/gtag/js?id=G-E4SW76VCNP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E4SW76VCNP'); </script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://#/en_US/fbevents.js'); fbq('init', '854536859149047'); fbq('track', 'PageView'); </script>  <div style="padding: 5em 1em; font-size: smaller; text-align: center; background-color: var(--clr-neutral-150);"> © <script>document.write(new Date().getFullYear())</script> <em><script>document.write(location.host)</script></em>. All rights reserved. </div></body></html>