首页 > 其他分享 >HTML历史

HTML历史

时间:2023-06-30 17:00:16浏览次数:25  
标签:历史 网页 定义 标签 HTML 文档 用于

HTML

HTML历史

HTML(Hypertext Markup Language)的历史可以追溯到上世纪90年代初,以下是HTML的主要历史阶段:

  1. HTML 1.0:在1991年发布,是HTML的最初版本,用于创建基本的文本和链接结构,但功能有限。

  2. HTML 2.0:于1995年发布,引入了一些新的功能和标记,如表格、图像和表单元素。这是互联网早期网页的基本标准。

  3. HTML 3.2:于1997年发布,是HTML的重要更新,引入了更多的标记和功能,如框架、背景图像和表单验证。

  4. HTML 4.01:于1999年发布,进一步扩展了HTML的功能和标记集。它包括了样式表(CSS)的集成,支持复杂的布局和样式化。

  5. XHTML(Extensible HTML):XHTML于2000年发布,是对HTML的严格化和模块化的版本。它是基于XML(可扩展标记语言)的HTML,强调文档的结构和语法的规范性。

  6. HTML5:HTML5是在2014年成为W3C推荐标准的最新版本。它引入了许多新的功能和API,如语义化元素(如

    、)、

HTML5还支持响应式设计、跨平台兼容性和更好的语义化标记。它提供了更多的灵活性和交互性,使开发人员能够创建更丰富、动态和可访问的网页和应用程序。

随着互联网的发展和技术的进步,HTML仍在不断演化和发展。新的HTML版本和规范不断出现,以满足不断变化的需求和技术挑战,提供更好的用户体验和开发体验。

HTML介绍

HTML(超文本标记语言)是用于创建网页和应用程序的标准标记语言。它提供了网页内容的结构和格式,定义了元素的显示和组织方式。

HTML文档由一系列用尖括号(< >)括起来的标签组成。标签用于定义文档中的不同元素及其属性。以下是一个基本的HTML结构示例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
</head>
<body>
    <!-- 在这里编写网页内容 -->
</body>
</html>

让我们逐步解释每个部分的作用:

  1. <!DOCTYPE html>:这是HTML5的文档类型声明,用于指示文档使用HTML5规范解析。

  2. <html><html>标签是HTML文档的根元素,它包含了整个HTML文档的内容。

  3. <head><head>标签定义了文档的头部,其中包含了关于文档的元数据和引用的外部资源,如标题、样式表和脚本等。

  4. <meta charset="UTF-8"><meta>标签用于设置文档的字符编码,这里指定为UTF-8,以支持更广泛的字符集。

  5. <title><title>标签定义了网页的标题,显示在浏览器的标题栏或标签页上。

  6. <body><body>标签包含了HTML文档的主体内容,包括文本、图像、链接和其他元素等。在这个标签中编写网页的实际内容。

这是一个基础的HTML文档结构,你可以在<body>标签中添加各种HTML标签和内容,来构建你的网页。

常见标签

  1. <html>:定义HTML文档的根元素。
  2. <head>:定义HTML文档的头部,包含了文档的元数据(如标题、样式表、脚本等)。
  3. <title>:定义网页的标题,显示在浏览器的标题栏或标签页上。
  4. <body>:定义HTML文档的主体内容。
  5. <h1><h6>:定义标题,按重要性递减,<h1>是最高级别的标题。
  6. <p>:定义段落,用于包裹一段文本。
  7. <a>:定义链接,创建一个指向其他网页、文件或位置的超链接。
  8. <img>:定义图像,用于在网页中插入图片。
  9. <ul>:定义无序列表,用于显示项目的列表,项目以符号(通常是圆点)表示。
  10. <ol>:定义有序列表,用于显示按顺序排列的项目,项目以数字或字母表示。
  11. <li>:定义列表中的每个项目。
  12. <table>:定义表格,用于显示数据的网格。
  13. <tr>:定义表格中的行。
  14. <td>:定义表格中的单元格。
  15. <div>:定义文档中的块级元素容器,用于组织和样式化内容。
  16. <span>:定义文档中的行内元素容器,用于对文本进行样式化或标记。
  17. <form>:定义用于收集用户输入的表单。
  18. <input>:定义表单中的输入字段,例如文本框、复选框等。
  19. <button>:定义按钮,用于触发特定的操作或事件。
  20. <script>:定义客户端脚本,通常用于添加交互性和动态功能。

