HTML入门

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

  • HTML:超文本标记语言,用来描述网页的一种语言,其语法较为松散的、不严格。下面的 HTML 代码运行起来非常正常(即使没遵守语法规则)


This is bad HTML

Bad HTML

This is a paragraph

  • XML :可扩展标记语言,主要用于存储数据和结构,可扩展。HTML的标签是被预定义的而XML 标签没有被预定义,需根据需要自行定义标签。
  • XHTML:可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格,针对HTML进行了规范,编码更加严谨。

2.怎样理解 HTML 语义化

HTML语义化是指使用合理的标签与结构来构建网络,方便开发者阅读,修改。能够更好的让爬虫和机器解析。总而言之,就是让正确的标签做正确的事。

写语义化的 HTML 结构其实很简单,首先掌握 HTML 中各个标签的语义,在看到内容的时候想想用什么标签能更好的描述它,是什么就用什么标签。

~

,作为标题使用,并且依据重要性递减,

是最高的等级。

段落标记,知道了

作为段落,你就不会再使用
来换行了,而且不需要
来区分段落与段落。

中的文字会自动换行,而且换行的效果优于
。段落与段落之间的空隙也可以利用 CSS 来控制,很容易而且清晰的区分出段落与段落。

      • 无序列表,这个被大家广泛的使用,
          有序列表也挺常用。在 web 标准化过程中,
            还被更多的用于导航条,本来导航条就是个列表,这样做是完全正确的,而且当你的浏览器不支持 CSS 的时候,导航链接仍然很好使,只是美观方面差了一点而已。
            就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。 是用作强调, 是用作重点强调。 也不仅仅只是为文字增加双引号,而是代表这些文字是引用来的。 、
            , (X)HTML中的表格不再是用来布局。

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

            内容与样式分离,就是让HTML只负责内容的部分,让CSS负责样式的部分;这样可以降低HTML的结构复杂度,使得文档变得清晰易读,方便维护。

            4.有哪些常见的meta标签

            meta标签常见属性有三种,分别为name、http-equiv和charset

            1. name
              name属性主要用于描述网页,比如网页的关键词,叙述等。与之对应的属性值为content,content中的内容是对name填入类型的具体描述,便于搜索引擎抓取。meta标签中name属性语法格式是:
            
            
            • keywords

              用于告诉搜索引擎你的网页关键字
            • description

              页面描述,每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签
            • author

              定义网页作者
            • copyright

              用于注册版权信息
            1. http-equiv
              http-equiv定义了能改变服务器和用户引擎行为的内容。语法格式是:
            
            
            • X-UA-Compatible

              告诉浏览器以何种版本来渲染页面
            • expires

              用于设定网页的到期时间,过期后网页必须到服务器上重新传输。
            • refresh

              网页将在设定的时间内,自动刷新并调向设定的网址。
            • Set-Cookie

              如果网页过期,那么这个网页存在本地的cookies也会被自动删除。
            1. charset
              用于设定网页字符集,便于浏览器解析与渲染页面。

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

            1. 文档声明的作用是告诉浏览器此HTML是以什么标准编写的,方便浏览器正确解析。
            2. 严格模式是指有明确的DOCTYPE声明, 浏览器以明确的标准渲染页面;混杂模式是浏览器以向后兼容的方式渲染页面。
            3. 的作用为告诉浏览器以HTML5的标准渲染页面。

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

            浏览器乱码的原因有:

            1. html中没用标明编码方式,浏览器没有正确识别页面编码而导致乱码。
              解决方法:添加html的编码方式
            2. html中标明的编码方式与其真正的编码方式不一致,浏览器错误解析导致乱码。
              解决方法:标明正确的编码方式

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

            常见的浏览器有IE、Firefox、Chrome、Safari、Opera等

            浏览器 内核
            IE Trident
            Firefox Gecko
            Safari WebKit
            Chrome WebKit(27版本前)/Blink(28+)
            Opera Presto(7至12)/Blink(15+)

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

            标签 场景
            html html文件开头 表示这是个html文件
            head html 后 body 前 包含html文件一些关键信息
            body html 的主体,包含了网页的主要内容
            title html的标题
            h1 - h6 从大到小的文字标题
            span/stronge/em 位于需要特殊操作的文本两边
            div 需要将网页划分区块时使用
            p 段落,输入大段文字时使用
            ul 无序列表,需要li配合使用
            ol 有序列表,需要ol配合使用
            li 列表项
            img 图片,需插入图片时使用
            a 链接,要使用链接时使用
            button 按钮,添加按钮时使用
            table(th/tr/td) 用于展示表格
            iframe 用于嵌入一个页面
            dl 定义列表
            dt 定义列表中的项目
            dd 定义列表中项目的描述

            参考

            你可能感兴趣的:(HTML入门)