2016.3.7__HTML 基础_第一天-CSDN博客

本文链接：https://blog.csdn.net/MR_LP/article/details/50843781

如果您觉得这篇文章还不错，可以去H5专题介绍中查看更多相关文章。

今日课程预览

first day

0.HTML基础架构

什么是 HTML？

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如
HTML 标签通常是成对出现的，比如和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

例子解释

<html> 与 </html> 之间的文本描述网页

<body> 与 </body> 之间的文本是可见的页面内容

<h1> 与 </h1> 之间的文本被显示为标题

<p> 与 </p> 之间的文本被显示为段落

1.界面架构之 HTML Header

1.1 `<!DOCTYPE html>`

DOCTYPE是document type（文档类型）的简写，用来说明你用的XHTML或者HTML是什么版本。DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。

1.2 `<html lang="en">`

咱们还需要告诉浏览器，咱们的界面使用的语言是什么类型的？ en –> English.

1.3 `<head>`标签

<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。

以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

1.3.1 `<title>`标签

<title> 标签定义文档的标题。
title 元素在所有 HTML/XHTML 文档中都是必需的。

title 元素能够：

定义浏览器工具栏中的标题

提供页面被添加到收藏夹时显示的标题

显示在搜索引擎结果中的页面标题

总之 title 就是用来方便用户能快速准确得了解到这个网页要介绍的内容所使用的标签。

title的特点：

title标签只能在head标签内出现；
标签内的内容通常在浏览器的标题栏中显示；
浏览器中收藏夹内书签的名称是title的内容；
title的内容可以方便搜索引擎索引页面；
从搜索引擎搜索到的内容的标题往往是网页title的内容；
title通常体现了网页的主题内容，所以记得一定要加上。

1.3.2 HTML `<meta>` 元素

元数据（metadata）是关于数据的信息。

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。

典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

<meta> 标签始终位于 head 元素中。

元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

针对搜索引擎的关键词

一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。

2016.3.7__HTML 基础_第一天

今日课程预览

0.HTML基础架构

什么是 HTML？

HTML 标签

HTML 文档 = 网页

例子解释

1.界面架构 之 HTML Header

1.1 <!DOCTYPE html>

1.2 <html lang="en">

1.3 <head>标签

1.3.1 <title>标签

1.3.2 HTML <meta> 元素