欢迎光临散文网 会员登陆 & 注册

Web前端笔记|HTML️|HTML核心(上)

2022-12-04 09:18 作者:bili_170178778  | 我要投稿


HTML核心

网页

Emmet插件:自动生成HTML代码片段

注释

注释为代码的阅读者提供帮助,注释不参与运行

在HTML中,注释使用如下格式书写:

<!-- 注释内容-->

HTML

元素

其他叫法:标签、标记

整体:element(元素)

元素 = 起始标记 (begin tag)+结束标记(end tag)+元素内容+元素属性

属性 = 属性名+ 属性值

属性的分类:、

局部属性:某些元素特有的属性

全局属性:所有元素通用

有些元素没有结束标记,这样的元素叫做空元素

空元素的两种写法:

<meta charset="UTF-8">
<meta charset="UTF-8" />

HTML

元素的嵌套

元素不能相互嵌套

父元素、子元素、祖先元素、后代元素、兄弟元素(拥有同一个父元素的两个元素)

标准的文档结构

HTML:页面、HTML文档

文档声明

<!DOCTYPE html>

HTML

文档声明,告诉浏览器,当前文档使用的HTML标准是HTML5

不写文档声明,将导致浏览器进入怪异渲染模式。

根元素

根元素,一个页面最多只能有一个,并且该元素是所有其他元素的父元素或祖先元素

HTML5版本中没有强制要求书写该元素

lang属性:language,全局属性,表示该元素内部使用的文字使是使用哪一种自然语言书写而成的。

head元素

文档头,文档头内部的内容,不会显示到页面上

文档的元数据:附加信息

charset : 网页内容编码

计算机中,低压电(0-2v)0,高压电(2-5v)1,表示2,使用10

计算中,只能存储数字,文字和数字进行对应,比如 a-97,A-64,该字典叫做字符编码表,GB2312,GBK,UTF-8是Unicode编码的一种

title元素

网页标题

body元素

文档体,页面上所有要参与显示的元素,都应该放置到文档体中

语义化

什么是语义化

每一个HTML元素都有具体的含义

a元素:链接

p元素:段落

h1元素:一级标题

所有元素与展示效果无关

元素展示到页面中的效果,应该有CSS决定


Web前端笔记|HTML️|HTML核心(上)的评论 (共 条)

分享到微博请遵守国家法律