文章目录
- HTML的元素
- 元素的属性
- 注释快捷键
- 根元素
- head元素
- meta元素
- body元素
- h元素
- p元素
- img元素
- src属性
- alt属性
- 路径分隔符
- a元素
- href属性
- target属性
- 锚点链接
- iframe元素
- div与span
- 不常用元素
- HTML全局属性
- 字符实体
- URL和URI
- SEO
- 字符编码
官方文档: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)
