{"id":6223,"date":"2025-12-18T11:16:44","date_gmt":"2025-12-18T03:16:44","guid":{"rendered":"https:\/\/anisteel.com\/?p=6223"},"modified":"2025-12-18T16:47:57","modified_gmt":"2025-12-18T08:47:57","slug":"steel-i-beam-span-calculator","status":"publish","type":"post","link":"https:\/\/anisteel.com\/fr\/steel-i-beam-span-calculator\/","title":{"rendered":"Steel I-Beam Span Calculator"},"content":{"rendered":"\n<div class=\"steel-calculator-container\">\n  <style>\n    .steel-calculator-container{\n      max-width: 860px;\n      margin: 40px auto;\n      padding: 0 16px;\n      font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Inter,Arial,sans-serif;\n      color:#222;\n    }\n    .calculator-title{\n      text-align:center;\n      font-size:28px;\n      font-weight:700;\n      margin-bottom:10px;\n    }\n    .calculator-description{\n      text-align:center;\n      max-width:680px;\n      margin:0 auto 32px;\n      color:#555;\n      line-height:1.6;\n    }\n    .calculator-tabs{\n      display:flex;\n      margin-bottom:24px;\n      border-bottom:1px solid #eee;\n    }\n  .tab-button {\n  padding: 12px 24px;\n  background: transparent;      \/* \u900f\u660e\u80cc\u666f *\/\n  border: none;\n  font-size: 16px;\n  font-weight: 600;\n  cursor: pointer;\n  color: #000;                  \/* \u9ed1\u8272\u6587\u5b57 *\/\n  opacity: 0.8;                 \/* \u9ed8\u8ba4\u7a0d\u6de1\u4e00\u70b9 *\/\n  transition: all 0.3s ease;    \/* \u6dfb\u52a0\u5e73\u6ed1\u8fc7\u6e21\u6548\u679c *\/\n}\n    .tab-button.active{\n      opacity:1;\n      border-bottom:3px solid #000;\n    }\n    .tab-content{\n      display:none;\n    }\n    .tab-content.active{\n      display:block;\n    }\n    .calculator-form{\n      background:#fff;\n      border-radius:14px;\n      padding:28px;\n      box-shadow:0 10px 30px rgba(0,0,0,.06);\n      margin-bottom:32px;\n    }\n    .form-heading{\n      font-size:16px;\n      font-weight:600;\n      margin:28px 0 16px;\n      padding-bottom:8px;\n      border-bottom:1px solid #eee;\n    }\n    .form-group{\n      display:flex;\n      flex-direction:column;\n      gap:8px;\n      margin-bottom:18px;\n    }\n    .form-group label{\n      font-size:14px;\n      font-weight:500;\n      color:#333;\n    }\n    .input-group{\n      display:flex;\n      gap:8px;\n    }\n    .input-group input,\n    .input-group select,\n    .form-group select{\n      width:100%;\n      padding:10px 12px;\n      border:1px solid #dcdcdc;\n      border-radius:8px;\n      font-size:14px;\n      background:#fff;\n    }\n    .input-group select{\n      max-width:140px;\n    }\n    .input-group-text{\n      padding:10px 12px;\n      background:#f4f4f4;\n      border:1px solid #dcdcdc;\n      border-radius:8px;\n      font-size:13px;\n      white-space:nowrap;\n    }\n    .form-options{\n      display:flex;\n      flex-direction:column;\n      gap:12px;\n      margin:20px 0;\n    }\n    .form-toggle{\n      display:flex;\n      align-items:center;\n      gap:8px;\n      font-size:14px;\n    }\n    .form-toggle input{\n      transform:scale(1.1);\n    }\n    .calculate-button{\n      width:100%;\n      margin-top:24px;\n      padding:14px;\n      border:none;\n      border-radius:10px;\n      background:linear-gradient(180deg,#000,#222);\n      color:#fff;\n      font-size:15px;\n      font-weight:600;\n      cursor:pointer;\n    }\n    .calculate-button:hover{\n      opacity:.9;\n    }\n    .result-section{\n      background:#fff;\n      border-radius:14px;\n      padding:24px 28px;\n      box-shadow:0 10px 30px rgba(0,0,0,.06);\n    }\n    .result-header{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      margin-bottom:16px;\n    }\n    .result-header h3{\n      font-size:18px;\n      margin:0;\n    }\n    .copy-button{\n      background:none;\n      border:none;\n      cursor:pointer;\n      color:#555;\n    }\n    .result-item{\n      display:flex;\n      flex-direction:column;\n      gap:6px;\n      padding:12px 0;\n      border-bottom:1px dashed #eee;\n    }\n    .result-item:last-child{\n      border-bottom:none;\n    }\n    .result-label{\n      font-size:13px;\n      color:#666;\n    }\n    .result-value{\n      font-size:16px;\n      font-weight:600;\n      color:#0a58ff;\n    }\n    .utilization-bar-container{\n      width:100%;\n      height:8px;\n      background:#eee;\n      border-radius:4px;\n      overflow:hidden;\n      margin-top:4px;\n    }\n    .utilization-bar{\n      height:100%;\n      background:#0a58ff;\n      width:0%;\n      transition:width .3s;\n    }\n    .utilization-bar.warning{\n      background:#ff9800;\n    }\n    .utilization-bar.danger{\n      background:#f44336;\n    }\n    .result-details{\n      margin-top:18px;\n      padding-top:16px;\n      border-top:1px solid #eee;\n    }\n    .detail-item{\n      display:flex;\n      justify-content:space-between;\n      font-size:14px;\n      margin-bottom:8px;\n    }\n    .detail-label{\n      color:#555;\n    }\n    .detail-value{\n      font-weight:500;\n    }\n    .hidden{\n      display:none !important;\n    }\n    .beam-recommendation{\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n      padding:12px;\n      border:1px solid #eee;\n      border-radius:8px;\n      margin-bottom:12px;\n      background:#f9f9f9;\n    }\n    .beam-select-button{\n      padding:8px 16px;\n      background:#000;\n      color:#fff;\n      border:none;\n      border-radius:6px;\n      cursor:pointer;\n    }\n    @media(max-width:600px){\n      .input-group{\n        flex-direction:column;\n      }\n      .input-group select{\n        max-width:100%;\n      }\n      .calculator-tabs{\n        flex-direction:column;\n      }\n      .tab-button{\n        width:100%;\n      }\n    }\n  <\/style>\n\n  <h2 class=\"calculator-title\">Steel I-Beam Span Calculator<\/h2>\n  <p class=\"calculator-description\">Calculate the maximum allowable span, deflection, and load capacity for steel I-beams based on structural engineering principles.<\/p>\n\n  <div class=\"calculator-tabs\">\n    <button class=\"tab-button active\" data-tab=\"span-tab\">Calculate Span<\/button>\n    <button class=\"tab-button\" data-tab=\"beam-tab\">Select Beam<\/button>\n  <\/div>\n\n  <div class=\"calculator-form tab-content active\" id=\"span-tab\">\n    <div class=\"form-group\">\n      <label for=\"beam-type\">I-Beam Type:<\/label>\n      <select id=\"beam-type\">\n        <option value=\"w-beam\">Wide Flange (W Sections)<\/option>\n        <option value=\"s-beam\">American Standard (S Sections)<\/option>\n        <option value=\"hp-beam\">Bearing Pile (HP Sections)<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"standard-size\">Standard Size:<\/label>\n      <select id=\"standard-size\">\n        <!-- \u9009\u9879\u4f1a\u5728JS\u4e2d\u52a8\u6001\u586b\u5145 -->\n      <\/select>\n    <\/div>\n\n    <div class=\"form-heading\">Load Configuration<\/div>\n\n    <div class=\"form-group\">\n      <label for=\"load-type\">Load Type:<\/label>\n      <select id=\"load-type\">\n        <option value=\"uniform\">Uniform Load<\/option>\n        <option value=\"point-center\">Point Load (Center)<\/option>\n        <option value=\"point-third\">Point Load (Third Points)<\/option>\n        <option value=\"cantilever\">Cantilever (Uniform Load)<\/option>\n      <\/select>\n      <div class=\"load-diagram\" id=\"load-diagram\"><\/div>\n    <\/div>\n\n    <div class=\"form-group\" id=\"total-load-container\">\n      <label for=\"total-load\">Total Load:<\/label>\n      <div class=\"input-group\">\n        <input type=\"number\" id=\"total-load\" placeholder=\"Enter total load\" value=\"1000\" step=\"100\" min=\"0\">\n        <select id=\"load-unit\">\n          <option value=\"lb\">lb<\/option>\n          <option value=\"kg\">kg<\/option>\n          <option value=\"kN\">kN<\/option>\n          <option value=\"plf\">lb\/ft<\/option>\n          <option value=\"kgm\">kg\/m<\/option>\n        <\/select>\n      <\/div>\n      <small class=\"form-text\" id=\"load-description\">Total uniformly distributed load across the entire beam span.<\/small>\n    <\/div>\n\n    <div class=\"form-heading\">Beam Properties<\/div>\n\n    <div class=\"form-group\">\n      <label for=\"beam-span\">Beam Span:<\/label>\n      <div class=\"input-group\">\n        <input type=\"number\" id=\"beam-span\" placeholder=\"Enter span\" value=\"12\" step=\"0.5\" min=\"0\">\n        <select id=\"span-unit\">\n          <option value=\"ft\">feet<\/option>\n          <option value=\"m\">meters<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"steel-grade\">Steel Grade:<\/label>\n      <select id=\"steel-grade\">\n        <option value=\"36\">ASTM A36 (Fy=36 ksi)<\/option>\n        <option value=\"50\" selected=\"\">ASTM A572 Gr.50 \/ A992 (Fy=50 ksi)<\/option>\n        <option value=\"65\">ASTM A913 Gr.65 (Fy=65 ksi)<\/option>\n        <option value=\"235\">EN 10025 S235 (Fy=235 MPa)<\/option>\n        <option value=\"275\">EN 10025 S275 (Fy=275 MPa)<\/option>\n        <option value=\"355\">EN 10025 S355 (Fy=355 MPa)<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"form-heading\">Design Parameters<\/div>\n\n    <div class=\"form-group\">\n      <label for=\"deflection-limit\">Deflection Limit:<\/label>\n      <select id=\"deflection-limit\">\n        <option value=\"180\">L\/180 (Roof beams, no ceiling)<\/option>\n        <option value=\"240\" selected=\"\">L\/240 (Standard floor beams)<\/option>\n        <option value=\"360\">L\/360 (Floor beams with plaster ceiling)<\/option>\n        <option value=\"480\">L\/480 (Floor beams supporting sensitive equipment)<\/option>\n        <option value=\"600\">L\/600 (Stringent requirements)<\/option>\n        <option value=\"custom\">Custom<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"form-group hidden\" id=\"custom-deflection-container\">\n      <label for=\"custom-deflection\">Custom Deflection Limit (L\/x):<\/label>\n      <input type=\"number\" id=\"custom-deflection\" placeholder=\"Enter value\" value=\"240\" step=\"10\" min=\"1\">\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"safety-factor\">Safety Factor:<\/label>\n      <input type=\"number\" id=\"safety-factor\" placeholder=\"Safety factor\" value=\"2.0\" step=\"0.1\" min=\"1\">\n      <small class=\"form-text\">Recommended: 2.0-3.0 for standard structures, 3.0-4.0 for critical applications.<\/small>\n    <\/div>\n\n    <div class=\"form-options\">\n      <div class=\"form-toggle\">\n        <input type=\"checkbox\" id=\"include-self-weight\" checked=\"\">\n        <label for=\"include-self-weight\">Include beam self-weight<\/label>\n      <\/div>\n      <div class=\"form-toggle\">\n        <input type=\"checkbox\" id=\"continuous-beam\">\n        <label for=\"continuous-beam\">Continuous beam (multiple spans)<\/label>\n      <\/div>\n    <\/div>\n\n    <button id=\"calculate-span\" class=\"calculate-button\">Calculate<\/button>\n  <\/div>\n\n  <div class=\"calculator-form tab-content\" id=\"beam-tab\">\n    <div class=\"form-heading\">Required Beam Parameters<\/div>\n\n    <div class=\"form-group\">\n      <label for=\"required-moment\">Required Moment Capacity:<\/label>\n      <div class=\"input-group\">\n        <input type=\"number\" id=\"required-moment\" placeholder=\"Enter moment\" value=\"50000\" step=\"1000\" min=\"0\">\n        <select id=\"moment-unit\">\n          <option value=\"lb-ft\">lb-ft<\/option>\n          <option value=\"kg-m\">kg-m<\/option>\n          <option value=\"kN-m\">kN-m<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"required-span\">Required Span:<\/label>\n      <div class=\"input-group\">\n        <input type=\"number\" id=\"required-span\" placeholder=\"Enter span\" value=\"15\" step=\"0.5\" min=\"0\">\n        <select id=\"required-span-unit\">\n          <option value=\"ft\">feet<\/option>\n          <option value=\"m\">meters<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"required-load\">Design Load:<\/label>\n      <div class=\"input-group\">\n        <input type=\"number\" id=\"required-load\" placeholder=\"Enter load\" value=\"200\" step=\"10\" min=\"0\">\n        <select id=\"required-load-unit\">\n          <option value=\"plf\">lb\/ft<\/option>\n          <option value=\"kgm\">kg\/m<\/option>\n          <option value=\"kNm\">kN\/m<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <div class=\"form-group\">\n      <label for=\"beam-grade-select\">Steel Grade:<\/label>\n      <select id=\"beam-grade-select\">\n        <option value=\"36\">ASTM A36 (Fy=36 ksi)<\/option>\n        <option value=\"50\" selected=\"\">ASTM A572 Gr.50 \/ A992 (Fy=50 ksi)<\/option>\n        <option value=\"65\">ASTM A913 Gr.65 (Fy=65 ksi)<\/option>\n        <option value=\"235\">EN 10025 S235 (Fy=235 MPa)<\/option>\n        <option value=\"275\">EN 10025 S275 (Fy=275 MPa)<\/option>\n        <option value=\"355\">EN 10025 S355 (Fy=355 MPa)<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"form-heading\">Design Parameters<\/div>\n\n    <div class=\"form-group\">\n      <label for=\"deflection-limit-select\">Deflection Limit:<\/label>\n      <select id=\"deflection-limit-select\">\n        <option value=\"180\">L\/180<\/option>\n        <option value=\"240\" selected=\"\">L\/240<\/option>\n        <option value=\"360\">L\/360<\/option>\n        <option value=\"480\">L\/480<\/option>\n        <option value=\"600\">L\/600<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"form-options\">\n      <div class=\"form-toggle\">\n        <input type=\"checkbox\" id=\"lateral-bracing\" checked=\"\">\n        <label for=\"lateral-bracing\">Continuous lateral bracing<\/label>\n      <\/div>\n    <\/div>\n\n    <button id=\"find-beam\" class=\"calculate-button\">Find Suitable Beam<\/button>\n  <\/div>\n\n  <div class=\"result-section\">\n    <div class=\"result-header\">\n      <h3>Analysis Results<\/h3>\n      <button id=\"copy-results\" class=\"copy-button\" title=\"Copy results to clipboard\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\n          <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <div id=\"span-results\">\n      <div class=\"result-item\">\n        <span class=\"result-label\">Selected Beam:<\/span>\n        <span id=\"selected-beam\" class=\"result-value\">&#8211;<\/span>\n      <\/div>\n      <div class=\"result-item\">\n        <span class=\"result-label\">Maximum Moment:<\/span>\n        <span id=\"max-moment\" class=\"result-value\">0 lb-ft<\/span>\n      <\/div>\n      <div class=\"result-item\">\n        <span class=\"result-label\">Maximum Deflection:<\/span>\n        <span id=\"max-deflection\" class=\"result-value\">0 inches<\/span>\n      <\/div>\n      <div class=\"result-item\">\n        <span class=\"result-label\">Utilization Ratio:<\/span>\n        <span id=\"utilization-ratio\" class=\"result-value\">0%<\/span>\n        <div class=\"utilization-bar-container\">\n          <div id=\"utilization-bar\" class=\"utilization-bar\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"result-details\">\n        <div class=\"detail-item\">\n          <span class=\"detail-label\">Moment Capacity:<\/span>\n          <span id=\"moment-capacity\" class=\"detail-value\">0 lb-ft<\/span>\n        <\/div>\n        <div class=\"detail-item\">\n          <span class=\"detail-label\">Shear Capacity:<\/span>\n          <span id=\"shear-capacity\" class=\"detail-value\">0 lb<\/span>\n        <\/div>\n        <div class=\"detail-item\">\n          <span class=\"detail-label\">Maximum Allowable Span:<\/span>\n          <span id=\"max-span\" class=\"detail-value\">0 ft<\/span>\n        <\/div>\n        <div class=\"detail-item\">\n          <span class=\"detail-label\">Maximum Load Capacity:<\/span>\n          <span id=\"max-load\" class=\"detail-value\">0 lb<\/span>\n        <\/div>\n        <div class=\"detail-item\">\n          <span class=\"detail-label\">Beam Weight:<\/span>\n          <span id=\"beam-weight\" class=\"detail-value\">0 lb<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div id=\"beam-results\" class=\"hidden\">\n      <div class=\"recommended-beams\">\n        <h4>Recommended Beams<\/h4>\n        <div class=\"beam-recommendation-list\" id=\"beam-recommendation-list\"><\/div>\n      <\/div>\n      <div class=\"result-details\">\n        <div class=\"detail-item\">\n          <span class=\"detail-label\">Required Section Modulus:<\/span>\n          <span id=\"required-section-modulus\" class=\"detail-value\">0 in\u00b3<\/span>\n        <\/div>\n        <div class=\"detail-item\">\n          <span class=\"detail-label\">Required Moment of Inertia:<\/span>\n          <span id=\"required-moment-of-inertia\" class=\"detail-value\">0 in\u2074<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ ==================== \u6881\u6570\u636e\u5e93\uff08\u5b8c\u6574\u4fdd\u7559\u539f\u6570\u636e\uff09 ====================\n    const beamSizes = {\n      'w-beam': [\n        { designation: 'W4\u00d713', depth: 4.16, weight: 13, area: 3.83, inertiaX: 11.3, modulusX: 5.46, modulusY: 1.86, inertiaY: 3.86 },\n        { designation: 'W6\u00d715', depth: 5.99, weight: 15, area: 4.43, inertiaX: 29.1, modulusX: 9.72, modulusY: 2.19, inertiaY: 9.32 },\n        { designation: 'W8\u00d721', depth: 8.28, weight: 21, area: 6.16, inertiaX: 75.3, modulusX: 18.2, modulusY: 4.06, inertiaY: 18.3 },\n        { designation: 'W8\u00d731', depth: 8.00, weight: 31, area: 9.13, inertiaX: 110, modulusX: 27.5, modulusY: 9.27, inertiaY: 37.1 },\n        { designation: 'W10\u00d722', depth: 9.99, weight: 22, area: 6.49, inertiaX: 118, modulusX: 23.6, modulusY: 3.97, inertiaY: 13.3 },\n        { designation: 'W10\u00d745', depth: 10.1, weight: 45, area: 13.3, inertiaX: 248, modulusX: 49.1, modulusY: 16.7, inertiaY: 53.4 },\n        { designation: 'W12\u00d726', depth: 12.2, weight: 26, area: 7.65, inertiaX: 204, modulusX: 33.4, modulusY: 4.66, inertiaY: 17.3 },\n        { designation: 'W12\u00d750', depth: 12.2, weight: 50, area: 14.7, inertiaX: 391, modulusX: 64.2, modulusY: 19.7, inertiaY: 56.3 },\n        { designation: 'W14\u00d730', depth: 13.8, weight: 30, area: 8.85, inertiaX: 291, modulusX: 42.0, modulusY: 8.91, inertiaY: 19.6 },\n        { designation: 'W14\u00d753', depth: 13.9, weight: 53, area: 15.6, inertiaX: 541, modulusX: 77.8, modulusY: 26.7, inertiaY: 57.7 },\n        { designation: 'W16\u00d736', depth: 15.9, weight: 36, area: 10.6, inertiaX: 448, modulusX: 56.5, modulusY: 10.2, inertiaY: 22.1 },\n        { designation: 'W16\u00d757', depth: 16.4, weight: 57, area: 16.8, inertiaX: 758, modulusX: 92.2, modulusY: 24.5, inertiaY: 43.1 },\n        { designation: 'W18\u00d735', depth: 17.7, weight: 35, area: 10.3, inertiaX: 510, modulusX: 57.6, modulusY: 7.97, inertiaY: 15.3 },\n        { designation: 'W18\u00d771', depth: 18.5, weight: 71, area: 20.8, inertiaX: 1170, modulusX: 127, modulusY: 32.3, inertiaY: 60.3 },\n        { designation: 'W21\u00d744', depth: 20.7, weight: 44, area: 13.0, inertiaX: 843, modulusX: 81.6, modulusY: 13.9, inertiaY: 20.7 },\n        { designation: 'W21\u00d783', depth: 21.4, weight: 83, area: 24.3, inertiaX: 1830, modulusX: 171, modulusY: 49.0, inertiaY: 65.0 },\n        { designation: 'W24\u00d755', depth: 23.6, weight: 55, area: 16.2, inertiaX: 1350, modulusX: 114, modulusY: 15.7, inertiaY: 29.1 },\n        { designation: 'W24\u00d794', depth: 24.3, weight: 94, area: 27.7, inertiaX: 2700, modulusX: 222, modulusY: 46.4, inertiaY: 94.4 },\n        { designation: 'W27\u00d784', depth: 26.9, weight: 84, area: 24.8, inertiaX: 2850, modulusX: 212, modulusY: 28.9, inertiaY: 88.6 },\n        { designation: 'W30\u00d799', depth: 29.7, weight: 99, area: 29.1, inertiaX: 4470, modulusX: 301, modulusY: 38.1, inertiaY: 140 },\n        { designation: 'W33\u00d7118', depth: 32.9, weight: 118, area: 34.7, inertiaX: 6710, modulusX: 408, modulusY: 47.2, inertiaY: 196 },\n        { designation: 'W36\u00d7135', depth: 35.9, weight: 135, area: 39.7, inertiaX: 9040, modulusX: 504, modulusY: 53.9, inertiaY: 243 }\n      ],\n      's-beam': [\n        { designation: 'S3\u00d75.7', depth: 3.00, weight: 5.7, area: 1.67, inertiaX: 2.04, modulusX: 1.36, modulusY: 0.27, inertiaY: 0.39 },\n        { designation: 'S4\u00d77.7', depth: 4.00, weight: 7.7, area: 2.26, inertiaX: 4.87, modulusX: 2.44, modulusY: 0.41, inertiaY: 0.62 },\n        { designation: 'S5\u00d710', depth: 5.00, weight: 10.0, area: 2.94, inertiaX: 9.87, modulusX: 3.95, modulusY: 0.58, inertiaY: 0.88 },\n        { designation: 'S6\u00d712.5', depth: 6.00, weight: 12.5, area: 3.67, inertiaX: 17.6, modulusX: 5.85, modulusY: 0.82, inertiaY: 1.28 },\n        { designation: 'S7\u00d715.3', depth: 7.00, weight: 15.3, area: 4.50, inertiaX: 28.9, modulusX: 8.25, modulusY: 1.06, inertiaY: 1.71 },\n        { designation: 'S8\u00d718.4', depth: 8.00, weight: 18.4, area: 5.41, inertiaX: 44.0, modulusX: 11.0, modulusY: 1.57, inertiaY: 2.31 },\n        { designation: 'S10\u00d725.4', depth: 10.0, weight: 25.4, area: 7.46, inertiaX: 93.8, modulusX: 18.8, modulusY: 2.35, inertiaY: 3.67 },\n        { designation: 'S12\u00d731.8', depth: 12.0, weight: 31.8, area: 9.36, inertiaX: 165, modulusX: 27.5, modulusY: 3.26, inertiaY: 5.21 },\n        { designation: 'S15\u00d742.9', depth: 15.0, weight: 42.9, area: 12.6, inertiaX: 348, modulusX: 46.3, modulusY: 5.24, inertiaY: 8.35 },\n        { designation: 'S18\u00d754.7', depth: 18.0, weight: 54.7, area: 16.1, inertiaX: 639, modulusX: 71.0, modulusY: 7.77, inertiaY: 12.3 },\n        { designation: 'S20\u00d766', depth: 20.0, weight: 66.0, area: 19.4, inertiaX: 924, modulusX: 92.4, modulusY: 10.6, inertiaY: 15.7 },\n        { designation: 'S24\u00d780', depth: 24.0, weight: 80.0, area: 23.5, inertiaX: 1600, modulusX: 134, modulusY: 14.9, inertiaY: 20.8 }\n      ],\n      'hp-beam': [\n        { designation: 'HP8\u00d736', depth: 8.02, weight: 36, area: 10.6, inertiaX: 119, modulusX: 29.8, modulusY: 9.88, inertiaY: 40.3 },\n        { designation: 'HP10\u00d742', depth: 9.70, weight: 42, area: 12.4, inertiaX: 210, modulusX: 43.4, modulusY: 14.4, inertiaY: 71.7 },\n        { designation: 'HP10\u00d757', depth: 9.99, weight: 57, area: 16.8, inertiaX: 294, modulusX: 58.8, modulusY: 20.4, inertiaY: 101 },\n        { designation: 'HP12\u00d753', depth: 11.78, weight: 53, area: 15.5, inertiaX: 393, modulusX: 66.7, modulusY: 21.7, inertiaY: 127 },\n        { designation: 'HP12\u00d774', depth: 12.13, weight: 74, area: 21.8, inertiaX: 570, modulusX: 94.0, modulusY: 31.8, inertiaY: 184 },\n        { designation: 'HP14\u00d773', depth: 13.83, weight: 73, area: 21.4, inertiaX: 729, modulusX: 105, modulusY: 34.9, inertiaY: 248 },\n        { designation: 'HP14\u00d7102', depth: 14.21, weight: 102, area: 30.0, inertiaX: 1050, modulusX: 148, modulusY: 51.1, inertiaY: 365 },\n        { designation: 'HP14\u00d7117', depth: 14.38, weight: 117, area: 34.4, inertiaX: 1220, modulusX: 177, modulusY: 57.9, inertiaY: 443 }\n      ]\n    };\n\n    \/\/ ==================== DOM \u5143\u7d20 ====================\n    const tabButtons = document.querySelectorAll('.tab-button');\n    const tabContents = document.querySelectorAll('.tab-content');\n    const beamTypeSelect = document.getElementById('beam-type');\n    const standardSizeSelect = document.getElementById('standard-size');\n    const loadTypeSelect = document.getElementById('load-type');\n    const loadDiagram = document.getElementById('load-diagram');\n    const loadDescription = document.getElementById('load-description');\n    const totalLoadContainer = document.getElementById('total-load-container');\n    const deflectionLimitSelect = document.getElementById('deflection-limit');\n    const customDeflectionContainer = document.getElementById('custom-deflection-container');\n    const calculateButton = document.getElementById('calculate-span');\n    const findBeamButton = document.getElementById('find-beam');\n    const spanResults = document.getElementById('span-results');\n    const beamResults = document.getElementById('beam-results');\n    const copyResultsButton = document.getElementById('copy-results');\n\n    \/\/ ==================== \u6807\u7b7e\u9875\u5207\u6362 ====================\n    tabButtons.forEach(button => {\n      button.addEventListener('click', function() {\n        const tabId = this.dataset.tab;\n\n        tabButtons.forEach(btn => btn.classList.remove('active'));\n        tabContents.forEach(content => content.classList.remove('active'));\n\n        this.classList.add('active');\n        document.getElementById(tabId).classList.add('active');\n\n        \/\/ \u7ed3\u679c\u533a\u57df\u5207\u6362\n        spanResults.style.display = (tabId === 'span-tab') ? 'block' : 'none';\n        beamResults.style.display = (tabId === 'beam-tab') ? 'block' : 'none';\n        beamResults.classList.toggle('hidden', tabId !== 'beam-tab');\n      });\n    });\n\n    \/\/ ==================== \u586b\u5145\u6807\u51c6\u6881\u5c3a\u5bf8 ====================\n    function populateStandardSizes() {\n      const type = beamTypeSelect.value;\n      standardSizeSelect.innerHTML = '';\n      beamSizes[type].forEach(beam => {\n        const option = document.createElement('option');\n        option.value = JSON.stringify(beam);\n        option.textContent = beam.designation;\n        standardSizeSelect.appendChild(option);\n      });\n    }\n\n    \/\/ ==================== \u66f4\u65b0\u8377\u8f7d\u793a\u610f\u56fe\u548c\u63cf\u8ff0 ====================\n    function updateLoadDiagramAndDescription() {\n      const type = loadTypeSelect.value;\n\n      \/\/ \u66f4\u65b0\u63cf\u8ff0\n      const descriptions = {\n        uniform: 'Total uniformly distributed load across the entire beam span.',\n        'point-center': 'Point load applied at the center of the beam.',\n        'point-third': 'Two equal point loads applied at the one-third points of the beam.',\n        cantilever: 'Uniformly distributed load on a cantilever beam (fixed at one end).'\n      };\n      loadDescription.textContent = descriptions[type] || descriptions.uniform;     \n    }\n\n    \/\/ ==================== \u4e8b\u4ef6\u7ed1\u5b9a ====================\n    beamTypeSelect.addEventListener('change', populateStandardSizes);\n    loadTypeSelect.addEventListener('change', updateLoadDiagramAndDescription);\n    deflectionLimitSelect.addEventListener('change', function() {\n      customDeflectionContainer.classList.toggle('hidden', this.value !== 'custom');\n    });\n\n    \/\/ ==================== Calculate Span \u8ba1\u7b97 ====================\n    calculateButton.addEventListener('click', function() {\n      let beamProperties = {};\n      try {\n        beamProperties = JSON.parse(standardSizeSelect.value);\n      } catch(e) {\n        alert('Please select a valid beam size.');\n        return;\n      }\n\n      const loadType = loadTypeSelect.value;\n      let totalLoad = parseFloat(document.getElementById('total-load').value) || 0;\n      const beamSpan = parseFloat(document.getElementById('beam-span').value) || 0;\n      const steelGrade = parseInt(document.getElementById('steel-grade').value) || 36;\n      const safetyFactor = parseFloat(document.getElementById('safety-factor').value) || 2.0;\n      const includeSelfWeight = document.getElementById('include-self-weight').checked;\n      const continuousBeam = document.getElementById('continuous-beam').checked;\n\n      let deflectionLimit = parseInt(deflectionLimitSelect.value) || 240;\n      if (deflectionLimitSelect.value === 'custom') {\n        deflectionLimit = parseInt(document.getElementById('custom-deflection').value) || 240;\n      }\n\n      const spanUnit = document.getElementById('span-unit').value;\n      const loadUnit = document.getElementById('load-unit').value;\n\n      let span = beamSpan;\n      if (spanUnit === 'm') span *= 3.28084;\n\n      switch(loadUnit) {\n        case 'kg': totalLoad *= 2.20462; break;\n        case 'kN': totalLoad *= 224.809; break;\n        case 'plf': totalLoad *= span; break;\n        case 'kgm': totalLoad *= 0.67197 * span; break;\n      }\n\n      if (includeSelfWeight) {\n        totalLoad += beamProperties.weight * span;\n      }\n\n      let maxMoment = 0;\n      let momentFactor = continuousBeam ? 0.8 : 1.0;\n      switch(loadType) {\n        case 'uniform': maxMoment = (totalLoad * span \/ 8) * momentFactor; break;\n        case 'point-center': maxMoment = (totalLoad * span \/ 4) * momentFactor; break;\n        case 'point-third': maxMoment = (totalLoad * span \/ 6) * momentFactor; break;\n        case 'cantilever': maxMoment = totalLoad * span \/ 2; break;\n      }\n\n      let allowableStress = steelGrade > 100 ? (steelGrade \/ 6.89476 * 0.66) : (steelGrade * 0.66);\n      allowableStress \/= safetyFactor;\n\n      const momentCapacity = beamProperties.modulusX * allowableStress * 12;\n      const shearCapacity = 0.4 * (steelGrade > 100 ? steelGrade \/ 6.89476 : steelGrade) * beamProperties.area * 1000 \/ safetyFactor;\n\n      const utilizationRatio = (maxMoment \/ momentCapacity) * 100;\n\n      let deflectionInches = 0;\n      switch(loadType) {\n        case 'uniform':\n          deflectionInches = (5 * (totalLoad \/ span) * Math.pow(span * 12, 4)) \/ (384 * 29000 * beamProperties.inertiaX);\n          break;\n        case 'point-center':\n          deflectionInches = (totalLoad * Math.pow(span * 12, 3)) \/ (48 * 29000 * beamProperties.inertiaX);\n          break;\n        case 'point-third':\n          deflectionInches = (totalLoad * Math.pow(span * 12, 3)) \/ (36 * 29000 * beamProperties.inertiaX);\n          break;\n        case 'cantilever':\n          deflectionInches = ((totalLoad \/ span) * Math.pow(span * 12, 4)) \/ (8 * 29000 * beamProperties.inertiaX);\n          break;\n      }\n\n      const beamWeight = beamProperties.weight * span;\n\n      \/\/ \u66f4\u65b0\u7ed3\u679c\n      document.getElementById('selected-beam').textContent = beamProperties.designation;\n      document.getElementById('max-moment').textContent = maxMoment.toFixed(0) + ' lb-ft';\n      document.getElementById('max-deflection').textContent = deflectionInches.toFixed(3) + ' in (L\/' + Math.round(span * 12 \/ deflectionInches) + ')';\n      document.getElementById('utilization-ratio').textContent = utilizationRatio.toFixed(1) + '%';\n      document.getElementById('utilization-bar').style.width = Math.min(utilizationRatio, 100) + '%';\n      const bar = document.getElementById('utilization-bar');\n      bar.className = 'utilization-bar ' + (utilizationRatio > 90 ? 'danger' : utilizationRatio > 75 ? 'warning' : '');\n\n      document.getElementById('moment-capacity').textContent = momentCapacity.toFixed(0) + ' lb-ft';\n      document.getElementById('shear-capacity').textContent = shearCapacity.toFixed(0) + ' lb';\n      document.getElementById('max-span').textContent = spanUnit === 'm' ? (span \/ 3.28084).toFixed(2) + ' m' : span.toFixed(2) + ' ft';\n      document.getElementById('max-load').textContent = totalLoad.toFixed(0) + ' lb'; \/\/ \u7b80\u5316\uff0c\u5b9e\u9645\u53ef\u6839\u636eloadUnit\u8c03\u6574\n      document.getElementById('beam-weight').textContent = beamWeight.toFixed(0) + ' lb';\n    });\n\n       findBeamButton.addEventListener('click', function() {\n      const requiredMoment = parseFloat(document.getElementById('required-moment').value) || 0;\n      const requiredSpan = parseFloat(document.getElementById('required-span').value) || 0;\n      const designLoad = parseFloat(document.getElementById('required-load').value) || 0;\n      const steelGrade = parseInt(document.getElementById('beam-grade-select').value) || 50;\n      const deflectionLimit = parseInt(document.getElementById('deflection-limit-select').value) || 240;\n      const lateralBracing = document.getElementById('lateral-bracing').checked;\n\n      const momentUnit = document.getElementById('moment-unit').value;\n      const spanUnit = document.getElementById('required-span-unit').value;\n      const loadUnit = document.getElementById('required-load-unit').value;\n\n      \/\/ \u5355\u4f4d\u8f6c\u6362\u5230\u82f1\u5236\uff08\u8ba1\u7b97\u57fa\u4e8e\u82f1\u5236\u5355\u4f4d\uff09\n      let span = requiredSpan;\n      if (spanUnit === 'm') span *= 3.28084; \/\/ m \u2192 ft\n\n      let moment = requiredMoment;\n      if (momentUnit === 'kg-m') moment *= 7.23301;      \/\/ kg-m \u2192 lb-ft\n      else if (momentUnit === 'kN-m') moment *= 737.562; \/\/ kN-m \u2192 lb-ft\n\n      let linearLoad = designLoad;\n      if (loadUnit === 'kgm') linearLoad *= 0.67197;     \/\/ kg\/m \u2192 lb\/ft\n      else if (loadUnit === 'kNm') linearLoad *= 68.5218; \/\/ kN\/m \u2192 lb\/ft\n\n      \/\/ \u5982\u679c\u6ca1\u6709\u8f93\u5165\u5f2f\u77e9\uff0c\u5219\u6839\u636e\u5747\u5e03\u8377\u8f7d\u8ba1\u7b97\u6240\u9700\u5f2f\u77e9\n      if (requiredMoment === 0 && designLoad > 0) {\n        moment = (linearLoad * Math.pow(span, 2)) \/ 8; \/\/ M = wL\u00b2\/8 (lb-ft)\n      }\n\n      \/\/ \u8ba1\u7b97\u6240\u9700\u5f39\u6027\u622a\u9762\u6a21\u91cf Sx (in\u00b3)\n      let fy = steelGrade;\n      if (steelGrade > 100) fy = steelGrade \/ 6.89476; \/\/ MPa \u2192 ksi\n      let allowableStress = fy * 0.66; \/\/ \u5178\u578b\u8bb8\u7528\u5f2f\u66f2\u5e94\u529b Fb = 0.66 Fy\n      if (!lateralBracing) allowableStress *= 0.6; \/\/ \u65e0\u4fa7\u5411\u652f\u6491\u65f6\u7b80\u5316\u6298\u51cf\n\n      const requiredSectionModulus = (moment * 12) \/ allowableStress; \/\/ lb-ft \u2192 lb-in\n\n      \/\/ \u8ba1\u7b97\u6240\u9700\u60ef\u6027\u77e9 Ix (in\u2074) \u4ee5\u6ee1\u8db3\u6320\u5ea6\u8981\u6c42\uff08\u5747\u5e03\u8377\u8f7d\u4e0b\uff09\n      const allowedDeflection = (span * 12) \/ deflectionLimit; \/\/ inches\n      const E = 29000; \/\/ \u94a2\u7684\u5f39\u6027\u6a21\u91cf ksi\n      const requiredInertia = (5 * linearLoad * Math.pow(span * 12, 4)) \/ (384 * E * allowedDeflection);\n\n      \/\/ \u67e5\u627e\u6240\u6709\u6ee1\u8db3\u8981\u6c42\u7684\u6881\n      let suitableBeams = [];\n      Object.keys(beamSizes).forEach(type => {\n        beamSizes[type].forEach(beam => {\n          if (beam.modulusX >= requiredSectionModulus && beam.inertiaX >= requiredInertia) {\n            const modulusUtil = (requiredSectionModulus \/ beam.modulusX) * 100;\n            const inertiaUtil = (requiredInertia \/ beam.inertiaX) * 100;\n            const totalUtil = Math.max(modulusUtil, inertiaUtil);\n\n            suitableBeams.push({\n              type: type,\n              beam: beam,\n              utilization: totalUtil\n            });\n          }\n        });\n      });\n\n      \/\/ \u6309\u5229\u7528\u7387\u4ece\u4f4e\u5230\u9ad8\u6392\u5e8f\uff08\u6700\u7ecf\u6d4e\u5728\u524d\uff09\uff0c\u5e76\u9650\u5236\u5229\u7528\u7387 \u2264100%\n      suitableBeams = suitableBeams\n        .filter(b => b.utilization <= 100)\n        .sort((a, b) => a.utilization - b.utilization)\n        .slice(0, 5); \/\/ \u6700\u591a\u663e\u793a\u524d5\u4e2a\n\n      \/\/ \u663e\u793a\u7ed3\u679c\n      document.getElementById('required-section-modulus').textContent = requiredSectionModulus.toFixed(2) + ' in\u00b3';\n      document.getElementById('required-moment-of-inertia').textContent = requiredInertia.toFixed(0) + ' in\u2074';\n\n      const list = document.getElementById('beam-recommendation-list');\n      list.innerHTML = '';\n\n      if (suitableBeams.length === 0) {\n        list.innerHTML = '<p style=\"color:#f44336;\">No suitable beams found under the given conditions. Try increasing the steel grade, reducing the span\/load, or allowing higher deflection.<\/p>';\n        return;\n      }\n\n      suitableBeams.forEach(item => {\n        const beam = item.beam;\n        const typeText = item.type === 'w-beam' ? 'Wide Flange' :\n                         item.type === 's-beam' ? 'American Standard' : 'Bearing Pile';\n\n        let utilClass = '';\n        if (item.utilization > 90) utilClass = 'danger';\n        else if (item.utilization > 75) utilClass = 'warning';\n\n        const div = document.createElement('div');\n        div.className = 'beam-recommendation';\n        div.innerHTML = `\n          <div class=\"recommendation-details\">\n            <div class=\"recommendation-name\">${beam.designation} (${typeText})<\/div>\n            <div class=\"recommendation-specs\">\n              Depth: ${beam.depth.toFixed(2)} in | Weight: ${beam.weight} lb\/ft<br>\n              S<sub>x<\/sub>: ${beam.modulusX.toFixed(1)} in\u00b3 | I<sub>x<\/sub>: ${beam.inertiaX.toFixed(0)} in\u2074\n            <\/div>\n          <\/div>\n          <div class=\"recommendation-utilization\">\n            <div class=\"recommendation-utilization-value ${utilClass}\">${item.utilization.toFixed(1)}%<\/div>\n            <div class=\"utilization-bar-container\">\n              <div class=\"utilization-bar ${utilClass}\" style=\"width:${item.utilization}%\"><\/div>\n            <\/div>\n          <\/div>\n          <button class=\"beam-select-button\" data-beam='${JSON.stringify(beam)}' data-type=\"${item.type}\">Select & Calculate<\/button>\n        `;\n        list.appendChild(div);\n      });\n\n      \/\/ \u201cSelect & Calculate\u201d \u6309\u94ae\uff1a\u81ea\u52a8\u5207\u6362\u5230 Calculate Span \u6807\u7b7e\u9875\u5e76\u586b\u5145\u6570\u636e\n      document.querySelectorAll('.beam-select-button').forEach(btn => {\n        btn.addEventListener('click', function() {\n          const beamData = JSON.parse(this.dataset.beam);\n          const beamType = this.dataset.type;\n\n          \/\/ \u5207\u6362\u5230 Calculate Span \u6807\u7b7e\u9875\n          document.querySelector('[data-tab=\"span-tab\"]').click();\n\n          \/\/ \u8bbe\u7f6e\u6881\u7c7b\u578b\u548c\u5c3a\u5bf8\n          beamTypeSelect.value = beamType;\n          populateStandardSizes();\n\n          \/\/ \u9009\u4e2d\u5bf9\u5e94\u6881\n          const options = standardSizeSelect.options;\n          for (let i = 0; i < options.length; i++) {\n            if (JSON.parse(options[i].value).designation === beamData.designation) {\n              standardSizeSelect.selectedIndex = i;\n              break;\n            }\n          }\n\n          \/\/ \u586b\u5145\u8de8\u5ea6\u548c\u8377\u8f7d\uff08\u4fdd\u6301\u7528\u6237\u5728 Select Beam \u9875\u8f93\u5165\u7684\u503c\uff09\n          document.getElementById('beam-span').value = requiredSpan;\n          document.getElementById('span-unit').value = spanUnit;\n\n          \/\/ \u5982\u679c\u662f\u5747\u5e03\u8377\u8f7d\uff0c\u8bbe\u7f6e\u603b\u8377\u8f7d\u6216\u7ebf\u8377\u8f7d\n          if (designLoad > 0) {\n            if (loadUnit === 'plf' || loadUnit === 'kgm' || loadUnit === 'kNm') {\n              document.getElementById('total-load').value = designLoad * span; \/\/ \u8f6c\u4e3a\u603b\u8377\u8f7d\n              document.getElementById('load-unit').value = 'lb';\n            }\n          }\n\n          \/\/ \u8bbe\u7f6e\u94a2\u79cd\n          document.getElementById('steel-grade').value = steelGrade;\n\n          \/\/ \u81ea\u52a8\u70b9\u51fb\u8ba1\u7b97\n          calculateButton.click();\n        });\n      });\n    });\n\n    \/\/ ==================== \u590d\u5236\u7ed3\u679c\u529f\u80fd ====================\n    copyResultsButton.addEventListener('click', function() {\n      let textToCopy = '';\n\n      if (spanResults.style.display !== 'none') {\n        \/\/ Calculate Span \u7ed3\u679c\n        const selectedBeam = document.getElementById('selected-beam').textContent;\n        const maxMoment = document.getElementById('max-moment').textContent;\n        const maxDeflection = document.getElementById('max-deflection').textContent;\n        const utilization = document.getElementById('utilization-ratio').textContent;\n        const momentCap = document.getElementById('moment-capacity').textContent;\n        const shearCap = document.getElementById('shear-capacity').textContent;\n        const maxSpan = document.getElementById('max-span').textContent;\n        const maxLoad = document.getElementById('max-load').textContent;\n        const beamWeight = document.getElementById('beam-weight').textContent;\n\n        textToCopy = `Steel I-Beam Span Analysis Results\n-------------------------------\nSelected Beam: ${selectedBeam}\nMaximum Moment: ${maxMoment}\nMaximum Deflection: ${maxDeflection}\nUtilization Ratio: ${utilization}\n\nDetails:\nMoment Capacity: ${momentCap}\nShear Capacity: ${shearCap}\nMaximum Allowable Span: ${maxSpan}\nMaximum Load Capacity: ${maxLoad}\nBeam Self-Weight: ${beamWeight}`;\n      } else {\n        \/\/ Select Beam \u7ed3\u679c\n        const reqModulus = document.getElementById('required-section-modulus').textContent;\n        const reqInertia = document.getElementById('required-moment-of-inertia').textContent;\n\n        textToCopy = `Steel I-Beam Selection Results\n-------------------------------\nRequired Section Modulus: ${reqModulus}\nRequired Moment of Inertia: ${reqInertia}\n\nRecommended Beams:\\n`;\n\n        const items = document.querySelectorAll('#beam-recommendation-list .beam-recommendation');\n        items.forEach(item => {\n          const name = item.querySelector('.recommendation-name').textContent;\n          const specs = item.querySelector('.recommendation-specs').textContent.replace(\/<br>\/g, ' | ');\n          const util = item.querySelector('.recommendation-utilization-value').textContent;\n          textToCopy += `${name} \u2014 ${specs} \u2014 Utilization: ${util}\\n`;\n        });\n      }\n\n      navigator.clipboard.writeText(textToCopy).then(() => {\n        const originalHTML = copyResultsButton.innerHTML;\n        copyResultsButton.innerHTML = `\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n          <\/svg>\n        `;\n        setTimeout(() => {\n          copyResultsButton.innerHTML = originalHTML;\n        }, 2000);\n      });\n    });\n\n    \/\/ ==================== \u521d\u59cb\u5316 ====================\n    populateStandardSizes();\n    updateLoadDiagramAndDescription();\n  });\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Steel I-Beam Span Calculator Calculate the maximum allowable span, deflection, and load capacity for steel I-beams based on structural engineering principles. Calculate Span Select Beam I-Beam Type: Wide Flange (W Sections)American Standard (S Sections)Bearing Pile (HP Sections) Standard Size: Load Configuration Load Type: Uniform LoadPoint Load (Center)Point Load (Third Points)Cantilever (Uniform Load) Total Load: lbkgkNlb\/ftkg\/m [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6223","post","type-post","status-publish","format-standard","hentry","category-steel-products"],"_links":{"self":[{"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/posts\/6223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/comments?post=6223"}],"version-history":[{"count":16,"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/posts\/6223\/revisions"}],"predecessor-version":[{"id":6254,"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/posts\/6223\/revisions\/6254"}],"wp:attachment":[{"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/media?parent=6223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/categories?post=6223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/anisteel.com\/fr\/wp-json\/wp\/v2\/tags?post=6223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}