HTML学习笔记(二)HTML格式化
阅读原文时间:2023年10月01日阅读:1

很多标签都可以用来改变文本的外观,并为文本关联其隐藏的含义。总地来说,这些标签可以分成两类:基于内容的样式(content-based style)和物理样式(physical style)。

一、基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。基于内容的标签赋予含义,而不是格式化。因此,它们对于自动处理来说非常重要;计算机并不关心文档的外观如何。

二、物理样式可以让文本以某种特殊的方式来显示(例如斜体或加粗)。虽然其他文字处理系统的趋势是精确地控制样式和外观,但是在使用 HTML 或 XHTML 时,除非极少情况下,都应该避免使用物理标签。应当尽可能地向浏览器提供上下文信息,并使用基于内容的样式。尽管现在浏览器不过是以斜体或者粗体字来显示这些文本,但是将来的浏览器和各种文档生成工具可能会以非常有创建的方式来利用这些基于内容的样式。

简而言之,基于内容的样式关联含义,物理样式改变外观

标签

描述

定义粗体文本。

定义大号字。

定义着重文字。

定义斜体字。

定义小号字。

定义加重语气。

定义下标字。

定义上标字。

定义插入字。

定义删除字。

不赞成使用。使用 代替。

不赞成使用。使用 代替。

不赞成使用。使用样式(style)代替。

标签

描述

 

定义计算机代码。

不保留多余的空格和折行

定义键盘码。

 

定义计算机代码样本。

 

定义打字机代码。

 

定义变量。

 

定义预格式文本。

保留文字本身格式

不赞成使用。使用

 代替。

 

