1,HTML、XML、XHTML 有什么区别
<strong>答:</strong>HTML为超文本标记语言,是一种标记语言,用来规定网页的结构,展示信息,W3C制定了标准的HTML标签;XML是可扩展标记语言,被用来存储数据和结构,不用来表现和展示数据,可以自定义标签。
2,怎样理解 HTML 语义化
<strong>答:</strong>HTML语义化就是使用合适的标签,标签和内容的含义相吻合,如一个段落就使用<p></p>标签包裹,里面不能再含有<h>标签。如不能用<table>
来布局,<table>
只用来表示表格。在HTML4网页中,到处可见<div>
标签,这不是一个语义化标签,只用来划分区块,而在新的H5标准中,新增了大量的语义化标签,如<code><header>,<nav>,<article>,<section></code>,分别表示页眉,导航栏,页面中自成一体的内容区,文档中的节或段。语义化的好处:
<ul>
<li>方便搜索引擎机器理解代码,利于SEO。</li>
<li>代码更容易让开发者理解,可维护性高</li>
<li>语义化的HTML脱离CSS,还能正常显示</li>
</ul>
3,怎样理解内容与样式分离的原则
<strong>答:</strong>内容与样式分离即HTML只管内容展示,CSS负责样式。在写HTML代码的时候只管页面的结构,不考虑样式,写CSS时候只管样式,不管结构,两者正交化。
4,有哪些常见的meta标签
<strong>答:</strong>meta有两个属性,分别是name
属性,http-equiv
属性。name
属性用于描述网页,如关键字,叙述等,对应的属性值为content
。content
中的内容是对name
填入类型的具体描述,便于搜索引擎抓取。meta
标签中name
属性语法格式是:
<meta name="参数" content="具体的描述">。
name
常见的参数有以下几个:
<ul>
<li>keywords,用来告诉搜索引擎你网页的关键字是什么</li>
<li>description,用来告诉搜索引擎你的网站主要内容</li>
<li>robots,用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引</li>
</ul>
http-equiv
顾名思义,相当于http
的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content
,content
中的内容其实就是各个参数的变量值。常见的有:
<ul>
<li>charset
设定网页字符集</li>
<li>X-UA-Compatible
告诉浏览器采取何种版本渲染当前页面</li>
<li>cache-control
指定请求和响应遵循的缓存机制</li>
</ul>
5文档声明的作用?严格模式和混杂模式指什么?<!doctype html>的作用?
<strong>答:</strong>文档声明决定浏览器采用哪种模式。严格模式又叫标准模式,以浏览器支持的最高标准呈现页面,混杂模式,又叫怪异模式,以比较宽松的向后兼容的方式呈现,模拟老式浏览器以兼容老的站点。
6浏览器乱码的原因是什么?如何解决
<strong>答:</strong>浏览器乱码的原因是网页保存的字符集和浏览器解析网页采用的字符集不一致。解决方式是设置网页charset
,并保存为设置的字符编码方式,一般设置为UTF-8。
7常见的浏览器有哪些,什么内核
<strong>答:</strong>常见的浏览器有IE,Firefox,Chrome,opera,safari。浏览器内核有Trident,Gecko,Presto,Webkit,KHTML。Trident为IE浏览器使用的内核,Gecko为FireFox浏览器采用的内核,Presto为目前Opera浏览器采用的内核,Webkit为Chrome浏览器采用的内核,KHTML为Safari浏览器采用的内核。
8列出常见的标签,并简单介绍这些标签用在什么场景
<strong>答:</strong>p
标签表示一个段落,a
标签表示一个链接,img
标签表示图片,h1~h6
表示标题,ul/ol
标签分别表示无序和有序列表,table
标签表示表格,font
标签表示表单,H5新标签有<code><header>,<nav>,<article>,<section></code>,分别表示页眉,导航栏,页面中自成一体的内容区,文档中的节或段。