HTML的一些小知识点

  • HTML、XML、XHTML有什么区别
    HTML是超文本标记语言，语法比较松散，是不严格的web语言；
    XML是可扩展标记语言，主要用于传输与存储数据；
    XHTML是可扩展超文本标记语言，基于XML，表现方式与HTML类似，但语法上更严格。
  • 怎样理解HTML语义化
    选择合适的标签、合适的结构来组织与表达页面的内容，使得代码易于阅读，同时便于搜索引擎解析。
  • 怎样理解内容与样式分离的原则
    写HTML的时候不管样式，重点关注文档结构与语义化；
    尽量避免用JS操作样式，可以通过添加或删除class的方式来修改样式；
    不要在HTML里写属性样式，尽量避免出现行内样式。
  • 有哪些常见的meta标签
<!--声明字符编码-->
<meta charset="UTF-8">
<!--优先使用 IE 最新版本和 Chrome-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!--移动端-->
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
<!--关键字-->
<meta name="keywords" content="your tags">
<!--页面描述-->
<meta name="description" content="description words">
  • 文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
    文档声明的作用是告诉浏览器这个文档是什么版本，让解析器可以用对应的文档标准解析这个文档；
    严格模式指在文档开头使用了完整形式的DOCTYPE来声明文档版本，混杂模式指没有使用DOCTYPE声明或DOCTYPE形式不完整，而让浏览器自己判断文档版本；
    <!doctype html> 的作用是告诉浏览器这个文档的版本是HTML5。
  • 浏览器乱码的原因是什么？如何解决
    文档保存的编码格式与浏览器解码格式不一致时会出现乱码，可以在文档的 head中用<meta charset="编码格式">声明文档编码格式。
  • 常见的浏览器有哪些，什么内核
    IE、腾讯、360 Trident内核
    Firefox Gecko内核
    Safari，曾经的Chrome Webkit内核
    Chrome、Opera Blink内核
  • 列出常见的标签，并简单介绍这些标签用在什么场景
    h1~h6 表示标题，h1对应一级标题，h2二级标题，以此类推
    p 表示段落，一大段文字
    a 表示链接
    img 表示图片
    div 表示一个区块
    ul 表示一个无序列表
    ol 表示一个有序列表
    li 表示ul或ol下的一个条目
    dl dd dt 表示一系列“标题：内容”的场景
    button 表示按钮
    em 表示强调，strong 表示特别强调
    span 表示一个行内元素，可以将文本的一部分独立出来
    ifame 可以在页面上嵌入一个页面
    table 可以用来展示表格，但是尽量避免用于布局
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容