html学习笔记

html学习笔记,第1张

web 注释

html中的注释格式


元素

其他叫法:标签, 标记

百度

整体:element(元素)

元素 = 起始标记 + 结束标记 + 元素内容 + 元素属性

属性 = 属性名 + 属性值

属性分类:

局部属性:某些元素独有的属性全局属性:所有元素通用

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

空元素的两种写法:

1.
2.

元素的嵌套

元素不能相互嵌套

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

标准的文档结构

HTML: 页面, html文档

doctype html>

文档声明:告诉浏览器,当前文档使用的html标准是html5.

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

<html lang="en">
html>

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

html5中没有强制书写该元素

lang属性:language,全局属性,表示匀速内部使用的文字是使用的哪一种自然语言书写而成的.(简体中文:cmn-hans)

<head>
head>

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

<meta>

文档员数据:附加信息.

charset:指定网页内容编码.

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

计算机中,只能存储数字

文字和数字进行对应

比如: a–97, A–65

数字对应文字的叫做编码(字符编码), 所以字典就是(字符编码表)

例如:utf-8 是 Unicode 编码的一个版本.(万国编码)

<title>hello worldtitle>

网页的标题

<body>
body>

文档题:页面上所有参与显示的元素,都应该放置再body中.

语义化 什么是语义化 每一个html元素都有具体的含义

a元素:超链接
p元素:段落
h1元素:一级标题

所有元素与展示效果无关

元素展示到页面中的效果,应该是由css决定.

因为浏览器带有默认的css样式,所以每个元素有一些默认样式.

重要:选择什么元素,取决与内容的含义,而不是显示出的效果

为什么需要语义化 为了搜索引擎优化(SEO)

搜索引擎: 百度, 搜狗, Bing, Google

每个一段时间,搜索引擎会从整个互联网中,抓取页面源代码.

为了让浏览器理解网页

阅读模式,语音模式

文本元素

HTML5中支持的元素

h

标题:head

h1~h6:一级标题到六级标题

p

段落:pargraphs

拓展:lorem 乱数假文 (这行命令会自动生成一段无意义文字,用来填充暂时没有内容的段落)

span[无语义]

没有语义,仅用于设置样式,并且两个并行的span元素前后不会用空行.

以前:某些元素在显示时会独占一行(块级元素),而某些元素不会(行级元素);
到了html5已经弃用这种说法了.

pre

预格式化文本元素

空白折叠:在源代码中的连续空白字符(空格,换行,制表), 在页面显示时,会被折叠为一个空格

空白折叠主要是为了在源代码中可以调整内容结构而不影响页面的结构

例外:pre元素中不会出现空白折叠

在pre元素内部出现的内容,会按照源代码格式显示在页面上

该元素通常用于网页中显示一些代码.

pre元素功能的本质:他有一个默认的css代码

显示代码时,通常外面套code元素.code表示代码区域.

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/944014.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-18
下一篇 2022-05-18

发表评论

登录后才能评论

评论列表(0条)

保存