侧边栏壁纸
博主头像
余生的客栈

人之心胸,多欲则窄,寡欲则宽。 人之心境,多欲则忙,寡欲则闲。 人之心术,多欲则险,寡欲则平。 人之心事,多欲则忧,寡欲则乐。 人之心气,多欲则馁,寡欲则刚。 《格言联壁》

  • 累计撰写 320 篇文章
  • 累计收到 405 条评论

前端页面基础架构

8个月前 / 0 评论 / 339 阅读 / 正在检测是否收录...

构建一个基本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标签对-->

评论

取消