html文档基本介绍

最新推荐文章于 2024-09-05 22:55:24 发布

aozeahj

最新推荐文章于 2024-09-05 22:55:24 发布

阅读量684

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/aozeahj/article/details/52852812

版权

html 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

html文档基本介绍

首先简略的说一下html与xhtml的历史和区别。
在最开始，还是静态网页的时代时，3wc组织统一网页标签规范，即html规范，但是html是一种内容与结构相结合的一种规范，还是不够纯粹，于是3wc组织又开发出一种新的规范xml规范，但是但是大多数的网站都已经采用了html规范，重新采用xml规范就意味着要重新构建网站，从成本来看是不现实的，所以xml规范并没有被推广使用，最后3wc组织采取折中的办法，将html规范和xml规范结合在一起，开发出xhtml规范了。而xhtml与html区别并不是很大，所以一直到现在还是很所欢迎的。现在我们主要用的就是xhtml1.0版本的规范。

HTML：超文本标记语言，是一种用来描述网页的标记语言

HTML文档：HTML 标签和纯文本，也就是我们常说的网页。Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

HTML文档主要分为三部分：DOCTYPE head body

1.<!DOCTYPE>声明位于HTML文档的最前，主要用来告知浏览器HTML文档使用哪种 HTML 或 XHTML 规范。文档规范版本一共有三种，严格，传统和使用框架。

  <span style="font-size:14px;">（1)严格：
    <!DOCTYPE html
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   (2)传统：
   <!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   (3)使用框架
    <!DOCTYPE html
      PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"></span>

以严格版本为例解释：<!DOCTYPE html 表示文档的根元素是html，PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 表示该文档的所有标签和格式的规范都在//W3C//DTD XHTML 1.0 Strict//EN中有定义。最后一行表示要是找不到第二行中的规范，可以通过http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd地址获得相应的定义规范。

2.<head></head>部分主要是声明标题元信息(用来说明网页自身的信息)以及引用的css，js文件等。举一个基本的head声明如下：

<head>
       <title>这里是标题</title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--声明网页的内容格式，编码字符集 -->
       <meta name="description" content="" />  <!-- 网页内容的简要描述，便于搜索引擎找到自己-->
       <meta name="keywords" content="" /> <!-- 网页的关键字，便于搜索引擎找到自己-->
       <script type="text/javascript">  <!-- 引入js代码-->

       </script>
</head>

其中<title>标签，声明本网页的标题。<meta>标签，表示元信息，第一行的元信息主要告诉浏览器，本文档的内容格式，以及文本字符集编码格式，以免浏览器误判出现乱码的情况。二行元信息和第三行元信息主要是告诉搜索引擎，本网页的主要内容和关键字，便于搜索引擎分析和提交给搜索客户。而<script type="text/javascript"></script>是告诉浏览器，这部分是js代码请用js解析引擎解析，当然js代码量大时可以存到文件中然后在此处引用文件路径即可。css文件类似。

3.<body></body>主体部分，所有网页的主要内容如：html标签，纯文本，其它脚本语言如PHP等都在写在这一部分内,并且只有写在这一部分中的内容才会在网页中显示。

最后上一个严格版本的最完整最基本的html文档代码模板如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
    <title>这里是标题</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <script type="text/javascript">

    </script>
</head>
<body> 

</body>