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,实现页面交互的效果

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,862评论 1 92
  • 列表标签: 无序列表:ul 语法:(下图) 注: … 标记表示这一个无序列表的开始与结束,而 则表示这是一个列表项...
    显然2017阅读 748评论 1 2
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,240评论 0 8
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,354评论 0 5
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,140评论 2 21