HTML 5的基本标签
admin
2023-07-28 12:40:08
0次
  1. 文件开始标签
    在任何的一个HTML文件里，最先出现的HTML标签就是，它用于表示该文件是以超文本标识语言（HTML）编写的。是成对出现的，首标签和尾标签分别位于文件的最前面和最后面，文件中的所有文件和HTML标签都包含在其中。例如： 
    
文件的全部内容

    该标签不带任何属性。
    事实上，现在常用的Web浏览器（例如IE）都可以自动识别HTML文件，并不要求有标签，也不对该标签进行任何操作。但是，为了提高文件的适用性，使编写的HTML文件能适应不断变化的Web浏览器，还是应该养成使用这个标签的习惯。

  2. 文件头部标签
    习惯上，把HTML文件分为文件头和文件主体两个部分。文件主体部分就是在Web浏览器窗口的用户区内看到的内容，而文件头部分用来规定该文件的标题（出现在Web浏览器窗口的标题栏中）和文件的一些属性。
    是一个表示网页头部的标签。在由标签所定义的元素中，并不放置网页的任何内容，而是放置关于HTML文件的信息，也就是说它并不属于HTML文件的主体。它包含文件的标题、编码方式及URL等信息。这些信息大部分是用于提供索引、辨认或其他方面的应用。
    写在与中间的文本，如果又写在标签中，表示该网页的名称，并作为窗口的名称显示在这个网页窗口的最上方。<br/>说明：如果HTML文件并不需要提供相关信息时，可以省略<head>标签。</li> <li>文件标题标签<title><br/>每个HTML文件都需要由一个文件名称。在浏览器中，文件名称作为窗口名称显示在该窗口的最上方。这对浏览器的收藏功能很有用。如果浏览者认为某个网页对自己很有用，今后想经常阅读，可以选择IE浏览器“收藏”菜单中的“添加到收藏夹”命令将它保存起来，供以后调用。网页的名称要写在<title>和之间，并且标签应包含在<head>与</head>标签之中。<br/>HTML文件的标签是可以嵌套的，即在一对标签中可以嵌入另一对子标签，用来规定母标签所含范围的属性或其中某一部分内容，嵌套在<head>标签中使用的主要有<title>标签。<br/>4元信息标签<meta><br/>meta元素提供的信息是用户不可见的，它不显示在页面中，一般用来定义页面信息的名称、关键字、作者等。在HTML中，meta标记不需要设置结束标记，在一个尖括号内就是一个meta内容，而在一个HTML头页面中可以有多个meta元素。meta元素的属性有两种：name和http-equiv，其中name属性主要用于描述网页，以便于搜索引擎机器人查找、分类。<br/>5 页面的主体标签<body><br/>网页的主体部分以<body>标记标志它的开始，以</body>标志它的结束。在网页的主体标签中有很多的属性设置如表1-1所示。<br/>表1-1 <body>元素的属性<br/><img src="https://cache.yisu.com/upload/information/20200310/64/118280.jpg" alt="HTML 5的基本标签"></li> </ol> <!--end::Text--> </div> <!--end::Description--> <div class="mt-5"> <!--关键词搜索--> </div> <div class="mt-5"> <p class="fc-show-prev-next"> <strong>上一篇：</strong><a href="/kaifa/show-921337.html">排序算法和查找算法</a><br> </p> <p class="fc-show-prev-next"> <strong>下一篇：</strong><a href="/kaifa/show-921342.html">今日推荐！斗牛房卡在哪买斗牛软件自己创房的平台拼三张房卡价格表美猴王房卡多少钱一张</a> </p> </div> <!--begin::Block--> <div class="d-flex flex-stack mb-2 mt-10"> <!--begin::Title--> <h3 class="text-dark fs-5 fw-bold text-gray-800">相关内容</h3> <!--end::Title--> </div> <div class="separator separator-dashed mb-9"></div> <!--end::Block--> <div class="row g-10"> </div> </div> <!--end::Table widget 14--> </div> <!--end::Col--> <!--begin::Col--> <div class="col-xl-4 mt-0"> <!--begin::Chart Widget 35--> <div class="card card-flush h-md-100"> <!--begin::Header--> <div class="card-header pt-5 "> <!--begin::Title--> <h3 class="card-title align-items-start flex-column"> <!--begin::Statistics--> <div class="d-flex align-items-center mb-2"> <!--begin::Currency--> <span class="fs-5 fw-bold text-gray-800 ">热门资讯</span> <!--end::Currency--> </div> <!--end::Statistics--> </h3> <!--end::Title--> </div> <!--end::Header--> <!--begin::Body--> <div class="card-body pt-3"> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/uploadfile/202606/3adb2cb8505ba59.png')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528352.html" class="text-dark fw-bold text-hover-primary fs-6">浙江宣传：“走个面儿”咋就没面...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">“咱北京两千多万人口，您受累，您走个面儿，把这第一波的票房带起来，咱就有了。”某知名导演的新片首映礼...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/uploadfile/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXy8vJkA4prAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528351.html" class="text-dark fw-bold text-hover-primary fs-6">辞职声明仅95秒遭质疑，韩国队...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">【环球时报综合报道】美加墨世界杯小组赛出局后，韩国队主教练洪明甫当地时间28日在墨西哥的韩国队大本营...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528350.html" class="text-dark fw-bold text-hover-primary fs-6">美媒爆料：美军第五舰队总部遭伊...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">据美国《华尔街日报》27日报道，其通过对卫星图像、社交媒体视频和五角大楼记录的分析发现，今年2月底至...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528349.html" class="text-dark fw-bold text-hover-primary fs-6">英国智库给菲律宾GDP增速“浇...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">【环球时报特约记者 叶满】英国经济研究机构凯投宏观发布的最新一期《亚洲经济展望》报告（以下简称“报告...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528348.html" class="text-dark fw-bold text-hover-primary fs-6">欧洲持续高温，有华人用冰箱降温...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">连日来，欧洲多国迎来罕见极端高温天气，法国、德国、意大利等地气温持续飙升，部分地区突破40摄氏度。受...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/uploadfile/202606/df8f4f732d09544.png')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528347.html" class="text-dark fw-bold text-hover-primary fs-6">伊副外长强调船只须按“伊朗线路...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">伊朗外交部副部长加里巴巴迪当地时间29日晚间在接受采访时强调，所有船只均须按照“伊朗线路”通过霍尔木...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/uploadfile/202606/112b0e122215a1f.jpg')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528346.html" class="text-dark fw-bold text-hover-primary fs-6">委内瑞拉强震已致1719人死亡</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">当地时间29日，委内瑞拉全国代表大会主席罗德里格斯通报，地震已造成该国1719人死亡，5034人受伤...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528345.html" class="text-dark fw-bold text-hover-primary fs-6">铋晟新材料申请氯氧化铋基复合材...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">国家知识产权局信息显示，江苏铋晟新材料有限公司申请一项名为“一种氯氧化铋基复合材料及其制备方法和用途...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/uploadfile/202606/355af861cc297ac.jpg')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528344.html" class="text-dark fw-bold text-hover-primary fs-6">韩国政府将投资千万亿韩元于AI...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">韩国总统李在明29日在总统府青瓦台主持召开会议，公布总额超千万亿韩元的半导体、物理人工智能（AI）和...</span> </div> <!--end::Title--> </div> <!--begin::Item--> <div class="d-flex flex-stack mb-7"> <!--begin::Symbol--> <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('/uploadfile/202606/bf6f5219f46ee39.png')"></div> </div> <!--end::Symbol--> <!--begin::Title--> <div class="m-0"> <a href="/news/show-14528343.html" class="text-dark fw-bold text-hover-primary fs-6">以色列防长称以伊可能随时再起冲...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">△卡茨（资料图）据以色列方面29日消息，以国防部长卡茨当天表示，鉴于复杂的安全局势和在黎巴嫩的军事行...</span> </div> <!--end::Title--> </div> </div> <!--end::Body--> </div> <!--end::Chart Widget 35--> </div> <!--end::Col--> </div> </div> <!--end::Content container--> </div> <!--end::Content--> </div> <!--end::Content wrapper--> <!--begin::Footer--> <div id="kt_app_footer" class="app-footer"> <!--begin::Footer container--> <div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3"> <!--begin::Copyright--> <div class="text-dark order-2 order-md-1"> <span class="text-muted fw-semibold me-1">2026 ©</span> 太卓网<a href="http://www.yexian114.com/">叶县生活网</a> <a href="https://www.wxx86.cn/">编程知识网</a> <a href="http://www.kcwzh.com/">开创游戏网</a> <a href="https://www.caiding5.net">菜丁网</a><a href="http://cn.office369.com">奥飞商务网</a> <a href="http://www.zlnznjj.com/">众乐知识网</a><a href="http://www.lhjia.com/">乐活家</a><a href="http://www.nengyuan100.com/">能源100网</a> <a href="http://it.tdroid.net/">泰达科技</a><a href="http://cn.tdroid.net/">太卓开发网</a><a href="http://cn.yuansudz.com/">元素科技网</a><a href="http://www.80hlw.com/">八零商务网</a><a href="http://game.tdroid.net/">土豆游戏网</a> </div> <!--end::Copyright--> <!--begin::Menu--> <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1"> <li class="menu-item"> <a href="/news" target="_blank" class="menu-link px-2">科技资讯</a> </li> <li class="menu-item"> <a href="/jishu" target="_blank" class="menu-link px-2">技术分享</a> </li> <li class="menu-item"> <a href="/kaifa" target="_blank" class="menu-link px-2">程序开发</a> </li> <li class="menu-item"> <a href="/weixiu" target="_blank" class="menu-link px-2">设备维修</a> </li> </ul> <!--end::Menu--> </div> <!--end::Footer container--> </div> <!--end::Footer--> </div> <!--end:::Main--> </div> <!--end::Wrapper--> </div> <!--end::Page--> </div> <!--end::App--> <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true"> <!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg--> <span class="svg-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect> <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path> </svg> </span> <!--end::Svg Icon--> </div> <!--begin::Javascript--> <script>var hostUrl = "/static/default/pc/";</script> <!--begin::Global Javascript Bundle(mandatory for all pages)--> <script src="/static/default/pc/plugins/global/plugins.bundle.js"></script> <script src="/static/default/pc/js/scripts.bundle.js"></script> <!--end::Global Javascript Bundle--> <!--end::Javascript--> </body> <!--end::Body--> </html>