WEB标准学习,认识两种网页声明的含义

一、WEB标准学习

WEB标准是基于W3C组织推出的一系列标准化的技术规范,包括HTML、CSS、XML、JavaScript等各种技术标准,旨在为开发者提供规范的技术规范,提高网站的可访问性、可用性、可维护性和可扩展性。

二、认识两种网页声明的含义

  1. HTML 4.01 doctype 声明
    HTML 4.01 doctype 声明是指在 HTML 4.01 标准中定义的 doctype 声明格式,格式如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

它是HTML 4.01xHTML规范的一部分,用于告诉浏览器当前文档使用的是HTML 4.01或xHTML标准,以便浏览器能够正确地解释和渲染网页。

  1. HTML5 doctype 声明
    HTML5 doctype 声明是指在 HTML5 标准中定义的 doctype 声明格式,格式如下:
<!DOCTYPE html>

它是HTML5规范的一部分,与 HTML 4.01 doctype 相比,它更加简洁,而且兼容性更好。目前大部分浏览器都能够正确地解析和渲染HTML5文档。

三、HTML 4.01 doctype 声明示例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>HTML 4.01 doctype 声明示例</title>
</head>
<body>
  <h1>Hello World!</h1>
  <p>This is an example of HTML 4.01 doctype declaration.</p>
</body>
</html>

在这个示例中,我们使用了 HTML 4.01 doctype 声明,告诉浏览器当前文档使用 HTML 4.01 标准。在文档中,我们添加了一个标题和一个段落元素。

四、HTML5 doctype 声明示例

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>HTML5 doctype 声明示例</title>
</head>
<body>
  <h1>Hello World!</h1>
  <p>This is an example of HTML5 doctype declaration.</p>
</body>
</html>

在这个示例中,我们使用了 HTML5 doctype 声明,告诉浏览器当前文档使用 HTML5 标准。在文档中,我们添加了一个标题和一个段落元素。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:WEB标准学习,认识两种网页声明的含义 - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • jQuery修改class属性和CSS样式整理

    下面我来详细讲解一下“jQuery修改class属性和CSS样式整理”的完整攻略: 修改class属性 addClass()方法 我们可以通过addClass()方法给一个元素添加一个或多个class属性,示例代码如下: $(‘h1’).addClass(‘title big’); 上述代码就给所有<h1>标签添加了title和big两个clas…

    css 2023年6月10日
    00
  • Bootstrap Table使用方法详解

    接下来我将为大家详细讲解“Bootstrap Table使用方法详解”的完整攻略。 Bootstrap Table使用方法详解 Bootstrap Table是一款基于Bootstrap框架的高度可定制化的数据表格插件。该插件支持多种数据源输入方式,并且支持各种功能扩展,如分页、排序、搜索等。下面我们来详细讲解使用方法。 安装 Bootstrap Table…

    css 2023年6月9日
    00
  • 网页制作 css让页面居中对齐

    网页制作中让页面居中对齐常用的方法有以下几种: 1.使用margin属性实现居中对齐 将页面外层容器设置为绝对定位,然后利用margin属性进行居中对齐。 .container{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); } 可以通过设置容器的width、h…

    css 2023年6月9日
    00
  • HTML实现移动端固定悬浮半透明搜索框

    实现移动端固定悬浮半透明搜索框通常通过以下步骤: 步骤一:创建HTML结构 在HTML中创建一个搜索框结构,可以使用form和input标签,如下所示: <form> <input type="search" placeholder="搜索关键字"> <button type="…

    css 2023年6月10日
    00
  • div三栏布局左中右通过float浮动来设置

    以下是关于“div三栏布局左中右通过float浮动来设置”的详细攻略: 什么是div三栏布局? div三栏布局是一种常见的网页布局方式,即将页面内容分成左、中、右三个部分,通常左右两部分的宽度是固定的,而中间部分的宽度则是自适应的。实现这种布局可以采用多种方式,其中一种常见的方式是通过float浮动来设置。 如何通过float浮动来设置div三栏布局? 要实…

    css 2023年6月10日
    00
  • 提高CSS代码效率的编写技巧

    提高CSS代码效率的编写技巧是非常重要的,可以提高开发效率和代码质量。以下是一些常见的技巧和示例说明: 1. 使用嵌套,减少CSS选择器的数量 在编写CSS时,我们经常使用css选择器来定位元素,这些选择器的数量越多,CSS文件的大小也就越大,性能也就越慢。因此,我们可以使用嵌套来减少选择器的数量,提高代码的可读性和可维护性。 例如,下面的示例中,我们使用了…

    css 2023年6月9日
    00
  • 在vue项目中设置一些全局的公共样式

    在 Vue 项目中设置全局公共样式,可以通过多种方法实现。以下是两种方法的示例说明: 方法一:使用全局样式文件 在项目中新建一个 styles 文件夹,并在其中创建一个 global.scss 文件。 在 global.scss 文件中定义需要设置的全局样式,例如: body { font-family: "Helvetica Neue"…

    css 2023年6月9日
    00
  • 如何用css3实现switch组件开关的方法

    如何用CSS3实现Switch组件开关的方法 Switch组件开关是一种常见的UI组件,它可以用于控制开关状态的切换。在CSS3中,可以使用伪元素和过渡效果来实现Switch组件开关的效果。本攻略将详细讲解如何用CSS3实现Switch组件开关的方法,并提供两个示例说明。 1. CSS3实现Switch组件开关的方法 1.1. 使用伪元素 可以使用伪元素来实…

    css 2023年5月18日
    00
合作推广
合作推广
分享本页
返回顶部