内容提要
本文介绍HTML基础知识:网页由结构(HTML)、表现(CSS)和行为(JavaScript)组成。HTML通过标签定义页面结构,包括文档声明、html、head、body等基本结构,以及标题、段落、链接、图片、列表等常用标签。此外还讲解属性、注释、实体、相对路径和XHTML语法规则,并说明iframe可嵌入外部页面但不利于搜索引擎索引。
延伸解读
HTML、CSS 与 JavaScript 的分工
文章开篇指出网页由结构、表现和行为三部分组成,分别对应 HTML、CSS 和 JavaScript。这意味着 HTML 只负责定义页面的各个部分,不负责样式和交互。理解这一分工有助于在开发中保持代码职责清晰,避免用 HTML 标签去实现本应由 CSS 或 JavaScript 完成的效果。
搜索引擎如何读取页面内容
文章多次提到搜索引擎的索引行为:title 影响搜索排名,h1 帮助判断页面主要内容,img 的 alt 属性用于识别图片内容,而 iframe 内的内容不会被索引。这些说明提示开发者,若希望页面内容被搜索引擎有效抓取,应重视 title、h1 和 alt 的填写,并尽量避免使用 iframe 承载核心内容。
iframe 的便利与索引局限
iframe 可以嵌入外部页面,例如 Bilibili 视频,并支持通过 src、width、height、name 等属性控制。但文章明确指出搜索引擎不会索引 iframe 内的内容,因此建议开发时尽量避免使用。如果必须嵌入视频等第三方内容,需意识到这部分内容无法为页面带来搜索流量。
XHTML 语法规则的实际意义
文章列出 XHTML 语法规则:标签必须完整闭合、不能重叠、属性必须有值且加引号、注释不能嵌套。虽然 HTML 本身不区分大小写,但遵循这些规则能让代码更规范,减少浏览器解析差异带来的问题,也便于后续维护和团队协作。
Q&A
网页的三大组成部分分别是什么?
网页由结构、表现和行为三部分组成。结构使用HTML编写,表现使用CSS设置元素样式,行为使用JavaScript定义页面行为。
HTML中的标签有哪两种类型?
HTML标签分为成对标签和自闭合标签。成对标签如<tagname></tagname>,自闭合标签如<tagname />。
HTML文档的基本结构包含哪些部分?
HTML文档基本结构包括:<!doctype html>文档声明、<html>根标签、<head>头部(包含<meta charset="utf-8" />和<title>)以及<body>主体。
为什么开发中应避免使用iframe?
因为搜索引擎不会索引内联框架(iframe)中的内容,不利于SEO,所以开发中应尽量避免使用。
HTML中如何使用实体表示特殊符号?
实体用于表示无法直接使用的特殊符号,语法为&entityname;。例如空格是 ,小于号是<,大于号是>,版权符号是©。
xHtml有哪些语法规则?
xHtml语法规则包括:标签名尽量小写;注释不能嵌套;标签必须完整(成对或自闭合);标签可嵌套但不能重叠;属性必须有值且值必须加引号(单双引号均可)。