1.对 WEB 标准以及 W3C 的理解?
web 标准简单来说可以分为结构、表现和行为。其中结构主要是由 HTML 标签组成。通俗点说,在页面 body 里面我们写入的标签都是页面的结构。表现即指 css 样式表,通过 css 可以使页面的结构标签更具美感。行为是指页面和用户具有一定的交互,同时页面结构或者表现发生变化,主要是有 js 组成。web 标准一般是将该三部分独立分开,使其更具有模块化。但一般产生行为时,就会有结构或者表现的变化,也使这三者的界限并不那么清晰。
W3C 对 web 标准提出了规范化的要求,也就是在实际编程中的一些代码规范:包含如下几点:
对于结构要求:
标签字母要小写;标签要闭合;标签不允许随意嵌套。
对于 css 和 js 来说:
尽量使用外链 css 样式表和 js 脚本。结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验;样式尽量少用行间样式表,使结构与表现分离,标签的 id 和 class 等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版;不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性;
2.HTML5 新特性和新增了那些标签?
新特性:
语义化标签:HTML5 增加了一系列语义化标签,如
新增标签:
结构标签:包括
3.HTML5 为什么只需要写 !DOCTYPE HTML,而不需要引入 DTD?
HTML5 只需要写 !DOCTYPE HTML 而不需要引入文档类型定义(DTD)是因为它告诉浏览器使用最新的 HTML 标准来解析页面,确保在所有现代浏览器中呈现一致性。HTML5 简化了文档类型声明,避免了之前版本中因不同 DOCTYPE 导致的渲染差异,使得开发更加便捷。
4.XHTML 和 HTML 的区别?
基础语言:
XHTML:基于 XML(可扩展标记语言),因此它继承了 XML 的许多特性和规则。HTML:基于 SGML(标准通用标记语言),尽管 HTML5 已经大大简化了 SGML 的复杂性,但它仍然遵循一些 SGML 的基本原则。
标签大小写敏感:
XHTML:对大小写敏感,所有的标签和属性都必须使用小写。HTML:通常对大小写不敏感,标签和属性可以使用大写、小写或混合大小写。
标签闭合:
XHTML:要求所有标签必须正确闭合,即使是空标签(如
)也必须有闭合标记。HTML:在某些情况下,标签可以不闭合,尤其是在 HTML4 和更早的版本中。
属性写法:
XHTML:属性值必须被引号包围,可以是单引号或双引号,但必须一致。HTML:虽然通常也推荐属性值使用引号包围,但在 HTML 中这不是强制性的。
元素嵌套:
XHTML:要求元素必须正确嵌套,不能交叉嵌套。HTML:在某些情况下,HTML 的解析器可以容忍不规范的嵌套,但这不是推荐的做法。
注释书写:
XHTML 和 HTML 的注释写法是相同的,都是使用 结束。
命名空间:
XHTML:由于它基于 XML,因此支持使用命名空间来区分不同的标记集合,这在混合使用 XHTML 和其他 XML 应用时非常有用。HTML:不直接支持命名空间的概念。
总结:XHTML 相对于 HTML 更加严格和规范,它遵循 XML 的规则,使得文档结构更加清晰和一致。这种严格性有助于提高网页的兼容性和可读性,特别是在跨浏览器和跨平台的环境中。然而,由于 HTML 的语法较为宽松,它更适合于快速原型设计和开发。在实际应用中,开发者应根据项目的需求和目标来选择使用 XHTML 还是 HTML。
5.a 标签与 link 标签的区别?
a 标签(Anchor 标签) 用于创建超链接,可以将文本、图片或其他元素转换为可点击的链接。a 标签的 href 属性指定了链接的目标地址,可以是一个 URL、一个文件路径或一个锚点。当用户点击 a 标签时,浏览器会跳转到指定的目标地址。
link 标签 用于在 HTML 文档中引入外部资源,如 CSS 样式表、图标文件等。link 标签的 rel 属性指定了被引入资源的关系类型,常见的有 stylesheet(引入 CSS 样式表)、icon(引入网站图标)等。link 标签的 href 属性指定了被引入资源的路径。
两者的区别:
a 标签用于创建超链接,link 标签用于引入外部资源。a 标签可以在当前页面跳转到其他页面,link 标签只是引入外部资源而不会跳转页面。a 标签可以包含文本或其他元素,link 标签只能放在 head 标签内。
6.标签上 title 与 alt 属性的区别是什么?
alt 是给搜索引擎识别,在图像无法显示时的替代文本 title 是关于元素的注释信息,主要是给用户解读。 当鼠标放到文字或是图片上时有 title 文字显示。(因为 IE 不标准)在 IE 浏览器中 alt 起到了 title 的作用,变成文字提示。 在定义 img 对象时,将 alt 和 title 属性写全,可以保证在各种浏览器中都能正常使用。
7.简述 src 与 href?
从用途上看:
src主要用于嵌入到文档中的资源,如图片、音频、视频和脚本等。这意味着当 src 属性指向的资源被加载时,它会被直接嵌入到当前的文档结构中。href主要用于链接到文档之外的资源,如 CSS 样式表、字体文件或其他网页。它用于建立当前元素和文档之间的链接关系,而不会直接改变当前文档的内容。
从请求资源类型上看:
src在请求资源时会将其指向的资源下载并应用到文档中,比如 JavaScript 脚本和图片等。href 指向的资源,浏览器在识别到时会并行下载,不会停止对当前文档的处理。
从浏览器解析方式上看
当浏览器解析到 src属性时,它会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕。这意味着 src 属性引用的资源对于文档的加载和显示有直接影响。href属性的资源则不会影响到文档的加载和显示,仅用于指定链接到文档之外的资源。
综上所述,src 和 href 的主要区别在于它们的用途、请求资源类型以及浏览器解析方式。src 主要用于嵌入资源到文档中,并直接影响文档的加载和显示;而 href 主要用于链接到文档之外的资源,对文档的加载和显示没有直接影响。
8.列举常见的块元素和行内元素以及行内块元素,它们有何不同?
块元素:
特点:块元素以块的形式显示,会独占一行或一块空间,每个块元素都从新的一行开始,相邻的块元素会自动换行。块元素的宽度默认为其父元素的宽度,除非设置了特定的宽度值。块元素可以设置宽度、高度、边距和内边距等样式属性,其盒模型包括内容区、内边距、边框和外边距。此外,块元素可以包含其他块元素和行内元素,可以嵌套任意元素。常见例子:
、