1 HTML元素大全( 二 ) _生活百科

<ul/li>类似，通常用于展示词汇表或者元数据 (键 - 值对列表)，块元素。JD首页的分类导航就是用的<dl/dt/dd>结构。
元素/属性描述<dl>description list，描述列表，包含多组<dt>、<dd>?<dt>description term( /t??rm/ 术语，项 )描述术语（标题），<dl>的子元素?<dd>description definition(/?def??n??n/，定义)描述内容，<dl>的子元素，放到<dl>后面，用来描述<dt> 。默认样式左缩进：margin-inline-start: 40px<dl><dt>人物简介：</dt><dd>一代诗仙</dd><dt>代表作：</dt><dd>仰天大笑出门去，下楼排队做核酸</dd></dl>

文章插图
<blockquote>/<q>引用元素语义化引用元素，代表其中的文字是引用内容。
元素/属性描述<blockquote>块元素块级引用元素(quote /kwo?t/ 引用、引文)，默认会增加缩进，一般都会加上额外的自定义样式。?cite(/sa?t/ 引用)标注引文相关资源的url地址或相关解释信息，但并不会显示<q>行内元素行内引用行内元素，默认样式是用伪元素添加了引号“”?cite同上块引用

?注意：默认样式不同浏览器不同，所以最好通过css统一样式。

<style>blockquote {font-size: 1rem;color: #999;border-left: .2rem solid #dfe2e5;margin: 1rem 0;padding: .25rem 0 .25rem 1rem;}</style><div><blockquote>块引用blockquote文本<q>行内引用q</q></blockquote><q>行内引用q</q></div>

文章插图
<span/font/b/i/u/del>文本元素针对文本内容的常规元素。除了pre是块元素，其他都是行内元素。文本标签一般会嵌套在标签中使用，实现不同语义/效果。
元素/属性描述值/示例（ /sp?n/）无特定含义，是用来组织文档的行内元素（行内容器），外观取决于cssspan内容设置文本字体样式的文本元素，文本在标签里?face字体类型，值为字体名称face="楷体"?size字体大小，从 1 到 7 的数字，默认3 。不同于字号，已废弃不推荐使用。推荐css代替?color字体颜色颜色<pre>块元素预格式的文本（predefine /?pri?d??fa?n/ 预定义），保留空格、换行符，默认等宽字体。只能包含文本/行内元素，不能再包含其他块元素了。粗体样式（Bold），单纯样式效果粗体效果，加重语气，更强调语义，语义在搜索引擎、语音阅读时有效_斜体_样式，单纯样式效果_斜体_效果（emphasis/?emf?s?s/强调），着重语气，和i相比强调的语义下划线<del>删除线下标(字体小)上标(字体小)

<span style="color:blue">span内容</span><font size="4" color="red" face="楷体">font标签内容</font><pre style="color:yellowgreen;font-family:'楷体'; font-size: 18px;">pre字体内容，支持回车和空格</pre><b>粗体b</b> &nbsp;<strong>粗体strong</strong>&nbsp;<i>斜体i</i>&nbsp;<em>em标签</em>&nbsp;<u>下划线u</u>&nbsp;<del>删除线del</del>&nbsp;<sub>下标sub</sub>&nbsp;<sup>上标sup</sup>

文章插图
<abbr/address/code...>语义元素表示特点语义的元素，默认提供了一些样式（吃藕丑）。
元素/属性描述<abbr>行内元素缩略语或缩写（abbreviation/??bri?vi?e??n/缩略），默认样式：下划线（虚线）?title用title解释其含义，鼠标提示显示<address>块元素联系方式的元素，如地址、URL，邮箱等。默认样式：