HTML基础


##HTML、XML、XHTML 的区别

HTML:
超文本标记语言,是语法较为松散的,不严格的Web语言;
XML:
可扩展标记语言,主要用于存储数据和结构参考
XHTML
可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格参考


## HTML 语义化

让正确的标签做该做的事,选择合适的标签,使用合理的代码结构。便于开发者阅读。同时让浏览器的爬虫和机器很好的解析


##内容与样式分离的原则

  • 写 HTML 仅处理内容,只考虑 HTML 的结构和语义化,避免出现属性样式。
  • 写 JS 的时候,尽量不使用 JS直接操作样式。
  • 页面展现的所有样式,都由CSS来负责实现。

    ##常见的meta标签

    标签含义
    声明文档使用的字符编码
    声明文档兼容模式,指示IE以目前可用的最高模式显示内容
    定义针对搜索引擎的关键词
    页面描述,告诉搜索引擎你的站点的主要内容
    定义网页作者
    定义页面的最新版本
    5秒刷新一次页面
    用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式
    禁用缓存
    cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也必须使用GMT时间格式。
    搜索引擎索引方式

##文档声明的作用

-<!doctype>标签用来声明文档对象模型,用来告诉浏览器应该使用哪种方式来解析渲染页面。
-严格模式就是使用<!doctype>标签来显式声明该用哪种方式来渲染页面。
-混杂模式即不加<!doctype>标签,允许浏览器使用自己的方式来渲染页面。
-<!doctype html>即就是声明使用HTML5来解析渲染页面。


##浏览器乱码的原因

浏览器出现乱码一般是由于在制作页面时使用非英文字符时,保存的编码格式与浏览器解析时的解码格式不匹配。为了解决这个问题,就要在页面保存时就在HTML的

里添加来声明编码格式,来告诉浏览器应该用什么解码格式来解码,例如使用UTF-8来编码的页面,添加`来告诉浏览器使用UTF-8格式来解码,就不会出现乱码了。

##常见的浏览器

浏览器内核
Internet ExplorerIE内核
FirefoxGecko
OpearPresto
Safari&ChromrWebkit

常见的标签

标签 使用场景

将所有HTML内容都包含在这个标签内
用于定义文档的头部,它是所有头部元素的容器。
文档的标题
提供有关页面的元信息
文档的内容
h1一级标题,h1~h6分别对应六级标题,从1~6标题一次减小
p整段文字
a定义锚,即在页面插入链接
img图片
ul无序列表
ol有序列表
li列表项
br换行
div定义文档中的节,默认表现为块元素
span定义定义文档中的节,默认表现为行内元素
em定义强调文本
i定义斜体字
strong定义强调文本
q定义短引用

转载于:https://www.cnblogs.com/zhaobw/p/6581139.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值