HTML知识点(1)

Web标准不是某一个标准,而是一系列标准的集合。网页主要由三个部分组成:结构、表现和行为。

  • 结构标准语言主要包括HTML、XHTML和XML。
  • 表现标准语言主要包括CSS。
  • 行为标准主要包括DOM(文档对象模型)、ECMAscript。

DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对象。

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

(1).超文本标记语言 HTML(HyperText Markup Language)
  • 它是一种用于创建网页的标准标记语言,而不是一种编程语言。标记语言经过浏览器的解释和编译,虽然它本身不能显示在浏览器中,但在浏览器中可以正确显示HTML标记的内容。也就是说网页浏览器可以读取HTML文件,并将其渲染成可视化网页。
  • 它的语法松散,不规范,大小写混乱,不利于开发和维护。且不能使用更多的网络设备,比如手机。
(2).可扩展标记语言XML(The Extensible Markup Language)
  • XML是一种能定义其他语言的语言,它是一种跨平台语言,最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,主要用于存储数据和结构参考。
  • 它严格区分大小写。
(3).可扩展超文本标记语言XHTML(The Extensible HyperText Markup Language)
  • 作用与HTML类似,但语法更为严谨纯洁。对于HTML的元素和属性,XHTML必须小写。XML虽然数据转换能力强大,完全可以代替HTML,但面对成千上万已有的站点,直接采用XML还为时过早,因此在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XTHML。建立XHTML的目的就是实现HTML向XML的过渡。
  • xhtml文档具有良好完整的排版,体现在两方面:a、元素必须要有结束标签;b、元素必须嵌套;

2.怎样理解 HTML 语义化

  • 语义化HTML是一种编写HTML的方式。根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析(有利于SEO,和搜索引擎建立良好沟通,PS:爬虫依赖于标签来却倾上下文和各个关键字的权重)。
  • 语义化的目的是为了没有CSS的情况下,页面也能呈现出很好的内容结构、代码结构。

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

  • HTML语言仅仅定义了网页结构,对于文本样式而没有过多的涉及,(不允许出现属性样式!)这就需要一种技术对页面布局、字体、颜色、背景和其他图文效果的实现提供更加精确的控制,这种技术就是CSS。
  • 写JS的时候,尽量不要用JS去直接操作样式,而是通过给元素添加删除class来控制样式变化。
  • 如果把样式单独抽离出来,代码会得到精简和重用,清晰易读且便于维护。只要写一个class的样式,就可以同时更改多个有相同class的元素的样式;只要用一个CSS文件,就可以同时链接到多个HTML页面上啦~
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. HTML、XML、XHTML 有什么区别 HTML被设计用来显示数据,焦点是数据的外观XML被设计用来描述数...
    QQQQQCY阅读 305评论 0 1
  • 一.HTML、XML、XHTML 有什么区别 什么是 HTML? HTML 指的是超文本标记语言 (Hyper T...
    Sunset125阅读 739评论 0 1
  • 1. HTML、XML、XHTML 有什么区别: HTML(Hypertext Markup Language):...
    饥人谷_兔子君阅读 775评论 0 2
  • 一、网页乱码的问题是如何产生的?怎样解决? 产生原因:乱码产生的根本原因是因为你保存的编码格式和浏览器解析的解析格...
    hk_kh阅读 785评论 0 0
  • 拎着母亲快递过来家乡的潮汕丸子,踩着点踏上了归窝的班车。坐在摇晃的车子内,追随着窗外徐徐下沉的落日。那金黄色鹅蛋一...
    娴了闲阅读 183评论 0 0