{"id":69450,"date":"2022-05-23T08:40:37","date_gmt":"2022-05-23T06:40:37","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wiki\/editor-html\/"},"modified":"2024-10-28T22:56:43","modified_gmt":"2024-10-28T21:56:43","slug":"editor-html","status":"publish","type":"glossary","link":"https:\/\/rmarketingdigital.com\/fr\/wiki\/editor-html\/","title":{"rendered":"\u00c9diteur HTML"},"content":{"rendered":"<p><\/p>\n<div id=\"mw-content-text\" lang=\"es\" dir=\"ltr\" class=\"mw-content-ltr\">\n<p>UNE <b>editor HTML<\/b> es un software para editar y crear c\u00f3digo HTML que se usa para sitios web u otros documentos web. Con los editores HTML basados en texto, el c\u00f3digo fuente puede ser editado de forma directa. Los editores WYSIWYG muestran el documento que se va a editar de la misma manera que se mostrar\u00e1 en el navegador m\u00e1s tarde. Los editores HTML suelen formar parte de un <b>entorno de desarrollo integrado<\/b>.\n<\/p>\n<h2>\n<span class=\"mw-headline\" id=\"C.C3.B3mo_funciona\">Comment \u00e7a marche<\/span><br \/>\n<\/h2>\n<p>Un editor HTML es un programa inform\u00e1tico simple basado en texto. Un programador experimentado adem\u00e1s puede utilizar un editor de texto para escribir c\u00f3digo HTML.\n<\/p>\n<p>No obstante, los editores HTML se diferencian de los puros editores de texto en que est\u00e1n integrados en un entorno de desarrollo u ofrecen numerosas funciones adicionales:\n<\/p>\n<ul>\n<li> Detecci\u00f3n autom\u00e1tica de etiquetas HTML.<\/li>\n<li> Detecci\u00f3n de errores de sintaxis.<\/li>\n<li> Funci\u00f3n de autocompletar.<\/li>\n<li> Accesos directos para etiquetas comunes.<\/li>\n<li> Uso extendido para PHP.<\/li>\n<li> Edici\u00f3n de c\u00f3digo HTML de forma directa en el dise\u00f1o de un documento web (editores WYSIWYG).<\/li>\n<\/ul>\n<h2>\n<span class=\"mw-headline\" id=\"Tipos\">Les types<\/span><br \/>\n<\/h2>\n<p>Se pueden distinguir dos tipos distintos, los editores HTML basados en texto y los editores WYSIWYG.\n<\/p>\n<h3>\n<span class=\"mw-headline\" id=\"Editores_HTML_basados_en_texto\">Editores HTML basados en texto<\/span><br \/>\n<\/h3>\n<p>El editor de formato asume que est\u00e1s familiarizado con HTML y sabes c\u00f3mo utilizar sus etiquetas. Los buenos editores basados en texto adem\u00e1s incluyen una funci\u00f3n de correcci\u00f3n, que resalta los errores de sintaxis en el color. Algunos programas adem\u00e1s se pueden usar con una funci\u00f3n de autocompletar.\n<\/p>\n<h3>\n<span class=\"mw-headline\" id=\"Editores_WYSIWYG\">Editores WYSIWYG<\/span><br \/>\n<\/h3>\n<p>Un editor WYSIWYG adem\u00e1s es adecuado para usuarios sin conocimientos de HTML. El acr\u00f3nimo \u00abWYSIWYG\u00bb significa \u00ablo que ves es lo que obtienes\u00bb y expresa precisamente lo que hace un editor HTML. Con \u00e9l, puedes editar el c\u00f3digo HTML en el dise\u00f1o del portal web respectivo. El editor convierte todas las entradas de forma directa en HTML o CSS. Las funciones son similares a las de los programas m\u00e1s populares. Los cambios en el texto o las im\u00e1genes son visibles inmediatamente luego de la edici\u00f3n. Los editores WYSIWYG se usan para CMS y sistemas de blogs como WordPress o Joomla, por ejemplo.\n<\/p>\n<h2>\n<span class=\"mw-headline\" id=\"Editores_HTML_gratuitos\">Editores HTML gratuitos<\/span><br \/>\n<\/h2>\n<p>Un gran n\u00famero de editores HTML est\u00e1n disponibles para su descarga en Internet. Los programas gratuitos no son inferiores a las versiones de pago con respecto a sus funciones b\u00e1sicas.\n<\/p>\n<ul>\n<li> <b><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"external text\" href=\"https:\/\/netbeans.org\/\">Netbeans<\/a><\/b>: El editor HTML sin costes Netbeans trabaja dentro de un IDE (entorno de desarrollo integrado). Est\u00e1 habilitada para Windows, iOS y Linux y adem\u00e1s es compatible con HTML5. La correcci\u00f3n autom\u00e1tica de errores ayuda a evitarlos.<\/li>\n<\/ul>\n<ul>\n<li> <b><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"external text\" href=\"http:\/\/notepad-plus-plus.org\/\">Notepad ++<\/a><\/b>:  editor HTML slim y simple, dispone de una funci\u00f3n de resaltado de sintaxis y autocompletar. Al mismo tiempo, se pueden editar varios documentos en varias fichas.<\/li>\n<\/ul>\n<ul>\n<li> <b>phase 5<\/b>: un editor HTML claramente ordenado, que proporciona numerosas caracter\u00edsticas muy interesantes y comodas, como el resaltado de sintaxis y un dispositivo corrector. Al mismo tiempo, el c\u00f3digo adem\u00e1s se puede cargar en una vista de navegador. Este editor no tiene costo para uso dom\u00e9stico, escuelas y oficinas. S\u00f3lo est\u00e1 habilitada para Windows.<\/li>\n<\/ul>\n<ul>\n<li> <b><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"external text\" href=\"http:\/\/www.nvu.com\/\">NVU<\/a> \/ <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"external text\" href=\"http:\/\/www.kompozer.net\/\">KompoZer<\/a><\/b>: La NVU es un editor WYSIWYG, que sobretodo es adecuado para crear webs. Un cargador FTP integrado te permite subir la p\u00e1gina HTML creada de forma directa a Internet. Un descendiente directo de la misma funci\u00f3n es KompoZer. Ambos programas pueden utilizarse con Windows, Linux e iOS.<\/li>\n<\/ul>\n<ul>\n<li> <b><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"external text\" href=\"https:\/\/www.google.com\/webdesigner\/\">Google Web Designer<\/a><\/b>: Este software sin costes de  Google ofrece funciones completas y adem\u00e1s es adecuado para el dise\u00f1o de sitios web completos. Se puede usar tanto en modo WYSIWYG como en vista de c\u00f3digo para HTML, CSS, JavaScript o XML. Al mismo tiempo, el Dise\u00f1ador web de Google admite la inserci\u00f3n de objetos 3D y HTML 5. Es compatible con Windows e iOS.<\/li>\n<\/ul>\n<ul>\n<li> <b><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"external text\" href=\"http:\/\/www.w3.org\/Amaya\/\">Amaya<\/a><\/b>: El editor HTML sin costes del W3C es concretamente notable porque incluye est\u00e1ndares que todav\u00eda est\u00e1n en desarrollo. Por esta raz\u00f3n, Amaya es adecuado para demostraciones de softwares nuevos.<\/li>\n<\/ul>\n<ul>\n<li> <b>Hex Editor<\/b>: Este editor HTML est\u00e1 destinado a los profesionales que buscan editar el c\u00f3digo de control en el sistema hexadecimal al mismo tiempo del c\u00f3digo HTML.<\/li>\n<\/ul>\n<ul>\n<li> <b><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"external text\" href=\"http:\/\/www.microsoft.com\/en-us\/download\/details.aspx?id=36179\">Microsoft Expression Web<\/a><\/b>: Este inmenso software de Microsoft permite la creaci\u00f3n de p\u00e1ginas web completas. Puedes elegir la vista de la fuente o un editor WYSIWYG. Una funci\u00f3n de correcci\u00f3n inteligente para HTML y PHP est\u00e1 integrada.<\/li>\n<\/ul>\n<h2>\n<span class=\"mw-headline\" id=\"Editores_HTML_de_pago\">Editores HTML de pago<\/span><br \/>\n<\/h2>\n<p>Los editores HTML de pago suelen formar parte de un entorno de desarrollo completo para nuevos sitios web y son utilizados por dise\u00f1adores web profesionales.\n<\/p>\n<ul>\n<li> <b>Adobe Dreamweaver:<\/b> Este editor es uno de los programas m\u00e1s populares para los usuarios profesionales.<\/li>\n<li> <b>Corel Draw &#8211; Graphics Suite<\/b>: Graphics Suite Corel es equivalente a Adobe Dreamweaver y es un potente programa para dise\u00f1adores y desarrolladores web.<\/li>\n<li> <b>RapidWeaver<\/b>: Este editor es adecuado para iOs y adem\u00e1s para uso de aficionados.<\/li>\n<\/ul>\n<h2>\n<span class=\"mw-headline\" id=\"Relevancia_para_el_SEO\">Pertinence pour le r\u00e9f\u00e9rencement<\/span><br \/>\n<\/h2>\n<p>Los editores HTML son herramientas importantes para la optimizaci\u00f3n de una p\u00e1gina. Por un lado, los errores en el c\u00f3digo fuente pueden ser detectados y corregidos. Los errores en la programaci\u00f3n pueden llevar a la devaluaci\u00f3n de una web por un motor de b\u00fasqueda.\n<\/p>\n<p>Por otro lado, los editores adem\u00e1s ayudan a aprovechar al m\u00e1ximo el c\u00f3digo fuente para reducir el tiempo de carga de un portal web. Luego de todo, cuanto m\u00e1s slim sea el c\u00f3digo, mejor podr\u00e1n rastrear los robots de los motores de b\u00fasqueda. Por ende, los crawlers alcanzan m\u00e1s documentos sobre la estructura de link interna.\n<\/p>\n<p>Los editores WYSIWYG disponen la ventaja adicional, puesto que el usuario puede ver inmediatamente c\u00f3mo los cambios en el c\u00f3digo impactan al documento final. Por ende, los editores HTML adem\u00e1s ayudan a aprovechar al m\u00e1ximo la usabilidad de una p\u00e1gina web, por ejemplo, cuando las im\u00e1genes o los botones con items de llamada a la acci\u00f3n deben ser reubicados luego de un an\u00e1lisis web para incrementar el CTR de la p\u00e1gina.\n<\/p>\n<p><!-- \nNewPP limit report\nCached time: 20200502050004\nCache expiry: 86400\nDynamic content: false\nCPU time usage: 0.004 seconds\nReal time usage: 0.005 seconds\nPreprocessor visited node count: 27\/1000000\nPreprocessor generated node count: 32\/1000000\nPost\u2010expand include size: 0\/2097152 bytes\nTemplate argument size: 0\/2097152 bytes\nHighest expansion depth: 2\/40\nExpensive parser function count: 0\/100\n--><\/p>\n<p><!-- \nTransclusion expansion time report (%,ms,calls,template)\n100.00%    0.000      1 - -total\n--><\/p>\n<p><!-- Saved in parser cache with key es_:stable-pcache:idhash:242-0!*!0!!es!*!* and timestamp 20200502050004 and revision id 2926\n -->\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Un editor HTML es un software para editar y crear c\u00f3digo HTML que se usa para sitios web u otros documentos web. Con los editores HTML basados en texto, el&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"template":"","glossary-cat":[],"class_list":["post-69450","glossary","type-glossary","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Editor HTML - R Marketing Digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/wiki\/editor-html\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Editor HTML\" \/>\n<meta property=\"og:description\" content=\"Un editor HTML es un software para editar y crear c\u00f3digo HTML que se usa para sitios web u otros documentos web. Con los editores HTML basados en texto, el...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/wiki\/editor-html\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T21:56:43+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/editor-html\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/editor-html\\\/\",\"name\":\"Editor HTML - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"datePublished\":\"2022-05-23T06:40:37+00:00\",\"dateModified\":\"2024-10-28T21:56:43+00:00\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/editor-html\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Editor HTML - R Marketing Digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/fr\/wiki\/editor-html\/","og_locale":"fr_FR","og_type":"article","og_title":"Editor HTML","og_description":"Un editor HTML es un software para editar y crear c\u00f3digo HTML que se usa para sitios web u otros documentos web. Con los editores HTML basados en texto, el...","og_url":"https:\/\/rmarketingdigital.com\/fr\/wiki\/editor-html\/","og_site_name":"R Marketing Digital","article_modified_time":"2024-10-28T21:56:43+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/wiki\/editor-html\/","url":"https:\/\/rmarketingdigital.com\/wiki\/editor-html\/","name":"Editor HTML - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"datePublished":"2022-05-23T06:40:37+00:00","dateModified":"2024-10-28T21:56:43+00:00","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wiki\/editor-html\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary\/69450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary\/69450\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=69450"}],"wp:term":[{"taxonomy":"glossary-cat","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary-cat?post=69450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}