前端学习记录 1:HTML 基础知识点归纳

HTML 的全称为 HyperText Markup Language,即超文本标记语言,最初是用于描述文档而设计。从定义可以看出 HTML 的一些组成部分

元素是 HTML 的基本要素,元素有两种写法,一种是带内容的,一种是不带内容的

属性则为元素提供了更多的相关信息

web前端全栈资料粉丝福利(面试题、视频、资料笔记、进阶路线)

元素可分为块级元素和行内元素。

块级元素 div 示例

内联元素 span 示例

语义

HTML 的每个元素或者属性都有特定的含义,我们称之为语义。例如,ol 元素代表有序列表,lang 属性则代表内容的语言。

这些定义好的元素,可以让文档在不同的上下文中(比如浏览器和搜索引擎处理文档时)呈现出一致性。同时,也为文档处理器提供一些额外的信息,这对于一些辅助设备而言 (比如电子阅读器)是非常有用的。

具有良好语义的文档

Favorite books logo

Favorite books

These are a few of my favorite books.

The Belgariad

Five books by David and Leigh Eddings.

The Hitchhiker’s Guide to the Galaxy

A trilogy of five books by Douglas Adams.

使用类可以实现同样的展示效果,但是对于文档处理器而言,将捕获不到任何有关语义的信息。

Favorite books logo
Favorite books

These are a few of my favorite books.

The Belgariad

Five books by David and Leigh Eddings.

The Hitchhiker’s Guide to the Galaxy

A trilogy of five books by Douglas Adams.

扩展机制

此外,HTML 还存在大量的扩展机制,可以安全的添加语义

使用 class 属性来扩展元素

使用 data-*= 属性来包含数据,这些数据不会被浏览器处理,同时可被脚本处理

使用 meta 标签来扩展页面的元数据

使用 rel='' 指定当前文档与被链接文档的关系

使用

你可能感兴趣的:(面试题,web前端,html+css)