HTML第二小节第二天

内联框架

会破坏网站的seo,不建议使用,是行内标签,可以多个用在同一行.

meta标签 网站SEO 关键词和描述

<meta name="keywords" content="招聘java,php,android,ios,c/c++,网页设计,平面设计,UI设计,JavaScript,网络营销讲师">

<meta name="description" content="IT培训的龙头老大,年薪30万-50万招聘Java,PHP, android,ios,c/c++。">

注意SEO keywords 关键词不要太多,不要超过10个,越少越好,越少权重越高

description描述也不要太多,一句话描述当面页面即可

---

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

上面代表如果是用ie打开的当前页面，那么就使用最新的ie版本打开此页面。

base标签

可以让当前页面中所有的a标签拥有相同的属性,比如说target属性

不常用标签

pre标签

不进行空格的合并

特殊字符实体

怎么才能实现在HTML页面中显示HTML的代码呢？

比如说：要在页面中显示：< >

代码中输入&lt;这是<,&gt;这是>

具体对应见图

红色标记为常用,须记忆

HTML的语义化

Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。

标签与语义相结合，尽量不要使用没有语义的标签比如：div、span，尽量使用p、ul、ol、table等标签。

充分利用标签默认的含义

标题标签的选择

h1-h6, th,td,ul,ol,dl,dd,dt,p,em,strong

HTML5的标签语义化更彻底

标签的类型

HTML标记一般分为块标记和行内标记两种类型，它们也称块元素和行内元素。具体如下：

块元素

每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。

常见的块元素有h1-h6,p,div,ul,ol,li等,其中div标记是最典型的块元素

行内元素

行内元素不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。

常见的行内元素有strong, b, em, i, del, s, ins, u, a, span.其中<span>标记最典型的行内元素

HTML

1、网页结构：HTML

Div、span、strong、em、table、tr、td

Ul、li、ol、dl、dt、dd

Input  select  textarea lable form fielset

2、CSS，描述样式

3、JavaScript，实现页面交互的效果