Html文档结构和三大属性介绍与JavaScript部分语句的使用方法

html文档结构

---

标签	解释
Html	根元素
head	头部元素
title	网站标题元素
meat	描述网页内容或供引擎收录与检索
H1-H6	标题元素
table	表格元素
form	表单元素
a	超链接元素
img	图片元素
更多元素请查看PHP中文网

Html的三大通用属性

1.id通用属性

在Html中，id属性代表唯一的，但是浏览器并不会检查id属性的唯一性。在JavaScript中，如果你要选取所有绑定了同一个id的元素，JavaScript执行的时候只会选择符合id称的第一个绑定id的元素。与你预想的效果并不符合，所以id的唯一性这一点不是由浏览器来控制的，而是有用户，也就是成需要来保证的。

2.class通用属性

在Html中，class属性代表的是类，通俗易懂的来说便是一些元素中只要有一类的样式是相同的时候，便可以使用class来返回这些拥有相同元素的元素。

3.style通用属性

style属性叫作内联样式，只对当前书写的元素生效。与以上的id和class属性不同，id和class属性还需在元素外在创建一个元素标签，获取id和class才能改变样式。而style属于是可以直接作用于元素内进行书写，无需多创建一个class或这id。

4.三种属性的优先级别

style > id > class
三种属性的优先级别与顺序无关，与权重有关。

JavaScript的一些语法使用技巧

1.\<script>\</script>这是一个元素。\<script>代表了JavaScript脚本开始执行，\</script>代表了JavaScript脚本结束。而脚本内容就是写在\<script>脚本内容\<script>两个元素标签中。

2.console.log(要输出的内容);
这个语句是在控制台输出你所想输出的内容，内容是写在()中的。

3.const ele = document.getElementById("title-id");
作用是用一个常量获取绑定title-id的元素。
语句解析：
const ele是设定一个名为ele的常量
getElementById可以分开解读，get的意思是获取，Element的意思是元素 by在 id。整句话的意思是在id中获取元素。

4.const eles = document.getElementsByClassName("title-class");
作用：这句话的意思是在class中获取元素。
语句解析：
(注意：与3相同部分不做解释，查看3中的语句解析)
在这条语句中设定的常量由ele变成了eles，是因为以class获取的是类，也可以理解为获取了多个有共同特征的元素。故此getElement也要变成getElements。
因为获取到的是有多个class的元素，有点类似于数组，可以用数组的索引方式来逐个获取元素，也就是在元素后面添加一个[]括号，括号里面填写想找的元素位数即可。下个例题中是选择在控制太打印的方法索引元素，代码: console.log(eles[1]);。

5.const p = document.getElementsByTagName("p");
作用：直接用css选择器获取元素，只返回一个满足条件的元素。
语句解析：
(注意：部分不做解释，查看3中的语句解析)
TagName的意思是获取标签。
如果要获取全部相同标签元素就用一下语句:
let y = document.querySelector(".title-class");

以上就是Html文档结构和三大属性与JavaScript部分语句的使用方法。