HTML知识点
HTML、XML、XHTML 有什么区别?
HTML:超文本标记语言,用于创建web的标准语言。
XML :可扩展标记性语言,主要用于存储数据结构,就是一种数据结构的文件。
XHTML:可扩展超文本标记语言,就是更严格的HTML语言。
HTML语义化
选择合适的标签,合理的代码结构,让人们能够更舒适的阅读,让计算机更简单理解
怎么样理解内容与样式分离:
就是写代码的时候HTML语言与CSS样式分离开来书写,先将html的内容全部书写完,再将CSS样式写在head的style标签里,这样的话可以使页面载入得更快,修改设计时更有效率,保持视觉的一致性,更好地被搜索引擎收录。
有哪些常见的meta标签:
meta charset="UTF-8";编码声明
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />关于X-UA-Compatible
<meta name="renderer" content="webkit|ie-comp|ie-stand">;浏览器内核控制
<meta http-equiv="Cache-Control" content="no-siteapp" />;转码声明
浏览器乱码的原因及如何解决:
浏览器乱码的原因就是html文件中的编码声明与浏览器的默认声明不一致;
解决方法就是将浏览器的默认声明改成和文件里的一样
常见的浏览器有哪些什么内核:
IE浏览器:Trident
Firefox:Gecko
opera:Presto
safari:WebKit
chrome:chrome
常见标签及使用场景:
标签 使用场景
<html>...</html> 将所有HTML内容都包含在这个标签内
<head>...</head> 用于定义文档的头部,它是所有头部元素的容器。
<title>...</title> 文档的标题
<meta>...</meta> 提供有关页面的元信息
<body>...</body> 文档的内容
<h1>...</h1> 一级标题,h1h6分别对应六级标题,从16标题一次减小
<p>...</p> 整段文字
<a>...</a> 定义锚,即在页面插入链接
<img> 图片
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<li>...</li> 列表项
换行
<div>...</div> 定义文档中的节,默认表现为块元素
<span>...</span> 定义定义文档中的节,默认表现为行内元素
<em>...</em> 定义强调文本
<i>...</i> 定义斜体字
<strong>...</strong> 定义强调文本
<q>...</q> 定义短引用