点击此处浏览总目录

关于HTML

■ 什么是HTML

HTML是超文本标记语言(HyperText Markup Language),用于创建网页,它是一种标准标记语言,不是一种编程语言

标记语言就是一套用来描述网页的标记标签(markup tag)

HTML文档包含了HTML标签及文本内容,也叫做web页面

当前标准为HTML5

HTML运行在浏览器上,由浏览器来解析,通过HTML可以建立WEB站点

■ HTML页面组成

示例

<!DOCTYPE html>
<html>    
    <head>
        <meta charset="UTF-8">
        <title>我的第一个html</title>
    </head>
    <body>
        <h1>我的第一个标题</h1>
        <p>我的第一个段落。</p>
    </body>
</html>    

□ 网页声明

<!DOCTYPE>声明位于HTML页面最开始位置,有助于浏览器中正确显示网页

此标签可告知浏览器文档使用哪种HTML或XHTML规范

<!DOCTYPE html>即表示声明该文档为HTML5文档,是HTML5标准网页声明,全称为Document Type HyperText Mark-up Language,是一条标示语言

支持HTML5标准的主流浏览器都认识这个声明,表示网页采用HTML5

doctype声明是不区分大小写的,以下方式均可:

<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

◆ 各版本HTML网页声明

  ▶ HTML5

<!DOCTYPE html>

  ▶ HTML 4.01

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

  在HTML 4.01 中,<!DOCTYPE> 声明需引用DTD(文档类型声明),因为 HTML 4.01 是基于SGML(Standard Generalized Markup Language 标准通用标记语言)

  HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset

  HTML5不是基于SGML,因此不要求引用 DTD

  ▶ XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

□ html元素

HTML页面的根元素,是页面中最大的标签

□ head元素

定义了文档的头部,包含了文档的元(meta)数据,如 <meta charset="UTF-8"> 定义网页编码格式为 UTF-8

对于中文网页需要使用 <meta charset="UTF-8"> 声明编码,否则会出现乱码

有些浏览器(如360浏览器)会设置GBK为默认编码,则需要设置为 <meta charset="gbk">

在head标签中我们必须要设置title标签

□ title元素

定义文档的标题,让页面拥有一个属于自己的网页标题

□ body元素

定义文档的主体,包含文档的所有内容,如可见的页面内容

页面内容基本都是放到body里面的,即只有 <body>包含的部分才会在浏览器中显示

□ 基本元素

每个网页都会有一个基本的结构标签(骨架标签),页面内容会在这些基本标签上书写

基本结构标签即为上述的以下标签:

  <html>标签

  <head>标签

  <title>标签

  <body>标签

以下为html文档的最最基本的格式,缺一不可

<html>    
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>   

■ HTML标签

HTML标记标签通常被称为HTML标签(HTML tag)

HTML标签是由尖括号包围的关键词,比如 <html>

HTML标签通常是成对出现的,比如 <b> 和 </b>

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

■ HTML元素

HTML元素,通常也叫HTML标签

严格来讲, 一个 HTML元素包含了开始标签与结束标签,如:

<p>这是一个段落。</p>

■ 关于Web浏览器

Web浏览器是用于读取HTML文件,并将其作为网页显示

浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户

■ 注意

□ 编码

关于UTF-8的书写规范,"UTF-8"是标准的写法,即大写字母 + 横杠"-",应一律使用该种格式

□ 后缀名

HTML文档可以有以下后缀名,它们没有任何区别

  ▶ XXXX.html(推荐使用)

  ▶ XXXX.htm(因最初的window操作系统只支持后缀名为三个字母导致)

□ 空白字符

HTML中不支持以下符号,它们都会被解析成一个空白字符

  ▶ 空格

  ▶ 回车

  ▶ 制表符

<p>
  菜     鸟
  教程
</p>

<!-- 
输出: 菜 鸟 教程
-->

 

 

 

posted @ 2020-11-30 09:54  立业的博客  阅读(64)  评论(0编辑  收藏  举报