前端常见辨析
（内容来源于网络）
HTML中属性ID和NAME有何区别
id是一个全局的唯一标识，可以作为一个html对象唯一替代，不能重复，针对文档操作。 可通过getElementId方法获得对象。
name是一个对象的内部名字，有可能重复，用来提交数据的，提供给表单用。 在表单的接收页面只接收有name的元素, 赋ID的元素通过表单是接收不到值的 。常在input、select、textarea中使用。
javascript
getElementByName()取单个元素
getElementByName()取元素集合（因为name不一定是单一的）
button和submit
1.input的type属性可以为submit，还可以是button，作为button时它只是一个按钮，不会引发表单提交。 当为submit作为提交时，样式难以定制。
2.button的语义很明确，就是一个按钮不含数据，作用就是用户交互。 type默认值为submit，点击会引起表单提交。button也可以设置type=reset，此时点击按钮会导致表单被重置
CSS id 与class
id对应css是用样式选择符“#”（井号）； class对应css是用样式选择符“.”(英文半角输入句号)
<div id="header"></div> 【在一个页面只调用一次】
<div class="abc"></div> [可用无限次]
对应css:
#header{...}
.abc{...}
<style>
body{
font-family: 宋体; 【HTML标签对应的设置】
}
span{
display:inline-block;
border: 1px solid lightgray;
width:120px;
margin-bottom:5px;
}
button#generate{ 【id】
width:80px;
height:30px;
}
textarea{
width:100%;
height:150px;
margin-top:20px;
}
</style>
span
| div | 定义文档中的分区或节（division/section）。 |
|---|---|
| span | 定义 span，用来组合文档中的行内元素。 |
<span> 用于对文档中的行内元素进行组合。
<span> 标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对<span> 应用样式，那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。
<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
被 <span> 元素包含的文本，您可以使用 CSS 对它定义样式，或者使用 JavaScript 对它进行操作。
内联元素和块级元素
https://blog.csdn.net/xuanfuhuo4769/article/details/81326457
| 块级元素 | 行内元素 |
|---|---|
| 独占一行,默认情况下，其宽度自动填满其父元素宽度 | 相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化 |
| 可以设置width，height属性 | 行内元素设置width，height属性无效 |
| 可以设置margin和padding属性 | 行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right，其它属性不会起边距效果。 |
| 对应于display:block | 对应于display:inline； |
| <address> 定义地址<div> 定义文档中的分区或节<form> 创建表单元素 <h1><h2><h3><h4><h5><h6> 标题元素 水平线 <legend> 给fieldset元素定义标题 <li> 定义列表项目 <ol> 有序列表<ul> 无序列表 <p> 定义段落 |
<i> 斜体文本效果 <img> 向网页中嵌入一张图像 <input> 输入框 <span> 组合文档中的行内元素 |
<input>和<img>都是行内元素，但是它们是可以设置宽和高的。这里就涉及到可替换元素和不可替换元素。
替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。
不可替换元素 html 的大多数元素是不可替换元素，即其内容直接表现给用户端（例如浏览器）。 如<p>
1.<b> <strong> 都可以用来实现粗体的效果 ,strong强调文本重要性。
2.<i>和<em>都可以表示斜体效果 ,em强调文本重要性。
3.<pre>中间插代码
4.图片在上级目录，则在src上加上 ../，即可访问上级目录的图片 如果是在上级目录的上级目录，则使用 ../../
5.使用图片，<img> src使用图片所在的绝对路径，在前面加上file://
6.img不能够自己居中，需要放在其他能够居中的标签中实现这个效果，比如h1标签,p标签. 经常采用的手段是放在div中居中
7.alt属性，图片刷新不出来时显示
8.<a href="跳转到的页面地址">超链显示文本或图片<img> </a> ,在新的页面打开超链用target元素，鼠标提示用title。
9.表格<table><tr><td>，属性border width align（文字在哪里）
td的属性colspan 跨列。属性rowspan 跨行，bgcolor背景颜色。
