精华内容
下载资源
问答
  • 常见的DOM操作有哪些

    千次阅读 2018-07-07 16:23:09
    1.背景介绍 ...DOM脱胎于Netscape 及微软公司创始DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正跨平台、语言中立方式。1998 年10 月DOM1级规范成为W3C 推荐标准,为基本...

     

    1.背景介绍

     

    DOM(文档对象模型)是针对HTML 和XML 文档的一个API(应用程序编程接口)。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。

    DOM脱胎于Netscape 及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正的跨平台、语言中立的方式。1998 年10 月DOM1级规范成为W3C 的推荐标准,为基本的文档结构及查询提供了接口。

     

    DOM树

     

    2.知识剖析

     

    什么是DOM

    DOM 是 Document Object Model(文档对象模型)的缩写。DOM是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。在 HTML DOM中,所有事物都是节点。DOM 是被视为节点树的 HTML。DOM节点HTML 文档中的所有内容都是节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,HTML 元素内的文本是文本节点,每个 HTML 属性是属性节点,注释是注释节点。

    DOM把整个页面映射为一个多层节点结构

    DOM常用操作

    查找节点

    新建节点

    添加节点

    删除节点

    修改节点

    我们用到最多的是element类型,用于表现HTML元素,提供了对元素标签名、子节点及特性的访问。

    DOM常用操作举例

    查找节点

    document.getElementById('id属性值');返回拥有指定id的第一个对象的引用           

    document/element.getElementsByClassName('class属性值');返回拥有指定class的对象集合

    新建节点

    document.createElement('元素名');创建新的元素节点

    document.createAttribute('属性名');创建新的属性节点

    document.createTextNode('文本内容');创建新的文本节点

    document.createComment('注释节点');创建新的注释节点

    document.createDocumentFragment( );创建文档片段节点

    添加节点

    常用来添加文本节点element.innerHTML='新增文本内容'

    创建文本节点

    function addText(){

    var element = document.getElementsByTagName('p')[0];

    element.innerHTML='新增文本内容'; //插入文本内容

    }

    删除节点

    parentNode.removeChild( existingChild );删除已有的子节点,返回值为删除节点

    element.removeAttribute('属性名');删除具有指定属性名称的属性,无返回值

    element.removeAttributeNode( attrNode );删除指定属性,返回值为删除的属性

    修改节点

    添加属性节点,修改属性值:

    element.setAttribute( attributeName, attributeValue );

    属性节点

    增添id属性,并修改class属性值

    var element = document.getElementsByTagName('p')[0];

    // 添加属性节点

    var attr = document.createAttribute('id');

    attr.value = 'idValue';

    element.setAttributeNode(attr);

    // 修改属性值

    var attr = document.createAttribute('class');

    attr.value = 'classNewValue';

    element.setAttributeNode(attr);

     

     

    3.常见问题

    如何通过class和tag调用元素?如何对其设置属性?

     

     

     

     

    4.解决方案

    document.getElementsByClassName("time")[0].innerHTML = "16:43";

    document.getElementsByClassName("time")[1].innerHTML = "16:44";

    document.getElementsByTagName("div")[0].className = "text-time";

    ele.style.styleName = styleValue;设置ele元素的CSS样式

     

     

    5.编码实战

     

     

    6.拓展思考

    常见的DOM事件有哪些

    onclick 事件——当用户点击时

    onload 事件——用户进入

    onunload 事件——用户离开

    onmouseover事件——鼠标移入

    onmouseout事件——鼠标移出

    onmousedown事件——鼠标按下

    onmouseup 事件——鼠标抬起

     

     

    7.参考文献

    《JavaScript高级程序设计》

    菜鸟教程:http://www.runoob.com/htmldom/htmldom-tutorial.html

    博客园:http://www.cnblogs.com/yinshuige/p/5812095.html

     

     

    8.更多讨论

     

     

     

     

    如何获取相邻的节点?

    neborNode.previousSibling :获取已知节点的相邻的上一个节点

    nerbourNode.nextSlbling: 获取已知节点的下一个节点

    可以复制节点么?

    cloneNode(true | false);复制某个节点

     

    什么是文档碎片?

    createDocumentFragment() 用来创建文档碎片节点。 

    文档碎片节点是若干DOM节点的集合,可以包括各种类型的节点,如 元素节点、文本节点、注释节点 等。文档碎片节点在创建之初是空的,需要向它添加节点。 

     

     

     

     

    展开全文
  • 在前端开发中离不开HTML,支持不同数据格式的文件镶入,前端工程师在面试过程中涉及到一些基础知识,常见的前端HTML5面试题有哪些呢? 本文,分享一些HTML5面试题及答案。准备参加web前端面试的小伙伴们来看一看吧,...

    HTML称为超文本标记语言,是一种标识性的语言。在前端开发中离不开HTML,支持不同数据格式的文件镶入,前端工程师在面试过程中涉及到一些基础知识,常见的前端HTML5面试题有哪些呢?

    本文,分享一些HTML5面试题及答案。准备参加web前端面试的小伙伴们来看一看吧,希望能够对大家有所帮助!
    在这里插入图片描述

    1、 什么是 HTML5?

    HTML5是HTML(超文本标记语言)的最新版本。它是一种为万维网构建和显示内容的语言,万维网是互联网的核心技术。WHATWG(Web超文本应用技术工作组)另一次W3C个人聚会认为,W3C没有认真考虑当前方言的现实改进需求,它已经开始处理HTML-HTML5的新确定。因此,HTML5是HTML 4.01和XHTML 1.0的另一种改编,它集中于Web应用程序设计者的必要性上,并且还倾向于在当前细节中发现的问题。

    具体而言,HTML5包含许多新的句法特征。新元素,如section, article, header和nav,是文档语义实质的重要组成部分。它们还包含section, article, header和canvas标记,以及SVG内容的集成。这些组件旨在简化合并和处理网络上的交互式媒体和图形内容,而无需诉诸限制性模块和API。少数成分和性状已被排出。一些组件,例如,video, audio和menu已经被更改、重新定义或标准化。API和DOM不再被重新考虑,而是HTML5规范的基本部分。

    2、什么是?是否需要在HTML5中使用?

    是关于页面写入了什么版本的HTML的指令。标记没有结束标记,它不区分大小写。声明必须是HTML5文档中的第一行,在标记之前。如HTML 4.01,全部声明需要引用文档类型定义(DTD),因为HTML 4.01是基于标准通用标记语言(SGML)的。而HTML5并不基于SGML,因此不需要对文档类型定义(DTD)的引用。

    3、HTML5有哪些的新特性?

    HTML5中最有趣的新特性:

    • 二维画图中的元素

    • 媒体播放的 和元素

    • 支持本地存储

    • 新的内容特定元素,如<section><article><footer><header><nav><menu>

    4、HTML5的优势有哪些?

    一些网络研究的前5名似乎提供了以下HTML5特性;

    • 相关性

    • 标记/代码简洁

    • 语义清晰

    • 简明的表单和网络应用程序

    • 缓存式离线应用程序

    5、Canvas是什么?怎样写Canvas?

    Canvas是HTML5的一个元素,它使用JavaScript在网页上绘制图形。Canvas是一个矩形区域。它的每一个像素都可以由HTML5语言来控制。使用Canvas绘制路径、框、圆、字符和添加图像有几种方法。如果要在我们的HTML文档中添加Canvas标签,我们需要ID、宽度和高度。下面是如何将基本Canvas标签写入HTML文档的示例。

    <canvas id="myFirstCanvas" width="100" height="100"> </canvas>
    

    6、HTML5地理定位是什么?如何使用?

    HTML5 地理定位用于定位用户的位置HTML5 地理定位API用于获取用户的地理位置。由于这会侵犯用户隐私,除非用户批准,否则该位置不可用。使用 getCurrentPosition() 方法获取用户的位置。下面的示例是返回用户位置的纬度和经度的简单地理定位示例:

    <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) {navigator.geolocation.getCurrentPosition(showPosition); } else{x.innerHTML="Geolocation is not supported by this browser.";} } function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude +"Longitude: " + position.coords.longitude; } </script>
    

    7、使用HTML5需要遵守哪些规则?

    • 新的特性应该基于HTML、CSS、DOM和JavaScript

    • 减少对外部插件的需求(如Flash)

    • 更好的错误处理

    • 更多的替换脚本的标记

    • HTML5应与设备无关

    • 开发过程必须可视化

    8、HTML5中的Session storage存储对象是什么?如何创建和访问?

    Session storage 存储对象存储一个会话的数据。当用户关闭浏览器窗口时,数据将被删除。如下所示,我们可以在这里创建“blogName”作为会话并访问Session storage<script type="text/javascript"> sessionStorage.blogName="OnlineInterviewQuestions"; document.write(sessionStorage.name); </script>

    9、Html5应用程序缓存和Html浏览器缓存有什么区别?

    新的HTML5规范允许浏览器在连接客户端时预取一些或全部网站资产,如HTML文件、图像、CSS、JavaScript等。对于获取此内容,用户以前没有必要访问此内容。换句话说,应用程序缓存可以预取完全未被访问的页面,从而在常规浏览器缓存中不可用。预取文件可以加速站点的性能,尽管您最初使用带宽下载这些文件。

    10、简要描述下最新的HTML5标准中的API是什么?

    下面是HTML 5标准提供的新API列表。* Canvas :Canvas 由HTML代码中定义的具有高度和宽度属性的可绘制区域组成。JavaScript代码可以通过一组完整的绘图函数访问该区域,这与其他常见的2DAPI类似,因此允许动态生成图形。Canvas 的一些预期用途包括构建图形、动画、游戏和图像合成。

    • 定时媒体回放

    • 离线存储数据库

    • 文档编辑

    • 拖放

    • 跨文档消息传递

    • 浏览器历史管理

    • MIME类型和协议处理程序注册

    11、LocalStorage本地存储在HTML5中有什么用途?

    LocalStores 本地存储就是一个轻量级的sqllite数据库。可以在客户端本地存储数据,用于在断开网络连接的情况下读取本地缓存cookies,LocalStores可以将数据长期保存在客户端,直至人工清除为止,接下来演示下实例:

    1、使用localStorage对象保存数据:

    localStorage.setItem(key , value)

    2、使用localStorage获取保存的数据:

    localStorage.getItem(key)

    3、清除localStorage保存的数据:

    localStorage.removeItem(key)

    4、清除全部localStorage对象保存的数据:

    localStorage.clear( )

    12、你能列出HTML5中新的输入类型属性吗?

    search:用于搜索域,比如站点搜索或 Google 搜索,域显示为常规的文本域。

    url :用于应该包含 URL 地址的输入域在提交表单时,会自动验证 url 域的值。

    email:用于应该包含 e-mail 地址的输入域,在提交表单时,会自动验证 email 域的值。

    datetime:选取时间、日、月、年(UTC 时间)

    date:选取日、月、年

    month:选取月、年

    week:选取周和年

    time:选取时间(小时和分钟)

    datetime-local:选取时间、日、月、年(本地时间)

    number:用于应该包含数值的输入域,您还能够设定对所接受的数字的限定。

    range:用于应该包含一定范围内数字值的输入域,类型显示为滑动条。

    以上仅介绍了部分Web前端HTML面试题及答案,如果想要在众多竞争者中脱颖而出,除了专业技能还需要掌握一些求职面试的技巧,在面试过程中争取更多的主动权。关注我,会定期为大家分享最新Web前端面试题、发展趋势、学习资料,助力大家学好Web前端。

    展开全文
  • 虽然他们用来标记的标签不同,但是他们本质结构是相同。换句话说,按照DOM标准,HTML和XML都是以标签为结点构造树结构,DOM将HTML和XML相同结构本质抽象出来,然后通过脚本语言,如Javascript,按照DOM...

    1.背景介绍
    什么是DOM?

    DOM全称是Document Object Model(文档对象模型),是为HTML和XML提供的API。那么为什么DOM可以同时提供给HTML和XML编程接口。虽然他们用来标记的标签不同,但是他们本质的结构是相同的。换句话说,按照DOM的标准,HTML和XML都是以标签为结点构造的树结构,DOM将HTML和XML的相同的结构本质抽象出来,然后通过脚本语言,如Javascript,按照DOM里的模型标准访问和操作文档内容。

    在Chrome浏览器端,单击右键打开View Page Source展示文档结构。通过这种方式可以直观的看到文档当前的内容和结构。DOM则不同,它是提供一个API给编程语言,比如Javascript,通过一系列抽象的方法操作文档的内容,结构和样式。

    官方介绍结束,现在用人话来理解:

    在现实世界里,我们对所谓的’世界对象模型’都不会陌生,例如,当用’汽车’、'房子’和’树’等名词来称呼日常生活环境里的事物时,我们都可以百分百的肯定对方知道我们说的是什么,这是因为人们在对这些名词所代表的的东西有着相同的认知。于是,当对别人说"汽车停在车库里"时,可以断定他们不会理解为"小鸟关在壁橱里"等别的含义。

    我们的"世界对象模型"不进可以用来描述客观存在的事物,还可以同来描述抽象概念。

    例如,假设有个人想我问路,而我给出的答案是"左边第三栋房子",这个答案有没有意义取决于那个人能够理解"左边"和"第三"的含义。如果他不会数数或者分不清左右,则不管他是否理解这几个概念,我的回答对他都不会有任何的帮助。在现实世界中,正是因为大家对抽象的"世界对象模型"有着基本的共识,人们才能用非常简单的话来表达出复杂的含义并得到对方的理解。

    2.知识剖析
    刚刚提到了节点。那么节点这个到底又是什么?

    节点这个词是一个网络用语,代表了网络中的一个连接点。一个网络就是由一些节点构成的集合。

    在现实世界中,一切事物都由原子构成。原子就是现实世界的节点。但是原子同样还可以进一步分解为更细小的亚原子微粒。这些亚原子微粒同样也是节点。

    DOM也是同样的情况。文档是由节点构成的集合,只不过此时的节点是文档树上的树枝和树叶而已。

    在DOM中有许多不同类型的节点。就像原子包含着亚原子微粒那样,也有很多类型的DOM节点包含着其他类型的节点。接下来我们先看看其中的三种:元素节点、文本节点和属性节点。

    那么,DOM是由什么组成?

    对于XML应用开发来说,DOM就是一个对象化的XML数据接口,一个与语言无关、与平台无关的标准接口规范。

    DOM定义了HTML文档和XML文档的逻辑结构,给出了一种访问和处理这两种文档的方法。文档代表的是数据,而DOM则代表了如何去处理这些数据。

    作为W3C的标准接口规范,目前,DOM由三部分组成,包括:核心(core)、HTML接口和XML接口。(至于XML和HTML区别是啥,你可以理解为两种不同的语言,但是很相似。作用不一样。XML更多用于数据传输设计,HTML更多用于数据的展示模块)

    核心部分是结构化文档比较底层对象的集合,这一部分所定义的对象已经完全可以表达出任何HTML和XML文档中的数据了。

    HTML接口和XML接口两部分则是专为操作具体HTML文档和XML文档所提供的高级接口。

    DOM树(丑图,摘自红宝书)

    2.知识剖析
    DOM的四个基本接口

    在DOM接口规范中,有四个基本的接口:Document, Node, NodeList, NamedNodeMap。

    Document:Document接口是对文档进行操作的入口,它是从Node接口继承过来的。

    Node:Node接口是其他大多数接口的父类。 在DOM树中,Node接口代表了树中的一个节点。

    常见的DOM操作

    1.查找节点

    document.getElementById('id属性值'); 返回拥有指定id的第一个对象的引用
    
    document/element.getElementsByClassName('class属性值'); 返回拥有指定class的对象集合
    
    document/element.getElementsByTagName('标签名'); 返回拥有指定标签名的对象集合
    
    document.getElementsByName('name属性值'); 返回拥有指定名称的对象结合
    
    document/element.querySelector('CSS选择器'); 仅返回第一个匹配的元素
    
    document/element.querySelectorAll('CSS选择器'); 返回所有匹配的元素
    
    document.documentElement; 获取页面中的HTML标签
    
    document.body; 获取页面中的BODY标签
    
    document.all['']; 获取页面中的所有元素节点的对象集合型
    

    2.创建节点

    document.createElement('元素名'); 创建新的元素节点
    
    document.createAttribute('属性名'); 创建新的属性节点
    
    document.createTextNode('文本内容'); 创建新的文本节点
    
    document.createComment('注释节点'); 创建新的注释节点
    
    document.createDocumentFragment( ); 创建文档片段节点
    

    3.删除节点

    parentNode.removeChild( existingChild );删除已有的子节点,返回值为删除节点
    
    element.removeAttribute('属性名');删除具有指定属性名称的属性,无返回值
    
    element.removeAttributeNode( attrNode );删除指定属性,返回值为删除的属性
    

    4.修改节点

    parentNode.replaceChild( newChild, existingChild );用新节点替换父节点中已有的子节点
    
    element.setAttributeNode( attributeName );若原元素已有该节点,此操作能达到修改该属性值的目的
    
    element.setAttribute( attributeName, attributeValue );若原元素已有该节点,此操作能达到修改该属性值的目的
    

    5.插入节点

    parent.appendChild( element/txt/comment/fragment );向父节点的最后一个子节点后追加新节点
    
    parent.insertBefore( newChild, existingChild );向父节点的某个特定子节点之前插入新节点
    
    element.setAttributeNode( attributeName );给元素增加属性节点
    
    element.setAttribute( attributeName, attributeValue );给元素增加指定属性,并设定属性值
    

    6.设置样式

    ele.style.styleName = styleValue;设置ele元素的CSS样式
    

    7.更多讨论

    (1)鼠标事件有哪些?

    1、onclick 事件——当用户点击时

    2、onload 事件——用户进入

    3、onunload 事件——用户离开,如刷新页面,提交表单,关闭窗口,关闭浏览器时触发(这个事件在Chrome和Opera浏览器里并不支持)

    4、onmouseover事件——鼠标移入

    5、onmouseout事件——鼠标移出

    6、onmousedown事件——鼠标按下

    7、onmouseup 事件——鼠标抬起

    (2)如何获取相邻的节点?

    neborNode.previousSibling :获取已知节点的相邻的上一个节点

    nerbourNode.nextSlbling: 获取已知节点的下一个节点

    (3)可以复制节点么?

    cloneNode(true | false);复制某个节点

    参数:是否复制原节点的所有属性

    展开全文
  • 常见Dom操作有哪些

    2019-10-24 23:48:37
    Netscape 及微软公司创始DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正跨平台、语言中立方式。1998 年10 月DOM1级规范成为W3C 推荐标准,为基本文档结构及查询提...

    1.背景介绍

    DOM(文档对象模型)是针对HTML 和XML 文档的一个API(应用程序编程接口)。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。DOM脱胎于

    Netscape 及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正的跨平台、语言中立的方式。1998 年10 月DOM1级规范成为W3C 的推荐标准,为基本的文档结构及查询提供了接口。本章主要讨论与浏览器中的HTML页面相关的DOM1级的特性和应用,以及JavaScript 对DOM1级的实现。IE、Firefox、Safari、Chrome 和Opera 都非常完善地实现了DOM。

    2.知识剖析

    什么是DOM

    DOM 是 Document Object Model(文档对象模型)的缩写。DOM是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。在 HTML DOM中,所有事物都是节点。DOM 是被视为节点树的 HTML。DOM节点HTML 文档中的所有内容都是节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,HTML 元素内的文本是文本节点,每个 HTML 属性是属性节点,注释是注释节点。

    DOM常用操作

    • 查找节点
    • 新建节点
    • 添加节点
    • 删除节点
    • 修改节点

    我们用到最多的是element类型,用于表现HTML元素,提供了对元素标签名、子节点及特性的访问。

    DOM常用操作举例

    查找节点

    document.getElementById('id属性值');返回拥有指定id的第一个对象的引用 document/element.getElementsByClassName('class属性值');返回拥有指定class的对象集合
    

    新建节点

    document.createElement('元素名');创建新的元素节点
    
    document.createAttribute('属性名');创建新的属性节点
    
    document.createTextNode('文本内容');创建新的文本节点
    
    document.createComment('注释节点');创建新的注释节点
    
    document.createDocumentFragment( );创建文档片段节点xxxxxxxxxx 
    
    

    添加节点

    常用来添加文本节点element.innerHTML='新增文本内容'

    创建文本节点

    function addText(){
    
    var element = document.getElementsByTagName('p')[0];
    
    element.innerHTML='新增文本内容'; //插入文本内容
    
    }
    

    删除节点

    parentNode.removeChild( existingChild );删除已有的子节点,返回值为删除节点
    
    element.removeAttribute('属性名');删除具有指定属性名称的属性,无返回值
    
    element.removeAttributeNode( attrNode );删除指定属性,返回值为删除的属性
    

    修改节点

    添加属性节点,修改属性值

    element.setAttribute( attributeName, attributeValue );
    

    属性节点 增添id属性,并修改class属性值

    var element = document.getElementsByTagName('p')[0];
    // 添加属性节点
    var attr = document.createAttribute('id');
    attr.value = 'idValue';
    element.setAttributeNode(attr);
    // 修改属性值
    var attr = document.createAttribute('class');
    attr.value = 'classNewValue';
    element.setAttributeNode(attr);
    

    DOM事件

    允许 JavaScript 对 HTML 事件作出反应

    onclick 事件——当用户点击时

    onload 事件——用户进入

    onunload 事件——用户离开

    onmouseover事件——鼠标移入

    onmouseout事件——鼠标移出

    onmousedown事件——鼠标按下

    onmouseup 事件——鼠标抬起

    3.常见问题

    如何通过class和tag调用元素?如何对其设置属性?

    4.解决方案

    一个页面中常常有多个class相同的元素,也有多个标签相同的元素,在调用时方法如下

    document.getElementsByClassName("time")[0].innerHTML = "16:43";
    
    document.getElementsByClassName("time")[1].innerHTML = "16:44";
    
    document.getElementsByTagName("div")[0].className = "text-time";
    

    5.编码实战

    6.扩展思考

    Html5添加了辅助管理DOM焦点的功能。首先就是document.activeElement属性,这个属性始终会引用DOM中当前获得了焦点的元素。另外就是新增了document.hasFocus()方法,这个方法用于确定文档是否获得了焦点。

    7.参考文献

    参考一:《JavaScript高级程序设计》

    参考二: DOM树知识点梳理

    8.更多讨论

    怎样在一个元素节点之前加入新的节点?

    insertBefore(参数1,参数2):在指定位置添加节点

    classlist和classname的区别?

    classlist为了解决classname一刀切的问题而诞生,类似于jquery的选择器,但明显不如jquery方便简洁,无视就好

    如何查找兄弟节点?

    Query对象返回,children()则只会返回节点

    jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点

    jQuery.prevAll(),返回所有之前的兄弟节点

    jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点

    jQuery.nextAll(),返回所有之后的兄弟节点

    jQuery.siblings(),返回兄弟姐妹节点,不分前后

    getelementsbyclassname获取的是什么,有何特点?

    获取的是类似数组类的对象,可以理解成元素的数组,但是不能像数组一样push,确切的说是个伪数组,它只支持length属性。

    链接:https://www.jianshu.com/p/870830fcec58

    展开全文
  • 描述PHP 是一种易于学习和使用服务器端脚本语言。语法吸收了C语言、Java...用PHP做出动态页面与其他编程语言相比,PHP是将程序嵌入到HTML(标准通用标记语言下一个应用)文档中去执行,执行效率比完全生成HTM...
  • PHP 是一种易于学习和使用服务器端脚本语言。语法吸收了C语言、Java和...用PHP做出动态页面与其他编程语言相比,PHP是将程序嵌入到HTML(标准通用标记语言下一个应用)文档中去执行,执行效率比完全生成HTML标...
  • HTML CSS常见的面试题

    2020-06-09 21:13:05
    1 知道网页制作会用到图片格式有哪些 png-8 png-24 gif jpeg svg Webp(重点) webp是谷歌开发一种旨在加载图片加载速度图片格式,图片压缩体积大小只有jpeg三分之二,并能节省大量服务器带宽资源和数据...
  • 前端工程师在面试过程中涉及到一些基础知识,常见的前端HTML面试题有哪些呢?本文,分享12道经典的HTML面试题给大家!1、<image>标签上title属性与alt属性的区别是什么?alt属性是为了给那些不能看到你文档中...
  • 前端工程师在面试过程中涉及到一些基础知识,常见的前端HTML面试题有哪些呢?本文,分享12道经典的HTML面试题给大家! 1、<image>标签上title属性与alt属性的区别是什么? alt属性是为了给那些不能看到你文档...
  • HTML5 常见技术面试题

    2020-03-27 10:50:00
    HTML5复习总结+常见技术面试题1 Htmlhtml5区别1.1 文档类型声明1.2 音频和视频支持1.3 语法处理1.4 新增...name 属性2.6 基本概念3 结构标记有哪些?与div有什么相同/不同之处?4 行内元素,块状元素,空元素4...
  • 上节我们掌握了一些简单标签使用,及标签是如何编写,它格式是什么,是否成对出现,下面我们就来看看在网页中最常用标签都有哪些。表格标签是<table></table>单元格标签是<td></td...
  • 前端开发语言有哪些?需要掌握什么?通常前端开发在基础阶段掌握html+css+js+jq;框架语言阶段掌握vue+react+小程序;后端掌握nodejs+mongdb+云开发;UI框架阶段熟悉常见的有elementui+ang系列。 必须掌握的前端...
  • 1.标准的HTML文档必须包含哪几个元素()【多选题】 A.... 2.HTML和HTML5的区别有哪些? (1)旧版本的HTML比较依赖浏览器的插件,例如播放视频需要安装Flash插件。 (2)由于HTML5不再基于SGML(标准通用标记语...
  • 前端工程师在面试过程中涉及到一些基础知识,常见的前端HTML面试题有哪些呢?本文,分享12道经典的HTML面试题给大家!1、<image>标签上title属性与alt属性的区别是什么?alt属性是为了给那些不能看到你文档中...
  • html5中常见选择器

    2019-09-22 06:34:59
    html5以下常见的选择器: 基本选择器: 元素选择器 *格式:标记名{/* 声明块* /} *所有与该标记名匹配的元素,都将应用声明块中的规则 2. 类选择器 *格式:**.**类名{/* 声明块 */} *所有class属性...
  • HTML标签上节我们掌握了一些简单标签使用,及标签是如何编写,它格式是什么,是否成对出现,下面我们就来看看在网页中最常用标签都有哪些。表格标签是单元格标签是表格行标签是表示空格特殊符号是...
  • 常见的浏览器内核有哪些? 答、要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们 一般习惯将之称为“浏览器内核”。 负责对网页语法的解释(如标准通用标记语言下的一个 应用 HTML、...
  • 常见的文本标签

    2018-04-28 15:04:00
    1.html标题几个级别?...2.文本标签元素中,哪些是语义化标记 ? <strong>,<em>,<blockquote>,<q>,<abbr>,<cite>,<dfn>,<address>,<ins>,...
  • 关于python读取xml文章很多,但大多文章都是贴一个xml文件,然后再贴个处理文件的代码。这样并不利于初学者的学习,希望这篇文章可以更通俗...abc.xml4Python测试ZopeOk,从结构上,它很像我们常见的HTML超文本标记...
  • 2020年HTML+CSS常见面试题

    千次阅读 2020-03-30 10:45:54
    HTML 1、HTML语义化理解 1、用正确标签做正确事情! 2、HTML语义化就是让页面内容结构化,便于对浏览器、搜索引擎解析; 3、在没有样式CSS情况下也以一种文档...2、HTML5有哪些新特性、移除了那些元素? ...
  • 常见的前端面试题(二)

    千次阅读 2017-10-17 20:21:30
     答:html5不是基于sgml(标准通用标记语言),不需要对dtd文件进行引用,但是需要doctype来规范浏览器行为,  否则浏览器将开启怪异模式,而html4.01基于sgml,需要引入dtd,才能告知浏览器文档使用文档类型...
  • JS常见选择

    2020-06-30 14:08:03
    1. 在页面中使用JavaScript有哪些方法,不正确是(选一项) A. 使用<script> 标签将JavaScript 代码嵌入到网页中 B.放置在由<style> 标记的href 属性指定外部文件中 C.放置在HTML标签以on开头...
  • 常见问题

    2020-12-28 23:34:59
    扫描代码有哪些限制和注意事项? 请阅读 GitHub 文档:代码搜索注意事项</a></p> <h3>8. 扫描到泄露代码但联系不上仓库拥有者怎么办? 可通过 ...
  • 网校系统开发作为当下比较火热的领域,备受资本主义市场的青睐。虽然现如今已经不少教培机构...常见的数据库查询MySQL、msSQL、MongoDB、Oracle等数据库查询。 2、html语言 Html是指动态网页标记语言的缩写,
  • html5不是基于sgml(标准通用标记语言),不需要对dtd文件进行引用,但是需要doctype来规范浏览器行为, 否则浏览器将开启怪异模式,而html4.01基于sgml,需要引入dtd,才能告知浏览器文档使用文档类型 2、行内...
  • 网校系统开发作为当下比较火热的领域,备受资本主义市场的青睐。虽然现如今已经不少教培机构...常见的数据库查询MySQL、msSQL、MongoDB、Oracle等数据库查询。 2、html语言 Html是指动态网页标记语言的缩写,
  • 大多数人不了解HTML5时代网页设计

    千次阅读 2016-07-26 16:56:05
    HTML作为一种标记语言(markup language),设计和制作网站是其最为常见的一种应用。很多人都过使用HTML的相关经验,但是,当大家面对HTML5这样一种全新的标记语言标准时,必定要问:利用HTML5做网站到底什么...
  • 二、HTML5新增具有代表性`十大新特性`有哪些1.语义化标签常用语义化标签及其各部分解释作用2、新表单类型及对应新属性新表单类型1、邮箱验证2、数值输入3、文件导入案例:及时预览图片4、图片按钮5、颜色...
  • html笔记

    2021-01-06 10:46:21
    有哪些端? *web前端手机也行电脑也行 浏览器 *移动端在手机 *pc客户端在电脑 *后端/后台 前端主要负责两个事: 1.负责用户数据输入 2.负责向用户展示数据 前端主要知识点 HTML CSS JavaScript 第一部分HTML5 ...

空空如也

空空如也

1 2 3 4
收藏数 78
精华内容 31
关键字:

常见的html标记有哪些