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

yizhihongxing

一、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日

相关文章

  • 标记语言——网页应用CSS样式

    当我们创建网页时,HTML和CSS是两个必不可少的技术。HTML用于定义网页的结构和内容,而CSS用于定义网页的样式和布局。在本攻略中,我们将重点介绍如何使用CSS样式来美化网页。 CSS样式基础知识 在CSS中,可以使用多种方式来定义样式,包括选择器、属性和值。以下是一些基本的CSS样式属性: color:用于指定文本颜色。 background-colo…

    css 2023年5月18日
    00
  • CSS实现段落首字母、首字放大特效

    要实现段落首字母或者首字放大,可以使用CSS的伪元素和字体属性。下面是具体的实现步骤: 步骤一:设置段落样式 首先,我们需要设置段落的样式,包括字体、颜色、行间距等等。这些样式会作用于整个段落,不仅仅是首个字母或单词。 示例代码: p { font-size: 16px; line-height: 1.5; color: #333; } 步骤二:使用伪元素设…

    css 2023年6月10日
    00
  • React.js Gird 布局编写键盘组件

    React.js Grid 是一个基于 Flexbox 的布局库,它可以帮助我们更方便地实现页面布局。本文将讲解使用 React.js Grid 实现键盘组件的完整攻略。 步骤一:安装 React.js Grid 首先我们需要安装 React.js Grid。可以通过 npm 包管理器进行安装: npm install react-grid-system 步…

    css 2023年6月10日
    00
  • 多种方法使背景图片占据整个屏幕

    当我们需要使用背景图片时,有时候我们需要把它占满整个屏幕,而不出现任何留白。这里我们提供几种方法供参考。 1. 使用CSS3属性background-size CSS3中的背景图片大小属性background-size可以帮助我们轻松实现此功能。将该属性设置为cover,就可以让背景图片在不改变其纵横比的情况下占据整个容器。以下是一段示例代码: body {…

    css 2023年6月9日
    00
  • 全国哀悼日网站页面变成灰色的filter方法

    下面是详细的攻略: 1. 创建灰色filter 首先,我们需要创建一个灰色的filter来覆盖整个网页。我们可以使用CSS3中的filter属性,并结合hsl颜色模型来实现。 body { filter: grayscale(100%) brightness(70%); } 以上代码中,grayscale(100%)可以让整个网页变成灰色,而brightne…

    css 2023年6月11日
    00
  • vue3使用深度选择器修改样式问题

    当我们在Vue3中使用深度选择器修改样式时,会遇到一些问题,比如不生效或者出现样式叠加等情况。下面就是一个完整的攻略,帮助你解决这个问题。 什么是深度选择器 在Vue中,如果你想修改子组件的样式,可以使用深度选择器。用法是在样式选择器前面加上>>>或者/deep/,这样样式就能够穿透到子组件的内部进行修改。 深度选择器的问题 在Vue3中,…

    css 2023年6月9日
    00
  • 纯CSS流星雨背景的示例代码

    下面是纯CSS流星雨背景的完整攻略,包含示例代码和示例说明。 1. 纯CSS流星雨背景的示例代码 以下是纯CSS流星雨背景的示例代码: <!DOCTYPE html> <html> <head> <title>CSS Meteor Rain Background</title> <style&…

    css 2023年6月9日
    00
  • 如何使用css绘制钻石的方法

    使用 CSS 绘制钻石的方法主要是通过制定钻石的尺寸、颜色和边框样式等属性,并设置旋转角度来实现。以下是如何使用 CSS 绘制钻石的完整攻略: 钻石形状的设置 使用 CSS 的伪元素 ::before 和 ::after 来绘制钻石的形状。具体可以按照以下步骤来实现: 首先,需要设置钻石的尺寸和位置,可以使用 width 和 height 属性来设置钻石的大…

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