前端开发校招面试问题整理�?】——HTML
1、HTML 元素(element�?
Q:简单介绍下常用�?HTML 元素�?
块状标签:元素独占一行,可指定宽、高�? 常用的块状元素有�?
<div>�?p>�?h1>-<h6>�?ol>�?ul>�?dl>�?table>�?form>
内联元素:元素在一行内,宽度与高度由内容决定,只有在内容超�?HTML 的宽度时,才会换行�? 常用的内联元素有�?
<a>�?span>�?i>�?em>�?strong>�?label>
内联块状元素同时具备内联元素、块状元素的特点,它和其他元素都在一行,但元素的高度、宽度、行高以及顶和底边距都可设置。常用的内联块状元素有:
<img>�?input>
Q:语义化元素是指�?
语义化元素是指元素本身传达了关于其内容类型的一些信息。这些元素让页面的内容结构化,结构更清晰,便�?SEO,容易阅读和维护�?
常见的语义化元素�?
<header>
<footer>
<nav>
<article>
<section>
<aside>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<strong>
<em>
Q:HTML5 新增了哪些元素?
标签 | 说明 |
---|---|
<header> | 定义 section �?document 的页眉�? |
<footer> | 定义 section �?document 的页脚�? |
<nav> | 定义导航链接的部分�? |
<article> | 定义文章的内容�? |
<section> | 定义文档中的段落。比如章节、页眉、页脚或文档中的其他部分�? |
<aside> | 定义 article 以外的内容。aside 的内容应该与 article 的内容相关�? |
<audio> | 定义声音�? |
<canvas> | 定义图形�? |
<video> | 定义视频,比如电影片段或其他视频流�? |
<source> | 为媒介元素(比如 <video> �?<audio> )定义媒介资源�? |
2、HTML 事件
Q:描述一�?HTML 的事件模型?事件捕获/事件冒泡指的是?
当页面触发一个事件的时候,浏览器主要做了三个阶段的事情,分别是�? 1、捕获事件阶�? 2、目标处理阶�? 3、后续事件处理阶�?
当事件被触发,从根节点传递事件对象到目标节点的过程,就是事件捕获�? 当处理完成事件后,从目标节点反向的传递到根节点的过程,就是事件冒泡�?
Q:如何阻止事件冒泡?如何阻止元素默认行为�?
javascript
event.stopPropagation() // 阻止事件冒泡
event.preventDefault() // 阻止元素默认行为