自己一些HTML中没发现过/遗忘的的神奇点

自己一些HTML中没发现过/遗忘的的神奇点

1.预编译标签

预编译标签
<pre></pre>
特点：原样输出，自动换行
最常用来表示计算机的源代码
例如:
<pre>
&lt;html&gt;

&lt;head&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;loadxmldoc.js&quot;&gt;
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

  &lt;script type=&quot;text/javascript&quot;&gt;
    xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>(&quot;books.xml&quot;);
    document.write(&quot;xmlDoc is loaded, ready for use&quot;);
  &lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;
</pre>
但是可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里。

2.字体格式标签

<b></b>----文本加粗
<i></i>----文本倾斜
<u></u>----下划线
<s></s>----删除线
<small></small>---字体变小
<font></font>---字体标签
字体标签拥有size,color,face属性，
size=n,n:1----7,逐级变大，改变字体大小
color="颜色"，改变字体颜色
face="黑体"，设置字体类型，默认为宋体

3.表格标签
使用tr以及td标签时，记得外层套上table标签

一些表格中属性
1.
table的属性:
	align="left(居左)/right(居右)/center(居中)",设置表格水平对齐方式
	cellspacing="px/%"，设置单元格与单元格之间的距离
	cellpadding="px/%"，设置单元格边框与内容之间的距离
	
tr的属性:
	align="left(居左)/right(居右)/center(居中)",设置某一行的水平对齐方式
	valign="top(顶部)/middle(垂直居中)/bottom(底部)"，设置某一行的垂直方向的对齐方式
	
td的属性:
align="left(居左)/right(居右)/center(居中)",设置某一个单元格的水平对齐方式
valign="top(顶部)/middle(垂直居中)/bottom(底部)"，设置某一个单元格的垂直方向的对齐方式
rowspan="2",合并行
colspan="2",合并列

表格格式:例
<table>
	<thead>
		<tr>
			<th>表头</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>表内容</td>
		</tr>
	</tbody>
</table>

4.列表标签

1.有序列表
<ol>
	<li></li>
</ol>
ol标签的属性：
type="1/a/A/i/I",默认为数字排序
start="10",表示从第十项开始，并且只能是数字
2.语义列表
<dl>
	<dt>标题部分</dt>
	<dd>内容</dd>
</dl>
dd为标题部分，dd部分会自动换行缩进

5.超链接标签

<a href="" target=""></a>
target="_self/_blank"
_self:在自身窗口打开
_blank：在新窗口打开

6.管道操作符

// 传统语法
let url = decodeURI("21");
// 管道操作符
let url = "21" |> decodeURI;

函数的链式调用
const double = (n) => n * 2;
const increment = (n) => n + 1;
 
// 没有用管道操作符
double(increment(double(5))); // 22
 
// 用上管道操作符之后
5 |> double |> increment |> double; // 22

7.Set数据结构

arr=>set
let arr = [1, 2, 3]
let set = new Set(arr)  // Set(3) {1, 2, 3} set的数据结构

set=>arr
let set = new Set([1, 2, 3])
let arr = [...set]  // [1, 2, 3]

注意：set中的数据是不重复的，所以set可用于arr快速去重
set中获取数据长度为set.size
set获取数据不同通果set[0]获取，只能使用遍历(for循环)
set中添加元素使用set.add，返回的是set本身
set删除元素使用set.delete(//直接输入要删除的),返回的是true or false
set清空使用set.clear()
set判断是否拥有某值 set.has()