2020-07-31 html的空元素 + css的fill + JS的获取行间样式 + 软技能[空]

2020-07-31 题目来源：http://www.h-camel.com/index.html

[html] 什么是空元素？常用的空元素有哪些？

在HTML中，没有内容的元素被称为空元素。

<area> 代表图像映射的一个区域，图像映射指的是带有可点击区域的图像，area标签每出现一次，就会创建一个Area对象。
<base> 指定的默认地址或所有连接的目标地址。
<br>
<col> 与colgroup联用，设置table中的列的属性
<colgroup> when the span is present

    <table border="1">
      <colgroup>
        <col span="2" style="background-color:red">
        <col style="background-color:yellow">
      </colgroup>
      <tr>
        <th>ISBN</th>
        <th>Title</th>
        <th>Price</th>  
      </tr>
      <tr>
        <td>3476896</td>
        <td>My first HTML</td>
        <td>$53</td>
      </tr>
    </table>

<command> 定义用户可能调用的命令（比如单选按钮、复选框或按钮）
<embed> 定义嵌入的内容,比如插件，h5新增
<hr>
<img>
<input>
<keygen> 规定用于表单的密钥对生成器字段
<link>
<meta>
<param> 允许为插入 XHTML 文档的对象规定 run-time 设置，此标签可为包含object applet标签提供参数

    /* 设置object的参数 autoplay 为 true, 也就是音频载入后会自动播放 */
    <object data="horse.wav">
      <param name="autoplay" value="true">
    </object>

<source> 此标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源

    <video width="320" height="240" controls="controls">
      <source src="forrest_gump.mp4" type="video/mp4" />
      <source src="forrest_gump.ogg" type="video/ogg" />
      <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
      <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
    </video> 

<track> 为诸如 video 元素之类的媒介规定外部文本轨道，也就是字幕

<wbr>  规定在文本中的何处适合添加换行符，这样就会避免差分过长的组合单词，例如XMLHttpRequest

[css] css中的fill有什么应用场景？

常规css中是没有fill属性的，只在XML-CSS中存在，用于设置当前元素的填充内容，例如颜色，图片。

XML-CSS下有四种语法方式：

1、fill:rgb(0,0,255);：把rgb颜色填充到当前元素内

2、fill:#ffffff;：把十六进制颜色填充到当前元素内

3、fill:blue;： 把文字型颜色填充到当前元素内

4、fill:url(../sdf.gif);： 把图片填充到当前元素内

[js] getComputedStyle和element.style有什么不同？

1. window.getComputedStyle(element, attr); 只读，不可设置。可以获取元素的最终样式。
2. element.style 可读可写，只能获取style中的样式，如果style中没有设值，返回空。

获取非行间样式函数

let style;
function getStyle(element, attr){
    if(element.currentStyle){
        style = element.currentStyle[attr]; 
    }else{
        style = getComputedStyle(element, false)[attr];
    }
    return style;
}

[软技能] 全角字符和半角字符有什么区别？

1.全角： 一个字符占有2个标准字符位置。汉字、图形符号和特殊字符都是全角的，一般只有作文字处理的时候才会使用。

2.半角: 一个字符占有1个标准字符位置。 英文字母、数字、符号键都是半角的。半角就是ASCII方式的字符。