html的学习心得

时间：2021-04-22 16:54:53

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

    现在就开始说说自己开发历程吧，先从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。

  1. 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。

  1. 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），比如针对搜索引擎和更新频度的描述和关键词。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />//用来说明这个网页的编码格式是gb2312也可以是gdk或utf-8

<meta name="author"content="w3school.com.cn">//用来说明这个网页的作者

<meta name="revised"content="David Yang,8/1/07">//用来说明这个网页是谁修订的
 
<meta name="generator"content="Dreamweaver 8.0en">用来说明这个网页的编写的时候用的软件是什么

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

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



标签：

相关文章