HTML最基本的页面

前面的文章简单的介绍了一些HTML标签,当然只是HTML标签中的一小部分

这篇文章简单介绍一下HTML的大体页面结构

尽管现在网页变得越来越复杂,但是最基本的底层结构没有发生变化,还是相对简单


一个网页包含以下:

1 文本内容

2 对其他文件的引用

3 标记:对文本内容进行表述以及确保引用正确应用


每个网页都是由以下结构开始构建的

例:

      <!DOCTYPE html>

       <html lang="en">

               <head>

                         <meta charset="utf-8" /> //这个的作用是转码,让任何浏览器识别你的HTML中的文字,不会出现乱码,不加的话在一些浏览器上汉字是乱码,utf-8请自行百度

                         <title>我的网页</title>

               </head>

                <body>


               </body>

      </html>

上面的例子只能让网页像一张白纸一样,算是弄一个接下来可以扩充内容的空间,以后会展示更多的网页内容,之前文章中的例子都是写在这个页面结构中的一部分。DOCTYPE,html,head, body这是任何网页都有的,它们是网页的基础,在这里, 可以添加的内容有两个,一个是赋予html元素中 lang 属性的 语言代码,二是 <title> 和 </title> 之间的文字,用来命名当前网页

实际上,body元素之上的那些部分是为浏览器和搜索引擎准备的,用户不会看到,及时用户可以看到title元素的内容,但是title标签之间的内容更重要的是让浏览器和搜索引擎识别。

<!DOCTYPE html> 部分的作用是告诉浏览器这是一个 HTML5 页 面。DOCTYPE 应该始终位于页面的第一行。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值