HTML

前端开发 · 共 8 篇

从浏览器如何解析一份文件讲起，带你吃透 HTML 文档的必备骨架——doctype、html、head、body，以及 head 里那些决定页面命运的标签。

标题、段落、加粗、列表、引用……一篇正经文章靠这些标签撑起可读性。这篇把 HTML 里所有和"文字排版"有关的标签讲透，并配上能直接抄的示例。

a 标签怎么跳、href 填什么、锚点怎么打；img 的 src、alt、尺寸与懒加载又该怎么写。这篇把链接和图片这两个让网页"活起来"的标签讲明白。

table、thead、tbody、tfoot、tr、th、td 各司其职，rowspan 和 colspan 怎么合并单元格，表格语义化和响应式又该注意什么。一篇把 HTML 表格讲透。

form、input 的十几种 type、label、textarea、select、button，以及 required、pattern 等原生校验怎么写。这篇带你从零拼出一个能用的注册表单。

header、nav、main、article、section、aside、footer 这些"有含义的容器"到底怎么分，为什么语义化能同时讨好搜索引擎和屏幕阅读器，附一个博客页结构示例。

audio、video、source、iframe 这些标签怎么用，controls、autoplay、loop、muted 各管什么，嵌入视频和地图时又该注意哪些坑。一篇把 HTML 多媒体讲明白。

head 里的 meta 标签大全（charset、viewport、description、og 等）、lang 属性的作用，以及 alt、label、标题层级、ARIA 这些可访问性基本功，一篇补齐 HTML 收尾知识。