HTML骨架

HTML骨架:

<!DOCTYPE html>

<html>

        <head>

                <meta http-equiv="Content-Type" content="text/html";  charset="utf-8">

                <title>哈哈哈</title>

        </head>

        <body>

                <h1>我的第一个标题</h1>

                 <p>我的第一个段落。</p>

        </body>

</html>

HTML骨架详解:

<!DOCTYPE html>(第一行):网页的声明头,术语叫做Document Type Definition,文档类型定义,简称DTD。网页声明头可以告诉浏览器,这是一个什么标准的页面。

<html> (第二行):是最大的html标签所有的网页内容,都要包裹在这个标签对里面。

<meta http-equiv="Content-Type" content="text/html";  charset="utf-8"> (第四行)

meta标签:

字符集用meta标签定义,meta表示“元”。“元”配置,就是表示基本的配置项目。

charset就是charactor set“字符集”的意思。
中文能够使用的字符集两种:

第一种:UTF-8。UTF-8是国际通用字库,里面涵盖了所有地球上所有人类的语言文字,比如阿拉伯文、汉语

第二种:gb2312(也可以写作gbk)。gb2312 是国标,是中国的字库,里面仅涵盖了汉字和一些常用外文,比如日文片假名,和常见的符号。

字库规模:UTF-8 (字全)> gb2312(只有汉字)

总结:

UTF-8 字多,有各种国家的语言,但是保存尺寸大,文件臃肿;

gb2312字少,只用中文和少数外语和符号,但是尺寸小,文件小巧。

重点:同一个字在两种不同的字符集里面编码也不一样。用meta标签声明当前这个html文档的字库时,一定要和保存的类型一样,否则会乱码!

meta除了可以设置字符集,还可以设置关键字页面描述

设置关键字(以网易为例):

<meta name="Keywords" content="网易,游戏,邮箱,体育,新闻,娱乐,女性,亚运" />

这些关键词,就是告诉搜索引擎,这个网页的作用的,能够提高搜索命中率。

页面描述:

<meta name="Description" content="聚美优品是国内知名正品女性团购网站,也是领先……"

只要设置的Description页面,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO,search engine optimization,搜索引擎优化。

一个企业级的完完整整的HTML骨架(以聚美优品为例):

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

        <head>

                <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
                <meta name="Keywords" content="聚美优品,化妆品,美妆,正品,折扣" />
                <meta name="Description" content="聚美优品是国内知名正品女性团购网站,也是领先的品牌化妆品团购和护肤品团购网,聚美优品团购化妆品每天有超值的化妆品和护肤品团购信息,详情登陆聚美优品官网:jumei..." />
                <title>聚美优品-【极速免税店 品牌防伪码】正品化妆品团购网站SH,千万用户推荐,拆封30天无条件退货!</title>

         </head>
         <body>
            大家能看到的部分,这里就是网站主题部分。
         </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值