0
点赞
收藏
分享

微信扫一扫

前端面试题Html篇

代码小姐 2022-04-07 阅读 103
前端面试

1、行内元素,块级元素和行内块元素都有哪些?(重点)

块级元素:div p h1 ~h6 form ul li

行内元素:a b br i span select button

行内块元素:img input video audio

2、行内元素,块级元素和行内块元素分别都有什么特点。(重点)

块级元素特点:①可设置宽高,内外边距。

​ ②自动换行

​ ③它可以容纳内联元素和其他块元素。

​ ④宽度始终是与浏览器宽度一样,与内容无关。

行内元素特点:①行内元素只能容纳文本或者其他行内元素。

​ ②不可以设置宽高

​ ③不会自动换行

​ ④高,行高及外边距和内边距部分可改变。

行内块元素:不会自动换行,可以设置宽和高

3、XHTML与HTML的有何异同?

HTML是一种基于WEB的网络设计语言,XHTML是基于XML的置标语言,XHTML可以认为是XML版的HTML,语法比较严谨:元素标签闭合,嵌套必须正确,大小写区分,属性值必须用双引号,id属性代替name属性

4、img的title和alt有什么区别

①alt是图片加载失败时显示在网页上的替代文字;

②title是鼠标放在图片上显示的文字

③他们都是用来提示用户告知用户信息的

5、input输入框常见的属性都有什么?

type(输入框属性)required(必填/必选)placeholder(输入框提示语)disabled(禁用)

6、form表单提交中Get和Post方式的区别是什么?

①Get一般用于从服务器上获取数据,Post向服务器传送数据。②Get传输的数据是拼接在Url之后的,对用户是可见的;Post的传输数据对用户是不可见的。③Get安全性非常低,Post安全性较高。④在from提交的时候,如果不指定method,则默认为Get请求。

7、html5的新特性(重点)

语义化标签: header footer nav section article aside main等

视频和音频:audio video

增强型表单:属性:color data datatime month week url

8、每个HTML文件里开头都有个很重要的东西,Doctype,它的作用是什么?

“<!DOCTYPE>” 声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。(重点:告诉浏览器按照何种规范解析页面)

9、如何理解HTML结构的语义化?(重点)

a. 为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看;

b. 用户体验更好

c. 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;

d. 方便其他设备解析

e. 便于团队开发和维护,语义化更具可读性

10、关于HTML语义化,你知道的都有哪些标签?(重点)

header、article、address、nav、footer、section等都属于语义化明确的标签。

举报

相关推荐

0 条评论