html的学习心得

最新推荐文章于 2024-10-17 19:10:37 发布

zzw_zhangzhiwei

最新推荐文章于 2024-10-17 19:10:37 发布

阅读量5.4k

点赞数

分类专栏： html 文章标签： html 脚本语言框架

本文链接：https://blog.csdn.net/zzwaini785452392/article/details/37591723

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

从大一暑假进入实验室，进的这个实验室叫做网络实验室，是一个充满爱、充满欢笑的大家庭，每个人都很努力，都知道自己的目标，尽管我不知道自己的具体目标是什么，但是我一直在寻找，寻找自己的道路，绘画自己的精彩。

现在就开始说说自己开发历程吧，先从html说起。html是一种标记语言，是用在web网络上的标记语言，从开始html1.0到现在很流行的html5.0，我开始学的时候是从4.0开始学的，其实看起来4.0和5.0没有多大的区别，但是html5.0比4.0的兼容性更好，代码更简洁，运行速度更快。下面就从html的完整格式来说明。

一般的html格式,这样的格式没有那么严谨，适合刚开始学的同学。

<html>
<head>
</head>
<title>
</title>
<style type="text/css"></style>
<script type="text/javascript"></script>
</head>
<body>
</body>
</html>

如果严谨的话，那我们就从表头开始说起：在<html>表头上还有一行代码<!DOCTYPE>，它是用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面的位置，处于 <html> 标签之前。通过确认页面的DTD,可以同时确定页面使用哪种W3C规范(比如 HTML 或 XHTML 规范)。

HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

HTML Strict DTD

如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：

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

HTML Transitional DTD

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：

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

Frameset DTD

Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：

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

XHTML 1.0 也规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。

XHTML Strict DTD

如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：

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

XHTML Transitional DTD

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 XHTML 的呈现特性时，请使用此类型：

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

XHTML Frameset DTD

当您希望使用框架时，请使用此 DTD！

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

总上面来看，其实两者的表示形式没有太大的差别，但是HTML和XHTML的表示形式就有点不一样，在这里就不详细说了，等下一遍再跟大家详细比较这两者的详细区别。

再往下说就是<html>标签里的写法了，如果上面的<!DOCTYPE>不写的话，在<html>里也不用写什么，所以在这里我们严格的来说在<html>中要写xmlns="http://www.w3.org/1999/xhtml"来表明这个文件是可以自定义自己的标记，但你定义的标记和其他人定义的标记有可能相同，但表示不同的含义。当文档交换或者共享的时候就容易产生错误。为避免这种错误产生，xml采用名字空间声明，允许你通过一个网址来识别你的标记，如果不写也没有什么的。

往下说就是<head>，这个没有什么要讲的，这个一般用来申明使用的脚本语言，以及网页传输时使用的方式等特效所使用的脚本语言插在这里,比如css样式，js特效。css和js分别放置在<head></head>中的<style>和<script>中。

再者就是<title></title>这个标签是用来说明你的这个网页名称，如当打开百度的时候，会在网页窗口显示“百度一下，你就知道”的字样，这个也没什么要说明的。

其实在<head></head>标签中有一个<meta>，这个是用来表明提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

最后就是<body>这个主体部分，是整个网页的重要部分，包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

最后的最后，关于html整体框架就介绍到这，小弟还会继续写我的理解和心得，望大家关注，指点和批评，谢谢