HTML基础入门

作者: 下辈子当条鱼 | 来源:发表于2017-06-27 16:11 被阅读0次
  • HTML、XML、XHTML 有什么区别

1.HTML
HTML--超文本标记语言--是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。它告诉浏览器如何显示内容。
主要特点:
a.简易性:超文本标记语言版本升级采用超集方式,从而更加灵活方便。
b.可扩展性:超文本标记语言的广泛应用带来了加强功能,增加标识符等要求,级文本标记语言采取子类元素的方式,为系统扩展带来保证。
c.平台无关性:虽然pc大行其道,但使用MAC等其他机器的大有人在,超文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
d.通用性:HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
2.XML
XML--可扩展标记语言--,是用于网络上数据交换的语言。它没有标签集,也没有语法规则,但是它有句法规则。
特点与HTML的主要区别:
a.XML 不是 HTML 的替代,XML 和 HTML 为不同的目的而设计:HTML被设计用来显示数据,其焦点是数据的外观。而XML被设计为传输和存储数据,其焦点是数据的内容,它的显示形式靠CSS或XSL帮完成。简言之:HTML 旨在显示信息,而 XML 旨在传输信息。
b.语法差异:HTML的标记不是所有的都需要成对出现,XML则要求所有的标记必须成对出现;HTML标记不区分大小写,XML则大小敏感,即区分大小写。
c.可读性差异:HTML侧重于网页数据表现形式的定义和描述,欠缺对文档数据含义的确切描述,不能适应对于日益增多的各类信息进行传递与存档的需求。例如<H2>Apple</H2>,在浏览器中显示的Apple,人们并不知道它具体是水果还是一个手机,HTML并不能解释数据Apple的含义;而XML不会给大家这个错觉如果描述的是水果中的苹果的话它会很清楚的这样表示<水果>Apple</水果>。所以说HTML的可读性相对较差。
d.XML 是对 HTML 的补充。XML 不会替代 HTML,理解这一点很重要。在大多数 web 应用程序中,XML 用于传输数据,而 HTML 用于格式化并显示数据。对 XML 最好的描述是:XML 是独立于软件和硬件的信息传输工具。
3.XHTML
XHTML--可扩展超文本标签语言--,基于XML,作用与HTML类似,但语法更严格,其目标是取代HTML。
与HTML的主要区别:
a.XHTML是当前HTML版的继承者,由于HTML的语法较为松散,对于许多其他设备的要求较高,因此就出现了语法要求更加严格的XHTML,它是 HTML 与 XML(扩展标记语言)的结合物,包含了所有与 XML 语法结合的 HTML 4.01 元素。
b.XHTML与HTML的最大的变化在于所有标签必须闭合。
c.XHTML中所有的标签必须小写。
d.XHTML 元素必须被正确地嵌套。
e.XHTML 文档必须拥有根元素。


  • 怎样理解 HTML 语义化

根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
优点
1.在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构;
2.良好的用户体验:例如title、alt用于解释名词或解释图片信息、label标签的活用;
3.和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;
4.便于团队开发和维护,语义化更具可读性,是下一步网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化。


  • 怎样理解内容与样式分离的原则

对于内容、结构与表现相分离,最早是在软件开发架构理论中提出来的,XHTML的标签只用来定义文档的结构,所有涉及表现的东西通通剥离出来,把它放到一个单独的文件里,这个单独的文件就是CSS。
写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上,让 HTML 能体现页面结构或者内容。之后再去写样式。
写 JS 的时候,尽量不要用 JS 去直接操作样式,而是通过给元素添加删除class来控制样式变化
HTML 内不允许出现属性样式,尽量不要出现行内样式


相关文章

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 带你零基础学习HTML5

    1个HTML5基础入门教程,4个HTML5小项目教程,带你零基础入门学习HTML5。 【HTML5基础入门】 教程...

  • WEB 前后端开发学习资料

    1.前端 基础入门知识 语言基础入门知识的网站:http://www.runoob.com/ CSS/HTML 基...

  • 2018-04-10前端学习笔记

    前端入门 核心基础 HTML+CSS+JAVASCRIPT HTML 教程:菜鸟教程-HTML 练习检测:慕课网-...

  • HTML 基础入门

    引言:学习前端基础知识。第一课 HTML。时间:2017年11月19日作者:JustDo23 01. 基础知识 入...

  • HTML基础入门

    HTML、XML、XHTML 有什么区别 1.HTMLHTML--超文本标记语言--是目前网络上应用最为广泛的语言...

  • HTML基础入门

    万维网联盟简介 万维网联盟(World Wide Web Consortium,W3C),又称W3C理事会,是万维...

  • 新手如何入门学习前端?

    Web前端入门的自学路线 新手入门前端,需要学习的基础内容有很多,如下。 一、HTML、CSS基础、JavaScr...

  • HTML5开发常见的7个框架,你知道几个?

    HTML5基础入门之常见的HTML5框架有哪些? 1、Siimpler Siimpler 是个简单的 HTML 开...

  • React-Native 之 网络请求 fetch

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...

网友评论

    本文标题:HTML基础入门

    本文链接:https://www.haomeiwen.com/subject/mujecxtx.html