网站首页 > 技术文章正文

html页面结构（html页面结构分析）

nanyue 2024-10-05 18:44:39 技术文章 11 ℃

html文档结构

1. HTML 元素

HTML 文档由 HTML 元素定义。

HTML 元素语法
HTML 元素以开始标签起始 HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

2.HTML 属性

属性是 HTML 元素提供的附加信息。

HTML 属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。

3. 注释

注释是一种特殊的标签，主要是帮助开发者理解代码的逻辑。不会在网页中显示，但是在源代码以及开发者工具中可以看到。很多编辑器中使用 Ctrl + / 组合键可以快速注释。

4. html结构

html页面主要由一个html根元素和两个子head和body子标签组成。别的更多标签都在这head和body里面。

<!DOCTYPE html> 声明为 HTML5 文档

html：元素是html页面的根元素，所有html标签的一个根节点。

head：文档的头部，描述了文档的各种属性和信息，包括文档的标题，在web中的位置以及和其他文档的关系。

meta：使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。

title：元素描述了文档的标题

body：元素包含了可见的页面内容，文档的主体，以后我们的页面内容基本上都是写到这个标签里面的（比如文本、超链接、图像、表格和列表）。

<!DOCTYPE html>
<!--html是html文档的根元素-->
<html >
    <!--head定义文档标题等属性，用户不可见-->
    <head>
        <meta charset="UTF-8">
        <!--title设置网页的标题-->
        <title>我的第一个网页</title>
    </head>
    <!--body显示给用户的内容-->
    <body>
        Hello world, 我是一个男孩！
    </body>
</html>

阅读原文

上一篇：边学边做网页篇------初识HTML（html网页在线制作）
下一篇： HTML基础的标签（html标签及作用）

网站首页 > 技术文章 正文