我爱编程饥人谷技术博客

关于HTML

2017-04-22  本文已影响0人  LeeoZz

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

XML 指可扩展标记语言(EXtensible Markup Language)
XML 是一种标记语言,很类似 HTML
XML 的设计宗旨是传输数据,而非显示数据
XML 标签没有被预定义。您需要自行定义标签。
XML 被设计为具有自我描述性。
XML 是 W3C 的推荐标准

XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)。
XHTML 的目标是取代 HTML。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是作为一种 XML 应用被重新定义的 HTML。
XHTML 是一个 W3C 标准。

XML 不是 HTML 的替代,XML 和 HTML 为不同的目的而设计,XML 被设计为传输和存储数据,其焦点是数据的内容。HTML 被设计用来显示数据,其焦点是数据的外观。HTML 旨在显示信息,而 XML 旨在传输信息。

XHTML则可以理解为更加严格,规范的HTML。

HTML语义化是指通过标签判断内容语义,例如h1标签判断出内容为标题,p标签判断内容为段落等。通过HTML的语义化,便于开发者阅读,让浏览器更易理解和解析,去掉和丢失样式时页面能呈现清晰的结构。

1.写HTML的时候要专注于HTML的结构和语义化,让HTML能清晰的呈现页面内容或者结构,之后再去写样式,而不要内容与样式相互夹杂;
2.HTML 内不允许出现属性样式,尽量不要出现行内样式,专注于结构和语义化;
3.写 JS 的时候,尽量不要用 JS 去直接操作样式,而是通过给元素添加删除class来控制样式变化,做到各方面独立,不相互夹杂。

META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。

<meta charset="utf-8">
声明文档编码类型

<meta name="keywords" content="your tags" />
页面的关键词

<meta name="description" content="150 words" />
页面的描述

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
优先使用IE最新版本和chrome

文档声明指示 web 浏览器关于页面使用哪个 HTML 版本进行编写;
严格模式下,浏览器按其最高标准展现页面;混杂模式下,浏览器以比较宽松,向后兼任的模式展现页面,通常用于老页面的展示;
<!Doctype html>指示浏览器以html5展示页面。

浏览器出现乱码一般原因是浏览器的解码方式与文档的编码类型不一致造成,在文档中加入meta标签<meta charset="utf-8">,声明该文档所用编码方式,浏览器就会采取与其编码类型相吻合的解码方式进行解码,便不会出现乱码。

常见的浏览器Chrome、IE、Firefox、360浏览器等;内核有:Trident(IE、360)、Gecko(Firefox)、Webkit(Safari、Chrome)、Blink(Chrome、360)等。

<h1>~<h6> 定义HTML标题
<!DOCTYPE> 定义文档类型
<a> 定义锚链接
<p> 定义段落
<button> 定义按钮
<img> 定义图案
<span> 组合文档中的行内元素
<table> 定义表格
<ul> 定义无序列表
<ol> 定义有序列表
<li> 定义列表内元素
<iframe> 定义行内框架

上一篇下一篇

猜你喜欢

热点阅读