HTML

Mchanges
90 阅读4分钟

HTML

  1. DOCTYPE有什么作用？标准模式与混杂模式如何区分？

DOCTYPE是什么：DOCTYPE(Documnet Type Declaration)，是一种指定网页文档类型的标记。 DOCTYPE作用：告诉浏览器的解析器使用什么样的文档类型来解析文档。

  1. HTML5为什么只需要写 ？

因为HTML4.0.1是基于 SGML，所以需要引用DTD，才能告知浏览器文档所使用的文档类型。比如

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 5 不是SGML的，所以不需要。

  1. 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内块元素有哪些？ 行内元素(inline)：行内元素不会独占一行，而是在同一行内按照从左到右的顺序排列。不能修改元素的尺寸。如 span, a, img, input, select 块级元素(block)：独占一行，从上到下的顺序排列。可以修改元素的尺寸。如 div, p, h1, ul, li 空元素：自闭和元素或空标签，是指没有内容的HTML元素。如 br, img, input, hr, meta 行内块元素(inline-block)：不独占一行，又能修改尺寸。如 span, button, label, input。
    元素的转换 用 css 的 display 属性。

  2. 介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？

浏览器内核，主要是说浏览器的渲染引擎和JS引擎两部分。渲染引擎负责解析网页内容 HTML、CSS、图像等，JS引擎主要用来解析和执行JavaScript。 常见浏览器内核：Trident(IE、360、搜狗)、Gecko(火狐)、Webkit(Safari和 Chrome)、Presto(欧鹏)、Chromium

  1. HTML5有哪些新特性?

    1. 语义化标签：如 header、nav、article、section、footer等
    2. 多媒体支持：如 video、audio
    3. Canvas绘图：
    4. SVG支持：
    5. 表单增强：引入了新的表单元素和属性，input type="email"、input type="date"、 input type="range"
    6. 本地存储：localStorage 和 sessionStorage 和 IndexedDB
    7. Web Workers：Web Workers 允许在后台运行脚本独立于主线程，提高了多线程处理和并行计算的能力。
    8. 地理定位：JS获取用户的地理位置信息。

  2. 简述一下你对HTML语义化的理解？ HTML语义化是指在编写HTML文档时，使用合适的标签和属性来描述文档中的内容，从而使得文档的结构和内容更加清晰、易于理解和维护。也更便于浏览器和搜索引擎的解析，有利于网页的SEO。

  3. 页面导入样式时，使用link和@import有什么区别？

    <link href="a.css" rel="stylesheet">
<style> @import url('a.css'); </style>
    1. 用法区别：@import 是CSS提供的语法规则，只有导入样式的作用；link 是 HTML 提供的标签，不仅可以加载 CSS 文件，还可以定义RSS，ref等属性。
    2. 加载顺序区别：加载页面的时候，Link标签引入的CSS同时被加载；@import 引入的CSS会等到页面全部加载完再被加载。
    3. 兼容性区别：@import 是 CSS2.1提出的语法，所以只有在IE5+才能识别；Link标签不存在兼容问题。

    参考资料 cloud.tencent.com/developer/a…

  4. src 和 href 的区别?

<link rel="stylesheet" href="链接">
<a href="链接"></a>

href表示超文本引用，指向网络资源所在的位置。

<iframe src="" frameborder="0"></iframe>
<img src="" alt="">
<script src="">..

src是 source的简写，是指向物件的来源地址，目的是要把文件下载到html页面中，嵌入到当前文档元素定义的位置。 简单说是：href是建立连接的关系 ；src可是需要下载资源并且显示在网页中。

(未完待续...) HTML5的文件离线储存怎么使用，工作原理是什么？
cookies，sessionStorage和localStorage的区别？
iframe框架有那些优缺点？
label的作用是什么? 是怎么用的?
HTML5的form如何关闭自动完成功能？
如何实现浏览器内多个标签页之间的通信?
webSocket如何兼容低浏览器？
页面可见性（Page Visibility）API 可以有哪些用途？
如何在页面上实现一个圆形的可点击区域？
实现不使用 border 画出1px高的线，在不同浏览器的Quirks mode和CSS Compat模式下都能保持同一效果
网页验证码是干嘛的，是为了解决什么安全问题？
title与h1的区别、b与strong的区别、i与em的区别？
元素的alt和title有什么异同？
a元素除了用于导航外，还有什么作用？
你知道SEO中的TDK吗？

avatar
文章
阅读
粉丝