====== 差别 ======
这里会显示出您选择的修订版和当前版本之间的差别。
后一修订版 | 前一修订版 | ||
前端基础_html_html文档结构.md [2021/09/15 14:30] admin 创建 |
前端基础_html_html文档结构.md [2021/09/15 15:37] admin |
||
---|---|---|---|
行 1: | 行 1: | ||
- | < | ||
- | [\<\< 返回HTML教程](:document/html) | + | # 文档结构 |
+ | |||
+ | ## 文档结构元素 | ||
+ | * 页头 `<header> | ||
+ | * 导航栏 `<nav>` | ||
+ | * 主内容 `< | ||
+ | * 侧边栏 `< | ||
+ | * 页尾 `< | ||
+ | |||
+ | ## 语义化HTML | ||
+ | |||
+ | |||
+ | 选择合适的标签、使用合理的代码结构,便于开发者和视觉障碍人士阅读,同时让浏览器的爬虫和机器很好地解析。 | ||
+ | |||
+ | ## 范例 | ||
+ | ![](https:// | ||
+ | |||
+ | ``` | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <meta charset=" | ||
+ | |||
+ | < | ||
+ | <link href=" | ||
+ | <link rel=" | ||
+ | |||
+ | </ | ||
+ | |||
+ | < | ||
+ | <!-- Here is our main header that is used accross all the pages of our website --> | ||
+ | |||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <!-- Here is our page's main content --> | ||
+ | < | ||
+ | |||
+ | <!-- It contains an article --> | ||
+ | < | ||
+ | < | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | |||
+ | < | ||
+ | </ | ||
+ | |||
+ | <!-- the aside content can also be nested within the main content --> | ||
+ | < | ||
+ | < | ||
+ | |||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | <!-- And here is our main footer that is used across all the pages of our website --> | ||
+ | |||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | ``` | ||
+ | |||
+ | ## 参考链接 | ||
+ | * https:// | ||
+ | * https:// | ||
+ | |||
- | </ |