WEB前端之网页设计①----最新最全详解/网页基础结构

WEB前端之网页设计①—-最新最全详解/网页基础结构

一、网页的基础结构

    <!doctype html>
<html><head><meta charset=”UTF-8”>
<meta http-equiv="" contect="">
<meta name=”Generator” content=””><meta name=”Author” content=””><meta name=”Keywords” content=””><meta name=”Description” content=””><title></title>
    </head>
<body></body>
</html>

二、网页基础结构中各个标签的详细解释:

标签解释
!doctype html用来声明是用那个HTML版本进行编写的指令。不属于HTML标签
html告诉浏览器自己是一个HTML文档。
head定义文档的头部。标签内包含meta、title等标签。相当于网页的头部
meta元素可提供有关页面的元信息,如针对搜索引擎和跟新频率的描述和关键字
title定义网页的标题会在浏览器的头部显示,相当于网页的眼睛
body定义网页的内容,相当于网页的身体

三、meta标签及属性详解:

meta标签内的属性值解释
charset=”UTF-8”设置页面的编码格式为UTF-8
name=”Generator” content=””content中说明生成工具是什么
name=”Author” content=””content中告诉搜索引擎网站制作的作者
name=”Keywords” content=””content中告诉搜索引擎网站的关键字
name=”Description” content=””content中告诉搜索引擎网站的内容
name=”Description” content=”all”表示文件将被检索,且页面上的链接可以被查询
name=”Description” content=”none”文件将不被检索,且页面上的链接不可以被查询
name=”Description” content=”index”文件将被检索
name=”Description” content=”follow”页面上的链接可以被查询
name=”Description” content=”nofollow”文件将被检索,页面上的链接不可以被查询
=============================我是分割线=========================
http-equiv=”Content-Language” contect=”zh-CN”用以说明主页制作所使用的文字以及语言
http-equiv=”Refresh” contect=”n;url=http://zhangqiang定时让网页在指定的时间n内,跳转到界面http://zhangqiang
http-equiv=”Expires” contect=”Mon,12 May 2020 00:20:00 GMT”可用于设置网页的到期时间,一旦过期则必须到服务器上重新调用。注意必须是GMT时间格式
http-equiv=”Pragma” contect=”no-cache”是用于设置禁止浏览器从本地的缓存中调阅网页内容,设置后一旦离开网页就无法从Cache中再调出
http-equiv=”set-cookie” contect=”Mon,12 May 2020 00:20:00 GMT”cookie设定,如果网页过期,存盘的cookie将被删除。注意必须使用GMT格式
http-equiv=”Pics-label” contect=”“网页等级评定,在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别则是通过meta设置的
http-equiv=”Windows-Target” contect=”_top”强制网页在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用
http-equiv=”Page-Enter” contect=”reveralTrans(duration=10,transtion=50)”设定进入和离开网页时的特殊效果,这个功能即Frontpage中的“格式/网页过度”不过所加的页面不能够是一个frame的页面

结语:希望大家看了我的这篇文章对插入WEB前端的你有所帮助。
下一篇:WEB前端之网页设计②—-最新最全详解/网页常用标签
版权声明:非商用自由转载-保持署名-注明出处
署名(TM):TopGradeModel

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值