开放标签闭合标签开始结束头尾单标签
HTML规范，习惯属性` Cols 可见宽度像素=8px*cols+17px

<fieldset>
    <legend>用户登录</legend>
    <p>
        <label for="username">用户名</label>
        <input type="text" id="username" placeholder="用户名" />
    </p>  
</fieldset>

<html>
 <head>
     <title>课时1|蓝轨迹</title>
     <meta name="keywords" content="蓝轨迹,前端开发,WEB开发" />
     <meta name="discription" content="蓝轨迹WEB开发第一课时" />
 </head>//结构标签 向浏览器传递网页的基本配置
 <body>
     
 </body>//结构标签 内面内容展示区域
</html>//根标签

title:
主页：网站名称+主要的关键字/关键词的描述 30-40汉字
详情页：详情名称+网站名称+简介
列表页：分类名称+关键字+网站名称
文章页：标题+分类+网站名称
keywords 100个字符,
网站名称+分类信息+网站名称
description 描述信息 80-120汉字
综合title+keywords的简单描述
搜索引擎认知的优先级：
title > description > keywords

zh-CN 简体中文  en 英文  zh-HK 香港繁体中文 zh-TW 台湾繁体中文 zh-HC 澳门繁体中文 zh-SG 新加坡繁体中文
zh-Hans   zh-CHS 纯简体中文 zh-Hant zh-CHT 纯繁体中文    
编码字符集：
GB2312 信息交换用汉字编码字符集
GBK 汉字扩展规范 扩大汉字收录，增加了繁体中文，增加了藏语等少数民族文字
UTF-8 unicode 万国码
CSS1Compat W3C标准兼容性模式

BackCompat 浏览器的怪异兼容性模式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蓝轨迹</title>
</head>
<body>
    <strong> 我是strong</strong>
    <br />
    <b>我是bold</b>
    <br />
    <em>我是emphasize标签,加强语气</em>
    <br />
    <i>我是italic标签</i>
    <br />
    <del>我是delete标签</del>
    <br />
    <p style="text-decoration: line-through;">我是p标签</p>
    <br />
    <ins>我是insert标签</ins>
    <br />
    <p style="text-decoration: underline;">我是p标签</p>
    <br />
    <address>北京市大兴区西环南路26号</address>
    <div>division标签，容器，盒子，有宽和高，布局用</div>
    <div style="width: 200px; height: 200px; border: 1px solid #000">
    fakdslffe;wrfeetrtaer4tfakd;slffewrfeetrtaer4tfakdslffewrfeetrtaer4t</div>
    <div style="width: 200px; height: 200px; border: 1px solid #000">
      我是一名前端工程师 我是一名前端工程师 我是一名前端工程师 我是一名前端工程师</div>
      <div>浏览器不认识中文字符默认换行；浏览器认识英文字符默认不换行，字母之间没有空格当一个单词;在编辑器内空格和换行都是文本分隔符</div>
      <p>我正在学习&lt;div&gt;标签</p>
      &nbsp; 
      source 资源 
      <img src="" alt="">

Xhtml规范，标签

猜你喜欢