有关HTML的一些问答

2017-03-10 本文已影响0人 JRG_Orange

1.HTML、XML、XHTML 有什么区别

答：

HTML的全称是“超文本标记语言”，是创建网页的一种标准标记语言。最新的HTML已经是HTML5标准。
XML即“可扩展标记语言”，是一种用于标记电子文件使其具有结构性即存储数据和其结构的标记语言。
XHTML即“可扩展超文本标记语言”，是一种置标语言，表现方式与超文本标记语言HTML类似，不过语法上更加严格。

区别：

HTML相对XML在语法上比较松散，不是严格的标记语言，是很宽松的标记语言；XML在用途上是用于存储和传输数据及其结构，在语法上更为严谨；XHTML是两者的结合，语法较HTML更为严谨，它的可扩展性和灵活性将适应未来网络应用更多的需求。

2.怎样理解 HTML 语义化

答：

语义化HTML是一种编写HTML的方式，语义化的HTML需要做到采用合适的标签和页面结构化合理便于开发者阅读，同时让浏览器的爬虫和机器很好地解析，页面具有很好的可读性。

3.怎样理解内容与样式、行为分离的原则

答：

在写HTML是只需要考虑页面结构和语义化上，让HTML能够体现页面的结构或者内容，之后再考虑样式，做到内容与样式的分离；在写JS时，尽量不要用JS直接操作样式，可以给元素添加或者删除一个Class来控制样式变化，做到行为与样式的分离；避免出现属性样式和行内样式，做到内容与样式分离，方便维护和修改，做到内容、样式与行为的分离可以让代码更灵活易于修改。

4.有哪些常见的meta标签

答：

常用的meta标签有：

<meta charset="utf-8">

表示：告诉浏览器页面编辑器采用“utf-8”的格式去编码，已解析出正确的字符。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

表示：优先使用 IE 最新版本和 Chrome内核

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>

表示：使页面在移动端展示得更合理

<meta name="keywords" content="your tags" />
<meta name="description" content="150 words" />

表示：加入关键字和描述，优化搜索引擎，便于描述页面，方便被搜索到。

<meta name="robots" content="index,follow" />

表示：定义搜索引擎索引方式

5.文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?

答：

声明是为了告诉浏览器该文件的类型，让浏览器解析器知道应该用哪个规范来解析文档。
严格模式是指浏览器按照 W3C 标准解析代码；
混杂模式是指不指定浏览器的渲染方式，不同的浏览器采用自己默认的方式去渲染页面。
<!doctype html>的作用是告诉浏览器用HTML5的标准去解析和渲染页面。

6.浏览器乱码的原因是什么？如何解决

答：

可能的原因是在解析浏览器编码的时候采用了与编码不同的标准去解析页面了，解决办法是在页面开始采用“meta”标签告诉浏览器编码的格式，以选择正确的格式去解析页面。

7.常见的浏览器有哪些，什么内核

答：

360浏览器：IE和Chorme双核
Safari：Webkit内核，苹果自己的内核
Google：Chrome内核
搜狗高速浏览器：Chrome内核

8.列出常见的标签，并简单介绍这些标签用在什么场景

答：

1.

h1~h6：用在标题处，h1最大依次变弱变小

<h1>标题</h1>

2.

p：一段文字内容

<p>内容</p>

3.

a：链接，链接到一个地址

<a href="www.baidu.com" traget="_blank" title="百度">百度一下</a>

4.

img：插入一张图片

<img src="https://img.haomeiwen.com/i5006184/520cc7a74b9b453e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="chrome">

#### 5.

div：给页面划分区块，让页面结构更清晰

<div id="header">...</div>

6.

ul li：无序列表，表示并列

<ul>
    <li>桃子</li>
    <li>苹果</li>
</ul>

7.

ol li：有序列表，表示步骤、顺序

<ol>
    <li>1.打开盒子</li>
    <li>2.取出礼物</li>
</ol>

8.

dl dt dd：表示自定义列表，可以灵活列出标题和内容

<dl>
    <dt>书本</dt>
        <dd>三国演义</dd>
        <dd>西游记</dd>
        <dd>红楼梦</dd>
        <dd>水浒传</dd>
</dl>

9.

button：表示按钮

<buttton>按钮</button>

10.

span：对元素里的部分特性控制样式

<span></span>

11.

strong、em：强调（em较strong弱一点）

<strong>很重要</strong>

12.

iframe：在当前页面嵌入一个页面

<iframe href="www.jirengu.com" name="my page"></iframe>

13.

table：用于展示表格(不可用来做布局)

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年级</th>
    </tr>
<tbody>
    <tr>
      <th>小明</th>
      <th>18</th>
    </tr>
    <tr>
      <th>小红</th>
      <th>17</th>
    </tr>
</tbody>
<tfoot></tfoot>
    </table>

meta：表示那些不能由其它HTML元相关元素之一表示的任何元数据信息,比如声明文档所用的字符编码等信息

<meta charset="utf-8">