官方文档:https://www.w3.org/TR/

HTML的元素

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element

元素的属性

属性值由一对引号引起来,属性名与元素之间有个空格,如果有多个属性,属性与前一个属性之间有一个空格
不同元素没有区别,本质上是浏览器给元素加了CSS属性

注释快捷键

ctrl + /

根元素

html元素

<style>
	:root {
	}
</style>

head元素

规定文档相关的配置信息(也称元数据,描述数据的数据),包括文档的标题,引用的文档样式和脚本等

meta元素

设置网页的字符编码

<meta charset="utf-8">

body元素

在浏览器窗口看到的东西,是网页的内容和结构

h元素

标题

p元素

段落

img元素

将图像嵌入文档
可替换元素

src属性

路径

alt属性

图片加载不成功,会显示这段文本
屏幕阅读器用来读取这段文字给使用者听

路径分隔符

路径分隔符是/

a元素

定义超链接

href属性

指定要打开的url地址,可以是本地地址

target属性

指定在何处显示链接的资源
_self:默认值,在当前窗口打开url
_blank:在一个新的窗口中打开url
_parent:在父窗口中打开url
_top:在顶层窗口中打开url

锚点链接

在要跳转的元素上定义id属性
a元素的href指向那个id

iframe元素

在一个HTML文档中嵌入其他HTML文档

X-Frame-Options: sameorigin

frameborder属性
1:显示边框
0:不显示边框

div与span

多个div元素包裹的内容在不同行显示:
一般用作其他元素的父容器,用于把网页分割为多个独立的部分
多个span元素包裹的内容在同一行显示:
用于区分特殊文本和普通文本

不常用元素

strong元素:内容加粗、强调
i元素:内容倾斜,偶尔用它做字体图标
code元素:用于显示代码,偶尔用来显示等宽字体

HTML全局属性

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes
常见的全局属性:
id:定义唯一标识符,该标识符在整个文档中必须是唯一的。其目的是在链接(使用片段标识符),脚本或样式(使用CSS)时标识元素。
class:一个以空格分隔的元素的类名(classes)列表,它允许CSS和Javascript通过类选择器或DOM方法来选择和访问特定的元素
style:给元素添加内联样式
title:包含表示与其所属元素相关信息的文本。这些信息通常可以作为提示呈现给用户,但不是必须的

字符实体

HTML实体是一段以&开头,以;结尾的字符串
实体用于显示保留字符和不可见字符
也可以用于代替难以用标准键盘键入的字符

URL和URI

理论上给定唯一资源在web上的地址
url的标准格式:

[协议类型]://[服务器地址]:[端口号]/[文件路径][文件名]?[查询]#[片段ID]

URI = Uniform Resource Identifier 统一资源标志符,用于标识Web技术使用的逻辑或物理资源
URL = Uniform Resource Locator 统一资源定位符,俗称网络地址,相当于网络中的门牌号

URL是URI的一个子集,URI并不一定是URL,URL是一个URI

SEO

搜索引擎优化(SEO)是通过了解搜索引擎的运作规则来调整网站,以及提高网站在有关搜索引擎内排名的方式

字符编码

编码(encode)
解码(decode)

04-01 05:27