首页 > 代码库 > HTML5结构标签

HTML5结构标签

2024-09-14 06:26:10   206人阅读

<!DOCTYPE html>
<!--
↑ 文档声明。HTML5已经简化为上述样式！
注意：文档声明必须有！而且必须在文档页面的第一行！
 
HTML4.01之前的文档声明：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
-->
<html>
<head>
<!--
Head用于表示网页的元数据：即描述网页的基本信息
-->
 
<!--
meta标签常用属性：
1、charset:设置文档的字符集编码格式
HTML5中设置字符集编码：<meta charset="UTF-8">
HTML4.01之前...: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
>>>常见的字符集编码格式：
a.GB-2312:国标码，简体中文
b.GBK：扩展的国标码
c.UTF-8：万国码 Unicode 常用
 
2、http-equiv属性:将我们的信息写给浏览器看，让浏览器按照这里面的要求执行，可选属性值：Content-Type(文档类型) refresh(网页定时刷新) set-cookie(设置浏览器cookie缓存)
需要配合content属性使用。（http-equiv属性只是表明需要设置哪一部分，具体的设置内容，放到content属性中）
例如：<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
3、name属性：使用方法同“http-equiv”。将我们的信息写给搜索引擎看
常用且需要掌握的属性值：author（作者） keywords（网页关键字） description（网页描述） 这两个属性设置，网页必不可少
例如：↓↓↓
-->
<!--作者-->
<meta name="author" content="http://www.jredu100.com" />
<!--网页关键字：多个关键字用英文逗号分隔-->
<meta name="keywords" content="HTML5,网页,Web前端开发" />
<!--网页描述：搜索网站时，title下面的解释文字。至关重要！！-->
<meta name="description" content="这是我在杰瑞教育开发的第一个网页。" />
 
<meta charset="UTF-8">
 
<!--title标签：网页的标题，即网页选项卡上的文字。-->
<title>我的第一个网页</title>
 
<!--使用link标签，链接网页图标（title前的小logo）
rel属性：声明链接文件的类型，此处选icon
type属性：可以省略
href属性：表示图片的路径地址
-->
<link rel="icon" type="image/x-icon" href="http://www.mamicode.com/img/icon.png" />
</head>
 
<body>
 
</body>
</html>

HTML5结构标签


联系
我们