|
|
web标准
Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。为什么需要Web标准：浏览器不同，它们显示页面或者排版就有些许差异遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外，
还有以下优点：
1.让 Web 的发展前景更广阔。
2.内容能被更广泛的设备访问。
3.更容易被搜寻引擎搜索。
4.降低网站流量费用。
5.使网站更易于维护。
6.提高页面浏览速度。
web标准的构成：主要包括 《结构Structure》 、《表现（Presentation）》和《行为（Behavior）》三个方面。
Web 标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到 HTML 文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中结构类似身体表现类似外观装饰行为类似行为动作相比较而言, 三者中结构最重要.
HTML标签HTML语法规则：HTML标签是由尖括号包围的关键词，
例如 。HTML标签通常是成对出现的，例如 和 ，我们称为双标签。
标签对中的第一个标签是开始标签，第二个标签是结束标签。有些特殊的标签必须是单个标签（极少情况），例如，我们称为单标签。
标签的关系：? 双标签关系可以分为两类：包含关系和并列关系? 包含标签： ?
并列关系： 基本结构标签：? 每个网页都会有一个基本的结构标签（也称为骨架标签），面内容也是在这些基本标签上书写语义化标签：? 学习标签是有技巧的，重点是记住每个标签的语义。简单理解就是指标签的含义，即这个标签是用来干嘛的。
什么是语义化标签：? 根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。常用的标签：标题标签 - （重要）? 为了使网页更具有语义化，我们经常会在页面中用到标题标签。
HTML 提供了 6 个等级的网页标题，即 - 。? 具体实现： 标题标签 我是一级标题 我是二级标题 我是三级标题 我是四级标题 我是五级标题 我是六级标题特点：加了标题的文字会变的加粗，字号也会依次变大。一个标题独占一行。段落标签：? 在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在 HTML 标签中，标签用于定义段落，它可以将整个网页分为若干个段落。?
具体实现： 我是一个段落标签 ? 特点：
1. 文本在一个段落中会根据浏览器窗口的大小自动换行。
2. 段落之间保有空隙。换行标签在 HTML 中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才自动换行。如果希望某段文本强制换行显示，就需要使用换行标签 。
具体实现： 特点： 是个单标签。标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。文本格式化标签：在网页中，有时需要为文字设置粗体、斜体 或下划线等效果，这时就需要用到 HTML 中的文本格式化标签，使文字以特殊的方式显示。 我是加粗的文字 我是加粗的文字 我是倾斜的文字 我是倾斜的文字 我是删除线 我是删除线 我是下划线 我是下划线div和span标签 和 是没有语义的，它们就是一个盒子，用来装内容的。
具体实现： 这是头部 今日价格 特点： 标签用来布局，但是现在一行只能放一个，大盒子 标签用来布局，一行上可以多个，小盒子图片标签：? 在 HTML 标签中， 标签用于定义 HTML 页面中的图像。? 具体实现： 解释：? src 是标签的必须属性，它用于指定图像文件的路径和文件名。? 所谓属性：简单理解就是属于这个图像标签的特性。图像标签的其他属性： 图像标签的使用: alt 替换文本 图像显示不出来的时候用文字替换: title 提示文本 鼠标放到图像上,提示的文字: width 给图像设定宽度: height 给图像设定高度: border 给图像设定边框: border="15" ? 图像标签注意点：?
1.图像标签可以拥有多个属性，必须写在标签名的后面。?
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。?
3.属性采取键值对的格式，即 key=“value" 的格式，属性 =“属性值”。
 |
|
发表于 2022-5-8 15:36:43
