[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"knowledge-\u002Fapi\u002Fknowledge\u002Fbooklet\u002Fweb\u002Fhtml\u002Ftag":3,"knowledge-related-\u002Fknowledge\u002Fbooklet\u002Fweb\u002Fhtml\u002Ftag":2427,"knowledge-series-\u002Fknowledge\u002Fbooklet\u002Fweb\u002Fhtml\u002Ftag":2449},{"source":4,"connector":5,"page":6},"sqlite","better-sqlite3",{"path":7,"title":8,"description":9,"category":10,"tags":11,"date":14,"pinned":15,"draft":15,"body":16,"seo":2423,"stem":2424,"id":2425,"extension":2426},"\u002Fknowledge\u002Fbooklet\u002Fweb\u002Fhtml\u002Ftag","标签","HTML 标签用于表达内容的语义与结构。应优先选用与含义匹配的元素（如 而非 ），并遵守内容模型（哪些子元素合法）。概念见 简介；head 内元标签见 Head。","技能小册",[12,13],"html","tag","2020-08-14",false,{"type":17,"value":18,"toc":2336},"minimark",[19,22,59,64,67,186,196,199,206,219,224,263,267,287,292,303,306,317,350,357,368,375,397,404,421,424,540,543,550,561,568,592,599,616,623,648,651,658,699,706,754,764,777,922,929,963,970,1011,1018,1048,1055,1083,1090,1123,1126,1133,1221,1442,1445,1452,1476,1483,1519,1653,1660,1693,1700,1731,1737,1761,1767,1785,1792,1820,1826,1841,1848,1875,1882,1903,1910,1928,1935,1965,1969,1983,1991,2003,2092,2095,2133,2143,2213,2216,2254,2257,2260,2333],[20,21,8],"h1",{"id":8},[23,24,25,26,30,31,35,36,39,40,43,44,49,50,53,54,58],"p",{},"HTML 标签用于表达内容的",[27,28,29],"strong",{},"语义与结构","。应优先选用与含义匹配的元素（如 ",[32,33,34],"code",{},"\u003Cbutton>"," 而非 ",[32,37,38],{},"\u003Cdiv onclick>","），并遵守",[27,41,42],{},"内容模型","（哪些子元素合法）。概念见 ",[45,46,48],"a",{"href":47},"\u002Fknowledge\u002Fbooklet\u002Fweb\u002Fhtml\u002Finfo","简介","；",[32,51,52],{},"head"," 内元标签见 ",[45,55,57],{"href":56},"\u002Fknowledge\u002Fbooklet\u002Fweb\u002Fhtml\u002Fhead","Head","。",[60,61,63],"h2",{"id":62},"全局属性常用","全局属性（常用）",[23,65,66],{},"多数元素均可使用（具体以规范为准）：",[68,69,70,83],"table",{},[71,72,73],"thead",{},[74,75,76,80],"tr",{},[77,78,79],"th",{},"属性",[77,81,82],{},"说明",[84,85,86,97,107,117,131,144,158,168],"tbody",{},[74,87,88,94],{},[89,90,91],"td",{},[32,92,93],{},"id",[89,95,96],{},"文档内唯一标识（勿滥用；样式优先用 class）",[74,98,99,104],{},[89,100,101],{},[32,102,103],{},"class",[89,105,106],{},"类名列表，供 CSS \u002F JS 选择",[74,108,109,114],{},[89,110,111],{},[32,112,113],{},"style",[89,115,116],{},"行内 CSS（维护性差，慎用）",[74,118,119,124],{},[89,120,121],{},[32,122,123],{},"title",[89,125,126,127,130],{},"补充提示（非替代 ",[32,128,129],{},"alt","）",[74,132,133,138],{},[89,134,135],{},[32,136,137],{},"lang",[89,139,140,141,130],{},"元素语言（覆盖 ",[32,142,143],{},"html lang",[74,145,146,151],{},[89,147,148],{},[32,149,150],{},"hidden",[89,152,153,154,157],{},"隐藏且不参与无障碍树（与 ",[32,155,156],{},"display:none"," 类似）",[74,159,160,165],{},[89,161,162],{},[32,163,164],{},"data-*",[89,166,167],{},"自定义数据，供脚本读取",[74,169,170,175],{},[89,171,172],{},[32,173,174],{},"tabindex",[89,176,177,178,181,182,185],{},"Tab 顺序（",[32,179,180],{},"0"," 自然顺序，",[32,183,184],{},"-1"," 可编程聚焦）",[23,187,188,189,192,193,195],{},"无障碍：表单控件配 ",[32,190,191],{},"\u003Clabel>","；图片必填有意义的 ",[32,194,129],{},"；交互勿仅靠颜色区分。",[60,197,198],{"id":198},"基本文档结构标签",[200,201,203],"h3",{"id":202},"doctype-html",[32,204,205],{},"\u003C!DOCTYPE html>",[207,208,209,213,216],"ul",{},[210,211,212],"li",{},"含义：声明文档类型为 HTML5",[210,214,215],{},"作用：告诉浏览器使用哪种 HTML 版本解析文档",[210,217,218],{},"特点：必须位于 HTML 文档的第一行，不区分大小写",[200,220,221],{"id":12},[32,222,223],{},"\u003Chtml>",[207,225,226,229,232,248],{},[210,227,228],{},"含义：HTML 文档的根元素",[210,230,231],{},"作用：包含整个 HTML 文档的内容",[210,233,234,235],{},"属性：\n",[207,236,237,242],{},[210,238,239,241],{},[32,240,137],{},"：指定文档的语言",[210,243,244,247],{},[32,245,246],{},"dir","：指定文档的方向（ltr：从左到右，rtl：从右到左）",[210,249,250,251,254,255,258,259,262],{},"特点：文档",[27,252,253],{},"根元素","，包含 ",[32,256,257],{},"\u003Chead>"," 与 ",[32,260,261],{},"\u003Cbody>","（二者为其子元素）",[200,264,265],{"id":52},[32,266,257],{},[207,268,269,272,275,278],{},[210,270,271],{},"含义：HTML 文档的头部元素",[210,273,274],{},"作用：包含文档的元数据（metadata），如标题、样式表、脚本等",[210,276,277],{},"属性：无",[210,279,280,281,283,284,286],{},"特点：必须包含在 ",[32,282,223],{}," 标签中，位于 ",[32,285,261],{}," 标签之前",[200,288,290],{"id":289},"body",[32,291,261],{},[207,293,294,297,300],{},[210,295,296],{},"含义：HTML 文档的主体元素",[210,298,299],{},"作用：包含文档的主要内容，如文本、图片、视频等",[210,301,302],{},"特点：包含所有在浏览器中可见的内容",[60,304,305],{"id":305},"文本格式化标签",[200,307,309,310,313,314],{"id":308},"标题标签-h1-到-h6","标题标签 ",[32,311,312],{},"\u003Ch1>"," 到 ",[32,315,316],{},"\u003Ch6>",[207,318,319,322,325],{},[210,320,321],{},"含义：定义六级标题",[210,323,324],{},"作用：表示文档的标题层级",[210,326,327,328],{},"特点：\n",[207,329,330,338,341],{},[210,331,332,334,335,337],{},[32,333,312],{}," 是最高级标题，",[32,336,316],{}," 是最低级",[210,339,340],{},"浏览器会自动为标题添加不同的样式",[210,342,343,346,347,349],{},[27,344,345],{},"建议","每页一个 ",[32,348,312],{}," 作为主标题（利于大纲与 SEO；非 HTML 语法强制）",[200,351,353,354],{"id":352},"段落标签-p","段落标签 ",[32,355,356],{},"\u003Cp>",[207,358,359,362,365],{},[210,360,361],{},"含义：定义段落",[210,363,364],{},"作用：将文本组织成段落",[210,366,367],{},"特点：浏览器会自动在段落前后添加空行",[200,369,371,372],{"id":370},"换行标签-br","换行标签 ",[32,373,374],{},"\u003Cbr>",[207,376,377,380,383],{},[210,378,379],{},"含义：插入简单的换行符",[210,381,382],{},"作用：在文本中创建换行",[210,384,385,386,389,390,393,394],{},"特点：",[27,387,388],{},"空元素","；语义上表示换行，排版优先用 CSS ",[32,391,392],{},"margin"," \u002F ",[32,395,396],{},"line-height",[200,398,400,401],{"id":399},"水平线标签-hr","水平线标签 ",[32,402,403],{},"\u003Chr>",[207,405,406,409,412],{},[210,407,408],{},"含义：创建水平线",[210,410,411],{},"作用：分隔内容区域",[210,413,385,414,416,417,420],{},[27,415,388],{},"；表示主题分隔，样式用 CSS ",[32,418,419],{},"border"," 等实现",[200,422,423],{"id":423},"文本语义标签",[207,425,426,432,438,444,450,456,462,468,474,480,486,492,498,504,510,516,522,528,534],{},[210,427,428,431],{},[32,429,430],{},"\u003Cstrong>","：表示重要文本，通常显示为粗体",[210,433,434,437],{},[32,435,436],{},"\u003Cb>","：表示粗体文本，但不强调重要性",[210,439,440,443],{},[32,441,442],{},"\u003Cem>","：表示强调文本，通常显示为斜体",[210,445,446,449],{},[32,447,448],{},"\u003Ci>","：表示斜体文本，但不强调重要性",[210,451,452,455],{},[32,453,454],{},"\u003Csmall>","：表示小号文本",[210,457,458,461],{},[32,459,460],{},"\u003Cmark>","：表示标记或高亮的文本",[210,463,464,467],{},[32,465,466],{},"\u003Cdel>","：表示被删除的文本",[210,469,470,473],{},[32,471,472],{},"\u003Cins>","：表示被插入的文本",[210,475,476,479],{},[32,477,478],{},"\u003Csub>","：表示下标文本",[210,481,482,485],{},[32,483,484],{},"\u003Csup>","：表示上标文本",[210,487,488,491],{},[32,489,490],{},"\u003Ccode>","：表示计算机代码文本",[210,493,494,497],{},[32,495,496],{},"\u003Ckbd>","：表示键盘输入文本",[210,499,500,503],{},[32,501,502],{},"\u003Csamp>","：表示计算机程序输出文本",[210,505,506,509],{},[32,507,508],{},"\u003Cvar>","：表示变量文本",[210,511,512,515],{},[32,513,514],{},"\u003Cpre>","：表示预格式化文本",[210,517,518,521],{},[32,519,520],{},"\u003Cabbr title=\"...\">","：缩写，提供全称提示",[210,523,524,527],{},[32,525,526],{},"\u003Cblockquote cite=\"...\">","：块级引用",[210,529,530,533],{},[32,531,532],{},"\u003Ccite>","：作品标题（人名、书名等）",[210,535,536,539],{},[32,537,538],{},"\u003Ctime datetime=\"2026-06-02\">","：机器可读日期时间",[60,541,542],{"id":542},"列表标签",[200,544,546,547],{"id":545},"无序列表-ul","无序列表 ",[32,548,549],{},"\u003Cul>",[207,551,552,555,558],{},[210,553,554],{},"含义：定义无序列表",[210,556,557],{},"作用：创建项目没有特定顺序的列表",[210,559,560],{},"特点：列表项默认使用圆点标记",[200,562,564,565],{"id":563},"有序列表-ol","有序列表 ",[32,566,567],{},"\u003Col>",[207,569,570,573,576,579],{},[210,571,572],{},"含义：定义有序列表",[210,574,575],{},"作用：创建项目有特定顺序的列表",[210,577,578],{},"特点：列表项默认使用数字标记",[210,580,234,581],{},[207,582,583,586,589],{},[210,584,585],{},"type：设置编号类型（1, A, a, I, i）",[210,587,588],{},"start：设置起始编号",[210,590,591],{},"reversed：设置列表顺序为降序",[200,593,595,596],{"id":594},"列表项-li","列表项 ",[32,597,598],{},"\u003Cli>",[207,600,601,604,613],{},[210,602,603],{},"含义：定义列表项",[210,605,606,607,609,610,612],{},"作用：作为 ",[32,608,549],{}," 或 ",[32,611,567],{}," 的子元素",[210,614,615],{},"特点：可以包含文本、图片、链接等",[200,617,619,620],{"id":618},"定义列表-dl","定义列表 ",[32,621,622],{},"\u003Cdl>",[207,624,625,628,631],{},[210,626,627],{},"含义：定义定义列表",[210,629,630],{},"作用：创建术语及其描述的列表",[210,632,633,634],{},"子元素：\n",[207,635,636,642],{},[210,637,638,641],{},[32,639,640],{},"\u003Cdt>","：定义术语\u002F项目",[210,643,644,647],{},[32,645,646],{},"\u003Cdd>","：定义描述",[60,649,650],{"id":650},"链接与媒体标签",[200,652,654,655],{"id":653},"链接标签-a","链接标签 ",[32,656,657],{},"\u003Ca>",[207,659,660,663,666],{},[210,661,662],{},"含义：定义超链接",[210,664,665],{},"作用：链接到其他页面、文件或位置",[210,667,234,668],{},[207,669,670,673,676,679,682,693],{},[210,671,672],{},"href：指定链接目标的 URL",[210,674,675],{},"target：指定链接打开方式（_blank, _self, _parent, _top）",[210,677,678],{},"title：指定链接的提示信息",[210,680,681],{},"download：指定下载链接",[210,683,684,685,688,689,692],{},"rel：与目标文档关系；",[32,686,687],{},"target=\"_blank\""," 时建议 ",[32,690,691],{},"rel=\"noopener noreferrer\"","（安全）",[210,694,695,698],{},[32,696,697],{},"download","：提示下载而非导航（同源或 blob 策略限制见规范）",[200,700,702,703],{"id":701},"图片标签-img","图片标签 ",[32,704,705],{},"\u003Cimg>",[207,707,708,711,714],{},[210,709,710],{},"含义：嵌入图像",[210,712,713],{},"作用：在网页中显示图片",[210,715,234,716],{},[207,717,718,721,724,727,730,741],{},[210,719,720],{},"src：指定图像的 URL（必需）",[210,722,723],{},"alt：指定图像的替代文本（必需）",[210,725,726],{},"width：指定图像的宽度",[210,728,729],{},"height：指定图像的高度",[210,731,732,733,736,737,740],{},"loading：",[32,734,735],{},"lazy","（接近视口再加载）\u002F ",[32,738,739],{},"eager","（默认）",[210,742,743,744,393,747,393,750,753],{},"decoding：",[32,745,746],{},"async",[32,748,749],{},"sync",[32,751,752],{},"auto","（解码提示）",[200,755,757,758,393,761],{"id":756},"响应式图片-picture-source","响应式图片 ",[32,759,760],{},"\u003Cpicture>",[32,762,763],{},"\u003Csource>",[23,765,766,767,769,770,773,774,776],{},"在 ",[32,768,760],{}," 内用多个 ",[32,771,772],{},"\u003Csource media=\"...\" srcset=\"...\">"," 按条件选择资源，最后回退 ",[32,775,705],{},"：",[778,779,783],"pre",{"className":780,"code":781,"language":12,"meta":782,"style":782},"language-html shiki shiki-themes material-theme-lighter github-light github-dark","\u003Cpicture>\n    \u003Csource media=\"(min-width: 800px)\" srcset=\"hero-wide.webp\" type=\"image\u002Fwebp\" \u002F>\n    \u003Cimg src=\"hero.jpg\" alt=\"产品展示\" width=\"800\" height=\"450\" \u002F>\n\u003C\u002Fpicture>\n","",[32,784,785,801,854,912],{"__ignoreMap":782},[786,787,790,794,798],"span",{"class":788,"line":789},"line",1,[786,791,793],{"class":792},"sP7_E","\u003C",[786,795,797],{"class":796},"sQzsp","picture",[786,799,800],{"class":792},">\n",[786,802,804,807,810,814,817,821,825,827,830,832,834,837,839,842,844,846,849,851],{"class":788,"line":803},2,[786,805,806],{"class":792},"    \u003C",[786,808,809],{"class":796},"source",[786,811,813],{"class":812},"s9AJx"," media",[786,815,816],{"class":792},"=",[786,818,820],{"class":819},"sjJ54","\"",[786,822,824],{"class":823},"s_sjI","(min-width: 800px)",[786,826,820],{"class":819},[786,828,829],{"class":812}," srcset",[786,831,816],{"class":792},[786,833,820],{"class":819},[786,835,836],{"class":823},"hero-wide.webp",[786,838,820],{"class":819},[786,840,841],{"class":812}," type",[786,843,816],{"class":792},[786,845,820],{"class":819},[786,847,848],{"class":823},"image\u002Fwebp",[786,850,820],{"class":819},[786,852,853],{"class":792}," \u002F>\n",[786,855,857,859,862,865,867,869,872,874,877,879,881,884,886,889,891,893,896,898,901,903,905,908,910],{"class":788,"line":856},3,[786,858,806],{"class":792},[786,860,861],{"class":796},"img",[786,863,864],{"class":812}," src",[786,866,816],{"class":792},[786,868,820],{"class":819},[786,870,871],{"class":823},"hero.jpg",[786,873,820],{"class":819},[786,875,876],{"class":812}," alt",[786,878,816],{"class":792},[786,880,820],{"class":819},[786,882,883],{"class":823},"产品展示",[786,885,820],{"class":819},[786,887,888],{"class":812}," width",[786,890,816],{"class":792},[786,892,820],{"class":819},[786,894,895],{"class":823},"800",[786,897,820],{"class":819},[786,899,900],{"class":812}," height",[786,902,816],{"class":792},[786,904,820],{"class":819},[786,906,907],{"class":823},"450",[786,909,820],{"class":819},[786,911,853],{"class":792},[786,913,915,918,920],{"class":788,"line":914},4,[786,916,917],{"class":792},"\u003C\u002F",[786,919,797],{"class":796},[786,921,800],{"class":792},[200,923,925,926],{"id":924},"音频标签-audio","音频标签 ",[32,927,928],{},"\u003Caudio>",[207,930,931,934,937],{},[210,932,933],{},"含义：嵌入音频内容",[210,935,936],{},"作用：在网页中播放音频",[210,938,234,939],{},[207,940,941,944,947,954,957,960],{},[210,942,943],{},"src：指定音频文件的 URL",[210,945,946],{},"controls：显示音频控件",[210,948,949,950,953],{},"autoplay：自动播放（多数浏览器要求同时 ",[32,951,952],{},"muted"," 才允许自动播放）",[210,955,956],{},"loop：循环播放音频",[210,958,959],{},"muted：静音播放",[210,961,962],{},"preload：预加载音频（none, metadata, auto）",[200,964,966,967],{"id":965},"视频标签-video","视频标签 ",[32,968,969],{},"\u003Cvideo>",[207,971,972,975,978],{},[210,973,974],{},"含义：嵌入视频内容",[210,976,977],{},"作用：在网页中播放视频",[210,979,234,980],{},[207,981,982,985,988,994,997,999,1002,1005,1008],{},[210,983,984],{},"src：指定视频文件的 URL",[210,986,987],{},"controls：显示视频控件",[210,989,990,991,993],{},"autoplay：自动播放（通常需 ",[32,992,952],{},"；注意无障碍与用户体验）",[210,995,996],{},"loop：循环播放视频",[210,998,959],{},[210,1000,1001],{},"preload：预加载视频（none, metadata, auto）",[210,1003,1004],{},"width：指定视频播放器的宽度",[210,1006,1007],{},"height：指定视频播放器的高度",[210,1009,1010],{},"poster：指定视频加载时显示的图像",[200,1012,1014,1015],{"id":1013},"嵌入内容标签-iframe","嵌入内容标签 ",[32,1016,1017],{},"\u003Ciframe>",[207,1019,1020,1023,1026],{},[210,1021,1022],{},"含义：创建内联框架",[210,1024,1025],{},"作用：在当前 HTML 文档中嵌入另一个文档",[210,1027,234,1028],{},[207,1029,1030,1033,1036,1039,1042,1045],{},[210,1031,1032],{},"src：指定要嵌入的文档的 URL",[210,1034,1035],{},"width：指定框架的宽度",[210,1037,1038],{},"height：指定框架的高度",[210,1040,1041],{},"name：指定框架的名称",[210,1043,1044],{},"sandbox：对嵌入的内容应用额外的限制",[210,1046,1047],{},"allow：指定特定功能的权限策略",[200,1049,1051,1052],{"id":1050},"对象标签-object","对象标签 ",[32,1053,1054],{},"\u003Cobject>",[207,1056,1057,1060,1067],{},[210,1058,1059],{},"含义：嵌入外部资源",[210,1061,1062,1063,1066],{},"作用：嵌入 PDF、SVG 等（",[27,1064,1065],{},"Flash 已终止支持","，勿再依赖）",[210,1068,234,1069],{},[207,1070,1071,1074,1077,1080],{},[210,1072,1073],{},"data：指定对象的 URL",[210,1075,1076],{},"type：指定对象的 MIME 类型",[210,1078,1079],{},"width：指定对象的宽度",[210,1081,1082],{},"height：指定对象的高度",[200,1084,1086,1087],{"id":1085},"嵌入标签-embed","嵌入标签 ",[32,1088,1089],{},"\u003Cembed>",[207,1091,1092,1095,1104],{},[210,1093,1094],{},"含义：嵌入外部内容（空元素）",[210,1096,1097,1098,393,1100,393,1102],{},"作用：嵌入插件或媒体；现代页面更常用 ",[32,1099,969],{},[32,1101,1017],{},[32,1103,1054],{},[210,1105,234,1106],{},[207,1107,1108,1111,1114,1117,1120],{},[210,1109,1110],{},"src：指定嵌入内容的 URL",[210,1112,1113],{},"type：指定嵌入内容的 MIME 类型",[210,1115,1116],{},"width：指定嵌入内容的宽度",[210,1118,1119],{},"height：指定嵌入内容的高度",[210,1121,1122],{},"allowfullscreen：允许全屏播放",[60,1124,1125],{"id":1125},"表格标签",[200,1127,1129,1130],{"id":1128},"表格标签-table","表格标签 ",[32,1131,1132],{},"\u003Ctable>",[207,1134,1135,1138,1141,1187,1208],{},[210,1136,1137],{},"含义：定义表格",[210,1139,1140],{},"作用：创建表格",[210,1142,633,1143],{},[207,1144,1145,1151,1157,1163,1169,1175,1181],{},[210,1146,1147,1150],{},[32,1148,1149],{},"\u003Ccaption>","：表格标题",[210,1152,1153,1156],{},[32,1154,1155],{},"\u003Cthead>","：表格头部",[210,1158,1159,1162],{},[32,1160,1161],{},"\u003Ctbody>","：表格主体",[210,1164,1165,1168],{},[32,1166,1167],{},"\u003Ctfoot>","：表格底部",[210,1170,1171,1174],{},[32,1172,1173],{},"\u003Ctr>","：表格行",[210,1176,1177,1180],{},[32,1178,1179],{},"\u003Cth>","：表格头部单元格",[210,1182,1183,1186],{},[32,1184,1185],{},"\u003Ctd>","：表格数据单元格",[210,1188,1189,1192,1193,1195,1196,1195,1199,1202,1203,1207],{},[27,1190,1191],{},"呈现属性","（",[32,1194,419],{},"、",[32,1197,1198],{},"cellpadding",[32,1200,1201],{},"width"," 等）在 HTML5 中已废弃，请用 ",[45,1204,1206],{"href":1205},"\u002Fknowledge\u002Fbooklet\u002Fweb\u002Fcss\u002Fmodel","CSS"," 控制边框与间距。",[210,1209,1210,1213,1214,609,1217,1220],{},[27,1211,1212],{},"数据表格","应使用 ",[32,1215,1216],{},"\u003Cth scope=\"col|row\">",[32,1218,1219],{},"headers"," 关联，利于屏幕阅读器。",[778,1222,1224],{"className":780,"code":1223,"language":12,"meta":782,"style":782},"\u003Ctable>\n    \u003Ccaption>季度销售\u003C\u002Fcaption>\n    \u003Cthead>\n        \u003Ctr>\n            \u003Cth scope=\"col\">季度\u003C\u002Fth>\n            \u003Cth scope=\"col\">销售额\u003C\u002Fth>\n        \u003C\u002Ftr>\n    \u003C\u002Fthead>\n    \u003Ctbody>\n        \u003Ctr>\n            \u003Cth scope=\"row\">Q1\u003C\u002Fth>\n            \u003Ctd>100\u003C\u002Ftd>\n        \u003C\u002Ftr>\n    \u003C\u002Ftbody>\n\u003C\u002Ftable>\n",[32,1225,1226,1234,1254,1262,1271,1302,1330,1340,1350,1359,1368,1397,1415,1424,1433],{"__ignoreMap":782},[786,1227,1228,1230,1232],{"class":788,"line":789},[786,1229,793],{"class":792},[786,1231,68],{"class":796},[786,1233,800],{"class":792},[786,1235,1236,1238,1241,1244,1248,1250,1252],{"class":788,"line":803},[786,1237,806],{"class":792},[786,1239,1240],{"class":796},"caption",[786,1242,1243],{"class":792},">",[786,1245,1247],{"class":1246},"su5hD","季度销售",[786,1249,917],{"class":792},[786,1251,1240],{"class":796},[786,1253,800],{"class":792},[786,1255,1256,1258,1260],{"class":788,"line":856},[786,1257,806],{"class":792},[786,1259,71],{"class":796},[786,1261,800],{"class":792},[786,1263,1264,1267,1269],{"class":788,"line":914},[786,1265,1266],{"class":792},"        \u003C",[786,1268,74],{"class":796},[786,1270,800],{"class":792},[786,1272,1274,1277,1279,1282,1284,1286,1289,1291,1293,1296,1298,1300],{"class":788,"line":1273},5,[786,1275,1276],{"class":792},"            \u003C",[786,1278,77],{"class":796},[786,1280,1281],{"class":812}," scope",[786,1283,816],{"class":792},[786,1285,820],{"class":819},[786,1287,1288],{"class":823},"col",[786,1290,820],{"class":819},[786,1292,1243],{"class":792},[786,1294,1295],{"class":1246},"季度",[786,1297,917],{"class":792},[786,1299,77],{"class":796},[786,1301,800],{"class":792},[786,1303,1305,1307,1309,1311,1313,1315,1317,1319,1321,1324,1326,1328],{"class":788,"line":1304},6,[786,1306,1276],{"class":792},[786,1308,77],{"class":796},[786,1310,1281],{"class":812},[786,1312,816],{"class":792},[786,1314,820],{"class":819},[786,1316,1288],{"class":823},[786,1318,820],{"class":819},[786,1320,1243],{"class":792},[786,1322,1323],{"class":1246},"销售额",[786,1325,917],{"class":792},[786,1327,77],{"class":796},[786,1329,800],{"class":792},[786,1331,1333,1336,1338],{"class":788,"line":1332},7,[786,1334,1335],{"class":792},"        \u003C\u002F",[786,1337,74],{"class":796},[786,1339,800],{"class":792},[786,1341,1343,1346,1348],{"class":788,"line":1342},8,[786,1344,1345],{"class":792},"    \u003C\u002F",[786,1347,71],{"class":796},[786,1349,800],{"class":792},[786,1351,1353,1355,1357],{"class":788,"line":1352},9,[786,1354,806],{"class":792},[786,1356,84],{"class":796},[786,1358,800],{"class":792},[786,1360,1362,1364,1366],{"class":788,"line":1361},10,[786,1363,1266],{"class":792},[786,1365,74],{"class":796},[786,1367,800],{"class":792},[786,1369,1371,1373,1375,1377,1379,1381,1384,1386,1388,1391,1393,1395],{"class":788,"line":1370},11,[786,1372,1276],{"class":792},[786,1374,77],{"class":796},[786,1376,1281],{"class":812},[786,1378,816],{"class":792},[786,1380,820],{"class":819},[786,1382,1383],{"class":823},"row",[786,1385,820],{"class":819},[786,1387,1243],{"class":792},[786,1389,1390],{"class":1246},"Q1",[786,1392,917],{"class":792},[786,1394,77],{"class":796},[786,1396,800],{"class":792},[786,1398,1400,1402,1404,1406,1409,1411,1413],{"class":788,"line":1399},12,[786,1401,1276],{"class":792},[786,1403,89],{"class":796},[786,1405,1243],{"class":792},[786,1407,1408],{"class":1246},"100",[786,1410,917],{"class":792},[786,1412,89],{"class":796},[786,1414,800],{"class":792},[786,1416,1418,1420,1422],{"class":788,"line":1417},13,[786,1419,1335],{"class":792},[786,1421,74],{"class":796},[786,1423,800],{"class":792},[786,1425,1427,1429,1431],{"class":788,"line":1426},14,[786,1428,1345],{"class":792},[786,1430,84],{"class":796},[786,1432,800],{"class":792},[786,1434,1436,1438,1440],{"class":788,"line":1435},15,[786,1437,917],{"class":792},[786,1439,68],{"class":796},[786,1441,800],{"class":792},[60,1443,1444],{"id":1444},"表单标签",[200,1446,1448,1449],{"id":1447},"表单标签-form","表单标签 ",[32,1450,1451],{},"\u003Cform>",[207,1453,1454,1457,1460],{},[210,1455,1456],{},"含义：定义表单",[210,1458,1459],{},"作用：创建表单，用于收集用户输入",[210,1461,234,1462],{},[207,1463,1464,1467,1470,1473],{},[210,1465,1466],{},"action：指定表单提交的 URL",[210,1468,1469],{},"method：指定表单提交的方法（get, post）",[210,1471,1472],{},"enctype：指定表单数据的编码类型（application\u002Fx-www-form-urlencoded, multipart\u002Fform-data, text\u002Fplain）",[210,1474,1475],{},"target：指定表单提交后的显示方式（_blank, _self, _parent, _top）",[200,1477,1479,1480],{"id":1478},"输入标签-input","输入标签 ",[32,1481,1482],{},"\u003Cinput>",[207,1484,1485,1488,1491],{},[210,1486,1487],{},"含义：定义输入控件",[210,1489,1490],{},"作用：收集用户输入",[210,1492,234,1493],{},[207,1494,1495,1498,1501,1504,1507,1510,1513,1516],{},[210,1496,1497],{},"type：控件类型（常用见下表）",[210,1499,1500],{},"name：指定输入控件的名称",[210,1502,1503],{},"value：指定输入控件的值",[210,1505,1506],{},"placeholder：指定输入控件的占位符文本",[210,1508,1509],{},"required：指定输入控件是否为必填项",[210,1511,1512],{},"readonly：指定输入控件是否为只读",[210,1514,1515],{},"disabled：指定输入控件是否为禁用",[210,1517,1518],{},"autocomplete、min、max、pattern、inputmode 等：校验与输入体验",[68,1520,1521,1533],{},[71,1522,1523],{},[74,1524,1525,1530],{},[77,1526,1527],{},[32,1528,1529],{},"type",[77,1531,1532],{},"用途",[84,1534,1535,1554,1567,1580,1602,1618,1628,1637],{},[74,1536,1537,1551],{},[89,1538,1539,393,1542,393,1545,393,1548],{},[32,1540,1541],{},"text",[32,1543,1544],{},"search",[32,1546,1547],{},"tel",[32,1549,1550],{},"url",[89,1552,1553],{},"单行文本",[74,1555,1556,1564],{},[89,1557,1558,393,1561],{},[32,1559,1560],{},"email",[32,1562,1563],{},"password",[89,1565,1566],{},"邮箱、密码",[74,1568,1569,1577],{},[89,1570,1571,393,1574],{},[32,1572,1573],{},"number",[32,1575,1576],{},"range",[89,1578,1579],{},"数字、滑块",[74,1581,1582,1599],{},[89,1583,1584,393,1587,393,1590,393,1593,393,1596],{},[32,1585,1586],{},"date",[32,1588,1589],{},"time",[32,1591,1592],{},"datetime-local",[32,1594,1595],{},"month",[32,1597,1598],{},"week",[89,1600,1601],{},"日期时间（UI 因浏览器而异）",[74,1603,1604,1612],{},[89,1605,1606,393,1609],{},[32,1607,1608],{},"checkbox",[32,1610,1611],{},"radio",[89,1613,1614,1615,130],{},"多选 \u002F 互斥单选（radio 需相同 ",[32,1616,1617],{},"name",[74,1619,1620,1625],{},[89,1621,1622],{},[32,1623,1624],{},"file",[89,1626,1627],{},"文件上传",[74,1629,1630,1634],{},[89,1631,1632],{},[32,1633,150],{},[89,1635,1636],{},"不显示，随表单提交",[74,1638,1639,1650],{},[89,1640,1641,393,1644,393,1647],{},[32,1642,1643],{},"submit",[32,1645,1646],{},"reset",[32,1648,1649],{},"button",[89,1651,1652],{},"提交、重置、普通按钮",[200,1654,1656,1657],{"id":1655},"文本域标签-textarea","文本域标签 ",[32,1658,1659],{},"\u003Ctextarea>",[207,1661,1662,1665,1668],{},[210,1663,1664],{},"含义：定义多行文本输入控件",[210,1666,1667],{},"作用：收集用户输入的多行文本",[210,1669,234,1670],{},[207,1671,1672,1675,1678,1681,1684,1687,1690],{},[210,1673,1674],{},"name：指定文本域的名称",[210,1676,1677],{},"rows：指定文本域的行数",[210,1679,1680],{},"cols：指定文本域的列数",[210,1682,1683],{},"placeholder：指定文本域的占位符文本",[210,1685,1686],{},"required：指定文本域是否为必填项",[210,1688,1689],{},"readonly：指定文本域是否为只读",[210,1691,1692],{},"disabled：指定文本域是否为禁用",[200,1694,1696,1697],{"id":1695},"选择框标签-select","选择框标签 ",[32,1698,1699],{},"\u003Cselect>",[207,1701,1702,1705,1708,1718],{},[210,1703,1704],{},"含义：定义下拉列表",[210,1706,1707],{},"作用：创建下拉列表，供用户选择",[210,1709,633,1710],{},[207,1711,1712],{},[210,1713,1714,1717],{},[32,1715,1716],{},"\u003Coption>","：定义下拉列表的选项",[210,1719,234,1720],{},[207,1721,1722,1725,1728],{},[210,1723,1724],{},"name：指定选择框的名称",[210,1726,1727],{},"multiple：指定是否允许多选",[210,1729,1730],{},"required：指定选择框是否为必填项",[200,1732,1734,1735],{"id":1733},"按钮-button","按钮 ",[32,1736,34],{},[207,1738,1739,1742,1745],{},[210,1740,1741],{},"含义：定义按钮",[210,1743,1744],{},"作用：创建按钮，用于提交表单或执行其他操作",[210,1746,234,1747],{},[207,1748,1749,1752,1755,1758],{},[210,1750,1751],{},"type：指定按钮的类型（submit, reset, button）",[210,1753,1754],{},"name：指定按钮的名称",[210,1756,1757],{},"value：指定按钮的值",[210,1759,1760],{},"disabled：指定按钮是否为禁用",[200,1762,1764,1765],{"id":1763},"标签-label","标签 ",[32,1766,191],{},[207,1768,1769,1772,1775],{},[210,1770,1771],{},"含义：定义标签",[210,1773,1774],{},"作用：为表单控件提供标签",[210,1776,234,1777],{},[207,1778,1779,1782],{},[210,1780,1781],{},"for：指定标签与表单控件的关联",[210,1783,1784],{},"form：指定标签与表单的关联",[200,1786,1788,1789],{"id":1787},"字段集-fieldset","字段集 ",[32,1790,1791],{},"\u003Cfieldset>",[207,1793,1794,1797,1800,1810],{},[210,1795,1796],{},"含义：定义字段集",[210,1798,1799],{},"作用：将表单控件分组",[210,1801,633,1802],{},[207,1803,1804],{},[210,1805,1806,1809],{},[32,1807,1808],{},"\u003Clegend>","：定义字段集的标题",[210,1811,234,1812],{},[207,1813,1814,1817],{},[210,1815,1816],{},"disabled：指定字段集是否为禁用",[210,1818,1819],{},"form：指定字段集与表单的关联",[200,1821,1823,1824],{"id":1822},"分组-legend","分组 ",[32,1825,1808],{},[207,1827,1828,1831,1834],{},[210,1829,1830],{},"含义：定义分组标题",[210,1832,1833],{},"作用：为字段集提供标题",[210,1835,234,1836],{},[207,1837,1838],{},[210,1839,1840],{},"align：指定标题的对齐方式（left, center, right）",[200,1842,1844,1845],{"id":1843},"数据列表-datalist","数据列表 ",[32,1846,1847],{},"\u003Cdatalist>",[207,1849,1850,1853,1856,1865],{},[210,1851,1852],{},"含义：定义数据列表",[210,1854,1855],{},"作用：为输入控件提供预定义的选项",[210,1857,633,1858],{},[207,1859,1860],{},[210,1861,1862,1864],{},[32,1863,1716],{},"：定义数据列表的选项",[210,1866,234,1867],{},[207,1868,1869,1872],{},[210,1870,1871],{},"id：指定数据列表的唯一标识符",[210,1873,1874],{},"name：指定数据列表的名称",[200,1876,1878,1879],{"id":1877},"输出-output","输出 ",[32,1880,1881],{},"\u003Coutput>",[207,1883,1884,1887,1890],{},[210,1885,1886],{},"含义：定义输出结果",[210,1888,1889],{},"作用：显示计算结果或其他输出内容",[210,1891,234,1892],{},[207,1893,1894,1897,1900],{},[210,1895,1896],{},"for：指定输出结果与表单控件的关联",[210,1898,1899],{},"form：指定输出结果与表单的关联",[210,1901,1902],{},"name：指定输出结果的名称",[200,1904,1906,1907],{"id":1905},"进度-progress","进度 ",[32,1908,1909],{},"\u003Cprogress>",[207,1911,1912,1915,1918],{},[210,1913,1914],{},"含义：定义进度条",[210,1916,1917],{},"作用：显示任务的进度",[210,1919,234,1920],{},[207,1921,1922,1925],{},[210,1923,1924],{},"value：指定进度条的当前值",[210,1926,1927],{},"max：指定进度条的最大值",[200,1929,1931,1932],{"id":1930},"定义度量衡-meter","定义度量衡 ",[32,1933,1934],{},"\u003Cmeter>",[207,1936,1937,1940,1943],{},[210,1938,1939],{},"含义：定义度量器",[210,1941,1942],{},"作用：显示度量值",[210,1944,234,1945],{},[207,1946,1947,1950,1953,1956,1959,1962],{},[210,1948,1949],{},"value：指定度量器的当前值",[210,1951,1952],{},"min：指定度量器的最小值",[210,1954,1955],{},"max：指定度量器的最大值",[210,1957,1958],{},"low：指定度量器的低值",[210,1960,1961],{},"high：指定度量器的高值",[210,1963,1964],{},"optimum：指定度量器的最佳值",[60,1966,1968],{"id":1967},"语义结构标签html5","语义结构标签（HTML5）",[23,1970,1971,1972,393,1975,1978,1979,58],{},"无对应语义时再用 ",[32,1973,1974],{},"\u003Cdiv>",[32,1976,1977],{},"\u003Cspan>","。以下元素均可配合 ",[45,1980,1982],{"href":1981},"#%E5%85%A8%E5%B1%80%E5%B1%9E%E6%80%A7%E5%B8%B8%E7%94%A8","全局属性",[200,1984,1986,1987,393,1989],{"id":1985},"通用容器-div-span","通用容器 ",[32,1988,1974],{},[32,1990,1977],{},[207,1992,1993,1998],{},[210,1994,1995,1997],{},[32,1996,1974],{},"：无语义块级容器，仅作分组或挂 class",[210,1999,2000,2002],{},[32,2001,1977],{},"：无语义行内容器",[68,2004,2005,2014],{},[71,2006,2007],{},[74,2008,2009,2011],{},[77,2010,8],{},[77,2012,2013],{},"语义",[84,2015,2016,2028,2038,2052,2062,2072,2082],{},[74,2017,2018,2023],{},[89,2019,2020],{},[32,2021,2022],{},"\u003Cheader>",[89,2024,2025,2026,130],{},"页眉或区块标题区（可含 logo、标题；非整页 ",[32,2027,257],{},[74,2029,2030,2035],{},[89,2031,2032],{},[32,2033,2034],{},"\u003Cnav>",[89,2036,2037],{},"主导航链接集合",[74,2039,2040,2045],{},[89,2041,2042],{},[32,2043,2044],{},"\u003Cmain>",[89,2046,2047,2048,2051],{},"文档",[27,2049,2050],{},"唯一","主内容区（每页一个）",[74,2053,2054,2059],{},[89,2055,2056],{},[32,2057,2058],{},"\u003Carticle>",[89,2060,2061],{},"独立完整内容（博文、评论项）",[74,2063,2064,2069],{},[89,2065,2066],{},[32,2067,2068],{},"\u003Csection>",[89,2070,2071],{},"主题分组，宜配标题",[74,2073,2074,2079],{},[89,2075,2076],{},[32,2077,2078],{},"\u003Caside>",[89,2080,2081],{},"侧边栏、相关链接、广告等附属内容",[74,2083,2084,2089],{},[89,2085,2086],{},[32,2087,2088],{},"\u003Cfooter>",[89,2090,2091],{},"页脚或区块脚注",[200,2093,2094],{"id":2094},"折叠与对话框",[207,2096,2097,2110],{},[210,2098,2099,393,2102,2105,2106,2109],{},[32,2100,2101],{},"\u003Cdetails>",[32,2103,2104],{},"\u003Csummary>","：原生折叠面板；",[32,2107,2108],{},"open"," 属性默认展开。",[210,2111,2112,2115,2116,393,2119,1192,2122,2128,2129,2132],{},[32,2113,2114],{},"\u003Cdialog>","：模态或非模态对话框；可用 ",[32,2117,2118],{},"showModal()",[32,2120,2121],{},"close()",[45,2123,2127],{"href":2124,"rel":2125},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002Fdocs\u002FWeb\u002FAPI\u002FHTMLDialogElement",[2126],"nofollow","HTMLDialogElement","）。打开模态时需管理焦点与 ",[32,2130,2131],{},"aria","（或配合框架）。",[200,2134,2136,2137,393,2140],{"id":2135},"图例-figure-figcaption","图例 ",[32,2138,2139],{},"\u003Cfigure>",[32,2141,2142],{},"\u003Cfigcaption>",[778,2144,2146],{"className":780,"code":2145,"language":12,"meta":782,"style":782},"\u003Cfigure>\n    \u003Cimg src=\"chart.png\" alt=\"2026 年 Q1 销售趋势\" \u002F>\n    \u003Cfigcaption>图 1：Q1 销售趋势\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n",[32,2147,2148,2157,2187,2205],{"__ignoreMap":782},[786,2149,2150,2152,2155],{"class":788,"line":789},[786,2151,793],{"class":792},[786,2153,2154],{"class":796},"figure",[786,2156,800],{"class":792},[786,2158,2159,2161,2163,2165,2167,2169,2172,2174,2176,2178,2180,2183,2185],{"class":788,"line":803},[786,2160,806],{"class":792},[786,2162,861],{"class":796},[786,2164,864],{"class":812},[786,2166,816],{"class":792},[786,2168,820],{"class":819},[786,2170,2171],{"class":823},"chart.png",[786,2173,820],{"class":819},[786,2175,876],{"class":812},[786,2177,816],{"class":792},[786,2179,820],{"class":819},[786,2181,2182],{"class":823},"2026 年 Q1 销售趋势",[786,2184,820],{"class":819},[786,2186,853],{"class":792},[786,2188,2189,2191,2194,2196,2199,2201,2203],{"class":788,"line":856},[786,2190,806],{"class":792},[786,2192,2193],{"class":796},"figcaption",[786,2195,1243],{"class":792},[786,2197,2198],{"class":1246},"图 1：Q1 销售趋势",[786,2200,917],{"class":792},[786,2202,2193],{"class":796},[786,2204,800],{"class":792},[786,2206,2207,2209,2211],{"class":788,"line":914},[786,2208,917],{"class":792},[786,2210,2154],{"class":796},[786,2212,800],{"class":792},[60,2214,2215],{"id":2215},"总结",[207,2217,2218,2225,2240,2249],{},[210,2219,2220,2221,2224],{},"用",[27,2222,2223],{},"语义标签","表达结构；布局交给 CSS。",[210,2226,2227,2228,2230,2231,2233,2234,2236,2237,58],{},"表单：",[32,2229,191],{}," + 合适 ",[32,2232,1529],{},"；表格数据配 ",[32,2235,77],{},"\u002F",[32,2238,2239],{},"scope",[210,2241,2242,2243,1195,2245,2248],{},"媒体：",[32,2244,129],{},[32,2246,2247],{},"poster","；自动播放需知浏览器策略。",[210,2250,2251,2252,58],{},"元数据与资源提示在 ",[45,2253,57],{"href":56},[60,2255,2256],{"id":2256},"参考文献",[23,2258,2259],{},"以下链接在编写时均可正常访问：",[68,2261,2262,2271],{},[71,2263,2264],{},[74,2265,2266,2269],{},[77,2267,2268],{},"资料",[77,2270,82],{},[84,2272,2273,2285,2297,2309,2321],{},[74,2274,2275,2282],{},[89,2276,2277],{},[45,2278,2281],{"href":2279,"rel":2280},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002Fdocs\u002FWeb\u002FHTML\u002FElement",[2126],"MDN：HTML 元素参考",[89,2283,2284],{},"各标签说明",[74,2286,2287,2294],{},[89,2288,2289],{},[45,2290,2293],{"href":2291,"rel":2292},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002Fdocs\u002FWeb\u002FHTML\u002FContent_categories",[2126],"MDN：内容类别",[89,2295,2296],{},"嵌套规则",[74,2298,2299,2306],{},[89,2300,2301],{},[45,2302,2305],{"href":2303,"rel":2304},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002Fdocs\u002FWeb\u002FHTML\u002FElement\u002Finput",[2126],"MDN：input type",[89,2307,2308],{},"表单控件类型",[74,2310,2311,2318],{},[89,2312,2313],{},[45,2314,2317],{"href":2315,"rel":2316},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002Fdocs\u002FWeb\u002FHTML\u002FElement\u002Fpicture",[2126],"MDN：picture",[89,2319,2320],{},"响应式图片",[74,2322,2323,2330],{},[89,2324,2325],{},[45,2326,2329],{"href":2327,"rel":2328},"https:\u002F\u002Fhtml.spec.whatwg.org\u002F",[2126],"WHATWG：HTML Living Standard",[89,2331,2332],{},"规范（英文）",[113,2334,2335],{},"html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sQzsp, html code.shiki .sQzsp{--shiki-light:#E53935;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .s9AJx, html code.shiki .s9AJx{--shiki-light:#9C3EDA;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}",{"title":782,"searchDepth":803,"depth":803,"links":2337},[2338,2339,2345,2356,2366,2384,2388,2414,2421,2422],{"id":62,"depth":803,"text":63},{"id":198,"depth":803,"text":198,"children":2340},[2341,2342,2343,2344],{"id":202,"depth":856,"text":205},{"id":12,"depth":856,"text":223},{"id":52,"depth":856,"text":257},{"id":289,"depth":856,"text":261},{"id":305,"depth":803,"text":305,"children":2346},[2347,2349,2351,2353,2355],{"id":308,"depth":856,"text":2348},"标题标签 \u003Ch1> 到 \u003Ch6>",{"id":352,"depth":856,"text":2350},"段落标签 \u003Cp>",{"id":370,"depth":856,"text":2352},"换行标签 \u003Cbr>",{"id":399,"depth":856,"text":2354},"水平线标签 \u003Chr>",{"id":423,"depth":856,"text":423},{"id":542,"depth":803,"text":542,"children":2357},[2358,2360,2362,2364],{"id":545,"depth":856,"text":2359},"无序列表 \u003Cul>",{"id":563,"depth":856,"text":2361},"有序列表 \u003Col>",{"id":594,"depth":856,"text":2363},"列表项 \u003Cli>",{"id":618,"depth":856,"text":2365},"定义列表 \u003Cdl>",{"id":650,"depth":803,"text":650,"children":2367},[2368,2370,2372,2374,2376,2378,2380,2382],{"id":653,"depth":856,"text":2369},"链接标签 \u003Ca>",{"id":701,"depth":856,"text":2371},"图片标签 \u003Cimg>",{"id":756,"depth":856,"text":2373},"响应式图片 \u003Cpicture> \u002F \u003Csource>",{"id":924,"depth":856,"text":2375},"音频标签 \u003Caudio>",{"id":965,"depth":856,"text":2377},"视频标签 \u003Cvideo>",{"id":1013,"depth":856,"text":2379},"嵌入内容标签 \u003Ciframe>",{"id":1050,"depth":856,"text":2381},"对象标签 \u003Cobject>",{"id":1085,"depth":856,"text":2383},"嵌入标签 \u003Cembed>",{"id":1125,"depth":803,"text":1125,"children":2385},[2386],{"id":1128,"depth":856,"text":2387},"表格标签 \u003Ctable>",{"id":1444,"depth":803,"text":1444,"children":2389},[2390,2392,2394,2396,2398,2400,2402,2404,2406,2408,2410,2412],{"id":1447,"depth":856,"text":2391},"表单标签 \u003Cform>",{"id":1478,"depth":856,"text":2393},"输入标签 \u003Cinput>",{"id":1655,"depth":856,"text":2395},"文本域标签 \u003Ctextarea>",{"id":1695,"depth":856,"text":2397},"选择框标签 \u003Cselect>",{"id":1733,"depth":856,"text":2399},"按钮 \u003Cbutton>",{"id":1763,"depth":856,"text":2401},"标签 \u003Clabel>",{"id":1787,"depth":856,"text":2403},"字段集 \u003Cfieldset>",{"id":1822,"depth":856,"text":2405},"分组 \u003Clegend>",{"id":1843,"depth":856,"text":2407},"数据列表 \u003Cdatalist>",{"id":1877,"depth":856,"text":2409},"输出 \u003Coutput>",{"id":1905,"depth":856,"text":2411},"进度 \u003Cprogress>",{"id":1930,"depth":856,"text":2413},"定义度量衡 \u003Cmeter>",{"id":1967,"depth":803,"text":1968,"children":2415},[2416,2418,2419],{"id":1985,"depth":856,"text":2417},"通用容器 \u003Cdiv> \u002F \u003Cspan>",{"id":2094,"depth":856,"text":2094},{"id":2135,"depth":856,"text":2420},"图例 \u003Cfigure> \u002F \u003Cfigcaption>",{"id":2215,"depth":803,"text":2215},{"id":2256,"depth":803,"text":2256},{"title":8,"description":9},"knowledge\u002Fbooklet\u002Fweb\u002Fhtml\u002Ftag","knowledge\u002Fknowledge\u002Fbooklet\u002Fweb\u002Fhtml\u002Ftag.md","md",{"items":2428},[2429,2431,2433,2437,2441,2445],{"path":56,"title":57,"description":2430,"category":10,"score":1304},"存放元数据：字符编码、标题、样式与脚本引用、SEO 与社交分享标签、hreflang 多语言与 JSON-LD 结构化数据等；内容一般不在页面正文中直接显示（ 显示在浏览器标签栏）。HTML 基础见 简介，可见结构见 标签。",{"path":47,"title":48,"description":2432,"category":10,"score":1304},"HTML（HyperText Markup Language，超文本标记语言）用于描述网页的结构与语义：标题层级、段落、链接、表单、图片替代文本等。浏览器根据 HTML 构建 DOM，再结合 CSS 呈现样式、JavaScript 实现交互。本文系统梳理语义化、可访问性与现代 HTML 要点。",{"path":2434,"title":2435,"description":2436,"category":10,"score":789},"\u002Fknowledge\u002Fbooklet\u002Fend\u002Fbasics","后端入门概览","本目录覆盖 JavaScript\u002FTypeScript 服务端运行时与框架、数据存储，以及 Rust 系统编程入门，提供从零到部署的完整学习路径。前置建议：JavaScript 基础、工程化 · 环境变量。",{"path":2438,"title":2439,"description":2440,"category":10,"score":789},"\u002Fknowledge\u002Fbooklet\u002Fend\u002Fbun\u002Fbase","Bun 基础与核心命令","Bun 是用 Zig 编写的 JavaScript 运行时，内置包管理（bun install）、打包（bun build）、测试（bun test）等，并持续兼容 Node.js API。本文介绍核心特点、安装方式，以及日常最常用的命令与包管理功能。见 运行时对比。",{"path":2442,"title":2443,"description":2444,"category":10,"score":789},"\u002Fknowledge\u002Fbooklet\u002Fsql","数据存储导读","本目录覆盖关系型数据库 MySQL 与内存数据库 Redis，从概念、安装到数据操作、性能优化、备份与缓存实践，面向后端开发与运维入门。与 NestJS 数据库、后端入门 等应用层文档配合阅读。",{"path":2446,"title":2447,"description":2448,"category":10,"score":789},"\u002Fknowledge\u002Fbooklet\u002Fsql\u002Fredis\u002Fredis","Redis 入门：概念、安装与数据类型","从「是什么\u002F为什么用」到 Docker\u002F本机安装、基本 CLI，再到五大基础类型命令、持久化与过期键机制、与 MySQL 的选型对比，以及常见踩坑，全面梳理 Redis 入门知识。",{"series":2450,"title":12,"items":2451,"index":803,"prev":2456,"next":2457},"booklet\u002Fweb\u002Fhtml",[2452,2454,2455],{"path":56,"title":57,"date":2453,"pinned":15},"2026-07-23",{"path":47,"title":48,"date":2453,"pinned":15},{"path":7,"title":8,"date":14,"pinned":15},{"path":47,"title":48,"date":2453,"pinned":15},null]