第一章 HTML5基础

最新推荐文章于 2024-08-11 09:28:46 发布

aspirin4j

最新推荐文章于 2024-08-11 09:28:46 发布

阅读量321

点赞数

分类专栏： html 文章标签： html5

本文链接：https://blog.csdn.net/mygirl61/article/details/108438753

版权

本文详细介绍了HTML5的基础知识，包括HTML的发展历史、文档结构和基本语法。重点讲述了HTML4与XHTML的区别，以及HTML5的新特性，如简化的基本结构和语法。此外，还探讨了HTML4的元素和属性，强调了内容属性的重要性。

摘要由CSDN通过智能技术生成

第一章 HTML5基础

HTML是Hypertext Markup Language 的缩写，即超文本标记语言。目前最新版本HTML5，而使用最广泛的是HTML4.1。

1.1HTML发展历史

1989年，蒂姆·伯纳斯·李发明了HTML语言。1990年11月编写了最早的web页面。

1993年，互联网工程工作小组（IFTE）发布了超文本标记语言，但这仅是一个非标准的工作草案。

1995年，W3C组织成立，规范化了THML的标准，从而奠定了Web标准化开打的基础。

1.2HTML文档结构和基本语法

1.2.1HTML4文档基本结构

<html><!--语法开始-->
    <head>
        <!--头部信息，如<title>标签定义的网页标题>
    </head>    
    <body>
        <!--主题信息，包含网页显式的内容-->
    </body>
</html><!--语法结束-->

1.2.2HTML4基本语法

所有标签都包含在''<''和">"起止标识符中没构成一个标签，如<style>。
在HTML文档中，绝大多数元素都有起始标签和结束标签，在起始标签和结束标签之间包含的是元素主体。如<body>和</body>中间包含的就是网页内容主体。
起始标签包含元素的名称以及可选属性，元素的名称和属性都必须在起始标签中，如：
```
<tag>元素主体</tag>
```
元素的属性包含属性名称和属性值两部分，中间通过等号进行连接，多个属性之间通过空格进行分离。如：
```
<tag a1="v1" a2="v2" a3="v3" ...... an="vn">元素主体</tag>
```
少数元素的属性也可能不包含属性值，仅包含一个属性名称。如：
```
<tag a1 a2 a3 ...... an>元素主体</tag>
```
一般属性值应该包含在引号内，不加引号浏览器也能够解析。
属性是可选的，元素包含多个属性，也是不确定的，这主要根据不同元素而定。不同的元素会包含不同的属性。HTML也为所有元素定义了公共属性，如title、id、class、style等。虽然大部分标签都成对出现，但是也有少数标签不成对，这些孤立的标签成为空标签。如：
```
<tag a1="v1" a2="v2" a3="v3" ...... an="vn">
```
空标签也可以包含很多属性，用来标识特殊效果或者功能。
标签可以互相嵌套，形成文档结构。嵌套必须匹配。如：
```
<div>
    <span>
    </span>
</div>
```
HTML文档所有信息必须包含在<html>标签中，所有文档元信息应包含在<head>子标签中，而HTML传递信息和网页显示内容应包含在<body>子标签中。

【示例】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
</head>
<body>

</body>
</html>

HTML文档的创作应包括以下内容：