Manoarya的HTML基本解释。
#javascript #html #css #code

嗨,这本Manoarya解释文章的情况如何

我们在这篇文章中发现了以下主题。

Html starter code


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- Write your code hare -->
</body>
</html>


<!Doctype HTML> 是任何HTML文档的第一行。

doctype 给出Web浏览器的想法,这些文档用于创建此文档。

<!doctype html> 表示我们编写的整个文档是html的类型。

顺便说一句 <!doctype html> 是最新版本的HTML,称为 html 5

html的先前版本看起来像以下代码。这种类型我们不使用 <!doctype html>

请参阅版本4.01称为HTML4.01ð


              <DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


请参阅1.1版称为XHTMLð


            <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


<!doctype html> 不是案例敏感的,因此我们可以用任何情况写作,例如 <!doctype html> <!doctype html> 这不会影响最终结果。但是我建议您像这样写* <!doctype html> *,因为它看起来更好。

与文档有关的所有信息都包含Head Tag的内部。

以下所有标签都放在头标签内。

*

*

几乎我们在早期编码阶段被忽略了这条代码。

,但是现在我们需要知道HTML文档中此代码的工作是什么。

因此,在此代码行中,我们有第一个属性 http-equiv。

根据内容属性内部给出的https信息或值的响应。

http-equiv属性值

1。内容 - 安全性

作品:显示文档的所有内容策略。

用途:

2。内容类型

工作:内容类型属性值显示文档编码的字符类型。

用途:

Learn More about UTF-8

3。默认样式

作品:当您要使用首选样式表时使用。

用途:

焦点:内容属性的价值与stylesheet标题匹配。

4。刷新

工作:具有给定时间间隔的自动刷新文档。您可以将间隔时间作为内容属性值。

用途:

焦点:仔细使用刷新值,因为它影响了

的准则

https://www.w3.org/WAI/...

名称属性的值是ViewPort是显示文档的外观。

它负责响应式设计,这就是我们称其为响应式元标记的原因。这是任何HTML文档的重要MATA标签。

代码段

如果您不想缩放文档,则使用此代码段

或,如果要用户缩放页面,请使用它

<! - 评论 - >此代码线称为注释

评论可帮助开发人员阅读和理解代码的说法。

因此,您想编写免费和美丽的代码,然后您必须在代码中使用注释。

<链接tage基本上附加了您的外部CSS文件,以在当前文档上应用漂亮的样式。

链接tage具有以下属性

rel:哪个值是样式表。

href:您的CSS文件名是哪个值。

例如,我有一个CSS文件名为manoarya.css,我想将其用于我的manoarya.html文档。

然后我的链接tage看起来像这个

现在我的CSS文件代码应用于此文档。

标题tage在任何HTML文档中都非常重要,因为它对SEO规定非常重要。

标题标签是帮助浏览器以及用户了解此页面提供的信息类型的。

标题显示在浏览器窗口的顶部以及Google搜索结果上。参见ð

元描述是定义本文档中包含的信息的非常重要的标签。

这是整个文档的简短信息。

描述还有助于在Google上排名。

车身tage是HTML文档中最重要的一部分。

没有身体标签,浏览器上什么也没有显示。

无论您在车身标签内部编码的浏览器上看到什么东西。


            <!DOCTYPE html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="viewport"
  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <!--your css file links-->
  <link rel="stylesheet" href="your file name.css" />
  <!--title of your website-->
  <title>Add your title</title>
  <!--description of your website-->
  <meta name="description" content="Add your description.">
</head>
<body>
  <!--your javascript file attached-->
  <script src="your javascript file name.js" type="text/javascript" charset="utf-8"></script>
</body> 


这就是本文的全部。希望您喜欢并喜欢这篇文章。

请分享您的建议并提供一些建议。

谢谢你显示很多。