html面试题

HTML面试题

0:DOCTYPE的作用

Doctype声明位于文档中的最前面,处于标签之前。目的是告知浏览器的解析器,用什么文档类型规范来解析这个文档。Doctype声明也是用于区分html和html5的方法之一。

HTML声明:


  

HTML5声明:


Doctype声明还能区分严格模式与混杂模式,详情可查看此链接:https://www.cnblogs.com/wuqiutong/p/5986191.html

其中DTD的全称是:Document Type Definition,即文档类型定义。

1:HTML 语义化的理解

html语义化的含义:根据内容的结构化,选择合适的标签便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
(基本上都是围绕着几个主要的标签,像标签H1~H6,li、强调(strong、em)等等)。
语义化的原因:在我的理解当中是:
①为了在没有CSS情况下,页面也能呈现出很好的内容结构、代码结构。(为了裸奔时候好看)。
②用户体验:例如title、alt用于解释名词或者解释图片信息、label标签dd的活用。
③有利于SEO(网络引擎搜索优化):和搜索引擎建立良好的沟通,有助于爬虫抓取更多的有效信息(爬虫依赖于标签来确定上下文和各个关键字的权重)。
④方便其它设备解析(如屏幕阅读器,盲人阅读器,移动设备)以意义的方式来渲染网页。
⑤便于团队开发和维护,语义化更具可读性,遵循W3C标准的团队都遵循这个标准,可以减少差异化。

2:行内元素、块级元素、行内块元素都有哪些及区别?

1)行内元素   不独占一行 不可以设置宽高

```html

```

2)块级元素   独占一行 可以设置宽高

```html

~

      、、
      ``` 3)行内块级元素 不独占一行 可以设置宽高 ```html ```

      3:xhtml和html有什么区别

      HTML与XHTML之间的差别,主要分为功能上的差别和书写习惯的差别两方面。
      
      关于功能上的差别,主要是XHTML可兼容各大浏览器、手机以及PDA,并且浏览器也能快速正确地编译网页。
      
      由于XHTML的语法较为严谨,所以如果你是习惯松散结构的HTML编写者,那需要注意XHTML的规则。
      
      下面列出了几条容易犯的错误,供理解。
      
      1)所有标签都必须小写
      
      在XHTML中,所有的标签都必须小写,不能大小写穿插其中,也不能全部都是大写。
      
      2)标签必须成双成对
      
      像是

      ...

      ...
      ...
      标签等,当出现一个标签时,必须要有对应的结束标签,缺一不可,就像在任何程序语言中的括号一样 3)标签顺序必须正确 标签由外到内,一层层包覆着,所以假设你先写div后写h1,结尾就要先写h1后写div。只要记住一个原则“先进后出”,先弹出的标签要后结尾。 4)所有属性都必须使用双引号 在XHTML 1.0中规定连单引号也不能使用,所以全程都得用双引号。 5)不允许使用target="_blank" 从XHTML 1.1开始全面禁止target属性,如果想要有开新窗口的功能,就必须改写为rel="external",并搭配JavaScript实现此效果。

      4:a标签中 active hover link visited 正确的设置顺序是什么?

      按照 lvha 顺序排列 a:link a:visited a:hover a:active
      
      而引用CSS文件的@import就是造成这个问题的罪魁祸首。IE会先加载整个HTML文档的DOM,然后再去导入外部的CSS文件,
      因此,在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的,
      这段时间的长短跟网速,电脑速度都有关系。 解决方法:只要在之间加入一个或者
                          
                          

      你可能感兴趣的:(前端面试题大全,HTML面试题,基础面试题,html,前端,xhtml)