原题:在HTML5中,头部内容通常包含在以下哪个结构元素内()。A.nav;B.header;C.aside;D.footer。答案:B.header。
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
1、 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下)
答:行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。块级元素:各占据一行,垂直方向排列。从新行开始结束接着一个断行。兼容性:display:inline-block*display:inline*zoom:1。
2、box-sizing常用的属性有哪些?分别有什么作用?
答:box-sizing: content-box|border-box|inherit。content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。
border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
3、Doctype作用?标准模式与兼容模式各有什么区别?
答:告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
4、html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
答:HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。
(1)绘画 canvas
(2)用于媒介回放的 video 和 audio 元素
(3)本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失
(4)sessionStorage 的数据在浏览器关闭后自动删除
(5)语意化更好的内容元素,比如 article、footer、header、nav、section
(6)表单控件,calendar、date、time、email、url、search
(7)新的技术webworker, websocket, Geolocation
IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim。
以上就是环球青藤小编关于web前端面试题的相关分享,希望对大家有所帮助,想要了解更多相关内容,请及时关注本平台并进行查看!
h1元素通常被用作主标题,h2 元素通常被用作副标题, 还有 h3、h4、h5、h6 元素,它们分别用作不同级别的标题。
用 a(Anchor,简写为 a)来实现网页间的跳转。
a 需要一个 href 属性 指向跳转的目的地。 同时,它还应有内容。 例如:
浏览器将显示文本 this links to freecodecamp.org,这是一个可点击的链接。
通过这个链接可以访问 https://www.freecodecamp.org 。
<a href="#contacts-header">Contacts</a>
...
<h2 id="contacts-header">Contacts</h2>
当用户点击 Contacts 链接,可以访问网页中带有 Contacts 标题元素的部分。
文本是被包裹在 p 元素内
(有时你想为网站添加一个 a 元素,但还不确定要将它链接到哪里。)
href 属性的当前值是指向 “ https://www.freecatphotoapp.com ”。
请将 href 属性的值替换为#,以此来创建链接占位符。
通过把元素嵌套进 a 里使其变成一个链接。将 img 嵌套进 a 元素中。
如果我们要把图片嵌套进 a 元素, 可以这样写:
HTML 中有用于创建有序列表的特定元素。
有序列表以 <ol>开始,中间包含一个或多个 <li>元素。 最后以 </ol>结束。
例如:
注意: 别忘了 input 元素是 "自闭和标签",即不需要结束标签。(input / //表单元素标签
br/ //换行 hr/ //水平线 img / //图片 option/ //下拉菜单项 meta / link /)
把现有的 input 元素嵌套到一个表单 form 元素里,然后设置 form 元素的 action 属性值
radio buttons (单选按钮)就好比单项选择题,正确答案只有一个。
( 单选按钮是 input 选择框的一种类型 )
每一个单选按钮都应该 嵌套 在它自己的 label(标签)元素 中。 这样,我们相当于给 input 元素和包裹它的 label 元素建立起了对应关系。
所有关联的单选按钮应该拥有 相同的 name 属性 。 创建一组单选按钮,选中其中一个按钮,其他按钮即显示为未选中,以 确保 用户只提供 一个答案 。
下面是一个单选按钮的例子:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)