5、HTML常用标签(1)

语义:标签想要表达的意思;
权重:选择优先性(SEO);
SEO:搜索引擎 (content、keywords、update、search);

html常见标签:

    title标签:
    写法:<title></title>
    双标签
    语义:网页标题
    权重最大

    div标签:
    写法:<div></div>  
    双标签
    语义:无意义
    默认样式:无

    h标签:
    h1~h6
    写法:
            <h1></h1>
            <h2></h2>
            <h3></h3>
            <h4></h4>
            <h5></h5>
            <h6></h6>
    双标签
    语义:标题
    默认样式:font-size、font-weight、margin
    权重:h1最大 h2次之 h3更次之。。。

    温馨提示:
        h1页面中不要超过1个;
        h2页面中最好不要超过12个;
        h3之后的标签就随便了;

p标签:
    写法:<p></p>
    双标签
    语义:段落
    默认样式;margin;
    温馨提示:p标签不要嵌套包含 快元素(p、div等)标签;

ul标签:
    写法:<ul></ul>
    双标签
    语义:无序列表
    默认样式:margin、padding、list-style-type;

li标签:
    写法:<li></li>
    双标签
    语义:列表项
    默认样式:list-style-type;

ol标签:
    写法:<ol></ol>
    双标签
    语义:有序列表
    默认样式:margin、padding、list-style-type;

    温馨提示:(w3c标准 规范)
         ul,ol和li是组合标签;
         ul.ol的第一层子级一定是li,li的父级一定是ul或ol;

    dl dt dd标签:
       自定义列表,字典列表
            
       dl
       写法:<dl></dl>
       双标签
       语义:自定义列表
       默认样式:margin;

       dt
       写法:<dt></dt>
       双标签
       语义:列表标题
       默认样式:无;

       dd
       写法:<dd></dd>
       双标签
       语义:列表说明
       默认样式:margin-left;

块属性标签的特性:
1、默认是父级100%的宽;
2、支持所有css样式;
3、独占一行。

群组选择器:
写法:eg.
h1,h2,h3 {
margin:0;
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,563评论 0 8
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,684评论 32 459
  • 今天是开学的第二天,我有点不习惯,就是太累了。和幼儿园有点不一样,但是小学比幼儿园又大又好。戴老师带我们去操场做准...
    张轩赫阅读 962评论 0 5
  • ——“龙哥,我的第一批学生从哪里来?” ——“你问谁啊”, ——“问你啊”, ——“说实话,龙哥也不知道!” 最近...
    行走的风景阅读 2,900评论 0 2