HTML5学习随记1⃣️

来源：互联网发布：应急逃生标志淘宝编辑：程序博客网时间：2024/06/03 09:29

1.开始学习HTML5

HTML5是一种描述性的标记语言，用于描述超文本文件中的内容和结构。

在HTML中，约定以< p> < / p>标记符来定义一个段落(中间那个不一定是p)，用< br />标记符时，会自动换行。

关于用什么工具来编写HTML，IDE或者文本编辑器都行，只要你用的顺手就行，这里我用的是Sublime Text 3，功能很强大的文本编辑器，唯一的缺点就是需要破费那么以下了，不过，支持正版。

关于用什么浏览器来运行写好的.html文件，我推荐的是chrome浏览器，不多说，就是“信仰”，谁用谁知道 //手动滑稽。

好吧，转入正题，当然以我们的万恶之源Hello World!开始(经典的开局)，都用烂了。

—hello.html—

<!DOCTYPE html><html><head><meta charset="utf-8" />    <title>        Hello World!    </title></head><body>    Hello World!</body></html>

什么？看不懂，就当这个没写在这。

Doctype声明：HTML5版本解释

<!DOCTYPE html>

注：Doctype声明必须在.html文件的第一行

HTML标记代表文件的开始，此标记可以省略，但是不建议。HTML标记以< html>开头，以< /html>结束：

<html>...</html>

头标记一般用来说明标题信息、元信息、定义CSS样式和脚本代码等等：

<head>...</head>

这块呢，就像它的名字一样，这部分内容显示在浏览器的标题栏中：

<title>...</title>

< meta>标记可提供有关页面的元信息。
charset 定义.html文档的字符编码：
其中不得不了解的是其中的字符集 charset 属性，它使字符集的定义更加的简单，例如：

<meta charset="ISO-8859-1"><!这里提示浏览器使用的是"ISO-8859-1"字符编码>

接着是提供给搜索引擎的关键字：

<meta name="keywords" content="关键字, keywords" /><!这里的关键字可以不止一个，最好不要超过5个><!注意这里的是keywords，不是keyword>

然后是页面描述：
description，用来简述网页的主要内容，通常被搜索引擎展示给用户看的一段文字。

<meta name="descrtiptin" contect="网页简介" />

最后是让页面定时跳转的高大上的东西：

<!比如让网页定时几秒秒后跳转或刷新><meta http-equiv="refresh" content="秒;[url=网址]" /><!这里的秒用阿拉伯数字替代，[url=网址]是可选的项目，如果省缺，页面只刷新不跳转>

网页所要显示的内容都放在这。。。好吧，这段真强大。。。

<body>...</body>

这个注释方法真的有别于我们见到的c/c++的斜杠，或者Python中的井号这里是这样的：

<!--你好，我是个注释-->

但是相同的是：人看的到，而计算机忽略了它。

呼。。。写了这么多，希望既能帮助自己记忆又能帮助到大家，喜欢的就点赞吧，如果有什么错误请指出，谢谢啦^_^。

1 0