HTML5文件的基本结构
- 完整的HTML文件包含标题 段落 列表 表格 图形以及各种嵌入的对象。
- 这些对象统称为HTML元素。
- 一个html5文件的基本结构如下
基础结构代码
<html>
<head>
<title>html5的结构</title>
</head>
<body>
这是<font style="color:brown">文本内容</font>。<br/> 欢迎大家访问<b>FoxDevelop</b>。
</body>
</html>Code language: HTML, XML (xml)结构解析与补充说明
- 整体包裹：所有内容被根标签
<html>与</html>包裹，代表文档起点与终点。 - 头部（
<head>）：包含文档元信息，如<title>定义浏览器标签页标题（此处为“html5的结构”），通常不直接在页面展示。 - 主体（
<body>）：承载实际渲染内容，包含文本与各类标记：<font style="color:brown">：旧式标签，此处配合行内样式将“文本内容”设为棕色。<br/>：单标签，实现换行； ：空格字符实体，实现缩进或间隔。<b>：双标签，将“FoxDevelop”加粗显示。
- 标签对应规则：从上图可见，开头标记为
<>，结束标记为</>（如<head>与</head>），中间添加内容，结构成对嵌套；单标签（如<br/>）斜杠在末尾，无需独立结束标签。 - 现代HTML5规范：实际开发中建议在首行声明
<!DOCTYPE html>，并使用<meta charset="UTF-8">指定编码；样式控制推荐用 CSS 替代<font>标签，但本例保留原代码以衔接前文“标记语言”基础。
Previous: HTML5的基本理解
Next: HTML5的开发工具