HTML文档的基本结构

本文档详细介绍了HTML5的文档声明、根元素、字符集设置、标题元素以及网页结构的重要性。通过示例,解释了如何使用HTML5标准进行网页布局,并强调了lang属性在定义文档语言方面的作用。此外,还探讨了和标签的功能,以及它们在文档中的关系。
摘要由CSDN通过智能技术生成

<!DOCTYPE html>

<!--

    <!doctype> 文件类型定义DTD

    作用:告诉浏览器该文档的版本信息,让浏览器解析器知道使用哪种语法解析文档

    文档第一代码是HTML5标准网页声明,告知浏览器用HTML5标准解析此网页。

    不是标签,是声明语句

    必须写在HTML文档的第一行

   

-->

<html lang="en">

<!--

 网页的根元素

 定义整个HTML文档,包含head和body

  lang属性

- 作用:定义当前文档显示文字的语言

- 语法:lang=“en”

  (lang是language的简写)

- 取值:

  en定义语言为英语

  zh-CN定义语言为中文   -->

<head>

    <!--

网页的头部信息 其内容不会显示在网页中

定义文档的头部,包含文档的标题(title),可以包含文档脚本(script),样式(style),meta信息以及更多的其他信息。

-->

    <meta charset="UTF-8">

    <!--

文档字符集

字符集(Character set)是多个字符的集合,便于计算机识别和存储各种文字。

在<head>标签内,通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。

            charset属性:设置编码方式

            UTF-8:万国码,通用性较好

(2)常用的字符集

- UTF-8被称为万国码,包含全世界所有国家需要用到的字符

- GB2312简单中文,包括6763个汉字

- GBK包含全部中文字符,是GB2312的扩展,加入对繁体字的支持,兼容GB2312

- BIG5繁体中文,港澳台等用

        -->

    <title>标题</title>

    <!--

网页标题

添加到收藏夹时的标题显示在搜索引擎结果中的页面标题。

-->

</head>

<body>

    <!-- 网页的主体内容     定义文档的主体,在浏览器窗口中可以看到的所有内容都包含在它内部。-->

    父子关系——嵌套关系

    兄弟关系——并列关系

</body>

</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值