html文档基本介绍
来源:互联网 发布:c4d r17 mac 序列号 编辑:程序博客网 时间:2024/06/07 00:32
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>
- html文档基本介绍
- HTML基本介绍
- HTML基本介绍
- html+css----基本介绍
- Html----基本介绍
- 2html基本介绍
- HTML基础-HTML文档基本结构
- HTML文档--超链接等基本编辑命令
- HTML的文档结构与基本语法
- Html文档与基本语法和规范
- HTML基础:HTML文档的基本机构(2)
- HTML基本介绍与简单标签
- 【HTML/XML 6】XML文档的基本组成
- HTML文档对象的事件以及addEventListener与attachEvent介绍
- html窗口(window)高度、文档(document)高度介绍
- LaTeX学习——WinEdt介绍与文档基本结构
- Kafka文档(1)---- 基本介绍(Getting Start)
- [文档] TDDL和Diamond的使用(一):基本介绍
- hdu1052(贪心)
- Oracle Drop Table If Exists
- leetcode之判断是否是同一棵树
- 开篇之笔
- C语言程序设计实践(OJ)-用循环解决问题
- html文档基本介绍
- 保垒机SSH登录脚本
- Oracle inner/outer/nature join
- hdu1098Ignatius's puzzle泰勒展开/二项式展开
- Struts2学习笔记——001配置Strut2
- 字符操作(1)
- 解决dropdownlist选项重复问题
- Java类与类之间的关系
- xml解析,httputils网络请求,imageloder图片加载