前端页面基础架构

构建一个基本HTML页面的架构
{lamp/}
<!DOCTYPE HTML> <!--文档声明-->
<html> <!--html标签对-->
<head> <!--页头标签,是网页的头部，用于定义一些特殊的内容，如页面标题，定时刷新，外部文件等，一般只有6个特殊的标签才能放在head标签内
       1.title标签  定义网页标题
       2.meta标签   定义页面的特殊信息，如页面关键信息，页面描述等，不是提供给用户看的，而是提供给搜索引擎的蜘蛛看的，且有两个重要属性：
                1.name  其中name的属性取值：
                        1.keywords  网页的关键字，可以是多个
                        2.description 网页的描述
                        3.author  网页作者
                        4.copyright  版权信息
                                        但在实际开发中，只会用到keywords和descnption这两个标签，
                                        语法 <meta  name="属性值=" content="内容"/>
                2.http-equiv  其中http-equiv的属性只有两个重要作用：定义网页所使用的编码，定义网页自动刷新网页
                        1.定义当前网页编码语法 <meta http-equiv="Content=Type" content="text/html: charaset=utf-8"/>,告诉浏览器该页面使用编码为utf-8
                                          但在html5标准中此语法可以缩写为 <meta charset="utf-8"/>
                        2.网页自动刷新跳转语法 <meta http-equiv=“refersh” content="6,url=https://www.lic10.cn"/>,代表6秒后自动跳转到设置的页面上，
                                         小广告的自动跳转就是这样实现的
         3.tink标签
         4.style标签
         5.script标签
         6.base标签   毫无意义的标签，只需要知道有这个标签就行-->
<meta charset="utf-8"/>  <!--该页面使用utf-8编码-->
<title>我的第一个自编写个人网页</title> <!--这是网页的标题,定义页面的标题，是显示在浏览器栏目的标题，而不是文章标题-->
</head>   
<body>  <!--页身标签是网页的身体，对于网页来说，大部分的代码都是在此 
            标签里面去编写的，与head不同，其他大部分标签都是放在标签中-->
<p>欢迎访问我的网站，网站正在建设中</p>  <!--这是网站的内容-->
</body>   
</html> <!--html标签对-->
请登录后发表评论