</p> <p>不赞成使用。使用 <pre> 代替。</p> <p>&nbsp;</p> <p><xmp></p> <p>不赞成使用。使用 <pre> 代替。</p> <p>&nbsp;</p> <p>标签</p> <p>描述</p> <p>个人理解</p> <p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_abbr.asp"><abbr></a></p> <p>定义缩写。</p> <p>如HTML</p> <p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_acronym.asp"><acronym></a></p> <p>定义首字母缩写。</p> <p>&nbsp;以首字母为缩写</p> <p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_address.asp"><address></a></p> <p>定义地址。</p> <p>文档或文章的联系信息(作者/拥有者),通常以斜体显示</p> <p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_bdo.asp"><bdo></a></p> <p>定义文字方向。</p> <p>&nbsp;ltr左到右,rtl右到左反向显示</p> <p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_blockquote.asp"><blockquote></a></p> <p>定义长的引用。</p> <p>多句话,会自动进行缩进处理</p> <p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_q.asp"><q></a></p> <p>定义短的引用语。</p> <p>用双引号括起来</p> <p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_phrase_elements.asp"><cite></a></p> <p>定义引用、引证。</p> <p>&nbsp;著作的标题,斜体显示&nbsp;</p> <p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_phrase_elements.asp"><dfn></a></p> <p>定义一个定义项目。</p> <p>多种格式,建议用<abbr></p></div></div><div class="MuiGrid-root jss8 MuiGrid-item MuiGrid-grid-xs-true MuiGrid-grid-md-3"><div class="MuiTypography-root jss26 MuiTypography-body1"><div class="MuiTypography-root jss27 MuiTypography-body1"><canvas style="height:108px;width:108px" height="108" width="108"></canvas><div class="MuiTypography-root jss28 MuiTypography-body1"><p class="MuiTypography-root jss29 MuiTypography-body1">手机扫一扫</p><p class="MuiTypography-root jss29 MuiTypography-body1">移动阅读更方便</p></div></div></div><div class="MuiTypography-root jss9 MuiTypography-body1"><div class="MuiTypography-root jss30 MuiTypography-body1" style="height:150px"><div class="swiper-container jss32"><div class="swiper-pagination"></div><div class="swiper-wrapper"><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/aliyun"><img alt="阿里云服务器" class="jss31" src="https://article.cdnof.com/promotion/aliyun.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/tencent"><img alt="腾讯云服务器" class="jss31" src="https://article.cdnof.com/promotion/tencent.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/qiniu"><img alt="七牛云服务器" class="jss31" src="https://article.cdnof.com/promotion/qiniu.png"/></a></div></div></div></div></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiTypography-root jss33 MuiTypography-body1"><p class="MuiTypography-root jss34 MuiTypography-body1">你可能感兴趣的文章</p><div class="MuiList-root MuiList-padding" aria-label="main mailbox folders"><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root MuiSvgIcon-colorError" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/d41f59b4-b5cb-4467-9211-d0a0e24f86f1">$《利用Python进行数据分析》学习笔记系列——IPython</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8c0 1.11-.9 2-2 2h-2v2h4v2H9v-4c0-1.11.9-2 2-2h2V9H9V7h4c1.1 0 2 .89 2 2v2z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/d0aba742-be2f-4684-979a-5a1504a7580a">Java学习笔记:语言基础</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root MuiSvgIcon-colorSecondary" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15c0 1.11-.9 2-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4c1.1 0 2 .89 2 2v1.5z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/94451259-7876-4c6e-b443-8bb6a3e6c6bf">Istio安全设置笔记</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">4</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/260c8598-1a05-4bf0-9c5f-020ebc9e5ad1">React组件设计之性能优化篇</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">5</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/a741cd2a-d91a-45b3-b959-78c389d7d188">这个 AI 机器人会怼人,它是怎么做到的?</a></div></div></div></div></div></div></div></div><footer style="margin-top:30px"><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter">Copyright © <a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" href="https://v2as.com" title="哇哦,有大量工具等你探索">V2AS | 问路</a> <!-- -->2024<!-- --> <!-- -->.</p><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" rel="nofollow noopener noreferrer" href="https://beian.miit.gov.cn/">浙ICP备15029886号</a></p></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"article":{"article_id":"156f0bbc-7c15-4184-b421-615b187980af","title":"HTML学习笔记(二)HTML格式化","link":"","description":"很多标签都可以用来改变文本的外观,并为文本关联其隐藏的含义。总地来说,这些标签可以分成两类:基于内容的样式(content-based style)和物理样式(physical style)。\n一、基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。基于内容的标签赋予含义,而不是格式化。因此,它们对于自动处理来","image":"","keywords":["定义","笔记","标签","java","学习","HTML","样式","使用","文本","adsbygoogle"],"created_at":"2023-10-01T09:21:52.413Z","html":"\u003cp\u003e很多标签都可以用来改变文本的外观,并为文本关联其隐藏的含义。总地来说,这些标签可以分成两类:基于内容的样式(content-based style)和物理样式(physical style)。\u003c/p\u003e\n\u003cp\u003e一、基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的\u003cstrong\u003e格式\u003c/strong\u003e应用在文本上。基于内容的标签赋予含义,而不是格式化。因此,它们对于自动处理来说非常重要;计算机并不关心文档的外观如何。\u003c/p\u003e\n\u003cp\u003e二、物理样式可以让文本以某种特殊的方式来显示(例如斜体或加粗)。虽然其他文字处理系统的趋势是精确地控制样式和外观,但是在使用 HTML 或 XHTML 时,除非极少情况下,都应该避免使用物理标签。应当尽可能地向浏览器提供上下文信息,并使用基于内容的样式。尽管现在浏览器不过是以斜体或者粗体字来显示这些文本,但是将来的浏览器和各种文档生成工具可能会以非常有创建的方式来利用这些基于内容的样式。\u003c/p\u003e\n\u003cp\u003e简而言之,基于内容的样式关联含义,物理样式改变外观\u003c/p\u003e\n\u003cp\u003e标签\u003c/p\u003e\n\u003cp\u003e描述\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003cb\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义粗体文本。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003cbig\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义大号字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003cem\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义着重文字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003ci\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义斜体字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003csmall\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义小号字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003cstrong\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义加重语气。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_sup.asp\"\u003e\u003csub\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义下标字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_sup.asp\"\u003e\u003csup\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义上标字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_ins.asp\"\u003e\u003cins\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义插入字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_del.asp\"\u003e\u003cdel\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义删除字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_strike.asp\"\u003e\u003cs\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cdel\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_strike.asp\"\u003e\u003cstrike\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cdel\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_u.asp\"\u003e\u003cu\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用样式(style)代替。\u003c/p\u003e\n\u003cp\u003e标签\u003c/p\u003e\n\u003cp\u003e描述\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003ccode\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义计算机代码。\u003c/p\u003e\n\u003cp\u003e不保留多余的空格和折行\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003ckbd\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义键盘码。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003csamp\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义计算机代码样本。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003ctt\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义打字机代码。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003cvar\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义变量。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_pre.asp\"\u003e\u003cpre\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义预格式文本。\u003c/p\u003e\n\u003cp\u003e保留文字本身格式\u003c/p\u003e\n\u003cp\u003e\u003clisting\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cpre\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003cplaintext\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cpre\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003cxmp\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cpre\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e标签\u003c/p\u003e\n\u003cp\u003e描述\u003c/p\u003e\n\u003cp\u003e个人理解\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_abbr.asp\"\u003e\u003cabbr\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义缩写。\u003c/p\u003e\n\u003cp\u003e如HTML\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_acronym.asp\"\u003e\u003cacronym\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义首字母缩写。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;以首字母为缩写\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_address.asp\"\u003e\u003caddress\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义地址。\u003c/p\u003e\n\u003cp\u003e文档或文章的联系信息(作者/拥有者),通常以斜体显示\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_bdo.asp\"\u003e\u003cbdo\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义文字方向。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;ltr左到右,rtl右到左反向显示\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_blockquote.asp\"\u003e\u003cblockquote\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义长的引用。\u003c/p\u003e\n\u003cp\u003e多句话,会自动进行缩进处理\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_q.asp\"\u003e\u003cq\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义短的引用语。\u003c/p\u003e\n\u003cp\u003e用双引号括起来\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003ccite\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义引用、引证。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;著作的标题,斜体显示\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003cdfn\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义一个定义项目。\u003c/p\u003e\n\u003cp\u003e多种格式,建议用\u003cabbr\u003e\u003c/p\u003e"},"seo":{"title":"HTML学习笔记(二)HTML格式化","description":"很多标签都可以用来改变文本的外观,并为文本关联其隐藏的含义。总地来说,这些标签可以分成两类:基于内容的样式(content-based style)和物理样式(physical style)。\n一、基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。基于内容的标签赋予含义,而不是格式化。因此,它们对于自动处理来","image":"","url":"https://v2as.com/article/156f0bbc-7c15-4184-b421-615b187980af","keywords":["定义","笔记","标签","java","学习","HTML","样式","使用","文本","adsbygoogle"]},"viewsCount":1,"promotionList":[{"title":"阿里云服务器","image":"https://article.cdnof.com/promotion/aliyun.jpg","link":"https://qd.rs/aliyun"},{"title":"腾讯云服务器","image":"https://article.cdnof.com/promotion/tencent.jpg","link":"https://qd.rs/tencent"},{"title":"七牛云服务器","image":"https://article.cdnof.com/promotion/qiniu.png","link":"https://qd.rs/qiniu"}],"similarKeywordsList":[{"article_id":"d41f59b4-b5cb-4467-9211-d0a0e24f86f1","title":"$《利用Python进行数据分析》学习笔记系列——IPython","link":"","description":"本文主要介绍IPython这样一个交互工具的基本用法。\n1. 简介\n  IPython是《利用Python进行数据分析》一书中主要用到的Python开发环境,简单来说是对原生python交互环境的增强。作者进行Python开发最经典的开发环境搭配是:IPython外加一个文本编辑器,其实我自己平时写python代码也差不多是这样的开发环境:Windows系统下是IPython加notepad++,","image":"https://article.cdnof.com/2009/c0487886-000e-4f70-8163-dc702b0dade6.jpg","keywords":["IPython","ac","Ctrl","document","referer","变量","命令","Python","执行","var"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"d0aba742-be2f-4684-979a-5a1504a7580a","title":"Java学习笔记:语言基础","link":"","description":"Java学习笔记:语言基础\n2014-1-31\n \n最近开始学习Java,目的倒不在于想深入的掌握Java开发,而是想了解Java的基本语法,可以阅读Java源代码,从而拓展一些知识面。同时为学习Android开发做些准备。\nJava和C++的语法有很多类似之处,学习中重点关注的是差异部分。\n \n数据类型\nJava支持的基本数据类型有:\n1) 整数:byte/short/int/long\n2) 浮","image":"","keywords":["Java","ac","数组","referer","document","笔记","java","学习","数据类型","int"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"94451259-7876-4c6e-b443-8bb6a3e6c6bf","title":"Istio安全设置笔记","link":"","description":"本文转载自 伪架构师。\n\n\nIstio 为网格中的微服务提供了较为完善的安全加固功能,在不影响代码的前提下,可以从多个角度提供安全支撑,官方文档做了较为详细的介绍,但是也比较破碎,这里尝试做个简介兼索引,实现过程还是要根据官方文档进行。\n\nIstio 的安全功能主要分为三个部分的实现:\n\n\n双向 TLS 支持。\n基于黑白名单的访问控制。\n基于角色的访问控制。\nJWT 认证支持。\n\n\n首先回顾一下 ","image":"","keywords":["istio","io","https","config","docs","metadata","apiVersion","spec","kind","security"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"260c8598-1a05-4bf0-9c5f-020ebc9e5ad1","title":"React组件设计之性能优化篇","link":"","description":"我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。\n本文作者:空山\n前言\n由于笔者最近在开发中遇到了一个重复渲染导致子组件状态值丢失的问题,因此关于性能优化做了以下的分析,欢迎大家的交流\n我们在日常的项目开发中往往会把页面拆分成一个个的组件,通过拼装的方式来实现整体的页面效果,所以与其说去优化 React,不如聚焦在现","image":"","keywords":["组件","React","import","渲染","return","const","react","使用","性能","div"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"a741cd2a-d91a-45b3-b959-78c389d7d188","title":"这个 AI 机器人会怼人,它是怎么做到的?","link":"","description":"近期,机器人“Ameca”接入了 Stable Diffusion,它一边与旁边的人类工程师谈笑风生,一边熟练地用马克笔在白板上画出一只简笔的猫,最后还在白板右下角签名。\n\n当 Ameca 询问工程师是否对它的作品是否满意时,工程师回答“这画得有点简略了”。Ameca 生气地“怼”了回去:“如果你不喜欢我的画,可能只是不懂艺术”。\n\n大家也可以从图中 Ameca 皱起的眉头中,读出她的不满。现在人","image":"https://article.cdnof.com/2309/8513fe34-bc3d-45e3-b7a4-e5f5ff43d71c.png","keywords":["人工智能","AI","机器人","神经元","符号","学习","Moq","adsbygoogle","领域","智能"],"created_at":"0001-01-01T00:00:00Z"}]},"__N_SSG":true},"page":"/article/[article_id]","query":{"article_id":"156f0bbc-7c15-4184-b421-615b187980af"},"buildId":"7EtL49Y65E8zx1NwcIC_o","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>