00认识HTML5

来源：互联网发布：手机2g网络怎么弄成4g 编辑：程序博客网时间：2024/06/07 21:38

1. 初识HTML5

什么是HTML?

HTML(Hyper Text Markup Language)是用来描述网页的一种语言，它使用标记标签来描述网页。Web浏览器读取HTML文档，并以网页的形式显示它们。

HTML有很多标签，它们各自表达了不同的含义，浏览器是可以读懂的。因此，我们学会了HTML标签的含义及其使用方法，就能够按照我们想法告诉浏览器我们要展示的是什么。

HTML5是HTML的第5次重大更新产品，在这个版本中，新功能不断推出，不合理的逐渐抛弃，结构更加清晰明了。HTML5是在HTML前面版本的基础上增加了新的东西，提出了一些不赞成使用的旧东西。文中不去刻意区分HTML和HTML5，但会说明哪些东西已经不赞成使用，以及一些HTML5新增的功能。

HTML中的基本概念

学习HTML首先理解一些基本概念，才能各种技术文档中游刃有余，这个对于学习技术很重要。

- HTML标签

HTML标签是HTML中的最基本的单位，它描述Web世界中的各种基本语义结构。每个结构有它的含义，你可以往里面填充内容，结构与结构之间可以嵌套，以实现更加复杂的描述，最终让浏览器明白我们给它讲的是什么。

HTML标签是由尖括号包围的关键词，比如<html>。通常是成对出现，比如和，前者是开始标签，后者是结束标签。结束标签多了一个斜杠'/'。

- HTML元素

HTML元素指的是开始标签到结束标签的所有代码（包括开始与结束标签），元素的内容就是开始标签与结束标签之间的内容。

举例：

这是一个段落

上述元素定义了HTML文档中的一个段落，称为元素。这个元素拥有一个开始标签，以及一个结束标签。元素的内容是：这是一个段落

- HTML属性

HTML标签可以拥有属性，属性提供了有关HTML元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name="value"，属性总是在HTML元素的开始标签中规定。

举例：

HTML中，链接由<a>标签定义（锚点标签，用来实现页面之间的链接），链接的地址在href属性中指定。

<a href="http://www.sina.com.cn>这是新浪的链接</a>

标签、元素与属性在HTML文档中的示意图：

2. HTML基本结构

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>我是标题</title></head><body>我要学习HTML5</body></html>

基本结构解析：
- 文档类型声明

<!DOCTYPE HTML>声明必须是HTML文档的第一行。它是一个声明，告诉web浏览器页面是使用哪个HTML版本进行编写的。

<!DOCTYPE HTML>就是告诉浏览器页面是使用HTML5进行编写的。对于使用HTML4版本编写的文档声明方式可以在网络上去搜索，这里就不提了。

注意：

<!DOCTYPE>声明没有结束标签，并且对大小写不敏感。

- 标签

<html>标签

告知浏览器其自身是一个HTML文档

<head>标签

head标签用于定义文档的头部，描述了文档的各种属性和信息，包括文档的标题、文档在web中的位置以及和其他文档的关系等。它是所有头部元素的容器

<title>定义文档的标题，它是head部分中唯一必须的元素。在预览时如果没有定义title，文档位置字符串就会变成title。

<body>标签

<body>标签用来定义文档的主体，其中的内容是显示给用户看的。body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等)

0 0