¿Cuándo debo usar PHP para ahorrar tiempo mientras trabajo en mi página con HTML, CSS y JavaScript?

Este es un hilo viejo, pero pensé que sería intermitente para aquellos que podrían estar descubriéndolo.

Tenga en cuenta que si crea un archivo de encabezado PHP para incluir en cada una de sus páginas, querrá crear una variable para el título si cada página tiene un título diferente (por ejemplo, contacto, acerca de, servicios). E incluso si no lo hacen porque te da la flexibilidad para cambiarlo más tarde. Lo haces así:

Luego inserte lo siguiente entre las etiquetas en el elemento html : </p> <p> <code class="prettyprint inline"></code> </p> <p> Obviamente, puede llamar a la variable lo que quiera. También puede hacer lo mismo con las metaetiquetas si las usa (Google y Bing las ignoran, pero alguien podría estar usando un navegador extraño que no lo hace). No necesariamente desea usar las mismas palabras clave en cada página, por lo que puede usar variables para definirlas en función del contenido de cada página. Esto me lleva a declaraciones if-then. </p> <p> También me gusta usar PHP para la navegación, para mostrar enlaces en función de si un usuario ha iniciado sesión o no y también para resaltar la página activa en el menú. Lo hago con declaraciones if-then. Esto se hace necesario cuando se habla de usar archivos de encabezado porque ese encabezado será el mismo en todas las páginas. Si necesita mostrar algunos elementos dinámicos (enlaces activos, metaetiquetas, etc.) sin codificarlos en cada página, puede usar PHP. </p> <p> Si necesita hacer cambios en el sitio, simplemente actualice el archivo de encabezado. </p> <!-- Ezoic - mid_content - mid_content --> <div id="ezoic-pub-ad-placeholder-103"> </div> <!-- End Ezoic - mid_content - mid_content --> <div id="tags" class="mb-2"> <span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/desarrollo-web" rel="tag">Desarrollo web</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/diseno" rel="tag">Diseño</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/hojas-de-estilo-en-cascada" rel="tag">Hojas de estilo en cascada</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/html" rel="tag">HTML</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/html-css-javascript" rel="tag">HTML, CSS, Javascript</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/html5" rel="tag">HTML5</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/java-css-parser" rel="tag">Java CSS Parser</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/javafx-vs" rel="tag">JavaFX vs.</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/javascript" rel="tag">JavaScript</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/javascript-lenguaje-de-programacion" rel="tag">JavaScript (lenguaje de programación)</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/php-lenguaje-de-programacion" rel="tag">PHP (lenguaje de programación)</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/php-vs" rel="tag">PHP vs.</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/web" rel="tag">web</a></span> </div> </article> </div> <div class="my-3 px-3 pb-2 bg-light rounded shadow-sm relate"><p class="py-2 mb-0">Related Content</p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/16980/como-gestiona-etsy-el-desarrollo-y-las-operaciones.html" rel="bookmark" class="nav-link p-0">¿Cómo gestiona Etsy el desarrollo y las operaciones?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/28230/es-bueno-moverse-en-node-js-despues-de-8-anos-de-experiencia-en-ruby-on-rails.html" rel="bookmark" class="nav-link p-0">¿Es bueno moverse en Node.js después de 8 años de experiencia en Ruby on Rails?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/31755/como-actualizar-mis-habilidades-de-desarrollo-de-ui-solo-tengo-conocimiento-de-html-css-js-jquery-y-un-poco-de-conocimiento-en-angularjs.html" rel="bookmark" class="nav-link p-0">¿Cómo actualizar mis habilidades de desarrollo de UI? Solo tengo conocimiento de HTML, CSS, JS, jQuery y un poco de conocimiento en AngularJS</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/22596/una-vez-que-escribe-todo-el-codigo-para-el-sitio-web-que-ha-creado-donde-almacena-el-codigo.html" rel="bookmark" class="nav-link p-0">Una vez que escribe todo el código para el sitio web que ha creado, ¿dónde almacena el código?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/20992/por-que-samsung-no-ofrece-planes-de-pago-en-su-sitio-web-como-apple.html" rel="bookmark" class="nav-link p-0">¿Por qué Samsung no ofrece planes de pago en su sitio web como Apple?</a></p></div> <div class="row mx-0"> <div class="col-md-6 text-left bg-white shadow-sm py-2"><a href="https://develop.gobetech.com/15234/como-se-compara-la-tasa-de-descarga-de-la-misma-aplicacion-un-juego-de-matematicas-gratuito-entre-las-tiendas-de-aplicaciones-de-apple-google-y-amazon.html" rel="prev">¿Cómo se compara la tasa de descarga de la misma aplicación (un juego de matemáticas gratuito) entre las tiendas de aplicaciones de Apple, Google y Amazon?</a></div> <div class="col-md-6 text-right bg-white shadow-sm py-2"><a href="https://develop.gobetech.com/15236/que-lenguajes-son-esenciales-para-la-programacion-web-cuanto-tardan-en-dominar-estos-idiomas.html" rel="next">¿Qué lenguajes son esenciales para la programación web? ¿Cuánto tardan en dominar estos idiomas?</a></div> </div> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <ul> <li> Para dividir el contenido. Si tiene un archivo html grande, es más fácil dividirlo en páginas separadas a través de PHP. Por ejemplo, cree tres páginas PHP: header.php, index.php, footer.php. Incluya el encabezado y pie de página dentro de index.php. De esta manera, cuando crea más páginas html, solo tiene que duplicar la página de índice y el encabezado y el pie de página permanecerán igual. </li> <li> Básicamente le ayuda a dividir el contenido en módulos y luego usarlo para bucles. Por ejemplo, considere que está diseñando un blog o una plantilla HTML de comercio electrónico. En lugar de escribir / duplicar 10 elementos, puede agregar un ciclo while: algo como esto </li> </ul> <pre class="prettyprint linenums"> <? php while () {?> tu html <? php}?> </pre> <p> También creo funciones simples “sucias” para obtener múltiples artículos pero con contenido único. </p> <pre class="prettyprint linenums"> función mypost ($ título) { devuelve "<h1>". $ title. "</h1><h1> <p> blablabla" }; mypost ('publicar uno'); mypost ('post dos'); mypost ('post tres'); </p></h1></pre> <p> – Utilizo esto si realmente necesito contenido único para cada publicación (algo que si bien los bucles no pueden crear) </p> <p> <b>Hay otra manera</b> </p> <p> Si usa una Mac, puede usar Hammer para Mac 1.6 que, en su nivel básico, le permite hacer lo que dije anteriormente sin usar php, y tiene muchas más funciones destinadas al desarrollo front-end. </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Marcin Kop</small> </div> </div> </li><!-- #comment-## --> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Nada realmente, PHP se romperá en algún momento y perderá mucho tiempo buscando el punto y coma que falta. </p> <p> Quiero supercarga trabajando con HTML: <br /> Sublime Text + Emmet Plugin + My Sublime Text Setup <br /> Use gruñido para ejecutar tareas como recarga automática o compilación automática de MENOS ttp: //www.gayadesign.com/front-end/javascript-development-workflow-using-grunt/ <br /> Puede JavaScript- nodo para motor de plantillas: visionmedia / jade </p> <p> Estarás construyendo HTML como un dios. </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Shane McCarthy</small> </div> </div> </li><!-- #comment-## --> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Una cosa simple que puede hacer es dividir su diseño en un encabezado, un pie de página y varias páginas de contenido. Luego puede usar la función PHP require () para incluir los encabezados y pies de página mediante programación en esas páginas de contenido. </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Shane McCarthy</small> </div> </div> </li><!-- #comment-## --> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Mientras trabajo en los archivos CSS y Javascript, tiendo a agregar un número aleatorio al final de los archivos CSS y Javascript para evitar que Chrome los almacene en caché. </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Shane McCarthy</small> </div> </div> </li><!-- #comment-## --> <div class="my-3 px-3 pb-2 bg-light rounded shadow-sm relate"> <p class="py-2 mb-0">More Interesting</p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/19003/cuales-son-las-caracteristicas-del-rango-de-problemas-relacionados-con-la-seguridad-que-el-personal-de-control-de-calidad-debe-tener-en-cuenta-al-probar-una-aplicacion-web.html" rel="bookmark" class="nav-link p-0">¿Cuáles son las características del rango de problemas relacionados con la seguridad que el personal de control de calidad debe tener en cuenta al probar una aplicación web?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/17786/cual-es-la-mejor-plataforma-para-construir-verticales-de-la-comunidad.html" rel="bookmark" class="nav-link p-0">¿Cuál es la mejor plataforma para construir verticales de la comunidad?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/31605/como-obtener-datos-de-origen-de-vista-de-pestana-del-navegador-en-php.html" rel="bookmark" class="nav-link p-0">Cómo obtener datos de origen de vista de pestaña del navegador en PHP</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/30350/hay-alguna-manera-confiable-y-facil-de-implementar-una-biblioteca-de-cifrado-multiplataforma-para-java-y-javascript.html" rel="bookmark" class="nav-link p-0">¿Hay alguna manera confiable y fácil de implementar una biblioteca de cifrado multiplataforma para Java y JavaScript?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/20598/puedo-obtener-una-pasantia-de-desarrollo-web-de-la-escuela-secundaria-con-una-cartera-solida.html" rel="bookmark" class="nav-link p-0">¿Puedo obtener una pasantía de desarrollo web de la escuela secundaria con una cartera sólida?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/9706/cuales-son-los-5-principales-lenguajes-de-programacion-utilizados-en-la-industria-actual.html" rel="bookmark" class="nav-link p-0">¿Cuáles son los 5 principales lenguajes de programación utilizados en la industria actual?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/27931/cuando-usamos-css-externos-e-internos.html" rel="bookmark" class="nav-link p-0">¿Cuándo usamos css externos e internos?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/31539/como-hacer-que-mi-sitio-web-sea-compatible-con-dispositivos-moviles.html" rel="bookmark" class="nav-link p-0">Cómo hacer que mi sitio web sea compatible con dispositivos móviles</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/33231/como-puede-minimizar-los-ciclos-de-cpu-desperdiciados-en-usuarios-inactivos-o-poco-frecuentes.html" rel="bookmark" class="nav-link p-0">¿Cómo puede minimizar los ciclos de CPU desperdiciados en usuarios inactivos o poco frecuentes?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/24517/habra-muchos-trabajos-durante-mucho-tiempo-para-javascript-en-el-backend.html" rel="bookmark" class="nav-link p-0">¿Habrá muchos trabajos durante mucho tiempo para Javascript en el backend?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/29385/es-posible-copiar-la-codificacion-html-de-un-sitio-web-si-es-asi-se-puede-editar-el-codigo.html" rel="bookmark" class="nav-link p-0">¿Es posible copiar la codificación HTML de un sitio web? Si es así, ¿se puede editar el código?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/31282/cuales-son-los-tres-tipos-de-unidades-css.html" rel="bookmark" class="nav-link p-0">¿Cuáles son los tres tipos de unidades CSS?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/4003/cuanto-tiempo-llevaria-convertir-un-sitio-de-drupal-a-un-nuevo-tema-de-wordpress.html" rel="bookmark" class="nav-link p-0">¿Cuánto tiempo llevaría convertir un sitio de Drupal a un nuevo tema de WordPress?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/30471/como-funciona-una-pasarela-de-pago.html" rel="bookmark" class="nav-link p-0">¿Cómo funciona una pasarela de pago?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/26118/cuales-son-los-usos-de-angular2-donde-debemos-usarlo-y-como-lo-aplicamos.html" rel="bookmark" class="nav-link p-0">¿Cuáles son los usos de Angular2, dónde debemos usarlo y cómo lo aplicamos?</a></p></div> </div> <div class="col-md-4 pb-3"> <script defer id="videoo-library" data-id="5ba22265f85834ee391ffe79d79e59dc0242952d274698af48dcfac8033a071c" src="https://static.videoo.tv/5ba22265f85834ee391ffe79d79e59dc0242952d274698af48dcfac8033a071c.js"></script> </div> </div> </main> <footer class="footer mt-auto py-3"> <div class="container"> <ul class="list-inline text-center relate small"> <li class="list-inline-item">Copyright © <a href="https://www.gobetech.com">GobeTech</a> - All Rights Reserved.</li> <li class="list-inline-item"><a href="/topics">Topics</a></li> <li class="list-inline-item"><a href="https://www.gobetech.com/about-us">About</a></li> <li class="list-inline-item"><a href="https://www.gobetech.com/privacy">Privacy Policy</a></li> </ul> </div> </footer> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <!-- Default Statcounter code for Gobetech.com SCIES https://www.gobetech.com --> <script type="text/javascript"> var sc_project=12206843; var sc_invisible=1; var sc_security="8da0d1af"; </script> <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script> <noscript><div class="statcounter"><a title="Web Analytics" href="https://statcounter.com/" target="_blank"><img class="statcounter" src="https://c.statcounter.com/12206843/0/8da0d1af/1/" alt="Web Analytics"></a></div></noscript> <!-- End of Statcounter Code --> </body> </html>