当前位置:

前端网页入门教程之网页头部标签head详解 / 教程文档

4月前 阅读 / 97 来源 / 原创 文 / 管理员

HTML基本结构之head标签上个视频给大家讲解了html的基本机构,这个视频给大家详细的介绍一下页头部分(head),看一下都有哪些常用的知识点呢...


前端网页入门教程之网页头部标签head详解


上个视频给大家讲解了html的基本机构,这个视频给大家详细的介绍一下页头部分(head),看一下都有哪些常用的知识点呢。


前端网页入门教程之网页头部标签head详解

图片来自网络


head实例:


<head>
  <!--网页编码格式-->
  <meta charset="utf-8" />
  <!--网页标题-->
  <title>多多鱼网页设计</title>    
  <!--网页关键字-->
  <meta  name="keywords" content="多多鱼网页"/>
  <!--网页描述-->
  <meta  name="description" content="多多鱼网页是一个专注学生网页模板作业以及技术学习网站"/>
  <!--本页作者-->
  <meta  name="author" content="多多鱼">
  <!--版权声明-->
  <meta  name="copyright" content="本站所有模板均为原创,版权所有,禁止转载。否则将追究法律责任。"/>
</head>

大家可以看到里面主要写了六条数据:

1、网页编码格式

<meta charset="utf-8" />

编码格式主要有这几个:


UTF-8:Unicode TransformationFormat-8bit,允许含BOM,但通常不含BOM。是用以解决国际上字符的一种多字节编码,它对英文使用8位(即一个字节),中文使用24为(三个字节)来编码。UTF-8包含全世界所有国家需要用到的字符,是国际编码,通用性强。UTF-8编码的文字可以在各国支持UTF8字符集的浏览器上显示。如,如果是UTF8编码,则在外国人的英文IE上也能显示中文,他们无需下载IE的中文语言支持包。 

GBK是国家标准GB2312基础上扩容后兼容GB2312的标准。GBK的文字编码是用双字节来表示的,即不论中、英文字符均使用双字节来表示,为了区分中文,将其最高位都设定成1。GBK

GBK、GB2312等与UTF8之间都必须通过Unicode编码才能相互转换包含全部中文字符,是国家编码,通用性比UTF8差,不过UTF8占用的数据库比GBD大。 


2、网页标题

<title>多多鱼网页设计</title>

这个是一个网页的title,可以让别人快速的知道你的网页的主题名称是什么。


3、网页关键词

<meta  name="keywords" content="多多鱼网页"/>

网站关键词就是一个网站给首页设定的以便用户通过搜索引擎能搜到本网站的词汇,网站关键词代表了网站的市场定位,国内比较好的书籍由朱晓林关键词分布要领。

网站的关键词至关重要,如果选择的关键词不当,对网站来说就是灾难性的后果。


4、网页描述

<meta  name="description" content="多多鱼网页是一个专注学生网页模板作业以及技术学习网站"/>

用户在搜索关键词的时候,首先呈现给用户的是标题和描述部分,想要进一步吸引用户点击,得到用户的青睐,醒目的描述发挥着至关重要的作用,毕竟标题的长度有限,并不能完全显示,而描述是概括一个网页内容的简洁话语。

一般搜索引擎允许描述的字符数在 120 字符之内,多余的字符会被剪除(同网页标题一样会被省略),所以控制在 120 字符以内才能保证网页描述的完整性。

网页描述在网站对搜索引擎友好方面有着不可忽视的作用,能够补充网站标题和网站关键词的不足,给搜索蜘蛛和浏览者更加完整的信息。因此,网页描述被作为搜索蜘蛛了解网站主要内容的重要标记。


5、网页作者

<meta  name="author" content="多多鱼">

这个是声明本页代码的编写者是谁,后期修改的话可以快速的找到对应的代码编写人员。


6、版权说明

 <meta  name="copyright" content="本站所有模板均为原创,版权所有,禁止转载。否则将追究法律责任。"/>

网页著作版权的一个说明,原创作者也不容易,请大家尊重原创作者,谢谢大家。

评论列表
共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

猜你喜欢

内容管理系统 · Powered By YzmCMS皖ICP备17010873号
学生网页作业定制、企业网站联系客服微信:zhaocom666
相关侵权、举报、投诉及建议等,请发E-mail:2528730315@qq.com

友情链接: 大学生网页作业 网页制作成品下载 网页教程 网页作业模板 网页成品

客服微信

客服微信

zhaocom666

模板问题

定制问题

作业定制

企业建站

微信客服