zoukankan      html  css  js  c++  java
  • html 7大知识点

    HTML是web前端开发的基础,学习前端的人都是先从html学起的。

    关于HTML有一些必备的知识点,这些知识点都是HTML中最基本的内容,也是前端面试最常问的知识点。

    1、网页结构
    网页结构一般都包含文档声明DOCTYPE,并且在head中的meta应该包含编码格式、关键字、网页描述信息。简单格式如下:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">

    <meta name="description" content="。。。。。。">
    <meta name="Keywords" content="。。。。。。">
    <title>Hello World</title>
    </head>
    <body>
    </body>

    </html>

    2、自关闭元素
    <br>、<embed> 、<hr>、<img>、<input>、<link>、<meta>、<param>、<source>、<wbr>
    自关闭元素不需要使用结束标签。


    3、布局最常用的两个元素
    (1)div:流布局使用;
    (2)span:文字块使用。

    4、块级别元素和行级别元素
    块级别元素:是指开始在新的行,占领整行宽度。例如div默认是块级别block元素;
    行级别元素:仅仅维持内容的宽度,例如文字块的span元素;
    通过CSS的display属性声明元素显示级别,一般包括inline行级别、inline-block行内块元素、block、table块级别表格。

    5、文字类元素
    (1)加粗元素:strong、b。例如:
    <p><strong>Caution:</strong> Falling rocks.</p><p>This recipe calls for <b>bacon</b> and <b>baconnaise</b>.</p>
    (2)倾斜元素:和。例如:
    <!-- Stressed emphasis -->
    <p>I <em>love</em> Chicago!</p>
    <!-- Alternative voice or tone -->
    <p>The name <i>Shay</i> means a gift.</p>

    6、HTML5新增的结构化元素
    (1)结构化元素包括:<header>, <nav>, <article>, <section>, <aside>, <footer>。
    (2)元素级别:都是block级别元素,不包含样式,只用于结构化,每个页面可多次使用。
    (3)元素说明:header描述头部信息,nav用于导航模块,article用于可重新覆盖的新闻类内容块,section模块化,aside页面左或右模块,footer底脚模块。

    7、页面内跳转
    如果需要跳转到页面指定的位置,可在该位置设置元素的id属性,然后为链接添加href="#id"。例如:
    <body id="top">
    ...
    <a href="#top">Back to top</a>
    ...
    </body>

  • 相关阅读:
    POJ3159 Candies —— 差分约束 spfa
    POJ1511 Invitation Cards —— 最短路spfa
    POJ1860 Currency Exchange —— spfa求正环
    POJ3259 Wormholes —— spfa求负环
    POJ3660 Cow Contest —— Floyd 传递闭包
    POJ3268 Silver Cow Party —— 最短路
    POJ1797 Heavy Transportation —— 最短路变形
    POJ2253 Frogger —— 最短路变形
    POJ1759 Garland —— 二分
    POJ3685 Matrix —— 二分
  • 原文地址:https://www.cnblogs.com/ttmj865/p/5557502.html
Copyright © 2011-2022 走看看