黄劲凯day3+day4笔记

1. 列表


黄劲凯day3+day4笔记_第1张图片

2.表格


黄劲凯day3+day4笔记_第2张图片

3.节标签div和span


黄劲凯day3+day4笔记_第3张图片

4.表单


黄劲凯day3+day4笔记_第4张图片

5.高级补充标签

------表单组合标签      fieldset,配合legend标签使用,起表单分组作用,更适合语义化。fieldset内部包裹表单标签,legend标签起到给包裹标签取名字的作用。

               xxxxxxxx

----清空表单内容        reset,         当点选清空按钮,表单将刷新到初始状态。

----label标签的第二种用法              直接包裹标签,可以实现点击标签的文字内容,让包裹的表单标签获得焦点。

----内联框架标签       iframe(行内标签)          

可以设置高度和宽度(width,height)。去掉边框,frameborder设置为0

----meta标签          

关键字属性,对页面展示没有任何影响,只影响SEO,当用户使用SEO搜索关键词时,meta标签内的关键字匹配度越高,网页在搜索引擎上的排名越靠前。

描述属性,描述页面有什么内容。都属于SEO优化

代表如果是用IE打开当前页面,就使用最新的IE版本打开此页面。

-----base标签              可以设置我当前页面超链接标签都拥有相同的属性。

6.HTML语义化

使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。标签与语义相结合,尽量不要使用没有语义的标签,例如div,span,尽量使用p,ul,ol,table等标签。

充分利用标签默认的含义,例如h1-h6,th,td等。

你可能感兴趣的:(黄劲凯day3+day4笔记)