上元IT-Web前端面试题（一）

上元小卢老师

1、空(void)元素有哪些？

空元素：即没有内容的HTML元素，空元素在开始标签中关闭（<XXX />）

常见空元素：<input/>、<img/>、<link/>、<meta/>、<br/>、<hr/>等
2、src与href的区别是？
href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a

  src是source的缩写，src的内容是页面必不可少的一部分，是引入，src指向的内容会嵌入到文档中当前标签所在的位置，常用的有：img、script、iframe

  区别：href不会阻塞浏览器对文档的处理，当浏览器解析到含有src属性的元素时，会暂停浏览器的渲染，直到该资源加载完毕

  简而言之，src用于替换当前元素，href用于在当前文档和引用资源之间建立联系
3、简述一下对HTML5语义化的理解。
HTML结构语义化，是最近几年才提出来的，以前的html结构，都是一堆没有语义的冷冰冰的标签。最泛滥的就是div+css，以前的页面，一打开就是一堆div+css，为了改变这种这种状况，开发者们和官方提出了让HTML结构语义化的概念，并且官方w3c，也在HTML5给出了几个新的语义化的标签

用正确的标签做正确的事情，html语义化可以让页面的内容结构更加清晰，便于浏览器解析，便于搜索引擎解析，并提高代码的可读性与可维护性。比如，尽可能少的使用无语义的标签div，使用结构化标签<header>、<section>、<footer>

其实语义化，也无非就是自己在使用标签的时候多使用有英文语义的标签，比如h标签，在HTML中就是就是用来定义标题，还有p标签，英文是paragraph段落，table表格标签,等等。

判断自己的页面结构是否语义化，那就要看你的HTML结构，在去掉CSS样式表之后，是否依然能很好的呈现内容的结构。也就是说，脱掉css的外衣，依然头是头，脚是脚。赤裸裸的完整的一篇文档。这也就是，语义化之后文档的效果

想了解更多面试题欢迎随时来上元IT咨询！！！