您的位置: 首页  >  文章  >  HTML5基础

HTML5基础

分类: 文章 • 2022-10-17 20:16:04

HTML5文档基本格式

HTML5基础
1行（！doc…
用于向浏览器说明当前文档使用哪种HTML标准规范；
只有在开头处使用<!DOCTYPE>声明，浏览器才能将该网页作为有效的HTML文档，并按指定的文档类型进行解析。

2，10行（html…
也叫_根标记_
用于告知浏览器自身是一个HTML文档，标志着开始与结束

7，9行（body…
也叫_主体标记_
浏览器中显示的内容，标志着内容的开始与结束

HTML5语法

  1. 标签不分大小写
    HTML5基础
  2. 允许属性值不用引号
    HTML5基础
  3. 允许部分属性值的属性省略
    HTML5基础
    checked="checked"省略后为checked
    同理还有：readonly, defer , ismap, nohref, noshade, nowrap, selected, disbled, multiple, noresize

HTML标记

所谓标记就是放在“< >”标记符中表示某个功能的编码命令，也称HTML标签或者HTML元素，本文档统一称作HTML标记

  1. 单标记和双标记
    双标记：<标记名>内容</标记名>
    单标记：<标记名 />

  2. 标记的属性
    标记可以拥有多个属性，必须写在开始标签中，位于标签名后，属性之间不分先后顺序，标记名与属性 属性与属性之间均以空格分开。任何标签都有默认值，省略该属性则取默认值。
    <标记名 属性1=“属性值1” 属性2=“属性值2” 属性3=“属性值3”>内容</标记名>

  3. 标签的嵌套
    HTML5基础
    br 换行标记

HTML5文档头部相关标记

HTML5基础

  1. 设置页面标题标记 title (不要忘了<>标记符号）双标记

  2. 定义页面元信息标记 meta （单标记 可重复出现

    meta标记中使用name/content属性可以为搜索引擎提供信息，其中name属性提供搜索内容名称，content属性提供对应的搜索内容值。

    meta标记中使用http-equiv/content属性可以设置服务器发送给浏览器的HTTP头部信息，为浏览器显示该网页提供的相关参数，默认会发送http-equiv=“Content-Type” content=“text/html”

    meta标记中http-eqniv属性的值为refresh，content属性的值为数值和url地址，中间用；隔开，默认以秒为单位。

  3. 引用外部文件标记 link (一个页面允许使用多个link标记引用多个外部文件
    href：指定引用外部文档的地址
    ref：指定当前文档与引用外部文档的关系

  4. 内嵌样式标记 style

相关推荐