美文网首页
HTML总结

HTML总结

作者: niices | 来源:发表于2016-09-25 08:39 被阅读0次

标签(空格分隔): 面试准备


[TOC]

2.1、<img>标签上title属性与alt属性的区别是什么?

alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。
这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户等。
title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。

2.3、请写出至少5个html5新增的标签,并说明其语义和应用场景

https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list

2.4、请说说你对标签语义化的理解?

a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构
b. 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个键字的权重;
c. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;
d. 便于团队开发和维护,语义化更具可读性,遵循W3C标准的团队都遵循这个标准,可以减少差异化。

2.5、Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

<!DOCTYPE> 声明位于文档中的最前面,处于 <html> 标签之前。告知浏览器以何种模式来渲染文档。
严格模式的排版和 JS 运作模式是,以该浏览器支持的最高标准运行。
在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

2.6、你知道多少种Doctype文档类型?

标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。
XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset。
Standards (标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页,
Quirks(包容)模式(也就是松散呈现模式或者兼容模式)用于呈现为传统浏览器而设计的网页。
从根本上说,怪异模式(也称之为兼容模式)意味着一个相对新的浏览器故意模拟许多在旧浏览器中存在的bug,特别是在IE4和IE5中。
http://www.w3school.com.cn/tags/tag_doctype.asp

2.7、HTML与XHTML——二者有什么区别

a. XHTML 元素必须被正确地嵌套。
b. XHTML 元素必须被关闭。
c. 标签名必须用小写字母。
d. XHTML 文档必须拥有根元素。

2.8、html5有哪些新特性、移除了那些元素?

a. HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。
b. 拖拽释放(Drag and drop) API
c. 语义化更好的内容标签(header,nav,footer,aside,article,section)
d. 音频、视频API(audio,video)
e. 画布(Canvas) API
f. 地理(Geolocation) API
g. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失
h. sessionStorage 的数据在页面会话结束时会被清除
i. 表单控件,calendar、date、time、email、url、search
j. 新的技术webworker, websocket等

移除的元素:

a. 纯表现的元素:basefont,big,center, s,strike,tt,u;

b. 对可用性产生负面影响的元素:frame,frameset,noframes;

2.9、iframe的优缺点?

优点:

a. 解决加载缓慢的第三方内容如图标和广告等的加载问题
b. iframe无刷新文件上传
c. iframe跨域通信

缺点:

a. iframe会阻塞主页面的Onload事件
b. 无法被一些搜索引擎索引到
c. 页面会增加服务器的http请求
d. 会产生很多页面,不容易管理。

2.11、请阐述table的缺点

a. 太深的嵌套,比如table>tr>td>h3,会导致搜索引擎读取困难,而且,最直接的损失就是大大增加了冗余代码量。
b. 灵活性差,比如要将tr设置border等属性,是不行的,得通过td
c. 代码臃肿,当在table中套用table的时候,阅读代码会显得异常混乱
d. 混乱的colspan与rowspan,用来布局时,频繁使用他们会造成整个文档顺序混乱。
e. 不够语义

2.12、简述一下url,src与href的区别

https://segmentfault.com/a/1190000002877022

相关文章

  • H5标签回顾与整理(总结)

    HTML总结

  • HTML总结

    css字体样式 字体大小:font-size 网页默认大小为16px 正常网页支持大...

  • HTML总结

    一两个月的时间,转眼即逝,我的html阶段也走了这么长时间。 html见证我由学妹变成学姐,可怕! html相对于...

  • html总结

    html是什么:超文本标记语言 html的唯一作用就是:给指定的文本添加语义。 html的标准格式:

  • HTML总结

    HTML的基本结构 一些常用的标签及属性 文本内容 p标签表示段落: This is a paragragh h1...

  • HTML总结

    1.doctype的意义? 1)让浏览器以标准模式渲染;(css盒模型有标准和IE模式,造成不兼容)2)让浏览器知...

  • HTML总结

  • html总结

    html,xhtml,xml之间的区别? html和xml都是标记语言:html是超文本标记语言;xml是可扩展置...

  • HTML总结

    本文是本人在边看菜鸟教程过程中边总结而得,如有雷同,纯属巧合我复制的,不过也算是我的笔记了吧 超文本标记语言 (英...

  • html总结

    1)Html样式 2)HTML 文本格式化 3)Html段落 4)HTML 链接 5)target属性 6)div...

网友评论

      本文标题:HTML总结

      本文链接:https://www.haomeiwen.com/subject/nvcfyttx.html