[{"data":1,"prerenderedAt":457},["ShallowReactive",2],{"content-/guide/semantic-html":3,"related-guide":425},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"author":11,"date":12,"category":13,"image":14,"body":15,"_type":419,"_id":420,"_source":421,"_file":422,"_stem":423,"_extension":424},"/guide/semantic-html","guide",false,"","语义化 HTML","使用语义化 HTML 提升网页可访问性和 SEO","语义化, HTML, 无障碍, SEO, HTMLPAGE","HTMLPAGE","2025-11-27","开发","/content-images/guide/guide.jpg",{"type":16,"children":17,"toc":406},"root",[18,26,32,39,46,129,135,201,207,254,260,307,313,336,342,365,371,393,397],{"type":19,"tag":20,"props":21,"children":23},"element","h1",{"id":22},"语义化-html",[24],{"type":25,"value":8},"text",{"type":19,"tag":27,"props":28,"children":29},"p",{},[30],{"type":25,"value":31},"使用语义化 HTML 元素提升网页质量。",{"type":19,"tag":33,"props":34,"children":36},"h2",{"id":35},"语义化元素",[37],{"type":25,"value":38},"�� 语义化元素",{"type":19,"tag":40,"props":41,"children":43},"h3",{"id":42},"_1-结构元素",[44],{"type":25,"value":45},"1. 结构元素",{"type":19,"tag":47,"props":48,"children":49},"ul",{},[50,63,74,85,96,107,118],{"type":19,"tag":51,"props":52,"children":53},"li",{},[54,61],{"type":19,"tag":55,"props":56,"children":58},"code",{"className":57},[],[59],{"type":25,"value":60},"\u003Cheader>",{"type":25,"value":62}," 页头",{"type":19,"tag":51,"props":64,"children":65},{},[66,72],{"type":19,"tag":55,"props":67,"children":69},{"className":68},[],[70],{"type":25,"value":71},"\u003Cnav>",{"type":25,"value":73}," 导航",{"type":19,"tag":51,"props":75,"children":76},{},[77,83],{"type":19,"tag":55,"props":78,"children":80},{"className":79},[],[81],{"type":25,"value":82},"\u003Cmain>",{"type":25,"value":84}," 主要内容",{"type":19,"tag":51,"props":86,"children":87},{},[88,94],{"type":19,"tag":55,"props":89,"children":91},{"className":90},[],[92],{"type":25,"value":93},"\u003Carticle>",{"type":25,"value":95}," 文章",{"type":19,"tag":51,"props":97,"children":98},{},[99,105],{"type":19,"tag":55,"props":100,"children":102},{"className":101},[],[103],{"type":25,"value":104},"\u003Csection>",{"type":25,"value":106}," 区块",{"type":19,"tag":51,"props":108,"children":109},{},[110,116],{"type":19,"tag":55,"props":111,"children":113},{"className":112},[],[114],{"type":25,"value":115},"\u003Caside>",{"type":25,"value":117}," 侧边栏",{"type":19,"tag":51,"props":119,"children":120},{},[121,127],{"type":19,"tag":55,"props":122,"children":124},{"className":123},[],[125],{"type":25,"value":126},"\u003Cfooter>",{"type":25,"value":128}," 页脚",{"type":19,"tag":40,"props":130,"children":132},{"id":131},"_2-文本语义",[133],{"type":25,"value":134},"2. 文本语义",{"type":19,"tag":47,"props":136,"children":137},{},[138,157,168,179,190],{"type":19,"tag":51,"props":139,"children":140},{},[141,147,149,155],{"type":19,"tag":55,"props":142,"children":144},{"className":143},[],[145],{"type":25,"value":146},"\u003Ch1>",{"type":25,"value":148},"-",{"type":19,"tag":55,"props":150,"children":152},{"className":151},[],[153],{"type":25,"value":154},"\u003Ch6>",{"type":25,"value":156}," 标题",{"type":19,"tag":51,"props":158,"children":159},{},[160,166],{"type":19,"tag":55,"props":161,"children":163},{"className":162},[],[164],{"type":25,"value":165},"\u003Cp>",{"type":25,"value":167}," 段落",{"type":19,"tag":51,"props":169,"children":170},{},[171,177],{"type":19,"tag":55,"props":172,"children":174},{"className":173},[],[175],{"type":25,"value":176},"\u003Cstrong>",{"type":25,"value":178}," 重要",{"type":19,"tag":51,"props":180,"children":181},{},[182,188],{"type":19,"tag":55,"props":183,"children":185},{"className":184},[],[186],{"type":25,"value":187},"\u003Cem>",{"type":25,"value":189}," 强调",{"type":19,"tag":51,"props":191,"children":192},{},[193,199],{"type":19,"tag":55,"props":194,"children":196},{"className":195},[],[197],{"type":25,"value":198},"\u003Cmark>",{"type":25,"value":200}," 突出",{"type":19,"tag":40,"props":202,"children":204},{"id":203},"_3-列表元素",[205],{"type":25,"value":206},"3. 列表元素",{"type":19,"tag":47,"props":208,"children":209},{},[210,221,232,243],{"type":19,"tag":51,"props":211,"children":212},{},[213,219],{"type":19,"tag":55,"props":214,"children":216},{"className":215},[],[217],{"type":25,"value":218},"\u003Cul>",{"type":25,"value":220}," 无序列表",{"type":19,"tag":51,"props":222,"children":223},{},[224,230],{"type":19,"tag":55,"props":225,"children":227},{"className":226},[],[228],{"type":25,"value":229},"\u003Col>",{"type":25,"value":231}," 有序列表",{"type":19,"tag":51,"props":233,"children":234},{},[235,241],{"type":19,"tag":55,"props":236,"children":238},{"className":237},[],[239],{"type":25,"value":240},"\u003Cli>",{"type":25,"value":242}," 列表项",{"type":19,"tag":51,"props":244,"children":245},{},[246,252],{"type":19,"tag":55,"props":247,"children":249},{"className":248},[],[250],{"type":25,"value":251},"\u003Cdl>",{"type":25,"value":253}," 定义列表",{"type":19,"tag":40,"props":255,"children":257},{"id":256},"_4-表单元素",[258],{"type":25,"value":259},"4. 表单元素",{"type":19,"tag":47,"props":261,"children":262},{},[263,274,285,296],{"type":19,"tag":51,"props":264,"children":265},{},[266,272],{"type":19,"tag":55,"props":267,"children":269},{"className":268},[],[270],{"type":25,"value":271},"\u003Cform>",{"type":25,"value":273}," 表单",{"type":19,"tag":51,"props":275,"children":276},{},[277,283],{"type":19,"tag":55,"props":278,"children":280},{"className":279},[],[281],{"type":25,"value":282},"\u003Cfieldset>",{"type":25,"value":284}," 字段组",{"type":19,"tag":51,"props":286,"children":287},{},[288,294],{"type":19,"tag":55,"props":289,"children":291},{"className":290},[],[292],{"type":25,"value":293},"\u003Clegend>",{"type":25,"value":295}," 图例",{"type":19,"tag":51,"props":297,"children":298},{},[299,305],{"type":19,"tag":55,"props":300,"children":302},{"className":301},[],[303],{"type":25,"value":304},"\u003Clabel>",{"type":25,"value":306}," 标签",{"type":19,"tag":33,"props":308,"children":310},{"id":309},"语义化优势",[311],{"type":25,"value":312},"🎯 语义化优势",{"type":19,"tag":47,"props":314,"children":315},{},[316,321,326,331],{"type":19,"tag":51,"props":317,"children":318},{},[319],{"type":25,"value":320},"♿ 增强无障碍",{"type":19,"tag":51,"props":322,"children":323},{},[324],{"type":25,"value":325},"🔍 改善 SEO",{"type":19,"tag":51,"props":327,"children":328},{},[329],{"type":25,"value":330},"📱 更好的移动体验",{"type":19,"tag":51,"props":332,"children":333},{},[334],{"type":25,"value":335},"🛠️ 便于维护",{"type":19,"tag":33,"props":337,"children":339},{"id":338},"最佳实践",[340],{"type":25,"value":341},"💡 最佳实践",{"type":19,"tag":47,"props":343,"children":344},{},[345,350,355,360],{"type":19,"tag":51,"props":346,"children":347},{},[348],{"type":25,"value":349},"使用正确的元素",{"type":19,"tag":51,"props":351,"children":352},{},[353],{"type":25,"value":354},"避免过度使用 div",{"type":19,"tag":51,"props":356,"children":357},{},[358],{"type":25,"value":359},"提供替代文本",{"type":19,"tag":51,"props":361,"children":362},{},[363],{"type":25,"value":364},"正确的标题层级",{"type":19,"tag":33,"props":366,"children":368},{"id":367},"相关资源",[369],{"type":25,"value":370},"🔗 相关资源",{"type":19,"tag":47,"props":372,"children":373},{},[374,384],{"type":19,"tag":51,"props":375,"children":376},{},[377],{"type":19,"tag":378,"props":379,"children":381},"a",{"href":380},"/guide/semantic-html.md",[382],{"type":25,"value":383},"无障碍访问",{"type":19,"tag":51,"props":385,"children":386},{},[387],{"type":19,"tag":378,"props":388,"children":390},{"href":389},"/guide/seo-basics.md",[391],{"type":25,"value":392},"SEO 基础",{"type":19,"tag":394,"props":395,"children":396},"hr",{},[],{"type":19,"tag":27,"props":398,"children":399},{},[400],{"type":19,"tag":401,"props":402,"children":403},"em",{},[404],{"type":25,"value":405},"语义化 HTML 是高质量网页的基础。",{"title":7,"searchDepth":407,"depth":407,"links":408},3,[409,416,417,418],{"id":35,"depth":410,"text":38,"children":411},2,[412,413,414,415],{"id":42,"depth":407,"text":45},{"id":131,"depth":407,"text":134},{"id":203,"depth":407,"text":206},{"id":256,"depth":407,"text":259},{"id":309,"depth":410,"text":312},{"id":338,"depth":410,"text":341},{"id":367,"depth":410,"text":370},"markdown","content:guide:semantic-html.md","content","guide/semantic-html.md","guide/semantic-html","md",[426,438,449],{"_path":427,"_dir":428,"_draft":6,"_partial":6,"_locale":7,"title":429,"description":430,"keywords":431,"author":11,"date":432,"category":433,"image":434,"_type":419,"_id":435,"_source":421,"_file":436,"_stem":437,"_extension":424},"/blog/accessibility-guidelines","blog","无障碍设计指南","WCAG 标准和无障碍设计最佳实践","无障碍设计指南, Blog, HTMLPAGE","2025-11-26","待分类","/content-images/blog/blog.jpg","content:blog:accessibility-guidelines.md","blog/accessibility-guidelines.md","blog/accessibility-guidelines",{"_path":439,"_dir":428,"_draft":6,"_partial":6,"_locale":7,"title":440,"description":441,"keywords":442,"author":443,"date":444,"category":445,"image":434,"_type":419,"_id":446,"_source":421,"_file":447,"_stem":448,"_extension":424},"/blog/accessible-ux-research-guide","无障碍用户研究完全指南：从规划到实施的每一步","深入了解如何进行包容性的用户体验研究，确保残障用户的声音被听见，让产品真正为所有人而设计","用户研究, 无障碍设计, 包容设计, UX研究, 残障用户, 无障碍访问","HTMLPAGE 内容团队","2025-12-01","无障碍与设计","content:blog:accessible-ux-research-guide.md","blog/accessible-ux-research-guide.md","blog/accessible-ux-research-guide",{"_path":450,"_dir":428,"_draft":6,"_partial":6,"_locale":7,"title":451,"description":452,"keywords":453,"author":11,"date":432,"category":433,"image":434,"_type":419,"_id":454,"_source":421,"_file":455,"_stem":456,"_extension":424},"/blog/react-hooks-guide","React Hooks 实战指南","深入理解 React Hooks，包括 useState、useEffect、自定义 Hooks 等","React Hooks 实战指南, Blog, HTMLPAGE","content:blog:react-hooks-guide.md","blog/react-hooks-guide.md","blog/react-hooks-guide",1774945279410]