HTML 进阶内容
1. HTML 和 XHTML
HTML4.01 是常见的 HTML 版本,它是一种标记语言,用于创建网页和在线应用程序。XHTML 是更严格的版本,它是基于可扩展标记语言(XML),表现方式与超文本标记语言(HTML)类似,但语法上更加严格。
XHTML 元素必须被正确地嵌套,例如一个 HEAD 里的标签必须正确关闭,不能像在 HTML 中那样存在不严格的写法。XHTML 元素必须被关闭,标签名必须用小写字母,文档必须拥有根元素。对于图片需添加 alt 属性,以对图片进行文字说明,方便搜索引擎辨别图片内容。
相比之下,HTML 的语法要求比较松散,对网页编写者来说比较方便。HTML 基于标准通用标记语言(SGML),对大小写不敏感,没有强制要求元素闭合等。
2. HTML 起手式与快速编写
- 常用表章节标签:如 h1~h6、section、article、main、aside 等。
-
- h1~h6 是标题标签,共 6 级,从重要性高、字体大的 h1 到重要性低、字体小的 h6。
-
- section 用于划分内容块。
-
- article 用于写文章块。
-
- main 表示主要内容部分。
-
- aside 表示傍边内容。
- 全局属性:class、id、hidden、style、tabindex、title 等。
-
- class 用于为元素指定一个或多个类名,可用于 CSS 样式的选择器。
-
- id 定义唯一标识符,但不建议新手使用,因为可能会与 window 上的属性冲突,且虽然理论上应唯一,但实际上两个相同 id 也不一定会报错。
-
- hidden 是一个枚举属性,可使元素隐藏,浏览器不会渲染这样的元素。
-
- style 用于为元素指定内联样式,可以直接在 HTML 标签中设置元素的样式。
-
- tabindex 可以设定按 Tab 键时,焦点的移动顺序,正数表示按顺序访问,0 表示最后访问,-1 表示该元素不可以被选中。
-
- title 为元素提供额外的信息,当鼠标悬停在元素上时,将显示一个工具提示。
- 常用内容标签:ol+li、ul+li、dl+dt+dd、hr、br、a、em、strong、code、pre 等。
-
- ol+li 是有序列表,以序号标识列表项,ol 标签中只允许包含 li 标签,li 标签可以包含任意内容。
-
- ul+li 是无序列表,以圆点显示列表项,ul 标签中只允许包含 li 标签,li 标签可以包含任意内容。
-
- dl+dt+dd 是自定义列表,dl 是总标签,dt 是小标签用于定义标题,dd 围绕标题展开说明,dl 标签中只允许包含 dt 和 dd 标签,它们可以包含任意内容。
-
- hr 是水平分割线,单标签,在页面中插入一条水平分割线,用于分隔不同的内容区域。
-
- br 是换行标签,单标签,用于在文本中强制换行。
-
- a 是超链接标签,必须带有 src 属性来指定链接的路径,还可以设置 target 属性指定网页的跳转方式等。
-
- em 和 strong 用于强调文本,em 表示语气上的强调,通常呈现为斜体;strong 表示内容本身很重要,通常呈现为加粗。
-
- code 用于表示代码字体,显示源代码,通常呈现为等宽字体。
-
- pre 用于保留 HTML 标签中的空格、tab、回车等,其他标签会把多余的空格和回车键转换为一个空格。