HTML,XML,XHTML有什么区别
HTML,HyperText Markup Language,超文本标记语言。
XML,Extensible Markup Language,可扩展标记语言。
XHTML,Extensible HyperText Markup Language,可扩展超文本标记语言
虽然HTML在前,但XML的出现不是对HTML的替代,而是根据HTML,补充修改规范一些语法,以达到设计目的:XML被设计用来传输和存储数据,关注数据的内容;HTML被设计用来显示数据,关注数据的外观。
XHTML是HTML的继承者,XHTML的出现就是想要取代HTML,因为HTML语法要求比较松散,对于计器处理起来就比较困难,需要兼容更多的东西,所以出现了语法更加严格的XHTML。
怎样理解HTML语义化
语义化HTML是一种编写HTML的方式,就是选择合适的标签(例如<h></h>就是标题,这个标签赋予了语义),使用合适的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好的解析。
怎样理解内容和样式分离原则
样式有CSS控制,在HTML中不写样式,主要关注对内容结构的展现,使得内容更好的被浏览器的爬虫和机器解析。当我们要修改样式的时候,只需要修改CSS文件,而不需要在html的一行行代码中修改。内容样式分离写,还可以让我们的代码清晰,便于阅读。
有哪些常见的meta标签
可分为两大部分,http-equiv和name这两个变量
- <meta charset="utf-8"> charset 用于对html编码的定义。例如:utf-8;gbk;
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 用于文档兼容模式的定义,edge即告诉IE用当前支持的最高级标准模式渲染,而chrome=1,表示使用chrome frame渲染。
- <meta name="keywords" content="关键词"> 描述网页的属性,关键词形式
- <meta name="description" content="详细描述"> 描述网页属性,详细的描述,可以是一段话
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 定义网页窗口的大小,特别是在手机端,使用viewport,使得网页中的内容不至于太小。
文档声明的作用?严格模式和混杂模式指什么?<!DOCTYPE html>的作用?
文档声明的作用是为了让浏览器选择呈现模式。
严格模式,Standards (标准)模式,呈现遵循最新标准的网页
混杂模式,Quirks (包容)模式,呈现以前未按统一标准编写的网页
<!DOCTYPE html>这个声明告诉浏览器,这是一个遵循HTML5标而写的网页,让浏览器选择严格模式。
浏览器乱码的原因是什么?如何解决?
浏览器设置的网页编码与html中定义的编码不同,会造成乱码。解决:查看网页源代码,设置与之相同的编码。
html源代码中出现的文字不是源代码中定义的编码类型,这时会造成乱码。解决:修改源代码中的编码类型,使文字能正常显示。
常见的浏览器有哪些?什么内核?
常见的浏览器及其内核:
- chrome,safari,其内核是WebKit;
- IE,其内核是Trident;
- firefox,其内核是Gecko;
- Opera,其内核是Presto;
列出常见的标签,并简单介绍这些标签用在什么场景
- <h1>用于标题,有h1~h6,6个等级的标题</h1>
- <p>表示一个段落</p>
- <a href="链接" target="打开方式(_blank,即在新窗口打开)" title="链接说明">显示链接的文字</a>
- ![](图片的URL)
- <div id="标记这个‘块’">分割文档形成独立的一个部分,可以应用id或是class属性</div>
- <ul>
<li>表示无序列表</li>
<li>表示并列的内容</li>
<li>可以嵌套</li>
</ul>
- <ol>
<li>表示有序列表</li>
<li>显示为带编号的内容</li>
<li>可以嵌套</li>
</ol>
- <dl>
<dt>用于展示标题和内容,这里写标题</dt>
<dd>标题下的内容</dd>
<dd>标题下的内容格式表现为缩进,</dd>
</dl>
- <button>按钮,这里是显示按钮的文字;在标签内部可以放置内容</button>
- <p>对一段文字表示<em>强调</em>,或是更加<strong>强烈的强调</strong>,或者只是想要<span>标记出来</span></p>
- <iframe src="链接" name="属性">创建包含另外一个文档的内联框架,这里可以写出说明的文字</iframe>
<p><a href="目标链接" target="name">显示链接的文字</a></p>当使用一个链接target到<iframe>时,会在iframe创建的框架里显示目标链接的内容
- <table>
<tr>
<th>tr表示一行</th>
<th>th表示表头,也表示列,这里输入内容</th>
</tr>
<tr>
<td>再写一个tr,表示这里是第二行,这里是第二行,第一列</td>
<td>td表示列,这里是第二行,第二列</td>
</tr>
</table>
网友评论