百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> 图解HTML之文档构造
分享文章到:

图解HTML之文档构造

发布时间:09/01 来源:未知 浏览: 关键词:

本文主要为大家分享一篇图解HTML之文档构造的问题,具有很好的参照 价值,但愿对大家有所帮忙。一起跟从小编过来看看吧。

HTML文档的构造,我们可以将它懂得为网页的语法构造,一种编码的格局。这个文档构造可以使网页的编写变得非常的标准。标准的代码可以增添代码可读性,看起来也显得愈加的专业。

HTML文档总是以< html>标签开端并以< /html>完毕的。 也就是说,网页的内容全部全部包括在< html>与< /html>之间。此刻知道的HTML文档构造如下:

<html>......</html>

所有的HTML文件都有两个主要构造:头部head和主体body。 平常将文档的描写信息放在头部,而将文档的主题信息(阅读器上显示的信息)放在主体部分。第一次更新HTML文档构造为:

<html>
    <head>
        ......    </head>
    <body>
        ......    </body></html>

标题是HTML文档头部最重要的信息。 每个文档都应当有一个标题,可以让旅客看到网页的标题就知道该网页的主要内容是啥。那么标题在网页上显示在哪里呢?以baidu的主页为例:
百度首页
由上图可也看到,baidu首页的标题就是“baidu一下,你就是道”
文档标题放在文档头部的< title>与< /title>之间。其构造如下:

<head>
    <title>文档标题</title></head>

HTML文档的主体部分包括了在网页中显示的文本、图像、超链接等 在文档的主体部分主要放也写你想要给会员看,或者会员想看的内容。主体部分以< body>标签开端,并以< /body>完毕。其构造如下:

<body>
    文档主要内容:文本、图像、音频、视频、超链接等。</body>

利用< !DOCTYPE>对文档类型停止说明,帮忙阅读器准确地显示网页 web世界中有许多类型的文档,阅读器只要明白了文档的类型,才能更准确地显示文档。所以我们应当文每一个文档增添< !DOCTYPE>停止文档类型说明。< !DOCTYPE>位于< html>标签此前。
在 HTML4.01中,文档类型声明如下:

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

在 HTML5 中,文档类型声明很简便:

<!DOCTYPE html>

在编程时,往往需要增加注释来保持本人的逻辑清楚,并且增添代码的E可读性。在HTML文档中增加注释的办法为:

<!--注释内容-->

阅读器在读取HTML文档时,主动忽略注释的内容。也就是说,注释的内容不会在阅读器上显示出来。

最后,线上HTML文档的完全构造:

<!DOCTYPE html><!--引荐使用HTML5文档类型--><html>
    <head>
        <title>文档标题</title>
        ......    </head>
    <body>
        文档主要内容:文本、图像、音频、视频、超链接等。    </body></html>

相关引荐:

HTML5文档构造剖析

HTML5:组织文档构造

HTML文档构造

以上就是图解HTML之文档构造的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板