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