1、概述

一个网页由3部分构成 结构 表现 行为

1.1、html注释


注释中的内容不会在页面中显示，可以在源码中查看
多写注释【简单明了】

1.2、页面的标签/元素

  • 一个页面中只有一个html标签，网页中所有的内容都应该写在html标签中
  • 该标签中的内容不会被显示到页面中，它用来帮助浏览器解析页面
  • </strong> 网页的标题标签，默认显示在网页的顶部 【标题栏中】</li></ul> <p>搜索引擎在检索页面时，会首先检索title标签的内容</p> <ul> <li><p><strong><body></strong> 所有要显示在网页中的内容，都应该在body中编写 <a name="6lQ2q"></a></p> <h1 id="az0h5t"><a name="az0h5t" class="reference-link"></a><span class="header-link octicon octicon-link"></span>2、<meta></h1><p><a name="LCccn"></a></p> <h2 id="940boc"><a name="940boc" class="reference-link"></a><span class="header-link octicon octicon-link"></span>2.1 <meta charset="utf-8"/></h2><p>告诉浏览器，网页采用的编码字符集 <a name="3RXmj"></a></p> <h1 id="ar3itj"><a name="ar3itj" class="reference-link"></a><span class="header-link octicon octicon-link"></span>3、常见字符集</h1></li><li><p>ASCII</p> </li><li>ISO-8859-1</li><li>GBK</li><li>GB2312 【中文系统的默认编码】 国标码</li><li>UTF-8 【万国码】</li><li>ANSI 根据系统语言 自动匹配字符集</li></ul> <p>乱码的最基本原因就是：编码和解码用的不是用一套字符集<br />在中文系统的浏览器中，默认都是用 GB2312 进行解码。 <a name="MsqEL"></a></p> <h1 id="5cwth2"><a name="5cwth2" class="reference-link"></a><span class="header-link octicon octicon-link"></span>4、<meta name="keywords" content=""></h1><ul> <li>设置网页的关键字（搜索引擎使用）</li><li>content为关键字</li><li>name是告诉浏览器 content里面是关键字</li><li>content=”java,javascript,c#” 可多个</li></ul> <p><a name="lID6F"></a></p> <h1 id="4biru7"><a name="4biru7" class="reference-link"></a><span class="header-link octicon octicon-link"></span>5、<meta name="description" content=""></h1><p>设置网页描述<br />content=”发布h5，js等前端相关信息”<br />搜索引擎在检索页面时，会同时检索页面中的关键字和描述。<br /> <a name="8tYym"></a></p> <h1 id="78ehcz"><a name="78ehcz" class="reference-link"></a><span class="header-link octicon octicon-link"></span>6、<meta http-equiv="refresh" content="5;url=http://www.baidu.com"></h1><p>请求重定向 5 == 秒数 url== 目标的路径<br />表示五秒后跳转到百度页面<br /> <a name="dDqjS"></a></p> <h1 id="2ubo8q"><a name="2ubo8q" class="reference-link"></a><span class="header-link octicon octicon-link"></span>7、属性：可以通过属性来设置标签中的内容</h1><p><code><font color="red">这是一个标签属性</font> （不建议使用 请用style替换）</code><br />属性都是以 <strong>key=value </strong>的形式存在，一个标签可以有 多个属性 用空格隔开<br /><!doctype html> 告诉浏览器 以html5的标准解析 <a name="wAtBT"></a></p> <h1 id="9ktmhx"><a name="9ktmhx" class="reference-link"></a><span class="header-link octicon octicon-link"></span>8、html 语法规范</h1><ul> <li>HTML中不区分大小写，但是一般都是用小写</li><li>THML中的注释不能嵌套</li><li>HTML中必须结构完整 要么成对出现，要么自结束</li><li>HTML标签可以嵌套，但是不能交叉嵌套【很奇怪的嵌套】</li><li>HTML标签中的属性必须有值，并且必须加引号</li></ul>