html结构详解
2019-08-04 本文已影响0人
HassGy
HTML结构详解
看以下html结构代码段：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
文本声明头
☑ 文档声明头是必须的，DocType Declaration（DTD），它告诉浏览器此文档是使用哪种html规范（html/xhtml）。
我们需要知道的就是xhtml比html严格，是后者的升级模板，现在xhtml和html4.0是一样的。
☑ XHTML （Extensible Hypertext Markup Language），可扩展超文本标注语言。
从现在起，我用的是html4.01，html5考虑到的是IE6，7，8不兼容被淘汰，IE9才兼容html5，html5强调的是手机移动端的网页，考虑到的兼容性要高，
<head>（头标签）
☑<head>标签包含：<title>,<meta>,<link>,<style>
<title>: 网页标题，浏览器最上方显示。
<meta>: 页面相关的一些基本信息。
<link>: 文档与外部资源的链接关系（css/js文件）
<style>: 定义内部样式(表)于网页的关系
<title>
☑ 网页页面的标题名称：
<title>我的世界</title>
搜索引擎通过这个标题可以判断分析出当前网页的主题名称。
5lOI1e2A7jhTXy8
<meta>
☑ 这里提供的信息是用户不可见的。
☑ 它是针对搜索引擎以及刷新频率的描述或者关键词，都可以。
☑ 常用meta标签的属性：http-equiv，name
- http-equiv
<!--重定向 3秒后跳转到对应的网址，注意分号-->
<meta http-equiv="refresh" content="3;URL=http://www.baidu.com">
<!--指定文档的内容类型和编码类型 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--告诉IE浏览器以最高级模式渲染当前网页-->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
- name
<meta name="Keywords" content="这里是网页所要展示的关键字" />
<meta name="Description" content="有关网页的描述性文字" />
bZUXnBFsSgPWCLN
bZUXnBFsSgPWCLN
接下来的记录博客开始快速进入标签的分类学习。
