1.HTML5头部结构
【DOCTYPE html】
声明文档类型为HTML5文件。
文档声明在HTML5文档必不可少,且必须放在文档的第一行。
【meta标签】
1.charset属性:单独使用,设置文档字符及编码格式。
写法:<meta charset="UTF-8">
常见的中文编码格式:
B-2312:国标码,简体中文
GBK:扩展的国标编码,简体中文
UTF-8:万国码 Unicode码,基本兼容各国语言文字
2.http-equiv属性:需配合content属性使用。主要声明浏览器如何解释编译文件。
写法:<meta http-equiv="属性值" content="属性值详细内容"
常用属性值:
Content-Type HTML4.01之前的文档内容编码声明。
refresh 网页刷新
set-Cookie 设置浏览器cookie缓存
3.name属性:需配合content属性使用,主要用于给搜索引擎提供必要信息。
写法:<meta name="属性值" content="属性值详细内容"
重要属性值:
author 作者,声明网站作者,常用公司网址表示
keywords 网站关键字,多个关键字,用英文逗号分隔
description 网页描述,搜索引擎显示在title下的描述内容
例如:
<!--charset属性--> <meta charset="UTF-8"> <!--作者--> <meta name="anthor" content="http://www.sasu.cn" /> <!--网页关键字--> <meta name="keywords" content="HTML5,网页,第一个" <!--网页描述--> <meta name="description" content=我的第一个网页 /> <!--声明文档的编码格式--> <meta charset="UTF-8" /> |
【link标签】
1-作用:用于为网页链接各种文件。
2-常用属性:
rel:用于表明被链接文件与当前文件关系。icon表明被链接图片是当前网页的icon图标。
type:表明被链接文件是什么类型,可省略。
href:表明链接文件的地址。
例如:
<link rel="icon" href="images/icon.png" />
***引用样式文件
<link rel="stylesheet" type="text/css" href="css/style.css" />
【title标签】
网页的标题,即网页选项卡上的文字。
<title>四川文理学院</title>