Web标准是由W3C及其他标准化资质制定的标准集合。包括：结构（Structure）、表现（Presentation）、行为（Behavior）

 

　　结构标准：用于对网页元素进行整理和分类，包括 xml、xhtml 两部分样式标准：用于设置网页元素的版式、颜色、大小等外观，主要指 Css行为标准：网页模型的定义及交互的编写。包括 DOM和ECMAScript两部分

 

　　所以，理想状态下，一个网页的源码中需要包含：.html、.css、.js

 

　　Dreamweaver、Sublime、WebStorm、HBuilder、Visual Studio Code

 

　　<!DOCTYPE>位于文档的最前面，用于向浏览器说明当前.html文件使用的是哪种HTML或者XHTML标准规范。浏览器会按照此处指定的规范对html文件进行解析。

 

　　HTML5可以向下兼容，所以，现在直接指定为即可。

 

　　GB2312：简体中文字符集，含6763个常用汉字BIG5：繁体中文，港澳台地区使用GBK：含全部中文字符，是对GB2312的扩展，支持繁体字UTF-8：支持中文和英文等，是最常用的字符集

 

　　HTML大量使用语义化标签，所谓语义化就是见名知意，

 

　　（1）、标题标签 <h1></h1>

 

　　h 即 head 的简写有<h1>、<h2>、<h3>、<h4>、<h5>、<h6> 6种，从左到右字号依次变小。基本格式像<h7>这种错误的标签在展示时不起作用

 

　　（2）、段落标签<p></p>

 

　　p 即 paragraph 的简写基本格式段落中的文本内容超出浏览器宽度之后会执行自动换行

 

　　（3）、水平线标签<hr />

 

　　hr 即 horizontal 的缩写其作用是在页面中插入一条水平线基本格式这是一个自闭合标签。（普通标签成对出现；自闭合标签不需要包裹内容，自己就执行了开始和结束的操作）

 

　　（4）、容器标签 <div></div> 和 <span></span>

 

　　div 即 division 的缩写，分割、区分的意思span 即 span ，跨度、范围的意思这俩本质上是一个容器，类似于 Android 中的ViewGroup基本格式

 

　　标签效果<b></b>、<strong></strong>加粗，XHTML推荐使用<strong><i></i>、<em></em>斜体，XHTML推荐使用<em><s></s>、<del></del>删除线，XHTML推荐使用<del><u></u>、<ins></ins>下划线，XHTML推荐使用<ins>

 

　　关于 HTML 和 XHTML的区别，可以参考

 

　　基本格式：标签可以拥有多个属性属性必须写在开始标签中，位于标签名后面属性之间不区分顺序标签名与属性、属性与属性之间使用空格隔开任何属性都有默认值，省略该属性表示使用默认值

 

　　img 即 image 的缩写基本格式<img />常用属性如下：

 

　　属性属性值属性含义srcURI/URL图像的路径alt文本图像无法正常显示时的提示文本title文本鼠标悬停于图像时显示的文本Width＜/td>像素（XHTML 不支持按页面百分比显示）图像的宽度Height＜/td>像素（XHTML 不支持按页面百分比显示）图像的高度border数字设置图像边框的宽度

 

　　设置图像的宽高时，如果想等比缩放，则只设置其中一个即可

 

　　(1)、超链接标签<a></a>

 

　　anchor 的缩写基本格式?

 

　　href 即 HyperText Reference , 指定要跳转的URL地址target , 指定目标窗口的打开方式。取值为 self / blank , self 为默认值，blank 表示新窗口打开

 

　　注意：

 

　　外链需要添加 http:// 或 https:// 前缀内部链接 直接链接内部页面名称即可，如?如果当时没有确定链接目标时，可以为 href 赋值 为 “#” ,即?,表示一个空连接各种网页元素，如 文本、图像、表格、音频、视频等都可以作为超链接的载体

 

　　（2）、锚点

 

　　通过创建锚点，可以快速定位到目标内容区域创建锚点分为两步

 

　　为目标内容（即锚点）创建id 并赋值将超链接文本与锚点的id 关联，