页面文档的基本结构可以分为四层关系,其中涉及5个重要的结构性标签来构成一个页面:
样本代码开始标签头标签和头标签的对象:有六个特殊标签可以放在头标签中使用标题标签主体标签
头标签和头标签的对象:
六个标签为<title>,<meta>,<link>,<base>,<style>,<script> <meta>: 辅助性标签,有两个重要的属性:name和http-equiv,通常用于优化页面的搜索可能 (大多数网页之中骑士<meta>的意义不大,就很多拿来定义版权信息而已)<head>
<meta name="keywords" content="nine,twenty-three">//搜索引擎的关键字说明 <meta name="description" content="…">//向搜索引擎描述主要内容 <meta name="generator" content="…">//向页面描述生成的软件名 <meta name="author" content="…">//向页面说明设计者姓名 <meta name="robots" content="all">//向页面说明限制搜索的方式 </head> Http-equiv则是反馈给浏览器一些明确的信息。用来帮助浏览器更精确地展示页面。 <meta http-equiv="content-type" content="text/html;charset=gb2312"/>告诉浏览器该页面所用的字符集是gb2312 <link>标签定义一个外部文件的链接,经常用于链接外部CSS 常用写法:<link rel="stylesheet" href="css/bootstrap.min.css"/>rel属性规定当前文档与被链接文档的关系,stylesheet一般就是css
href定义被链接文档的位置
<base>标签为了整个页面定义所有链接的基础定位,其主要作用是为了确保文档中所有的相对URL都可以被分解成正确的文档地址,使文档本身被移动或重命名的情况下也可以正确解析。
<style>标签是定义CSS的样式的。
<script>标签是用来定义页面内的脚本的,如页面常用的脚本语言JavaScript
<title>标签是页面的标题
标签的三个规则:
1.开始标签起头,一定要有对应的结束标签收尾2.标签中的属性值要放在引号之内:<textarea name="textarea" rows="3">3.对一个文本使用多个标签时必须按照嵌套的原则