关于前端三要素及其内容

前端三要素

js: 主要负责页面与用户的交互

CSS: 主要负责页面的样式，是否美观

HTML: 页面的主要框架

HTML属性

核心属性：绝大多数标签都可以应用的属性

• id: 文档内部的唯一标识

• class: 类

• title: 描述

• style: 样式，取值为css规则

特有属性

a

img

H5拓展属性

data-xxx

HTML元素

1. 块元素

作用: 作为页面框架，或者容器，是页面的主体

特性

1. 独占一行

2. 默认宽度为100%

3. 可以为其指定宽高，style=“width:; height:;”

常见的块元素

• div: 无意义的块元素

• h1~h3: 标题

• p: 段落

• html: 主体

• ul、li: 无序列表、列表项

• ol、li: 有序列表、列表项

2. 行内元素

作用: 点缀网页，填充内容

特性

1. 与其他行内元素共享

2. 默认宽高有内容决定

3. 不能为其指定宽和高

4. 行内元素中不可以嵌套块元素，但块元素中可以嵌套行内元素

常见的行内元素

• span: 无意义的行内元素

• a: 超级链接

• img: 图片

功能元素

1. 表格（table）

2. 表单