这些只是HTML标签中的一部分,还有很多其他标签可用于创建不同类型的内容和功能。

 

 

标签:历史,网页,定义,标签,HTML,文档,用于
From: https://www.cnblogs.com/sizisuifa/p/17517269.html

相关文章

  • HTML以及CSS介绍
    HTML介绍HTML(超文本标记语言)是用于创建网页和应用程序的标准标记语言。它提供了网页内容的结构和格式,定义了元素的显示和组织方式。HTML文档由一系列用尖括号(<>)括起来的标签组成。标签用于定义文档中的不同元素及其属性。以下是一个基本的HTML结构示例:<!DOCTYPEhtml><html><h......
  • HTML网页内容适配——标题栏
      前言现在很多网页用的都是固定标题栏,就像这样:很多网站为了兼容小窗口还会做个JS适配:但是如果窗口比这还小的话...那就只剩下一部分了。由于设置position:fixed后元素不会随着滚动条滚动,所以超出页面边缘的部分将永远看不见,除非增大窗口或缩小显示比例。很......
  • 关于HTML页以Get方法向asp.net页面传值乱码的解决
    这个问题是最近偶然发现的,朋友说我个人做那个基于Lucene的搜索引擎,存在一个问题,就是只能搜索英文,不能搜索中文。我把代码仔细看了一下,没发现问题,但是在测试的时候确实存在这样的问题。我查看传值之后的参数,全部是乱码或者空格,立即觉得是传递过程中编码的问题。后来在web.config中添......
  • HTML基础
    HTMLHTML历史HTML(HypertextMarkupLanguage)的历史可以追溯到上世纪90年代初,以下是HTML的主要历史阶段:HTML1.0:在1991年发布,是HTML的最初版本,用于创建基本的文本和链接结构,但功能有限。HTML2.0:于1995年发布,引入了一些新的功能和标记,如表格、图像和表单元素。这是互联网早......
  • 第10.3篇 html基础标签
    HTML一、HTML简介1.什么是HTMLHTML:HyperTextMarkupLanguage,超文本标记语言。作用:编写网页。2.写一个简单的HTML<html><head><title>pagetitle</title></head><body><fontcolor="red">hello,kitty&......
  • HTML5(三)H5新增标签
    H5之前,使用div容器元素进行页面定义布局```<divid="header"></div><divid="nav"></div><divid="article"><divid="section"></div></div><divid="aside"></div><d......
  • HTML5--块元素和内联元素
     块元素内联元素(行内元素)在页面中独占一行,自上向下排列不独占一行,只占自身大小可以设置width,height属性设置width,height属性无效包含内联元素和其他块元素包含其他内联元素,不包含块元素常见块元素:div,form,h1~h6,hr,p,table,ul常见内联元素:a,b,......
  • Tips: How to Get the Currently Selected HTML Content in Major Browsers
    functiongetSelectionHtml(){constsel=window.getSelection();if(sel.rangeCount){varcontainer=document.createElement("div");for(vari=0,len=sel.rangeCount;i<len;++i){container.appendCh......
  • html测试报告没内容,怎么办?
    接上一篇,好容易运行之后生成了测试报告report.html,可是一看文件大小,竟然是0kb,顿觉不妙,用浏览器打开一看,竟然是空白的,没内容。 赶紧看报错信息,不是很明白,大概是说需要的是二进制信息,而提供的是字符串格式,没有办法write方法写入。火急火燎的百度报错信息,有说把open的文件关闭后......
  • Pycharm+unittest+HTMLTestRunner无法生成测试报告文件
    在执行时,遇到一个问题:一直无法生成测试报告(用例能执行,就是无法生成报告)根本原因:PyCharm会默认使用自带的unittest框架来执行单元测试,不会执行main函数中的代码,所以不生成测试报告1、pycharm右上角点击运行方式的下拉列表,选择EditConfigurations2、添加python3、添加脚本路......