文档基本结构标签的作用

页面文档的基本结构可以分为四层关系,其中涉及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.对一个文本使用多个标签时必须按照嵌套的原则

posted @ 2017-11-28 18:22  汪神  阅读(379)  评论(0编辑  收藏  举报